@charset "utf-8";

.all-wrap{
color:#333;
font:12px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
background:#FFF100 !important;
-webkit-text-size-adjust: none;
}


/* リンク設定
------------------------------------------------------------*/
a{color:#fff;text-decoration:none !important;}
a:hover{color:#fff;}
a:active, a:focus{outline:0;}


/* 全体
------------------------------------------------------------*/
#wrapper{
	margin:0 auto;
	width:100%;
	position:relative;
	font-size:13px !important;
	line-height:1.5 !important;
	/*
	全体余白入れる場合
	padding: 10px;
	box-sizing: border-box;
	*/
}

.inner_line{
	clear: both;
	text-align: center;
	margin:20px auto;
	padding-bottom: 20px;
	width:100%;
	background:url(../img/shop/inner_line.gif) repeat-x bottom;
}


* html body{text-align:center}

* html div#wrapper{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}


/*************
/* ヘッダー
*************/
#header{
	background-color: #fff;
	overflow: hidden;
}

* html #header{height:1%;}


/*************
/* ロゴ
*************/

#header a:hover{
	cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}


.back{
	float:right;
	padding: 10px;
}


/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#mainbannerline{
	width:100%;
	height:16px;
	background:url(../img/shop/title_bottom_line.gif) repeat-x bottom;
}


#mainbanner .inner{position:relative;}

#mainbanner img{
max-width:100%;
height:auto;
}


/**************************
/* バナーエリア
**************************/

#banner_area {
	width: 100%;
	padding: 15px 0;
	text-align: center;
}

.banner_area2.expo{
	margin-bottom: 30px;
	padding: 0 0 30px;
	background: url(../img/shop/inner_line.gif) repeat-x bottom;
}
@media only screen and (max-width:640px){
	.banner_area2.expo{
		padding: 0 0 5px;
	}
}

.bannerbox_s_wrapper{
	max-width: 930px;
	margin: 0 auto 30px;
    display: flex;
    justify-content: space-between;
	background: none;
}
.banner_area2.expo .bannerbox_s_wrapper{
	margin: 0 auto 5px;
}

.bannerbox_s{
	/*width: 45%;  バナー2つ並びの時にアクティブに*/ 
	margin: 0 auto;
	text-align: center;
}

.bannerbox_s img{
	 width: 50%;
}
.banner_area2.expo .bannerbox_s img{
	 width: 100%;
}

@media only screen and (max-width:768px){
	.bannerbox_s img{
		 width: 100%;
	}
}

.bannerbox_s p{ text-align: center;
}

#banner{ margin-top:25px;}
#banner img{ width:100%;}

#banner a:hover{
    filter: alpha(opacity=80);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=80)";  /* ie 8 */
    -moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.8;              /* Safari 1.x */
    opacity:0.8;
    zoom:1;
}



/**************************
/* ポイントアップ
**************************/

#pointup{
	text-align: center;
	display:inline-block;
	*display: inline;  
    *zoom: 1;  
}

.point{
	color:#fdf004;
	font-weight:900;
	font-size:x-large;
}


/*************
メイン コンテンツ
*************/
.content{
	background:#fff;
	margin-top:10px;
}


.pegetop{
	width:100%;
	text-align: right;
	border-top: 10px #fcc62e solid;
	margin-bottom:20px;
}


h3.heading{
	padding:5px 10px;
	font-size:18px;
	font-weight: 600;
	color:#333;
	background:#fcc62e;
	border-bottom: solid #d57800 1px;
	position: relative;
}


h4.heading_s{
	padding:5px 10px;
	color:#333;
	background:#ffe088;
}


.content table {
    background-color: #fff;
	border-bottom: #333 solid 1px;
	width:100%;
}

.content table th {
	padding:0 10px;
	background-color: #feff99;
	/*white-space: nowrap;*/
	vertical-align:middle;
	width: 20%;
}
@media only screen and (max-width:640px){
	.content table th { width: 33%;}
}

.bannerbox{
	max-width:810px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 10px;
}
.bannerbox img{
	width:100%;
	height: auto;
}

.blog_btn{
	background: #fff;
	border: solid 1px #ff0000;
	padding: 10px;
	width: 300px;
	margin: 0 auto 30px;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"
}
a.blog_btn:link,
a.blog_btn:visited{
	color: #ff0000;
}
a.blog_btn:hover{
	background: #ff0000;
	color: #fff;
}



/*************
/* フッター
*************/
#footer{
clear:both;
/*overflow: hidden;*/
}

* html #footer{height:1%;}

#footer .copyright{
	font-size:11px;
	float:right;
	padding: 10px 0;
}
#footer_link li {
	list-style:none;
}
#footer_link li a {
	color:#333;
}
#footer_link li a:hover {
	text-decoration:underline;
}
.sns_btn_box{
	float:left;
}

.sns_btn{
	float: left;
    padding-right: 3px;
}

.content span {
	display: block;
	padding: 0 10px 5px;
}

