@charset "shift_jis";

.maindesign{
	max-width:900px;
}
#head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
	    width: 100%;
    max-width: 900px;
    margin: 30px auto;
}
h2.headingMiddle {
    position: relative;
    padding-bottom: 0.8em;
    border-bottom: 3px solid #DDD;
    font-size: 1.25em;
    font-weight: bold;
    margin: 20px auto 40px;
    text-align: left;
}
h2.headingMiddle::after {
    position: absolute;
    content: " ";
    border-bottom: solid 3px #E5002D;
    bottom: -3px;
    width: 6.5%;
    display: block;
}
header .mainImg {
    position: relative;
    width: 100%;
    max-width: 900px;
    animation-name: fadein;
    animation-duration: 5s;
    animation-iteration-count: 1;
}
header .mainImg img{
	margin:auto;
    width: 100%;
	max-width:900px;
}
#wrap{
	overflow:hidden;
}

#top5{
    text-align:center;
	margin:0px;
	padding: 15px 15px;
	background-color: #c7000b;
	}
 
 #top5 li{
 	width:167px;
	height:235px;
	
	position:relative;
	display:inline-block;
	*display: inline;  
    *zoom: 1;  
 	}
 #top5 li img{
 	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0px;
 	}
 #top5 .inner{
 	background-color:#ffffff;
	padding: 5px 5px;
    border-radius: 10px;
 	}

 .osusume{
    text-align: center;
    margin: 0px;
    padding: 20px 4px;
    width: 100%;
	}
 
 .osusume li{
 	position: relative;
    display: inline-block;
    float: left;
    margin: -1px;
 	}
 .osusume li img{
	/*width:100%*/
	}
	 
.osusume .base_img{
	/*width:100%;*/
	/*position:absolute;*/
	top:0;
	left:0;
	} 
	 
 .osusume_btn{
	margin:0 auto;
 width:100%;
  max-width:900px;
   	margin-bottom:20px;
	}
 .osusume_btn img{
	 width:100%;
 }
 .osusume_btn ul{
 	padding: 0;
 	}
	 
 /*.osusume_btn li{
 	position: relative;
    display: inline-block;
    float: left;
    margin: 3px 0px 0 3px;
    width: 33%;
 	position: relative;
    display: inline-block;
    float: left;
    width: 33%;
    margin: 1px;
	}*/
 
#wrap .box_head{
	position:relative;
	display:block;
	text-align:left;
	font-size:2.0em;
	font-weight:bold;
	color:#fff;
	line-height:50px;
	text-shadow: 1px 1px 2px rgba(10,10,10,0.7);
	/*width:560px;*/
	height:51px;
    padding-left:8px;
	margin:0;

	background: no-repeat url(../img/20160823/cm_bg01.gif);
	background-color:#f7931e;

}
#wrap .box_naka{
    border-left: 3px solid #f7931e;
    border-right: 3px solid #f7931e;
    padding: 24px 47px 10px;
}

#wrap .box_foot{
position:relative;
	height:10px;
    border-bottom: 3px solid #f7931e;
	margin-bottom:23px;
	box-sizing: border-box;
}

#wrap .btn {
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: url(/include_html/koukoku/16_cm/img/bg_btn.gif) left bottom !important;
    margin-left:10px;
	width: 450px;
}
.btn a {
    display: block;
    width: 94%;
    padding: 10px 3%;
    background: no-repeat url(/include_html/koukoku/16_cm/img/bg_arrow.gif) 3% center !important;
}
#wrap .product {
    display: block;
    font-size: 120%;
    text-align: left;
    font-weight: 700;
    color: #333333;
    line-height: 1.4;
    margin-left: 30px;
}


#wrap .product_box{
	margin-top:10px;
	overflow:hidden;

}
#nedan{
	text-align:right;
	margin-right:9px;
	padding-top:9px;
}


#nedan .md_tax{
	font-size:100% !important;
	padding-right:3px;
	color:#333333;
}


#nedan .md_price{
	font-weight:bold;
	font-size: 180% ;
	text-decoration:none;
	color: #FF0000;

}


#nedan .md_en{
	font-size:90% !important;
	padding-left:3px;
	color:#FF0000;
}

.mask01{
	background:#FF0000;
/*	background:#ffffff;*/
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;	}
.mask02{
	background:#ffffff;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;	}
	 
.hover01{
	cursor:pointer;
	width:100%;
	height:100%;
	} 
.hover02{
	cursor:pointer;
	} 
.hover02n{
	cursor:pointer;
	} 


/*.heading{
	background-color:#c7000b;
	color:#FFFFFF;
}*/

.heading .heading_b{
	margin:0 auto;
	/*width:900px;*/
}

.heading .heading_b p{
	line-height:47px;
	font-size:30px;
	font-weight: bold;
}



ul.cover {
	display: table;
	border-spacing: 1em 3px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align:center;
	background-color:#c7000b;
	padding:10px 0;
	
}


ul.cover li.box1 {
	display: table-cell;
	width:33%;
    border-radius: 10px;
	background-color:#fff;
	padding:4px;
	float:none;
	position:relative;
}

ul.cover li.box1 a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	color:#161616;
}



