@charset "utf-8";

/* --------------------------------
	Theme CSS for EC-CUBE 3
-------------------------------- */


/* --------------------------------
	Common
-------------------------------- */

body {
	font-family: "メイリオ", Meiryo, Roboto, "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, sans-serif;
	line-height: 1.4;
	background-color: #ff6600;
	color: #fff;
	-webkit-text-size-adjust: 100%;
	font-size:12px;
}

.img_center,
.txt_center {
	text-align: center;
}
.img_right,
.txt_right {
	text-align: right;
}

/****** Base Layout Setting ********/

#header {
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#000000, endcolorstr=#4d4d4d));
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#000000, endcolorstr=#4d4d4d))";
zoom: 1;
background: -moz-linear-gradient(top center, #000000 0%, #4d4d4d 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#000000), to(#4d4d4d));
background: linear-gradient(top center, #000000 0%, #4d4d4d 100%);
background: linear-gradient(to bottom, #000000, #4d4d4d);  
}

#contents {
	background: #000;
}

/****** Header Setting ********/


.header_logo_area {
	margin-right: 100px;
}
.header_logo_area .header_logo a:link,
.header_logo_area .header_logo a:visited,
.header_logo_area .header_logo a:hover,
.header_logo_area .header_logo a:active {
	text-decoration: none;
	color: #000;
}
.header_logo_area .header_logo a:hover {
	color: #666;
}


/****** Side Setting ********/

/****** Footer Setting ********/

/****** Effect Setting ********/


/****** Each BlockParts Setting ********/

/* cart area */

#cart_area {
	width: 100%;
	position: absolute;
	right: 0; top: 0;
	z-index: 11;
}
#cart_area p {
	margin: 0;
}
#cart_area p.cart-trigger {
	position: absolute;
	right: 65px;
}

#cart .inner {
	background: #f3f3f3;
}


/* search area */

#search {
	background: #EBEBEB;
	padding: 16px 8px;
}
#search select {
	width: 100%;
}

/* snsbtn_area */
.snsbtn_area .snsbtn {
    float: left;
    height: 20px;
    margin: 0 10px 10px 0;
}

/* --------------------------------
	Top Page
-------------------------------- */

.front_page a:hover img {
	opacity: 0.8;
}
.front_page #contents .row > div {
	padding-bottom: 8px;
}
.front_page #contents .row.no-padding > div {
	padding-bottom: 0;
}

/* Comment Area */

.front_page .comment_area h4 {
	font-size: 24px;
	font-size: 2.4rem;
	margin: 0 0 2px;
}
.front_page .comment_area h5 {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0;
}
.front_page .comment_area p {
	margin: 10px 0 15px;
}

/* Item List */

.front_page .item_comment {
	color: #444;
}
.front_page .item a {
	padding-bottom: 0;
}
.front_page .item a:hover {
	opacity: 0.8;
}
.front_page .item a:hover img {
	opacity: 1;
}
.front_page #contents_top .item_comment {
	color: #525263;
	font-weight: normal;
	font-size: 14px;
	font-size: 1.4rem;
}
.front_page #contents_top .item_comment.text-warning,
.front_page #contents_top .item_name.text-warning {
	color: #9a947e;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
}
.front_page .more_link.text-warning {
	font-weight: bold;
	color: #9A947E;
}

/* news_area */

.news_contents {
	padding: 0;
}
#news_area {
	background:;
}
#news_area .heading01 {
	padding: 8px;
	text-align: center;
	margin: 0;
}

/* txt_bnr */

.txt_bnr_area {
	padding: 0 0 16px;
}

.txt_bnr {
	background: #f8f8f8;
	border: 1px solid #D9D9D9;
	font-weight: bold;
	padding: 16px;
	margin: 12px 0 0;
	text-align: center;
}
.txt_bnr strong {
	color: #DE5D50;
	font-size: 20px;
	font-size: 2rem;
}
.txt_bnr strong strong {
	font-size: 32px;
	font-size: 3.2rem;
}

