@charset "UTF-8";

/*
Theme Name: SanDisk
Description: SanDisk WordPress Theme
Author: SanDisk
Version: 1.0
*/





/********************************************************
 ********************************************************
	PC / SP 共通CSS
**********************************************************
**********************************************************/





/****************************
    font
*****************************/
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 100;
	src: url("./common/font/NotoSansCJKjp-Thin.eot");
	src: url("./common/font/NotoSansCJKjp-Thin.eot?#iefix") format("embedded-opentype"), url("./common/font/NotoSansCJKjp-Thin.woff") format("woff"), url("./common/font/NotoSansCJKjp-Thin.ttf") format("truetype");
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 200;
	src: url("./common/font/NotoSansCJKjp-Light.eot");
	src: url("./common/font/NotoSansCJKjp-Light.eot?#iefix") format("embedded-opentype"), url("/cs/wp-content/themes/sandisk/common/font/NotoSansCJKjp-Light.woff") format("woff"), url("/cs/wp-content/themes/sandisk/common/font/NotoSansCJKjp-Light.ttf") format("truetype");
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 300;
	src: url("./common/font/NotoSansCJKjp-DemiLight.eot");
	src: url("./common/font/NotoSansCJKjp-DemiLight.eot?#iefix") format("embedded-opentype"), url("/cs/wp-content/themes/sandisk/common/font/NotoSansCJKjp-DemiLight.woff") format("woff"), url("/cs/wp-content/themes/sandisk/common/font/NotoSansCJKjp-DemiLight.ttf") format("truetype");
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 400;
	src: url("./common/font/NotoSansCJKjp-Regular.eot");
	src: url("./common/font/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"), url("/cs/wp-content/themes/sandisk/common/font/NotoSansCJKjp-Regular.woff") format("woff"), url("/cs/wp-content/themes/sandisk/common/font/NotoSansCJKjp-Regular.ttf") format("truetype");
}

/* @font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 500;
	src: url("./common/font/NotoSansCJKjp-Medium.eot");
	src: url("./common/font/NotoSansCJKjp-Medium.eot?#iefix") format("embedded-opentype"), url("./common/font/NotoSansCJKjp-Medium.woff") format("woff"), url("./common/font/NotoSansCJKjp-Medium.ttf") format("truetype");
} */

/* @font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 700;
	src: url("./common/font/NotoSansCJKjp-Bold.eot");
	src: url("./common/font/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("./common/font/NotoSansCJKjp-Bold.woff") format("woff"), url("./common/font/NotoSansCJKjp-Bold.ttf") format("truetype");
} */

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 900;
	src: url("./common/font/NotoSansCJKjp-Black.eot");
	src: url("./common/font/NotoSansCJKjp-Black.eot?#iefix") format("embedded-opentype"), url("/cs/wp-content/themes/sandisk/common/font/NotoSansCJKjp-Black.woff") format("woff"), url("/cs/wp-content/themes/sandisk/common/font/NotoSansCJKjp-Black.ttf") format("truetype");
}





/****************************
    base
*****************************/

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: 'Noto Sans Japanese';
	font-weight: 400;
	line-height: 100%;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-all;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

img {
	border: none;
	vertical-align: text-bottom;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* add 2018/2/2 */
span.spnblock {
   display: inline-block;
}

.camera {
position: relative;
margin-top: 40px;
padding-left: 32px;
font-size: 22px;
clear: both}

.camera:before {
position: absolute;
left: 0px;
top: 3px;
content: '\f030';
color: #ff0000;
font-family: 'FontAwesome';
font-size: 22px;
line-height: 1}

.redbox {
	background-color: #F99;
		line-height: 1.5;
	color:#FFF;
	padding: 8px 0;
	border-radius: 30px;
	font-size:24px
}

.redbox02 {
	background-color: #F99;
	line-height: 1.5;
	padding: 8px 0;
	border-radius: 15px;
	font-size:16px;
	spacing: 5px 0;
	
}

.blackbox01 {
	background-color: #000;
	line-height: 1.5;
	padding: 8px 0;
	border-radius: 15px;
	font-size:16px;
	spacing: 5px 0;
	
}

.redborder {
	border: 5px solid #f00;
	padding: 8px 0;
	line-height: 1.5;
	border-radius: 15px
}

.graybox {
	background-color: #E6E6E6;
	line-height: 1.5;	
	padding: 14px 0;
	border-radius: 10px;
	font-size:25px
}

.graybox01 {
	background-color: #9A9A9A;
	line-height: 1.5;
	padding: 8px 0;
	border-radius: 15px;
	font-size:16px;
	spacing: 5px 0;
	
	}
	
.graybox_02 {
	background-color: #E6E6E6;
	line-height: 1.5;	
	padding: 10px 0;
	border-radius: 10px;
}

.blackbox {
	background-color: #000000;	
	padding: 10px 0;
	line-height: 1.5;
	border-radius: 10px;
}

.line {
	border-bottom:solid #CCC 2px;
	padding: 10px;
	line-height: 1.5;
}

.linedot {
	border-bottom:dotted #CCC 2px;
	padding: 10px;
	line-height: 1.5;
}

.lineleft {
	border-left: #FF3 solid 10px;
		padding: 5px;
}

.check {
position: relative;
margin-top: 40px;
padding-left: 32px;
font-size: 20px;
clear: both}

.check:befor {
position: absolute;
left: 0px;
top: 3px;
content: '\f046';
color: #999999;
font-family: 'FontAwesome';
font-size: 22px;
line-height: 1}

.title_p {
	line-height: 1.5; }