/* CSS Document */

/* 共通 */
#main {
	color : #000;
	background: #FFF;
	padding-bottom:10px;
	font-family: "游ゴシック体", "Yu Gothic", Meiryo, "メイリオ",YuGothic, sans-serif;
}

#main * {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing : content-box;
	}

#main img {
	vertical-align: bottom;
}

#main p {
	color : #000;
	margin: 0;
	padding: 0;
	line-height: 1.8;
}

#main strong {
	color : #000;
}

#main section, #main nav,#main article{
display:block;	
padding:0;
margin:0;
}
#main a{text-decoration: none;}
#main a:hover {
	text-decoration: none;
	transition: 0.3s;
-moz-transition: 0.3s; /* Firefox 4 */
-webkit-transition: 0.3s; /* Safari and Chrome */
-o-transition: 0.3s; /* Opera */
	opacity:0.80;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}


#main ul {
	letter-spacing: -1em;
}
#main li {
	letter-spacing:normal;
}

#main h1, #main h2, #main h3 { 
	padding: 0;
	margin: 0;
	background-repeat: no-repeat;

}






/* 共通(文字飾り) */

.m_attention{
	color:#D93600 !important;	
}

.m_mandatory{
	color:#D90000;
}
.err{
	padding:0 20px;
}

.m_sale {
	color: #CC0000;
}


.m_limited {
	color: #FF0066;
}


.m_arrow {
	margin: 0 3px 2px 0;
	vertical-align: middle;
}
.m_bold{font-weight:bold;}


.m_center {
	text-align: center !important;
	display:block;
}
.m_right {
	text-align: right;
}
.m_fLeft{
	float:left;
	display:block;
}
.m_fRight{
	float:right;
	display:block;
	
}
.m_clear{
	clear:both;	
}

.m_banner{
	text-align:center;
}



.m_read{
display:none;	
}
/* Clear FIx */
.m_clearfix{
display:inline-block;
min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .m_clearfix
{height: 1%;}

.m_clearfix
{display: block;}
/* End hide from IE-mac */
/* /Clear FIx */

.m_clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}




/*  /////////////    only pc    ///////////// */

@media screen and (min-width: 769px) {


/*** only pc *****/
#main .pc {display:block;}
.br-pc{display:block;}	
	
/*** only sp *****/
.sp {display:none !important;}


#main {
   width: 765px;
   line-height: 180%;
   font-size:14px;
	position:relative;
}


.m_xsmall{	font-size:10px !important;	}
.m_small{ font-size:12px !important;	}
.m_large{ font-size:16px !important;	}
.m_xlarge{ font-size:20px !important;	}
.m_note{ font-size:13px !important;line-height:150%;	}

#main .m_bg_common{
	border:7px solid #000;
}


#main .m_txt_footercaption p {
	text-align : left;
	padding:0px;
	font-size: 12px;
	color: #000;
}
.m_icon_num{width:22px;height:22px;text-indent:-9999px;background-position: left center;background-repeat:no-repeat;background-size:contain;text-align:left;}
.m_icon_num-1{background-image:url("images/common/num_1.png");}
.m_icon_num-2{background-image:url("images/common/num_2.png");}
.m_icon_num-3{background-image:url("images/common/num_3.png");}
.m_icon_num-4{background-image:url("images/common/num_4.png");}
.m_icon_num-5{background-image:url("images/common/num_5.png");}

/* ページ共通　*/
#main #m_header{
	clear:both;
	display:block;
	background:url("images/common/img_main.jpg") no-repeat right 10px top 10px;
	position:relative;
	background-size:355px auto;
}
#main #m_header h1{
	width:291px;height:143px;
	background:url("images/common/title.png") no-repeat center;
	background-size:311px auto;
	padding:52px 45px;
	text-indent:-9999px;
}
#main #m_footer{
	clear:both;
	display:block;
	margin:10px auto;
	min-height:22px;
	background:url(images/common/footer.png) no-repeat right top;
}



#main .m_section{position: relative;margin-top:10px;border-top:7px solid #000;}	
#main .m_section > .m_top{
		position:absolute;
		top:-19px;
	width:100%;
	text-align:center;
}
#main  .m_section > .m_top h1{
	background:#000;display:inline-block;font-size:18px;	color:#fff;line-height:35px;font-weight:bold;letter-spacing:0.1em;padding:0 1em;
	}
#main  .m_section > .m_top h1 + p{
	text-align:center;
	padding-top:10px;
	}