ul.cover li.box1 p {
	font-size:18px;
	font-weight:bold;
}


ul.cover_2 {
	display: table;
	border-spacing: 10px 3px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	padding-bottom:5px;
	
}

ul.cover_2 li.box1,ul.cover_2 li.box2,ul.cover_2 li.box3,ul.cover_2 li.box4,ul.cover_2 li.box5,ul.cover_2 li.box6,ul.cover_2 li.box7,ul.cover_2 li.box8,ul.cover_2 li.box9{
    border-radius: 10px;
	float:none;
	vertical-align:middle;
	display:table-cell;
}

ul.cover_2 li.box1 a,ul.cover_2 li.box2 a,ul.cover_2 li.box3 a,ul.cover_2 li.box4 a,ul.cover_2 li.box5 a,ul.cover_2 li.box6 a,ul.cover_2 li.box7 a,ul.cover_2 li.box8 a,ul.cover_2 li.box9 a{
	/*width:294px;*/
	height:118px;
	color:#FFFFFF;
	display:table-cell;
	vertical-align:middle;
	padding-left:100px;
}

ul.cover_2 li.box2 p,ul.cover_2 li.box4 p,ul.cover_2 li.box6 p,ul.cover_2 li.box7 p,ul.cover_2 li.box8 p,ul.cover_2 li.box9 p{
	font-size:35px;
	font-weight:bold;
	line-height:40px;
}

ul.cover_2 li.box1{
    background: no-repeat url(../image_210608/btn_02.jpg) 10px center #ff931e;
}

ul.cover_2 li.box2{
    background: no-repeat url(../image_210608/btn_03.jpg) 10px center #3fa9f5;
}

ul.cover_2 li.box3{
    background: no-repeat url(../image_210608/btn_04.jpg) 10px center #79c944;
}

ul.cover_2 li.box4{
    background: no-repeat url(../image_210608/btn_06.jpg) 10px center #23b574;
}

ul.cover_2 li.box5{
    background: no-repeat url(../image_210608/btn_07.jpg) 10px center #764c24;
}

ul.cover_2 li.box6{
    background: no-repeat url(../image_210608/btn_08.jpg) 10px center #ff7bad;
}

ul.cover_2 li.box7{
    background: no-repeat url(../image_210608/btn_09.jpg) 10px center #dab470;
}

ul.cover_2 li.box8{
    background: no-repeat url(../image_210608/btn_10.jpg) 10px center #4153a9;
}

ul.cover_2 li.box9{
    background: no-repeat url(../image_210608/btn_11.jpg) 10px center #8c8c8c;
}


ul.cover_2 li.box1 p,ul.cover_2 li.box3 p{
	font-size:27px;
	font-weight:bold;
	line-height:32px;
}

ul.cover_2 li.box5 p{
	font-size:32px;
	font-weight:bold;
	line-height:37px;
}

ul.cover_3 {
	display: table;
	border-spacing: 3px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	/*height:100%;*/
	text-align:center;
	background-color:#c7000b;
	
}


ul.cover_3 li.box1 {
	display: table-cell;
	width:25%;
	height:250px\9;/*IE10ˆÈ‰º*/
	background-color:#fff;
	float:none;
	position:relative;
}


ul.cover_3 li.box1 .takasa{
position:relative;
/*	height:100%;*/
/*adding:1%;*/
}

ul.cover_3 li.box1 a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	color:#161616;
}
ul.cover_3 li.box1 img {
	width:100%;
}

ul.cover_3 li.box1 p {
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	text-align:left;
	padding:0 5px;
}

ul.cover_3 li.box1 p span {
	font-size:14px;
	line-height:20px;
}



.gooddesign{
	border:5px solid #c7000b;
	border-radius: 10px;
	padding:10px 20px;
	margin:10px auto;
}

.gooddesign p{
	font-size:24px;
	color:#333333;
	font-weight:bold;
    background: no-repeat url(../image_210608/arrow.gif) right center;
}

.youtube{
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
}
.youtube iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}




/*edge*/
_:-ms-lang(x), ul.cover_3 li.box1 {
/*height:250px;*/
}


.catep img{
	width:100%;
	max-width:292px;
}

.catep2 img{
	width:100%;
	max-width:430px;
}

#bottom {
    font-size: 80%;
    text-align: center;
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: #E6012C;
    padding: 10px;
    width: calc(100% - 20px);
    max-width: 900px;
}


.mt20{
	margin-top:20px!important;
}

.mb10{
	margin-bottom:10px!important;
}

.mb20{
	margin-bottom:20px!important;
}

.mt-3{
	margin-top:-3px!important;
}




.pc-only{
	display:block;
}
.sp-only{
	display:none;
}
.pc-only900{
	display:block;
}
.sp-only900{
	display:none;
}

@media only screen and (max-width: 899px) {
.pc-only900{
	display:none;
}
.sp-only900{
	display:block;
}
}