/* PC用 */
@media only screen and (min-width:640px){
/*	*{
    -webkit-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
*/	
	.sp_back{
		display:none;
	}
	
	.logo{ 
	float:left;
	padding: 10px 20px 0 10px;
	}
	
	#inner{
	margin:0 auto;
	width:100%;
	display: inline-block;
	text-align: center;
	}
		
	#wrapper{
	width:73%;
	padding:0;
	}
	
	
	#wrapper{padding-bottom:20px;}
	
	#wrapper h2{
	font-size: 24px;
	font-weight: 900;
	color:#000;
	}
	.mainbanner_inner{
	margin:0 auto;
	width:73%;
	padding: 0 10px;
	}
	
	.mainbanner_inner img{
		width:100%;
		_width:810px;
	}
	
	.content table td {
	padding:5px 0;
	width: 82%;
	}

	/* フッタ　プライバシーポリシー */
	#footer_link{
		text-align:center;
	}
	#footer_link li {
		display: inline-block;
		padding:0 9px 0 0;
		margin:0 9px 0 0;
		border-right: #666 solid 1px;
	}
	#footer_link li.last {
		border-right: none;
	}
	
	/* ポイントアップ */
	#pointup a:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
	display:block;
	}
	
	.button_red {
	float: left;
	width:350px;
	background:url(../img/shop/pointup_redback.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	border: 3px solid #ffffff;
	margin-right:10px;
	padding: 10px 0;
	}
	
	.button_red a{
	display:block;
	width:100%;
	background:url(../img/shop/pointup_arrow.gif) no-repeat 310px center;
	}

	.button_blue {
	float: left;
	width:350px;
	background:url(../img/shop/pointup_blurback.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	border: 3px solid #ffffff;
	padding: 10px 0;
	}
	
	.button_blue a{
	display:block;
	width:100%;
	background:url(../img/shop/pointup_arrow.gif) no-repeat 310px center;
	}
	

	
	/*************
	ブランドメニュー
	*************/
	#brandmenu{
		display:none;
	}

	.brandmenu_pcbox{
	padding-bottom:30px;
	margin-bottom:20px;
	display:inline-block;
	background:url(../img/shop/inner_line.gif) repeat-x bottom;
	width:100%;
	}
	
	.brandmenu_p{
	clear: both;
	font-size:x-large;
	color:#000;
	font-weight:900;
	}	
		
	.submenu_pc li{
	float:left;
	width:184px;
	height: 90px;
	background-image: url(../img/shop/brandmenu_back.gif);
    background-repeat: no-repeat;
	}
		
	.submenu_pc li a{
	color:#fff;
	display: block;
	height: 100%;
	padding:6px 50px 15px 10px;
	}
	
	.submenu_pc li a,  x:-moz-any-link{ height: 80%;} /* FF */
	* html .submenu_pc li a{ height: 77%;} /* ie lt 6 */
	
	.submenu_pc li a:hover{
	cursor:pointer;
    filter: alpha(opacity=40);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=40)";  /* ie 8 */
    -moz-opacity:0.4;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.4;              /* Safari 1.x */
    opacity:0.4;
    zoom:1;
	}
	
	.brandarrow{
	float: right;
	margin-top: -50px;
	margin-right:10px;
	}
	
	.content table td ul li {
	float:left;
	background:url("../img/shop/list_img.gif") left center no-repeat;  
	margin:5px 10px;
	padding-left: 15px;
	}

	.content table td ul li.notes {
	float:left;
	background:url("../img/shop/list_img.gif") left 5px no-repeat;  
	margin:5px 10px;
	padding-left: 15px;
	}

	.content table td ul li.link {
	float:left;
	background:none;  
	padding:0;
	}
	
	.content table td p{
		color:#f7931e;
		margin:5px 10px 5px 9px;
	}
	.content table td p a{
		color:#f7931e;
		text-decoration:underline;
	}
	.content table td p a:hover{
		color:#f7931e;
		text-decoration:none;
	}

	.pc_none{ display:none;}
	
	.bannerbox.pc{ display:block;}
	.bannerbox.sp{ display:none;}
	
	#pointup .sp_button {
	display:none;
	}

}

/*2020winter*/
@media only screen and (min-width:768px){
	.breadcrumbs {
    width: 73% !important;
  }
}

#share_box{
clear:both;
padding-bottom:60px;
background:#fff;
}

.menu-column {
	/*margin-top:0px !important;*/
}

@media only screen and (max-width: 767px){
#share_box{
	padding-bottom:0px;
}
/*2020winter*/

/* PC */
@media only screen and (min-width:768px){
	
	.sns_btn.pc_none{ display:none;}

}

/* タブレット */
@media only screen and (max-width:768px){
	
	.sns_btn.pc_none{ display:block;}
	
	.bannerbox_s_wrapper{
		max-width: 95%;
		margin: 20px auto 0;
	  display: flex;
	  justify-content: space-between;
	}
	.bannerbox_s_wrapper img{ width:95%;}
}