/* m_index */

#main.m_index #m_header{
background:url("images/common/img_main.jpg") no-repeat 10px 10px;
	background-size:432px 288px;
	padding:346px 0 0;
}

#main.m_index #m_header h1{
position:absolute;
right:57px;
top:40px;
width:195px;
height:227px;
text-indent:-9999px;
background:url(images/index/title.png) no-repeat center;
background-size:contain;
	display:block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing : border-box;
	
}


#main #m_header .m_lead{
	font-size:16px;
	text-align: center;
	padding:0 0 34px 0;line-height:210%;font-weight: bold;}


	
/* nagare */
#main #m_box_nagare .m_content{
	margin:32px 0 32px 26px;
}
#main #m_box_nagare .m_content ul{
		font-size:0;margin:0;padding:0;
}
#main #m_box_nagare .m_content ul li{
		font-size:14px;display:inline-block;vertical-align: top;
	text-align:center;margin:0;padding:0 25px 15px 0;list-style:none;width:216px;
}
#main #m_box_nagare .m_txt{padding:0.5em 0 1em;}
#main #m_box_nagare .m_img img{width:100%;}
#main #m_box_nagare .m_icon_num{margin:0 auto;}

/* line up */
#main #m_box_lineup .m_content{
	margin:36px 0 50px 26px;
}
#main #m_box_lineup .m_content ul{
		font-size:0;margin:0;padding:0;
}
#main #m_box_lineup .m_content ul li{
		line-height:160%;display:inline-block;vertical-align: middle;
	text-align:left;margin:0;padding:25px 0 25px 25px;margin:0 6px 15px 0;list-style:none;width:346px;background:#E9E8E8;box-sizing: border-box !important;
}	

	#main #m_box_lineup .m_content ul li .m_img{width:146px;display:inline-block;vertical-align: middle;}	
	#main #m_box_lineup .m_content ul li .m_img img{width:100%;}
	#main #m_box_lineup .m_content ul li .m_txt{width:146px;display:inline-block;vertical-align: middle;margin-left:10px;}	
	#main #m_box_lineup .m_content ul li p{font-size:14px;line-height:160%;}
	#main #m_box_lineup .m_content ul li p.m_itemname {font-size:18px;padding-bottom:1em;font-weight: bold;}
	#main #m_box_lineup .m_content ul li p.m_price {font-weight:bold;padding-top:0.5em;}
	#main #m_box_lineup .m_content ul li p.m_price strong{font-size:16px;}
	
	#main .m_btn_shopping{
	background:#000;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	line-height:14px !important;
	padding:12px 0px 12px 10px;
	margin:1em auto 0;
	display:block;
	width:130px;
}
/* attention */
#main #m_box_attention .m_content{
	margin:40px 26px 30px ;
	padding-top:40px;
}


/* form */

#main #m_box_form .m_step{border-bottom:3px solid #ccc;width:695px;margin:30px auto ;padding-bottom:30px;}
#main #m_box_form .m_step .m_top{margin:0 0 25px;}
	#main #m_box_form .m_step .m_top h2{line-height:22px;font-size:18px;font-weight:bold;letter-spacing:0.1em; display:inline-block !important;}
	#main #m_box_form .m_step .m_top h2 .m_icon_num{display:inline-block;text-align:left;padding-right:0.5em;}
	#main #m_box_form .m_step .m_top p{display:inline-block;padding-left:1em;font-size:14px;font-weight:normal;}
	
#main #m_box_form .m_step .m_content{font-size:0;margin-right:-20px;}	
#main #m_box_form .m_content label{
display:inline-block !important;
margin:0px 16px 16px 0 !important;
cursor:pointer;
line-height:140% !important;
vertical-align:top;
	font-size:14px;
	text-align: center;
	width:162px;
}


#main #m_box_form .m_content label .img{
	display:block;
	overflow:hidden;
	margin-bottom:3px;
	width:158px;
	height:158px;
	border:2px solid #ccc;
	position:relative;
}
#main #m_box_form .m_content label .img img{
position:absolute;
	left:-2px;
	top:-2px;
width:164px;
}
#main #m_box_form .m_content label.__On .img{
	border:2px solid #000;
}



#main #m_box_form input[type="radio"]{
		border:none;
}
#main #m_box_form  select {
	/*-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;*/