.item_gallery {
	clear: both;
}

/* --------------------------------
	Detail Page
-------------------------------- */

#item_detail + row {
	margin-top: -1px;
	background: #fff;
}

/*#item_detail .btn_area li:last-child {
    padding-left: 0;
}
*/


/* Slider */
.slick-loading .slick-list {
    background: #fff url('ajax-loader.gif') center center no-repeat;
}


/* Arrow */

.slick_prev,
.slick_next {
	font-size: 18px;
	font-size: 1.8rem;
	width: 40px; height: 40px;
	line-height: 40px;
}

/* Dots */
.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before{
    opacity: .25;
	background-color: #ff6600;
}
.slick-dots li button:before {
	content:" ";
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    text-align: center;
    opacity: .25;
    background-color: #fff;
	border-radius: 50%;

}
.slick-dots li.slick-active button:before {
    opacity: .75;
    background-color: #ff6600;
}

.slick-dots li button.thumbnail img {
	width: 0; height: 0;
}

#item_photo_area .slick-slide {
	text-align: center;
}
#item_photo_area .slick-slide img {
	display: inline-block;
}


/******************************
	Media Query
*******************************/

@media only screen and (max-width: 767px) {

	/* --------- common ---------- */


	/****** Header Setting ********/


	/****** Side Setting ********/


	/****** Effect Setting ********/


}
@media only screen and (min-width: 768px) {

	/* --------- common ---------- */

	#contents {
		padding-top: 0px;
	}

	/****** Header Setting ********/

	/****** Layout ********/

	/* header */

	#header .header_logo_area {
		float: left;
		margin-right: 265px;
	}
	#header #drawer #search {
		position: relative;
	}
	#search {
		background: none;
		padding: 0;
	}
	#member {
		float: right;
	}

	.member ul li {
		display: inline-block;
	}



	/****** Side Setting ********/

	/****** Footer Setting ********/

	/****** Each BlockParts Setting ********/

	/* search area */

	#search select {
		width: auto;
		max-width: 180px;
	}
	/* cart */

	#cart .inner {
		position: absolute;
		right: 0; top: 0;
	}
	#cart_area {
		top: 0; right: 16px;
	}
	#cart_area p {
		border: 1px solid #D9D9D9;
		float: right;
		min-width: 256px;
	}
	#cart_area p.cart-trigger {
		position: relative;
		right: 0;
	}
	#cart_area .inner {
		min-width: 256px;
	}
	#cart_area .cart_price {
		font-size: 12px;
	}
	#cart_area .cart_price .price {
		font-size: 16px;
	}


	/* --------------------------------
		Top Page
	-------------------------------- */

	.front_page #contents .row {
		padding-bottom: 24px;
	}
	/* Comment Area */

	.front_page .comment_area h4 {
		font-size: 32px;
		font-size: 3.2rem;
		margin: 0 0 8px;
	}
	.front_page .comment_area h5 {
		font-size: 20px;
		font-size: 2rem;
	}
	.front_page .comment_area p {
		font-size: 20px;
		font-size: 2rem;
		margin: 24px 0 24px;
	}

	/* news_area */

	.news_contents {
		padding: 0 16px 0 0;
	}

	#news_area .heading01 {
		padding: 16px;
		text-align: left;
	}
	#news_area {
		margin-bottom: 32px;
	}


	/* txt_bnr */

	.txt_bnr_area {
		padding-left: 16px;
	}

	.txt_bnr {
		margin:0 0 16px;
	}

	/* --------------------------------
		Detail Page
	-------------------------------- */

	#item_photo_area .slick-dots {
		margin: 0 ;
		position: relative;
		bottom: 0;
	}
	#item_photo_area .slick-dots::after {
		content: "";
		display: table;
		clear: both;
	}

	#item_photo_area .slick-dots li {
		width:16.6666667%; height: auto;
		padding:10px 5px;
		margin: 0;
		float:left;
	}

	.slick-dots li button.thumbnail {
		width: 100%; height: auto;
		padding: 0;
	}
	.slick-dots li button.thumbnail img {
		width: 100%; height: auto;
		opacity: 0.8;
	}
	.slick-dots li button.thumbnail:hover img,
	.slick-dots li.slick-active button.thumbnail img {
		opacity: 1;
	}
	.slick-dots li button.thumbnail::before {
		display: none;
	}
}