/* スマートフォン */
@media only screen and (max-width:640px){
	#wrapper{
		/*
		全体余白入れる
		*/
		padding: 10px;
		box-sizing: border-box;
	}



	/* フッタ　プライバシーポリシー */
	#footer_link li {
		display: inline-block;
		padding:0 5px 0 0;
		margin:0 5px 0 0;
		line-height:1.5em;
		font-size: 0.7em;	
	}
	
	.bannerbox img{ padding:0;}
	.bannerbox.pc{ display:block;}
	.bannerbox.sp{ display:none;}
		
	.brandmenu_pcbox,.brandmenu_p,.back{
	display:none;
	}
	
	.logo{ 
	padding: 10px 5px 0 10px;
	width: 140px;
	float:left;
	}
	
	.logo img{ 
	max-width: 100%;
	}
	
  #banner_area {
    width:100%;
    padding: 0;
    text-align: center;
  }

  #banner_area img{
    width:95%;
    height: auto;
  }
	.bannerbox_s_wrapper{
		display: none;
	}
	
	.bannerbox.sp{ margin: 15px 0 25px 0;}	
	/*.sp_back{
	float:right;
	width:310px;
	}*/
	.sp_back{
	float:right;
	width:150px;
	text-align:right;
	padding:5px 5px 0 0;
	}
	
	.mainbanner_inner{
	margin:0 auto;
	max-width: 100%;
	padding: 0 10px;
	}
	
	.content table td {
	padding:5px 0;
	width: 70%;
	}
	#wrapper h2{
	font-size: 16px;
	font-weight: 900;
	color:#000;
	}
	/* ポイントアップ */
	#pointup{
	width:100%;
	}
	
	.button_red {
	width:98%;
	background:url(../img/shop/pointup_redback.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	border-radius: 0px;
	border: 3px solid #ffffff;
	padding: 10px 0;
	}
	
	.button_red p {
	width:100%;
	background:url(../img/shop/pointup_arrow.gif) no-repeat 95% center;
	}

	.button_blue {
	width:98%;
	background:url(../img/shop/pointup_blurback.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	border-radius: 0px;
	border: 3px solid #ffffff;
	padding: 10px 0;
	}
	
	.button_blue p {
	width:100%;
	background:url(../img/shop/pointup_arrow.gif) no-repeat 95% center;
	}


	.button_qr {
	display:none;
	}


	/* ブランドメニュー */
	#brandmenu{
	width:100%;
	margin-bottom:30px;
	}
	
	#brandmenu p{
		font-size:x-large;
		color:#000;
		font-weight:900;
		margin-top:10px;
	}
	
	.archive{
		background:url(../img/shop/brandmenu_redback.gif) repeat-x;
		color:#FFF;
		padding:15px 0 15px 20px;
		border:1px solid #aa1813;
		cursor:pointer;
		font-weight:bold;
		font-size: 14px;
	}
	
	.archive img{
		float: right;
		margin-top: -15px;

	}
	
	.subMenu{ overflow: hidden;}
	
	.subMenu li{
	background-color:#FFF;
	color:#000;	
	padding-right:15px;
	border-bottom:1px solid #aa1813;
	border-left:1px solid #aa1813;
	border-right:1px solid #aa1813;
	cursor:pointer;
	}
	
	.subMenu li a{
		color:#000;
		background:url(../img/shop/sp_brandmenu_arrow_right.gif) no-repeat right center;
		display:block;
		padding:20px 10px;
	}
	
	.content table td ul li {
	float:left;
	background:url("../img/shop/list_img.gif") left center no-repeat;  
	margin:5px 10px;
	padding-left: 15px;
	}
	
	.content table td ul li.notes{
		float:left;
		background:url("../img/shop/list_img.gif") left 5px no-repeat;  
		margin:5px 10px;
		padding-left: 15px;
	}
	
	.bannerbox.pc{ display:none;}
	.bannerbox.sp{ display:block;}
	
	#pointup .pc_button {
	display:none;
	}
	
}






/* スマートフォンのみ表示 */
.pc_only{
	display:block;
	}
.sp_only{
	display:none;
}
@media only screen and (max-width:768px){	
.pc_only{
	display:none;
	}	
.sp_only{
	display:block;
}
}

@media only screen and (max-width:640px){	
.pc_only{
	display:none;
	}	
.sp_only{
	display:block;
}
}


/**
* サポートチケット追加
*
*/
/* pc */
@media only screen and (min-width:640px){
	.button_white {
		background-color: #fff;
		float: left;
		width: 350px;
		border: 3px solid  #e40011;
	}
		.button_white-single {
			float: none;
			margin: 0 auto;
		}
		.button_white img {
			position: relative;
			top: 2px;
			left: -4px;
		}
	.button_white a {
		display: block;
		width: 100%;
		background:url(../img/shop/ticket_arrow.gif) no-repeat 335px center;
		background-size: 10px 14px;
	}
}

/* sp */
@media only screen and (max-width:640px){	
	.button_white {
		width: 98%;
		border: 3px solid  #e40011;
		background-color: #fff;
	}
		.button_white img {
			position: relative;
			top: 2px;
			left: -4px;
			width: 266px;
			height: auto;
		}
	.button_white a {
	  padding: 6px 0;
		display: block;
		width: 100%;
		background:url(../img/shop/ticket_arrow.gif) no-repeat 95% center;
		background-size: 10px 14px;
	}
}