width:170px;box-sizing: border-box;margin-right:16px;
font-size:14px;padding:0.5em 1em;border:2px solid #333;}


	
#main #m_box_form  .m_formbtn{
	text-align:center;
	margin:0px 0 50px;
}
#main #m_box_form  .btn_confirm{
width:214px;
height:60px;
line-height:60px;
text-align:center;
margin:5px;
	border:none;background:url("images/form/btn_confirm.png") no-repeat right 1em center #666;color:#fff;font-weight:bold;
border-radius: 30px ;
	background-size:12px auto;
cursor:pointer;
	letter-spacing: 0.1em;
}
#main #m_box_form  .btn_reset{
width:214px;
height:60px;
line-height:60px;
text-align:center;
margin:5px;
	border:none;background:url("images/form/btn_reset.png") no-repeat left 1em center #666;color:#fff;font-weight:bold;
border-radius: 30px ;
	background-size:12px auto;
cursor:pointer;
	letter-spacing: 0.1em;
}


/*  update191001  */
#main.update191001 #m_box_lineup .m_content {
    margin: 36px 26px 50px ;
}
#main.update191001 #m_box_lineup .m_content ul li{
		line-height:160%;
		display:inline-block;
		vertical-align: middle;
	text-align:left;
	padding:25px 0 25px 25px;
	margin:0 6px 15px 0;
	list-style:none;
	width:100%;
	background:#E9E8E8;
	box-sizing: border-box !important;
}	

	#main #m_box_lineup .m_content ul li .m_img{
	width:48%;
	display:inline-block;
	vertical-align: middle;
	}	
	#main #m_box_lineup .m_content ul li .m_img img{width:100%;}
	#main #m_box_lineup .m_content ul li .m_txt{
	width:48%;
	display:inline-block;
	vertical-align: middle;
	margin-left:10px;
	text-align: center;}	
	#main #m_box_lineup .m_content ul li p{
	font-size:14px;line-height:160%;}
	#main #m_box_lineup .m_content ul li p.m_itemname {
	font-size:18px;padding-bottom:1em;font-weight: bold;}
	#main #m_box_lineup .m_content ul li p.m_price {
	font-weight:bold;padding-top:0.5em;}
	#main #m_box_lineup .m_content ul li p.m_price strong{
	font-size:16px;}
	
	
	
	
	
	
/*  pc (min-width: 769px) end  */
}

/*  /////////////    sp    ///////////// */

@media screen and (max-width: 768px) {
	
body {width:100%!important; min-width: 100%!important;margin:0;}
ul,li{margin:0;padding:0;}
div.container {margin-top:0 !important; width:100% !important;}
div.section-category-index div.content {width:100%;}
#pc_header,#main-footer,.aside,div.section-category-index > .title,
.global-footer,.global-header,.layer{display:none!important;}
#main h2 {background-color:inherit;padding: 0 0;color: inherit;}
	
/*** only pc *****/
#main .pc {display:none !important;}
/*** only sp *****/
#main .sp {	display:block;}
.br-sp{display:block;}	

.container .main_logo {
	width: 100%;
	text-align: center;
	padding:1em 0;
}


	
/* 共通 */

#main {
   width: 100vw;
   line-height: 180%;
   font-size:3.28125vw;
	position:relative;
}


.m_xsmall{	font-size:71.28% !important;	}
.m_small{ font-size:85.71% !important;	}
.m_large{ font-size:114.28% !important;	}
.m_xlarge{ font-size:142.85% !important;	}
.m_note{ font-size:92.85% !important;line-height:150%;	}

#main .m_bg_common{
	border-top:1.5625vw solid #000;
	border-bottom:1.5625vw solid #000;
}


#main .m_txt_footercaption p {
	text-align : left;
	padding:0px;
	line-height:210%;
	letter-spacing: 0.1em;
	color: #000;
}
.m_icon_num{width:5.3125vw;height:5.3125vw;text-indent:-9999px;background-position:left center;background-repeat:no-repeat;background-size:contain;}
.m_icon_num-1{background-image:url("images/common/num_1.png");}
.m_icon_num-2{background-image:url("images/common/num_2.png");}
.m_icon_num-3{background-image:url("images/common/num_3.png");}
.m_icon_num-4{background-image:url("images/common/num_4.png");}
.m_icon_num-5{background-image:url("images/common/num_5.png");}

/* ページ共通　*/
#main #m_header{
	clear:both;
	display:block;
	background:url("images/common/img_main.jpg") no-repeat center 60.9375vw;
	background-size:93.75vw auto;
	position:relative;
}
#main #m_header h1{
	clear:both;
	display:block;
	background:url("images/common/title.png") no-repeat center 11.71875vw;
	position:relative;
	background-size:84.375vw auto;
	height:131.25vw;
	text-indent:-9999px;
}

