@charset "UTF-8";


.nts_r{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-style: normal;
}
.nts_bold{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-style: normal;
}
.nts_black{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 900;
	font-style: normal;
}

#xxiord{ padding:0 0 0px 0; margin: 0 0 50px 0; } 

#xxiord .pcview{ display: block; }
#xxiord .spview{ display: none; }

#xxiord #xxiord_head{ margin: 0 0 40px 0; }
#xxiord #storelist{ margin: 0 0 40px 0; }
#xxiord #storelist h3{ display: block; text-align: center; margin: 0 0 30px 0; font-size: 32px; font-weight: bold; }
#xxiord #storelist ul{ display: block; text-align: center; margin: 0 0 35px 0; letter-spacing: -.4em; }
#xxiord #storelist ul li{ display: inline-block; margin: 0 20px 0; letter-spacing:normal; vertical-align: middle; }
#xxiord #storelist ul li a:hover{ opacity: 0.7; }
#xxiord #storelist p{ display: block; text-align: center; margin: 0 0 0 0; font-size: 18px; font-weight: bold; }
#xxiord #itemlist{ background: #221815; margin: 0 0 40px 0; }
#xxiord #itemlist h3{  display: block; margin: 0 0 0 0; }
#xxiord #itemlist #itemlist_inner{ padding:40px 40px 40px; }
#xxiord #itemlist #itemlist_inner h4{ display: block; margin: 0 0 30px 0; }
#xxiord #itemlist #itemlist_inner h4 img{ margin: 0 25px 0 0; }
#xxiord #itemlist #itemlist_inner .pricebox{ display: inline-block; font-size: 20px; letter-spacing: 1px; border: 1px solid #FFF; color: #FFF; padding: 8px 10px; margin: 0 0 35px 0; }
#xxiord #itemlist #itemlist_inner .txtbox{ display:block; font-size: 18px; line-height: 1.8; letter-spacing: 1px; color: #FFF; margin: 0 0 40px 0; }
#xxiord #itemlist #itemlist_inner .txtbox02{ display:block; font-size: 14px; line-height: 1.8; letter-spacing: 1px; color: #FFF; margin:30px 0 0 0; }
#xxiord #itemlist #itemlist_inner dl{ display: block; width: 33.33333%; float: left; }
#xxiord #itemlist #itemlist_inner dl dt{ display: block; text-align: center; margin: 0 0 8px 0; }
#xxiord #itemlist #itemlist_inner dl dd{ display: block; text-align: center; font-size: 16px; color: #FFF; }
#xxiord #itemlist #itemlist_inner dl dd strong{ display: inline-block; font-weight: normal; font-size: 16px; letter-spacing: 1px; border: 1px solid #FFF; padding: 3px 10px; margin: 0 0 8px 0; }
#xxiord #itemlist #itemlist_inner dl dd span{ display:block; }
#xxiord #xxiord_foot{ width: 100%; margin: 0 0 0 0; clear: both; padding:0px 0 0 0; }
#xxiord #xxiord_foot .txt01{ display: block; text-align: center; margin: 0 auto 30px; font-size:22px; line-height: 1.5; font-weight: bold;}
#xxiord #xxiord_foot .btnbox{ width: 560px; margin: 0 auto 0px; }