/* --------------------------------
    display mask
-------------------------------- */
.prevention-masked {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3040;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
}

.extra-form {
  margin: 10px 0;
}



/* ここからcustom.css 20241015 */

a{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}
a:hover img{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}

a:action{opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";}
a:action img{opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";}


input,
select{color: #666;}


/*--コピーライト--*/
#copy{width:100%; background:#ff6600; color:#fff; height:35px; line-height:35px; text-align:center;}

#page-top {position: fixed; bottom: 20px; right: 20px; z-index:2;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
#page-top a {text-decoration:none; color: #fff; width:60px; padding:15px 0; text-align:center; display: block; border-radius: 5px; background:#C60; font-size:22px;}
#page-top a:hover {text-decoration: none; background:#C96;}


/*--ヘッダー--*/
#header h1{margin:0; padding:0; color:#FFF; font-weight:normal; line-height:20px; height:20px; font-size:12px;}

#header #logo_custom{width:33%; float:left;}
#header #logo_custom2{width:70%; float:left;}
#header #logo_custom img,
#header #logo_custom2 img{width:100%;}

.icon_menu_size{width:15%;}

/*--ログイン--*/
.member_link li{margin-left:20px;}
.member_link .icon01{ padding-left:20px; background: url(../img/common/icon_head_01.png) left center no-repeat;}
.member_link .icon02{ padding-left:20px; background: url(../img/common/icon_head_02.png) left center no-repeat;}
.member_link .icon03{ padding-left:20px; background: url(../img/common/icon_head_03.png) left center no-repeat;}


/*-----------検索フォーム-----------*/
#custom_searchform {position:absolute; top:70px; right:70px;}
#custom_search_keywords {width: 270px; height: 38px; background: #000; border:#ccc solid 1px; padding:4px; color:#fff;}
#custom_search_bt {position: absolute; top: 0; _top: 1px; left: 270px;}
*:first-child + html #custom_search_bt {top: 1px;}

#custom_searchform2 {position:relative;}
#custom_search_keywords2 {width:150px; height: 38px; background: #000; border:#ccc solid 1px; padding:4px; color:#fff;}
#custom_search_bt2 {position: absolute; top: 0; _top: 1px; left:150px;}

/*-----------検索メーカー-----------*/
#search_maker {position:absolute; top:50px;}
#search_maker select{background: #000; border:#ccc solid 1px; color:#999; font-size:12px; width: 335px;}

#search_maker2 {position:relative;}
#search_maker2 select{background: #000; border:#ccc solid 1px; color:#999; font-size:12px; width:200px;}



/*--グローバルナビ--*/
#nav_custom{background:#ff6600; width:100%; margin-bottom:30px;}

/*#nav_custom li{width:16.6666%; float:left;}*/
#nav_custom ul{text-align: center;}
#nav_custom li{width: auto;display: inline-block;float: none;}
#nav_custom li a{padding: 0 8px;}
#nav_custom li a:link{display:block; font-size:12px; text-align:center; height:40px; line-height:40px;}
.nav_inner{width:1000px; margin:0 auto; overflow:hidden;}

.nav_sp{background:#ff6600; width:100%; margin-bottom:20px;}
.nav_sp ul{overflow:hidden; width:100%;}
.nav_sp li{width:20%; float:left;}

#contents_top{ margin-bottom:50px;} /*--default.cssの##contentsのpadding-topを変更後、メインコンテンツへの余白--*/


/*--カスタムボタン--*/
a.bt01{text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:5px 40px 5px 8px; color:#fff; background:#ff6600 url(../img/common/bt01.png) 97% center no-repeat;}
a.bt01:hover{color:#FFF; background:#ff6600 url(../img/common/bt01.png) 100% center no-repeat;}

.btn-custom1 {color:#fff; background:#5c81b1 url(../img/detail/icon_custom1.png) 2% center no-repeat; border:0;}
.btn-custom1:hover,
.btn-custom1:focus,
.btn-custom1:active,
.btn-custom1.active,
.open > .dropdown-toggle.btn-custom1 {color:#fff; background-color:#7b9cc7; border-color:#7b9cc7;}


/*--見出し--*/
h2{color:#FFF; position:relative; padding:.4em 0em .2em 2em; font-weight:normal;}
h2{filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#252525, endcolorstr=#555555));
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#252525, endcolorstr=#555555))";
zoom: 1;
background: -moz-linear-gradient(top center, #252525 0%, #555555 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#252525), to(#555555));
background: linear-gradient(top center, #252525 0%, #555555 100%);
background: linear-gradient(to bottom, #252525, #555555);}
h2 span{font-size:80%;}

h2::before,
h2::after {position: absolute; content: ''; border-radius: 100%}
h2::before {top:.4em; left:.4em; z-index: 2; width: 18px; height: 18px; background: rgba(255, 114, 0, .75);}
h2::after {top: 0.9em; left: .9em; width: 13px; height: 13px; background: rgba(255, 149, 46, .45);}

h3{font-size:16px; font-weight:normal; color:#ffa163; border-bottom:#ffa163 solid 1px; margin:0 0 15px 0; padding:3px 0;}


h4{color:#FFF; position:relative; padding:.4em 0em .2em 2em; font-weight:500; font-size:12px;}

h4::before {position: absolute; content: ''; border-radius: 100%}
h4::before {top:.6em; left:.4em; z-index: 2; width: 8px; height: 8px; background: rgba(255, 114, 0, .75);}



.drawer li{padding:15px 0px 15px 10px; font-size:14px; border-bottom:#FFF dotted 1px;}


.glossary_gyo ul{ overflow:hidden; margin-bottom:40px;}

.glossary_gyo li{float:left;}

.glossary_gyo li a:link, .glossary_gyo li a:visited{display:block; background:#666; color:#FFF; padding:10px 0; text-align:center;}
.glossary_gyo li a:hover{ background:#999;}


/*-----------パソコン-----------*/
@media only screen and (min-width: 768px) {


.inner {width:1032px;}　/*--style.css側を消してここに移動--*/

/*--ヘッダー--*/
#header #logo_custom{width:33%; float:left;}
#header #logo_custom img{width:100%;}



/*--カテゴリ（サイド）カスタム--*/
.category-nav2 a{display:block; padding:0 5px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.category-nav2 a.has-toggle {padding-right:50px;}
.category-nav2 a:link,
.category-nav2 a:visited,
.category-nav2 a:hover,
.category-nav2 a:active {color:#FFF; text-decoration:none; font-size:11px !important; font-size:1.1rem !important; font-weight:700;}
.category-nav2 a:hover {background: rgba(204, 204, 204, 0.1);}
.category-nav2 a .toggle {display: block; position: absolute; right: 10px; top: 5px; width: 40px; height: 40px; line-height: 40px; text-align: center; vertical-align: middle;}
.category-nav2 .active > .toggle .cb {-webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); -o-transform:rotate(-180deg); transform:rotate(-180deg)}
.category-nav2 li > a:hover {background: rgba(204, 204, 204, 0.2);}
.category-nav2 li > a.active {background: rgba(204, 204, 204, 0.2);}
.category-nav2 ul {display: none;}

.category-nav2 > li {text-align:left; position: relative;}
.category-nav2 ul {position: static; height: auto; width: auto; overflow: visible; z-index: 3; background:#3c3c3c;}
.category-nav2 > li > a {position: relative; display: inline-block; overflow: visible; -webkit-transition: color 0.3s, box-shadow 0.3s; -moz-transition: color 0.3s, box-shadow 0.3s; transition: color 0.3s, box-shadow 0.3s;}

.category-nav2 .toggle {display:none;}
.category-nav2 > li {margin: 0;}
.category-nav2 li ul {display: block;}
.category-nav2 li {position: relative; display:inline-block;}
.category-nav2 > li > a {padding:7px .5em; border-bottom: none; border-bottom:1px dotted #666;}
.category-nav2 li a {display:block;}

/* 小カテゴリの位置指定 */
.category-nav2 li ul {position: absolute; z-index: 100; top:0%; left:100%; width:250px;}
.category-nav2 li ul li {float:left; overflow:hidden; width: 100%; height: 0; transition: .2s;}
.category-nav2 li ul li a {text-align:left;}
.category-nav2 > li:hover > a {}
.category-nav2 > li:hover li:hover > a {background: rgba(204, 204, 204, 0.1)}

/* 小カテゴリの高さ指定 */
.category-nav2 > li:hover > ul > li {overflow: visible; height:30px;}

.category-nav2 li ul li ul {top: 0; left:100%;}
.category-nav2 li:last-child ul li ul {left: 100%; width: 100%;}
.category-nav2 li ul li ul:before {position: absolute; content: ">"; top:6px; left: -15px; width: 0; height: 0;}
.category-nav2 li:last-child ul li ul:before {position: absolute; content: ">"; top: 6px; left: -15px; width: 0; height: 0;}

/* 小カテゴリの高さ指定2 */
.category-nav2 li ul li:hover > ul > li {overflow: visible; height: 30px;}

.category-nav2 li:hover ul li ul li a:hover {  background: rgba(204, 204, 204, 0.1)}

/* 小カテゴリの高さ指定3 */
.category-nav2 ul > li > a,
.category-nav2 ul > li > ul > li > a,
.category-nav2 ul > li > ul > li > ul > li a {height:30px; line-height:30px; display:block;}
	
.category-nav2 > li {display: block; margin: 0;}
.category-nav2 li > a {width: 100%;}
.category-nav2 > ul ul {width: 100%;}
.category-nav2 > ul {width: 100%;}
.category-nav2 > ul > li {width: 100%;}
.category-nav2 > ul > li a {padding-left: 10px;}


/* フッター */
footer h3{font-size:16px;}
.footer_cap{font-size:12px;}


.footer_nav{}



.res10{width:10%;}
.res11{width:11%;}
.res12{width:12%;}
.res13{width:13%;}
.res14{width:14%;}
.res15{width:15%;}
.res16{width:16%;}
.res17{width:17%;}
.res18{width:18%;}
.res19{width:19%;}
.res20{width:20%;}
.res21{width:21%;}
.res22{width:22%;}
.res23{width:23%;}
.res24{width:24%;}
.res25{width:25%;}
.res26{width:26%;}
.res27{width:27%;}
.res28{width:28%;}
.res29{width:29%;}
.res30{width:30%;}
.res31{width:31%;}
.res32{width:32%;}
.res33{width:33%;}
.res34{width:34%;}
.res35{width:35%;}
.res36{width:36%;}
.res37{width:37%;}
.res38{width:38%;}
.res39{width:39%;}
.res40{width:40%;}
.res41{width:41%;}
.res42{width:42%;}
.res43{width:43%;}
.res44{width:44%;}
.res45{width:45%;}
.res46{width:46%;}
.res47{width:47%;}
.res48{width:48%;}
.res49{width:49%;}
.res50{width:50%;}
.res51{width:51%;}
.res52{width:52%;}
.res53{width:53%;}
.res54{width:54%;}
.res55{width:55%;}
.res56{width:56%;}
.res57{width:57%;}
.res58{width:58%;}
.res59{width:59%;}
.res60{width:60%;}
.res61{width:61%;}
.res62{width:62%;}
.res63{width:63%;}
.res65{width:65%;}
.res66{width:66%;}
.res67{width:67%;}
.res68{width:68%;}
.res69{width:69%;}
.res70{width:70%;}
.res71{width:71%;}
.res72{width:72%;}
.res73{width:73%;}
.res74{width:74%;}
.res75{width:75%;}
.res76{width:76%;}
.res77{width:77%;}
.res78{width:78%;}
.res79{width:79%;}
.res80{width:80%;}
.res81{width:81%;}
.res82{width:82%;}
.res83{width:83%;}
.res84{width:84%;}
.res85{width:85%;}
.res86{width:86%;}
.res87{width:87%;}
.res88{width:88%;}
.res89{width:89%;}
.res90{width:90%;}



ul.li_two li{width:49%; margin-right:2%; float:left;}
ul.li_two li:last-child{margin-right:0;}

ul.li_three li{width:32%; margin-right:2%; float:left;}
ul.li_three li:last-child{margin-right:0;}

ul.li_four li{width:24%; margin-right:1%; float:left;}
ul.li_four li:last-child{margin-right:0;}

ul.li_table_two li{width:50%; padding:0 1%; margin-bottom:20px; float:left;}
ul.li_table_three li{width:33.33333%; padding:0 1%; margin-bottom:20px; float:left;}

}



/*--------スマホ--------*/
@media only screen and (max-width: 767px) {

.inner {width:90%;}　/*--style.css側を消してここに移動--*/



/* フッター */
.footer_cap h3{font-size:14px;}
.footer_cap{font-size:13px;line-height: 1.7em;}

.footer_nav a:link,
.footer_nav a:visited,
.footer_nava a:active{font-size:18px; display:block; line-height:50px; border-bottom:#CCC dotted 1px;}
.footer_nava a:hover{background:#666;}


.res10{width:100%; margin-bottom:10px;}
.res11{width:100%; margin-bottom:10px;}
.res12{width:100%; margin-bottom:10px;}
.res13{width:100%; margin-bottom:10px;}
.res14{width:100%; margin-bottom:10px;}
.res15{width:100%; margin-bottom:10px;}
.res16{width:100%; margin-bottom:10px;}
.res17{width:100%; margin-bottom:10px;}
.res18{width:100%; margin-bottom:10px;}
.res19{width:100%; margin-bottom:10px;}
.res20{width:100%; margin-bottom:10px;}
.res21{width:100%; margin-bottom:10px;}
.res22{width:100%; margin-bottom:10px;}
.res23{width:100%; margin-bottom:10px;}
.res24{width:100%; margin-bottom:10px;}
.res25{width:100%; margin-bottom:10px;}
.res26{width:100%; margin-bottom:10px;}
.res27{width:100%; margin-bottom:10px;}
.res28{width:100%; margin-bottom:10px;}
.res29{width:100%; margin-bottom:10px;}
.res30{width:100%; margin-bottom:10px;}
.res31{width:100%; margin-bottom:10px;}
.res32{width:100%; margin-bottom:10px;}
.res33{width:100%; margin-bottom:10px;}
.res34{width:100%; margin-bottom:10px;}
.res35{width:100%; margin-bottom:10px;}
.res36{width:100%; margin-bottom:10px;}
.res37{width:100%; margin-bottom:10px;}
.res38{width:100%; margin-bottom:10px;}
.res39{width:100%; margin-bottom:10px;}
.res40{width:100%; margin-bottom:10px;}
.res41{width:100%; margin-bottom:10px;}
.res42{width:100%; margin-bottom:10px;}
.res43{width:100%; margin-bottom:10px;}
.res44{width:100%; margin-bottom:10px;}
.res45{width:100%; margin-bottom:10px;}
.res46{width:100%; margin-bottom:10px;}
.res47{width:100%; margin-bottom:10px;}
.res48{width:100%; margin-bottom:10px;}
.res49{width:100%; margin-bottom:10px;}
.res50{width:100%; margin-bottom:10px;}
.res51{width:100%; margin-bottom:10px;}
.res52{width:100%; margin-bottom:10px;}
.res53{width:100%; margin-bottom:10px;}
.res54{width:100%; margin-bottom:10px;}
.res55{width:100%; margin-bottom:10px;}
.res56{width:100%; margin-bottom:10px;}
.res57{width:100%; margin-bottom:10px;}
.res58{width:100%; margin-bottom:10px;}
.res59{width:100%; margin-bottom:10px;}
.res60{width:100%; margin-bottom:10px;}
.res61{width:100%; margin-bottom:10px;}
.res62{width:100%; margin-bottom:10px;}
.res63{width:100%; margin-bottom:10px;}
.res64{width:100%; margin-bottom:10px;}
.res65{width:100%; margin-bottom:10px;}
.res66{width:100%; margin-bottom:10px;}
.res67{width:100%; margin-bottom:10px;}
.res68{width:100%; margin-bottom:10px;}
.res69{width:100%; margin-bottom:10px;}
.res70{width:100%; margin-bottom:10px;}
.res71{width:100%; margin-bottom:10px;}
.res72{width:100%; margin-bottom:10px;}
.res73{width:100%; margin-bottom:10px;}
.res74{width:100%; margin-bottom:10px;}
.res75{width:100%; margin-bottom:10px;}
.res76{width:100%; margin-bottom:10px;}
.res77{width:100%; margin-bottom:10px;}
.res78{width:100%; margin-bottom:10px;}
.res79{width:100%; margin-bottom:10px;}
.res80{width:100%; margin-bottom:10px;}
.res81{width:100%; margin-bottom:10px;}
.res82{width:100%; margin-bottom:10px;}
.res83{width:100%; margin-bottom:10px;}
.res84{width:100%; margin-bottom:10px;}
.res85{width:100%; margin-bottom:10px;}
.res86{width:100%; margin-bottom:10px;}
.res87{width:100%; margin-bottom:10px;}
.res88{width:100%; margin-bottom:10px;}
.res89{width:100%; margin-bottom:10px;}
.res90{width:100%; margin-bottom:10px;}


ul.li_two li{width:100%; margin-bottom:10px;}
ul.li_three li{width:100%; margin-bottom:10px;}
ul.li_four li{width:100%; margin-bottom:10px;}

ul.li_table_two li{width:100%; margin-bottom:10px;}
ul.li_table_three li{width:100%; margin-bottom:10px;}



.sp_mt30{margin-top:30px;}

}





/*--------共通--------*/

.kage {
-moz-box-shadow:0px 0px 15px rgba(0,0,0,0.8);
-webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.8);
box-shadow:0px 0px 15px rgba(0,0,0,0.8);
}


.photo_l{float:left; margin:0 10px 10px 0;}
.photo_r{float:right; margin:0 0px 10px 10px;}

.box_l{float:left;}
.box_r{float:right;}
.box_c{margin:0 auto;}

.overflow{overflow:hidden;}
.img100 img{width:100%;}


.section{overflow:hidden; margin-bottom:45px;}
.article{overflow:hidden; margin-bottom:20px;}
.grid{overflow:hidden; margin-bottom:10px;}

.txt_r{text-align:right;}
.txt_l{text-align:left;}
.txt_c{text-align:center;}


.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}

.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}

.mtb5{margin:5px 0 !important;}
.mtb10{margin:10px 0 !important;}
.mtb15{margin:15px 0 !important;}
.mtb20{margin:20px 0 !important;}

.pb30{padding-bottom:30px !important;}

.ptb5{padding:5px 0 !important;}
.ptb10{padding:10px 0 !important;}
.ptb15{padding:15px 0 !important;}
.ptb20{padding:20px 0 !important;}

.mr3{margin-right:3px !important;}
.mr4{margin-right:4px !important;}
.mr5{margin-right:5px !important;}
.mr6{margin-right:6px !important;}
.mr7{margin-right:7px !important;}
.mr8{margin-right:8px !important;}
.mr9{margin-right:9px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}





.f70per{font-size:70%}
.f80per{font-size:80%}
.f90per{font-size:90%}
.f110per{font-size:110%}
.f120per{font-size:120%}
.f130per{font-size:130%}
.f140per{font-size:140%}
.f150per{font-size:150%}
.f160per{font-size:160%}
.f170per{font-size:170%}
.f180per{font-size:180%}



.memo{font-size:90%; color:#666;}


.ta01{width:100%; border-top:#fff solid 1px;}
.ta01 td{border-bottom:#fff solid 1px; text-align:center; padding:10px;}


.sankaku{
	width: 0;
	height: 0;
	border-top: 30px solid #ccc;
	border-right: 80px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 80px solid transparent;
	margin:0 auto;}

/*20230605*/
#header #kaitori{width:28%; float:left;margin-left: 2%;padding-top:20px;}
#footer h4{padding: 2px 0 2px 1.7em; margin-block-start: 2px; margin-block-end: 2px;}
#footer p{margin-block-start: 0.5em; margin-block-end: 1em;}
.shand {text-align: center;}
.shand img {display: block; margin: 0 auto 40px; max-width: 80%; width: 640px;}
.fflow {border: 1px solid #ffffff; padding: 5px; max-width: 400px;}
.fflow li {border-bottom: 1px solid #ffffff; padding: 10px;}
.fflow li:last-child {border:none}
.fatt {margin-top: 30px; border:1px solid #ffa163;color:#ffa163; padding: 10px;  width: 280px;text-align: center;}
.fatt2 {margin-top: 30px; border:2px solid #00eeff;color:#00eeff; padding: 10px;  width: 280px;text-align: center;font-size: 16px;max-width: 100%;}
.yamatod a {color: #00eeff;font-size: 17px;}
.yamatod a:hover {text-decoration: underline;}
.ml30 {margin-left: 30px;}
.mt60 {margin-top:60px;}
ul.kaitoriatt { margin-bottom: 30px;}
ul.kaitoriatt li { padding-left:1em; text-indent:-1em;line-height: 1.5em; margin-bottom: 10px;}
ul.kaitoriatt li::before { content: "・";}
.fbtn {width: 280px;max-width: 100%;}
.fbtn a{display: block;padding: 15px 1%;text-align: center; background-color: #88ed25;font-size: 16px; color: #000;}
.fbtn a::before{content:"> ";}
.fbtn a:hover{background-color: #84d037;}
#kaitori-f {padding: 20px 5% 70px 5%;}

/*202507*/
#checkeditem .heading {
    background: #060606;
    padding: 16px;
}
#product_review_area {
	margin-top: 50px;
	margin-bottom: 70px;
}
#product_review_area .col-sm-10{
	        padding-left: 0;
        padding-right: 0;

}

#product_review_area .col-sm-offset-1 {
        margin-left: 0;
    }
#product_review_area .col-sm-10 {
        width: 100%;
    }
#product_review_area .heading02.pc {
	background-color: #060606;
	position: relative;
}
#product_review_area .heading02.pc::before {
	position: absolute;
    content: '';
    border-radius: 100%;
    top: .4em;
    left: .4em;
    z-index: 2;
    width: 18px;
    height: 18px;
    background: rgba(255, 114, 0, .75);
}
#product_review_area .heading02.pc::after {
	    position: absolute;
    content: '';
    border-radius: 100%;
    top: 0.9em;
    left: .9em;
    width: 13px;
    height: 13px;
    background: rgba(255, 149, 46, .45);
}
#product_review_area .heading02.sp {
	background-color: #060606;
	position: relative;
}
textarea#product_review_comment{
	color: #666666;

}