#main #m_footer{
	clear:both;
	display:block;
	padding:29.6875vw 6.25vw 10vw;
	background:url("images/common/footer-sp.png") no-repeat center 10.3125vw;
	background-size:87.5vw auto;
}

#main .m_section{position: relative;margin-top:2.8125vw;border-top:1.5625vw solid #000;}	
#main .m_section > .m_top{
		position:absolute;
		top:-3.59375vw;
	width:100%;
	text-align:center;
}
#main  .m_section > .m_top h1{
	background:#000;display:inline-block;font-size:4.375vw;	color:#fff;line-height:7.34375vw;font-weight:bold;letter-spacing:0.1em;padding:0 1em;
	}
#main  .m_section > .m_top h1 + p{
	padding-top:1.5625vw;
	
	}

/* m_index */

#main.m_index #m_header{
	background:url("images/common/img_main.jpg") no-repeat center 87.5vw;
	background-size:93.75vw auto;
}

#main.m_index #m_header h1{
height:150vw;
	background-image:url("images/index/title.png");
	background-size:56.25vw auto;
}


#main #m_header .m_lead{
	font-size:1.2em;
	text-align: center;
	padding:7.5vw 0;line-height:210%;font-weight: bold;}


	
/* nagare */
#main #m_box_nagare .m_content{
	margin:10.625vw 6.25vw;
}
#main #m_box_nagare .m_content ul{		
}
#main #m_box_nagare .m_content ul li{
margin:0;padding:0 0  3.125vw;list-style:none;display:block;position:relative;min-height:28.75vw;
}
#main #m_box_nagare .m_txt{padding:0.2em 0 0em;display:block;font-size:3.28125vw;}
#main #m_box_nagare .m_img {position:absolute;right:0;top:0;width:43.75vw;}
#main #m_box_nagare .m_img  img{width:100%;}
#main #m_box_nagare .m_icon_num{margin:0 0 1em !important;}

/* line up */
#main #m_box_lineup .m_content{
	margin:10vw  6.25vw;
}
#main #m_box_lineup .m_content ul{
	margin:0;padding:0;
}
#main #m_box_lineup .m_content ul li{
		line-height:160%;display:block;
	text-align:left;margin:0;padding:6.5625vw 0 6.5625vw 6.5625vw ;margin:0 0 5vw;list-style:none;width:87.5vw;background:#E9E8E8;box-sizing: border-box !important;
}	

	#main #m_box_lineup .m_content ul li .m_img{width:37.1875vw;display:inline-block;vertical-align: middle;}	
	#main #m_box_lineup .m_content ul li .m_img img{width:100%;}
	#main #m_box_lineup .m_content ul li .m_txt{width:37.1875vw;display:inline-block;vertical-align: middle;margin-left:1.5625vw;}	
	#main #m_box_lineup .m_content ul li p{font-size:3.28125vw;line-height:160%;}
	#main #m_box_lineup .m_content ul li p.m_itemname {font-size:4.375vw;padding-bottom:1em;font-weight: bold;}
	#main #m_box_lineup .m_content ul li p.m_price {font-weight:bold;padding-top:0.5em;}
	#main #m_box_lineup .m_content ul li p.m_price strong{font-size:3.75vw;}
	
	#main .m_btn_shopping{
	background:#000;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	line-height:3.75vw !important;
	padding:2.8125vw 0px 2.8125vw;
	margin:1em auto 0;
	display:block;
	width:37.5vw;
}
/* attention */
#main #m_box_attention .m_content{
	margin:12.5vw 6.25vw ;
	padding-top:6.25vw  ;
}


/* form */

.section-category-index {
    padding: 0 0 0!important;
}

#main #m_box_form .m_step{border-bottom:0.46875vw solid #ccc;width:85.9375vw;margin:4.6875vw auto ;padding-bottom:4.6875vw;}
#main #m_box_form .m_step .m_top{margin:0 -0.78125vw 6.875vw;}
	#main #m_box_form .m_step .m_top h2{line-height:5.15625vw;font-size:4.21875vw;font-weight:bold;letter-spacing:0.1em; display:inline-block !important;text-align:left;}
	#main #m_box_form .m_step .m_top h2 .m_icon_num{display:inline-block; text-align:left;padding-right:1em;}
	#main #m_box_form .m_step .m_top p{display:block;padding-top:1em;font-size:3.28125vw;font-weight:normal;}
	