@media screen and (min-width: 768px) and (max-width: 979px) {

	#xxiord #xxiord_head{ margin: 0 0 40px 0; }
	#xxiord #xxiord_head img{ width: 100%; }
	#xxiord #itemlist{ background: #221815; margin: 0 0 40px 0; }
	#xxiord #itemlist h3{  display: block; margin: 0 0 0 0; }
	#xxiord #itemlist h3 img{ width: 100%; }
	#xxiord #itemlist #itemlist_inner{ padding:40px 40px 40px; }
	#xxiord #itemlist #itemlist_inner h4{ display: block; margin: 0 0 30px 0; }
	#xxiord #itemlist #itemlist_inner h4 img{ margin: 0 25px 0 0; }
	#xxiord #itemlist #itemlist_inner .pricebox{ display: inline-block; font-size: 20px; letter-spacing: 1px; border: 1px solid #FFF; color: #FFF; padding: 8px 10px; margin: 0 0 35px 0; }
	#xxiord #itemlist #itemlist_inner .txtbox{ display:block; font-size: 18px; line-height: 1.8; letter-spacing: 1px; color: #FFF; margin: 0 0 40px 0; }
	#xxiord #itemlist #itemlist_inner .txtbox02{ display:block; font-size: 14px; line-height: 1.8; letter-spacing: 1px; color: #FFF; margin:30px 0 0 0; }
	#xxiord #itemlist #itemlist_inner dl{ display: block; width: 50%; float: left; }
	#xxiord #itemlist #itemlist_inner dl dt{ display: block; text-align: center; margin: 0 0 8px 0; }
	#xxiord #itemlist #itemlist_inner dl dd{ display: block; text-align: center; font-size: 16px; color: #FFF; }
	#xxiord #itemlist #itemlist_inner dl dd strong{ display: inline-block; font-weight: normal; font-size: 16px; letter-spacing: 1px; border: 1px solid #FFF; padding: 3px 10px; margin: 0 0 8px 0; }
	#xxiord #itemlist #itemlist_inner dl dd span{ display:block; }
	#xxiord #xxiord_foot{ width: 100%; margin: 0 0 0 0; clear: both; padding:0px 0 0 0; }
	#xxiord #xxiord_foot .txt01{ display: block; text-align: center; margin: 0 auto 30px; font-size:22px; line-height: 1.5; font-weight: bold;}
	#xxiord #xxiord_foot .btnbox{ width: 560px; margin: 0 auto 0px; }
			
}
@media screen and (max-width: 767px) {

	#xxiord .pcview{ display: none; }
	#xxiord .spview{ display: block; }

	#xxiord #xxiord_head{ margin: 0 0 20px 0; }
	#xxiord #xxiord_head img{ width: 100%; }
	#xxiord #storelist{ margin: 0 0 20px 0; }
	#xxiord #storelist h3{ margin: 0 0 15px 0; font-size: 20px; }
	#xxiord #storelist ul{ display: block; text-align: center; margin: 0 0 15px 0; letter-spacing: -.4em; }
	#xxiord #storelist ul li{ display: inline-block; width: 33%; margin: 0 0 0; text-align: center; }
	#xxiord #storelist ul li img{ width: 80%; }
	#xxiord #storelist p{ text-align: left; margin: 0 0 0 0; font-size: 12px; }
	#xxiord #itemlist{ background: #221815; margin: 0 0 10px 0; }
	#xxiord #itemlist h3{  display: block; margin: 0 0 0 0; }
	#xxiord #itemlist #itemlist_inner{ padding:20px 20px 20px; }
	#xxiord #itemlist #itemlist_inner h4{ display: block; margin: 0 0 15px 0; }
	#xxiord #itemlist #itemlist_inner h4 img{ margin: 0 0 0 0; }
	#xxiord #itemlist #itemlist_inner h4 img:nth-of-type(1){ width: 100%; }
	#xxiord #itemlist #itemlist_inner h4 img:nth-of-type(2){ width:80%; }
	#xxiord #itemlist #itemlist_inner .pricebox{ font-size:14px; padding: 3px 5px; margin: 0 0 15px 0; }
	#xxiord #itemlist #itemlist_inner .txtbox{ display:block; font-size: 12px; line-height: 1.6; margin: 0 0 20px 0; }
	#xxiord #itemlist #itemlist_inner .txtbox02{ display:block; font-size: 12px; line-height: 1.6; margin:20px 0 0 0; }
	#xxiord #itemlist #itemlist_inner dl{ width:50%; }
	#xxiord #itemlist #itemlist_inner dl dt{ margin: 0 0 8px 0; }
	#xxiord #itemlist #itemlist_inner dl dt img{ width:94%; }
	#xxiord #itemlist #itemlist_inner dl dd{ font-size: 12px; }
	#xxiord #itemlist #itemlist_inner dl dd strong{ font-size: 12px; padding: 3px 10px; margin: 0 0 8px 0; }
	#xxiord #itemlist #itemlist_inner dl dd span{ display:block; }
	#xxiord #xxiord_foot{ width: 100%; margin: 0 0 0 0; clear: both; padding:10px 0 0 0; }
	#xxiord #xxiord_foot .txt01{ display: block; text-align: center; margin: 0 auto 10px; font-size:12px; line-height: 1.5; font-weight: bold;}
	#xxiord #xxiord_foot .btnbox{ width: 100%; margin: 0 auto 0px; }

}