#main #m_box_form .m_step .m_content{font-size:0;margin:0 -10vw 0 -0.78125vw}	
#main #m_box_form .m_content label{
display:inline-block !important;
margin:0px 3.75vw 6.25vw 0 !important;
cursor:pointer;
line-height:140% !important;
vertical-align:top;
	font-size:3.28125vw;
	text-align: center;
	width:41.875vw;
}


#main #m_box_form .m_content label .img{
	display:block;
	overflow:hidden;
	margin-bottom:1.5625vw;
	width:41.25vw;
	height:41.25vw;
	border:0.3125vw solid #ccc;
	position:relative;
}
#main #m_box_form .m_content label .img img{
position:absolute;
	left:-0.3125vw;
	top:-0.3125vw;
width:41.875vw;
}
#main #m_box_form .m_content label.__On .img{
	border:0.3125vw solid #000;
}



#main #m_box_form input[type="radio"]{
		border:none;
}
#main #m_box_form  select {
	/*-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;*/
width:41.875vw;box-sizing: border-box;margin-right: 3.75vw;
font-size:3.28125vw;padding:0.5em 1em;border:0.3125vw solid #333;}


	
#main #m_box_form  .m_formbtn{
	text-align:center;
	margin:0px 0 12.5vw;
}
#main #m_box_form  .btn_confirm{
width:40vw;
height:14.0625vw;
line-height:14.0625vw;
text-align:center;
	border:none;background:url("images/form/btn_confirm.png") no-repeat right 1em center #666;color:#fff;
	font-size:3.28125vw;
	font-weight:bold;
border-radius: 7.03125vw ;
	background-size:2.8125vw auto;
cursor:pointer;
	letter-spacing: 0.1em;
}

#main #m_box_form  .btn_reset{
width:40vw;
height:14.0625vw;
line-height:14.0625vw;
text-align:center;
	border:none;background:url("images/form/btn_reset.png") no-repeat left 1em center #666;color:#fff;
	font-size:3.28125vw;
	font-weight:bold;
border-radius: 7.03125vw ;
	background-size:2.8125vw auto;
cursor:pointer;
	letter-spacing: 0.1em;
}


/* update191001 */
#main.update191001 #m_box_lineup .m_content ul li .m_img{
width:33.1875vw;
display:inline-block;vertical-align: middle;}	

#main.update191001 #m_box_lineup .m_content ul li .m_txt{
	width:40.1875vw;display:inline-block;vertical-align: middle;margin-left:1.5625vw;}	
	
	
	

/* パンくず
----------------------------------------------------*/

.breadcrumb {
	display: -webkit-flex;
	display: flex;
	 margin-bottom:0!important;
}
.breadcrumb {
	background-color: #f7f7f7;
}
.breadcrumb li a {
	color: #177cb1;
}
.breadcrumb li span {
	color: #555555;
}
.breadcrumb li a, .breadcrumb li span {
	background: none;
}
.breadcrumb {
	border-top: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	background-color: #eeeeee;
}
.breadcrumb .block--inner {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}
.breadcrumb ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.breadcrumb ol {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: box;
}
.breadcrumb ol:after {
	font-size: 0;
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "";
}
.breadcrumb li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: box;
	font-size:65%;
	padding: 8px 0 8px 5px;
}

.breadcrumb li a {
	display:inline-block;
	/*padding: 8px 15px 8px 5px;*/
	white-space: nowrap;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}
.breadcrumb li a {
	padding: 0 10px 0 0;
}


	

/* img width */

#main .m_w200{
	width:200% !important;
}
#main .m_w100{
	width:100% !important;
}
#main .m_w96{
	width:96% !important;
}
#main .m_w93{
	width:93% !important;
}
#main .m_w87{
	width:87% !important;
}
#main .m_w80{
	width:80% !important;
}
#main .m_w60{
	width:60% !important;
}
#main .m_w55{
	width:55% !important;
}
#main .m_w45{
	width:45% !important;
}
#main .m_w42{
	width:42% !important;
}
#main .m_w37{
	width:37% !important;
}
#main .m_w24{
	width:24% !important;
}
#main .m_w5{
	width:5% !important;
}
#main .m_w3{
	width:3% !important;
}
#main .m_w2{
	width:2% !important;
}


.title,
.aside { display:none; }

	
/*    sp (max-width: 768px ) end  */
}