@charset "utf-8";
/* CSS Document */

body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-seri, "ＭＳ Ｐゴシック", "MS PGothic";
	font-size:12px;
	line-height:1.5;
	margin:0;
	padding:0;
	color:#171717;
	text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}



body *{
	margin:0;
	padding:0;
}
img{
	border:none;
	vertical-align: bottom;
}
ol,ul,li{list-style:none;}
div,p,a,ul,ol,li,dl,dt,dd,table,td,th,h1,h2,h3,h4,h5,h6,
span,strong,input,select,textarea,section,article,figure{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
a{
	border:none;
	text-decoration:none;
	color:#171717;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
a:hover img{
	opacity:0.6;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
.colorChange a:hover img{
	opacity:1;
	-webkit-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
}


.w100{
	width:100%;clear:both;
}
.w1200{
	width:100%;
	max-width:1200px;
	min-width:1200px;
	margin:0 auto;
	padding: 15px 0 ;
}

@media screen and (max-width: 479px) {
.w1200{
	max-width:100%;
	width:100%;
	margin:0 auto;
	padding: 15px;
}
.w100{
	width:100%;clear:both;
}
}


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

@media (max-width: 479px) {
	body{overflow-x:hidden;}
	#sidebnr2018 {display:none;}
}







/* ********************************************
2022
********************************************** */



body {font-size:12px !important;}
#headTemp{}
.sp{display:none !important;}
#topbox2{display:none !important;}
#category_wrapper{display:none !important;}

@media (max-width: 479px) {
#headTemp{display:none !important;}
.sp{display:block !important;}
#topbox2{display:block !important;}
#category_wrapper{display:block !important;}
#searchbox{display:none !important;}
#headSlider {margin: 0px !important;padding:0px !important;}
#messa {text-align:left !important;}
.slick-prev {left:0 !important;}
.slick-next {right:0 !important;}
}/* 640 */

#headerSP2, #headerSP3, #CAT_BOX {max-width:100%;}

/* */
.dark-tooltip.medium{padding:3px;font-size:13px;}
.tip-flo{display:block;text-align:center;font-family: 'EB Garamond', serif !important;}
.tip-plot{text-align:center;font-family: 'EB Garamond', serif !important;}
#tipdiv{width:100px;height:100px;overflow:hidden;padding:0;}

/* */
#content{
min-height:900px;
}
.con22{
padding: 0px;
text-align: center;
}

.overlay22{
bottom: 0px;
left: 0;
position: fixed;
z-index: 1000;
width: 100%;
padding:8px 0 0px 0;
background-color: #fce5e5;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #dbadd0), color-stop(1.00, #fff));
background: -webkit-linear-gradient(#dbadd0, #fff);
background: -moz-linear-gradient(#dbadd0, #fff);
background: -o-linear-gradient(#dbadd0, #fff);
background: -ms-linear-gradient(#dbadd0, #fff);
background: linear-gradient(#dbadd0, #fff);
border-top:1px solid #b32c3e;
color: #FFF; 
display: block;
}
.btn22 {display:block;background:#ba7dac;color:#fff;padding:4px 0 0;px;position:fixed;bottom:0px;left: 5px;z-index:9999999999999;font-size:13px;text-align:center;border-radius:7px 7px 0 0;border-top:1px solid #d6c487;border-left:1px solid #d6c487;border-right:1px solid #d6c487;margin: 0 auto;line-height:1.3;}
.tog_btn22 {}
.tog_btn22::after {
  content: "×閉じる";
display:block;background:#805679;padding:4px 0;margin:3px 0 0 0;width:5em;color:#fff;
}
.tog_btn22.open::after {
  content: "≫見る";
display:block;background:#805679;padding:4px 0;margin:3px 0 0 0;width:5em;color:#fff;
}

/* RANDOM IMAGE ______________________ TIMER BOX */

@media (min-width: 480px) {
#full_bg {
width:100%;padding:0px;
min-width:1200px;margin:0 auto;
background-size: contain;
background-repeat: no-repeat;
background-position: top center;
border:1px solid #fff;
}
.slide_right {float:right;padding:15px;margin:15px auto 15px !important;max-width:auto;border:0px dashed #fff;border-radius:8px;}
}/* 1200 */



/* 12PM */
@media (max-width: 428px) {
#full_bg {
width:100%;padding:0px;margin:0;
min-width:100%;margin:0 auto;
background-size:160%;
background-repeat: no-repeat;
background-position: top 0 left -17%;
border:1px solid #fff;

}
.slide_right {float:none;padding:0px;margin:248px 0 0px !important;max-width:95% !important;width:95%;border:0px solid #000;border-radius:0px;}
.slide_right {height:304px;}
}/* 12PM */

/* 11/PLUS */
@media (max-width: 414px) {
#full_bg {
width:100%;padding:0px;margin:0;
min-width:100%;margin:0 auto;
background-size:160%;
background-repeat: no-repeat;
background-position: top 0 left -17%;
border:1px solid #fff;

}
.slide_right {float:none;padding:0px;margin:240px 0 0px !important;max-width:95% !important;width:95%;border:0px solid #000;border-radius:0px;}
.slide_right {height:294px;}
}/* 11/PLUS */

/* 12 */
@media (max-width: 390px) {
#full_bg {
width:100%;padding:0px;margin:0;
min-width:100%;margin:0 auto;
background-size:160%;
background-repeat: no-repeat;
background-position: top 0 left -17%;
border:1px solid #fff;

}
.slide_right {float:none;padding:0px;margin:224px 0 0px !important;max-width:95% !important;width:95%;border:0px solid #000;border-radius:0px;}
.slide_right {height:281px;}
}/* 12 */

/* XS/8/7/6--------------------BASED */
@media (max-width: 375px) {
#full_bg {
width:100%;padding:0px;margin:0;
min-width:100%;margin:0 auto;
background-size:160%;
background-repeat: no-repeat;
background-position: top 0 left -17%;
border:1px solid #fff;

}
.slide_right {float:none;padding:0px;margin:213px 0 0px !important;max-width:95% !important;width:95%;border:0px solid #000;border-radius:0px;}
.slide_right {height:274px;}
}/* XS/8/7/6------------------BASED */

/* GS5 */
@media (max-width: 360px) {
#full_bg {
width:100%;padding:0px;margin:0;
min-width:100%;margin:0 auto;
background-size:160%;
background-repeat: no-repeat;
background-position: top 0 left -17%;
border:1px solid #fff;

}
.slide_right {float:none;padding:0px;margin:204px 0 0px !important;max-width:95% !important;width:95%;border:0px solid #000;border-radius:0px;}
.slide_right {height:281px;}
}/* GS5 */

/* 5/SE */
@media (max-width: 320px) {
#full_bg {
width:100%;padding:0px;margin:0;
min-width:100%;margin:0 auto;
background-size:160%;
background-repeat: no-repeat;
background-position: top 0 left -17%;
border:1px solid #fff;

}
.slide_right {float:none;padding:0px;margin:179px0 0px !important;max-width:95% !important;width:95%;border:0px solid #000;border-radius:0px;}
.slide_right {height:239px;}
}/* 5/SE */

/* RANDOM IMAGE ______________________ TIMER BOX */


/* RANDOM IMAGE ______________________ IMAGE */

.setView1 {background:#f6fbf4;background-image: url(https://www.rakuten.ne.jp/gold/gracefulsmile/home/top/images/rnd_img/evbg_ebk74.jpg?8778);}
.setView2 {background:#fefefc;background-image: url(https://www.rakuten.ne.jp/gold/gracefulsmile/home/top/images/rnd_img/evbg_ebm24.jpg?8778);}
.setView3 {background:#eae7d4;background-image: url(https://www.rakuten.ne.jp/gold/gracefulsmile/home/top/images/rnd_img/evbg_rca26.jpg?8778);}
.setView4 {background:#e1dfd2;background-image: url(https://www.rakuten.ne.jp/gold/gracefulsmile/home/top/images/rnd_img/evbg_rca32.jpg?8778);}
.setView5 {background:#d8c8af;background-image: url(https://www.rakuten.ne.jp/gold/gracefulsmile/home/top/images/rnd_img/evbg_rca39.jpg?8778);}
.setView6 {background:#fdf2d6;background-image: url(https://www.rakuten.ne.jp/gold/gracefulsmile/home/top/images/rnd_img/evbg_rci51.jpg?8778);}
.setView7 {background:#e9ebe0;background-image: url(https://www.rakuten.ne.jp/gold/gracefulsmile/home/top/images/rnd_img/evbg_rct34.jpg?8778);}
.setView8 {background:#efebe0;background-image: url(https://www.rakuten.ne.jp/gold/gracefulsmile/home/top/images/rnd_img/evbg_rct45.jpg?8778);}
.setView9 {background:#fcf6fc;background-image: url(https://www.rakuten.ne.jp/gold/gracefulsmile/home/top/images/rnd_img/evbg_rek49.jpg?8778);}
.setView10 {background:#f4f0e5;background-image: url(https://www.rakuten.ne.jp/gold/gracefulsmile/home/top/images/rnd_img/evbg_rek59.jpg?8778);}
.setView11 {background:#d4d5cf;background-image: url(https://www.rakuten.ne.jp/gold/gracefulsmile/home/top/images/rnd_img/evbg_res01.jpg?8778);}
.setView12 {background:#f5f5e3;background-image: url(https://www.rakuten.ne.jp/gold/gracefulsmile/home/top/images/rnd_img/evbg_rge20.jpg?8778);}
.setView13 {background:#dee1ce;background-image: url(https://www.rakuten.ne.jp/gold/gracefulsmile/home/top/images/rnd_img/evbg_rge48.jpg?8778);}
.setView14 {background:#f4f0e5;background-image: url(https://www.rakuten.ne.jp/gold/gracefulsmile/home/top/images/rnd_img/evbg_rge64.jpg?8778);}
.setView15 {background:#f6fbf4;background-image: url(https://www.rakuten.ne.jp/gold/gracefulsmile/home/top/images/rnd_img/evbg_ebk74.jpg?8778);}
.setView16 {background:#fefefc;background-image: url(https://www.rakuten.ne.jp/gold/gracefulsmile/home/top/images/rnd_img/evbg_ebm24.jpg?8778);}
.setView17 {background:#eae7d4;background-image: url(https://www.rakuten.ne.jp/gold/gracefulsmile/home/top/images/rnd_img/evbg_rca26.jpg?8778);}
.setView18 {background:#e1dfd2;background-image: url(https://www.rakuten.ne.jp/gold/gracefulsmile/home/top/images/rnd_img/evbg_rca32.jpg?8778);}
.setView19 {background:#d8c8af;background-image: url(https://www.rakuten.ne.jp/gold/gracefulsmile/home/top/images/rnd_img/evbg_rca39.jpg?8778);}
.setView20 {background:#fdf2d6;background-image: url(https://www.rakuten.ne.jp/gold/gracefulsmile/home/top/images/rnd_img/evbg_rci51.jpg?8778);}


/* RANDOM IMAGE ______________________ IMAGE */


@media (min-width: 480px) {
#w1200i{width:1200px;margin:0 auto;padding:0px auto;}
#w1200i2 {width:100%;min-width:1200px;margin:0px auto;padding:10px;}
#w1200i3 {width:100%;min-width:1200px;margin:0 auto;text-align:center;}
}
@media (max-width: 479px) {
#w1200i{width:94%;margin:0 auto;padding:0px auto;}
#w1200i2 {width:100%;margin:0px auto;padding:10px 0;}
#w1200i3 {width:100%;margin:0 auto;text-align:center;}
.w1200{width:100%;max-width:100%;min-width:100%;margin:0 auto;}
}/*640*/

/**/
@media (min-width: 480px) {
.sdw{box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.075);margin:0 auto 0px;}
.sdw:after {
content: "";clear: both;display: block;
}
}
@media (max-width: 479px) {
.sdw{box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.075);margin:0 auto 0px;}
.sdw:after {
content: "";clear: both;display: block;
}
}/*640*/



/* */
@media (min-width: 480px) {
#reccom_sque_box {width:100%;margin:0 auto;text-align:center;background:#faf8f2;}
#reccom_sque{width:1200px;margin:0 auto;}
#reccom_sque img{width:130px;margin:20px 10px 25px;float:left;border:1px solid #666;}
}
@media (max-width: 479px) {
#reccom_sque_box {width:100%;margin:0 auto;text-align:center;background:#faf8f2;}
#reccom_sque{width:100&;margin:0 auto;}
#reccom_sque img{width:24%;margin:1px 0.5% 1px;float:left;border:1px solid #666;}
}/*640*/



/* SLIDE */

/* */
@media (min-width: 480px) {
/* 4x3 */
#headSlider {width:1200px;min-width:1200px;margin:0px auto;}
.slider-for {width:711px;float:left;}
.slider-nav {float:right;}
.slider-for {border:1px solid #dedede;}
.slider-nav {border:1px solid #ff000;}
.slider-nav .slick-track {width:460px !important;}
.slider-nav .sp-thumbnail{width:109px !important;height:146px !important;margin:0 6px 6px 0;overflow:hidden;border:1px solid #dedede;}
.slider-nav .sp-thumbnail img{width:146px !important;height:146px !important;opacity:0.85;position:relative;left:-18%;}
.slider-nav .slick-current {border:2px solid #000 !important;opacity:1 !important;}
.slider-nav .slick-current img{width:146px !important;height:146px !important;opacity:1 !important;}
/* 4x3 */
}
@media (max-width: 479px) {

/* 4x3 */
#headSlider {width:100%;min-width:100%;margin:0px auto;}
.slider-for {width:100%;float:left;}
.slider-nav {display:none !important;float:right;}
.slider-for {border:1px solid #dedede;}
.slider-nav {display:none !important;border:1px solid #ff000;}
.slider-nav .slick-track {width:460px !important;}
.slider-nav .sp-thumbnail{width:109px !important;height:146px !important;margin:0 6px 6px 0;overflow:hidden;border:1px solid #dedede;}
.slider-nav .sp-thumbnail img{width:146px !important;height:146px !important;opacity:0.85;position:relative;left:-25%;}
.slider-nav .slick-current {border:2px solid #000 !important;opacity:1 !important;}
.slider-nav .slick-current img{width:146px !important;height:146px !important;opacity:1 !important;}
/* 4x3 */

}/*640*/








#topbnr1200 {max-width:1200px;margin:0 auto;}
#topbnr1200 img {width:49%;margin:5px 0.5%;}

@media (max-width: 479px) {
#topbnr1200 {max-width:98%;margin:0 1%;}
#topbnr1200 img {width:100%;margin:5px auto;}
}

/* */
html > div
.vivaldi-picture-in-picture-container transparent{display:none !important;}
.vivaldi-picture-in-picture-button{display:none !important;}


/* video/NEW5 */
#top_3f_video {margin:0 24px 25px 0;float:left;width:588px !important;height:369px !important;overflow:hidden;}
video {width:auto !important;/*height:100% !important;*/}
@media (min-width: 480px) {
#top_3f_video {margin:0 24px 25px 0;float:left;width:588px !important;height:369px !important;overflow:hidden;}
video {width:auto !important;height:369px !important;}
}
@media (max-width: 479px) {
#top_3f_video {margin:0 1% 6px;float:left;width:98% !important;height:auto !important;overflow:hidden;}
video{width:auto !important;height:215px;/*height:100% !important;*/}
}/*640*/


/* 3F/NEW4 */
@media (min-width: 480px) {
#top_floor_box1 {width:1200px;float:left;padding:25px 0;}
#newItem4 > div:nth-child(1) {width:588px;margin:0 0 25px 0;float:left;} /* 2 */
#newItem4 > div:nth-child(2) {width:384px;margin:0 24px 25px 0px;float:left;} /* 3 */
#newItem4 > div:nth-child(3) {width:384px;margin:0 24px 25px 0px;float:left;} /* 4 */
#newItem4 > div:nth-child(4) {width:384px;margin:0 0px 25px 0px;float:left;} /* 5 */
#newItem4 > div:nth-child(4):after {content: "";clear: both;display: block;} /* 5 */
#newItem4 > div:nth-child(1) img {width:100%;} /* 2 */
#newItem4 > div:nth-child(2) img {width:100%;} /* 3 */
#newItem4 > div:nth-child(3) img {width:100%;} /* 4 */
#newItem4 > div:nth-child(4) img {width:100%;} /* 5 */
}
@media (max-width: 479px) {
#top_floor_box1 {width:100%;float:none;padding: 8px 0px;}
#newItem4 > div:nth-child(1) {width:48%;margin:6px 1% 0;float:left;} /* 2 */
#newItem4 > div:nth-child(2) {width:48%;margin:6px 1% 0;float:left;} /* 3 */
#newItem4 > div:nth-child(3) {width:48%;margin:6px 1% 0;float:left;} /* 4 */
#newItem4 > div:nth-child(4) {width:48%;margin:6px 1% 20px;float:left;} /* 5 */
#newItem4 > div:nth-child(4):after {content: "";clear: both;display: block;} /* 5 */
#newItem4 > div:nth-child(1) img {height:204px;object-fit: cover;object-position: 100% 100%;} /* 2 */
#newItem4 > div:nth-child(2) img {height:204px;object-fit: cover;object-position: 100% 100%;} /* 3 */
#newItem4 > div:nth-child(3) img {height:204px;object-fit: cover;object-position: 100% 100%;} /* 4 */
#newItem4 > div:nth-child(4) img {height:204px;object-fit: cover;object-position: 100% 100%;} /* 5 */
}/*479*/
@media (max-width: 460px) {
#newItem4 > div:nth-child(1) img {height:195px;object-fit: cover;object-position: 100% 100%;} /* 2 */
#newItem4 > div:nth-child(2) img {height:195px;object-fit: cover;object-position: 100% 100%;} /* 3 */
#newItem4 > div:nth-child(3) img {height:195px;object-fit: cover;object-position: 100% 100%;} /* 4 */
#newItem4 > div:nth-child(4) img {height:195px;object-fit: cover;object-position: 100% 100%;} /* 5 */
}/*450*/
@media (max-width: 428px) {
#newItem4 > div:nth-child(1) img {height:203px;object-fit: cover;object-position: 100% 100%;} /* 2 */
#newItem4 > div:nth-child(2) img {height:203px;object-fit: cover;object-position: 100% 100%;} /* 3 */
#newItem4 > div:nth-child(3) img {height:203px;object-fit: cover;object-position: 100% 100%;} /* 4 */
#newItem4 > div:nth-child(4) img {height:203px;object-fit: cover;object-position: 100% 100%;} /* 5 */
}/*428*/
@media (max-width: 414px) {
#newItem4 > div:nth-child(1) img {height:195px;object-fit: cover;object-position: 100% 100%;} /* 2 */
#newItem4 > div:nth-child(2) img {height:195px;object-fit: cover;object-position: 100% 100%;} /* 3 */
#newItem4 > div:nth-child(3) img {height:195px;object-fit: cover;object-position: 100% 100%;} /* 4 */
#newItem4 > div:nth-child(4) img {height:195px;object-fit: cover;object-position: 100% 100%;} /* 5 */
}/*414*/
@media (max-width: 390px) {
#newItem4 > div:nth-child(1) img {height:183px;object-fit: cover;object-position: 100% 100%;} /* 2 */
#newItem4 > div:nth-child(2) img {height:183px;object-fit: cover;object-position: 100% 100%;} /* 3 */
#newItem4 > div:nth-child(3) img {height:183px;object-fit: cover;object-position: 100% 100%;} /* 4 */
#newItem4 > div:nth-child(4) img {height:183px;object-fit: cover;object-position: 100% 100%;} /* 5 */
}/*390*/
@media (max-width: 375px) {
#newItem4 > div:nth-child(1) img {height:175px;object-fit: cover;object-position: 100% 100%;} /* 2 */
#newItem4 > div:nth-child(2) img {height:175px;object-fit: cover;object-position: 100% 100%;} /* 3 */
#newItem4 > div:nth-child(3) img {height:175px;object-fit: cover;object-position: 100% 100%;} /* 4 */
#newItem4 > div:nth-child(4) img {height:175px;object-fit: cover;object-position: 100% 100%;} /* 5 */
}/*375*/
@media (max-width: 360px) {
#newItem4 > div:nth-child(1) img {height:169px;object-fit: cover;object-position: 100% 100%;} /* 2 */
#newItem4 > div:nth-child(2) img {height:169px;object-fit: cover;object-position: 100% 100%;} /* 3 */
#newItem4 > div:nth-child(3) img {height:169px;object-fit: cover;object-position: 100% 100%;} /* 4 */
#newItem4 > div:nth-child(4) img {height:169px;object-fit: cover;object-position: 100% 100%;} /* 5 */
}/*360*/
@media (max-width: 320px) {
#newItem4 > div:nth-child(1) img {height:148px;object-fit: cover;object-position: 100% 100%;} /* 2 */
#newItem4 > div:nth-child(2) img {height:148px;object-fit: cover;object-position: 100% 100%;} /* 3 */
#newItem4 > div:nth-child(3) img {height:148px;object-fit: cover;object-position: 100% 100%;} /* 4 */
#newItem4 > div:nth-child(4) img {height:148px;object-fit: cover;object-position: 100% 100%;} /* 5 */
}/*320*/


/* 9F/femmi/NEW3 */
@media (min-width: 480px) {
#top_floor_box2 {width:1200px;float:left;padding:25px 0;}
#newItem3 > div:nth-child(1) {width:588px;margin:0 24px 25px 0;float:left;} /* 1 */
#newItem3 > div:nth-child(2) {width:588px;margin:0 0 25px 0;float:left;} /* 2 */
#newItem3 > div:nth-child(3) {width:384px;margin:0 24px 25px 0px;float:left;} /* 3 */
#newItem3 > div:nth-child(4) {width:384px;margin:0 24px 25px 0px;float:left;} /* 4 */
#newItem3 > div:nth-child(5) {width:384px;margin:0 0px 25px 0px;float:left;} /* 5 */
#newItem3 > div:nth-child(5):after {content: "";clear: both;display: block;} /* 5 */
#newItem3 > div:nth-child(1) img {width:100%;} /* 1 */
#newItem3 > div:nth-child(2) img {width:100%;} /* 2 */
#newItem3 > div:nth-child(3) img {width:100%;} /* 3 */
#newItem3 > div:nth-child(4) img {width:100%;} /* 4 */
#newItem3 > div:nth-child(5) img {width:100%;} /* 5 */
}
@media (max-width: 479px) {
#top_floor_box2 {width:100%;float:none;padding:8px 0;}
#newItem3 > div:nth-child(1) {width:98%;margin:1px 1% 0;float:left;} /* 1 */
#newItem3 > div:nth-child(2) {width:48%;margin:6px 1% 0;float:left;overflow:hidden;} /* 2 */
#newItem3 > div:nth-child(3) {width:48%;margin:6px 1% 0;float:left;overflow:hidden;} /* 3 */
#newItem3 > div:nth-child(4) {width:48%;margin:6px 1% 0;float:left;overflow:hidden;} /* 4 */
#newItem3 > div:nth-child(5) {width:48%;margin:6px 1% 20px;float:left;overflow:hidden;} /* 5 */
#newItem3 > div:nth-child(5):after {content: "";clear: both;display: block;} /* 5 */
#newItem3 > div:nth-child(1) img {width:100%;} /* 1 */
#newItem3 > div:nth-child(2) img {height:191px;object-fit: cover;object-position: 0 100%;} /* 2 */
#newItem3 > div:nth-child(3) img {height:191px;object-fit: cover;object-position: 0 100%;} /* 3 */
#newItem3 > div:nth-child(4) img {height:191px;object-fit: cover;object-position: 0 100%;} /* 4 */
#newItem3 > div:nth-child(5) img {height:191px;object-fit: cover;object-position: 0 100%;} /* 5 */
}/*479*/
@media (max-width: 460px) {
#newItem3 > div:nth-child(1) img {width:100%;} /* 1 */
#newItem3 > div:nth-child(2) img {height:181px;object-fit: cover;object-position: 0 100%;} /* 2 */
#newItem3 > div:nth-child(3) img {height:181px;object-fit: cover;object-position: 0 100%;} /* 3 */
#newItem3 > div:nth-child(4) img {height:181px;object-fit: cover;object-position: 0 100%;} /* 4 */
#newItem3 > div:nth-child(5) img {height:181px;object-fit: cover;object-position: 0 100%;} /* 5 */
}/*450*/
@media (max-width: 428px) {
#newItem3 > div:nth-child(1) img {width:100%;} /* 1 */
#newItem3 > div:nth-child(2) img {height:172px;object-fit: cover;object-position: 0 100%;} /* 2 */
#newItem3 > div:nth-child(3) img {height:172px;object-fit: cover;object-position: 0 100%;} /* 3 */
#newItem3 > div:nth-child(4) img {height:172px;object-fit: cover;object-position: 0 100%;} /* 4 */
#newItem3 > div:nth-child(5) img {height:172px;object-fit: cover;object-position: 0 100%;} /* 5 */
}/*428*/
@media (max-width: 414px) {
#newItem3 > div:nth-child(1) img {width:100%;} /* 1 */
#newItem3 > div:nth-child(2) img {height:163px;object-fit: cover;object-position: 0 100%;} /* 2 */
#newItem3 > div:nth-child(3) img {height:163px;object-fit: cover;object-position: 0 100%;} /* 3 */
#newItem3 > div:nth-child(4) img {height:163px;object-fit: cover;object-position: 0 100%;} /* 4 */
#newItem3 > div:nth-child(5) img {height:163px;object-fit: cover;object-position: 0 100%;} /* 5 */
}/*414*/
@media (max-width: 390px) {
#newItem3 > div:nth-child(1) img {width:100%;} /* 1 */
#newItem3 > div:nth-child(2) img {height:155px;object-fit: cover;object-position: 0 100%;} /* 2 */
#newItem3 > div:nth-child(3) img {height:155px;object-fit: cover;object-position: 0 100%;} /* 3 */
#newItem3 > div:nth-child(4) img {height:155px;object-fit: cover;object-position: 0 100%;} /* 4 */
#newItem3 > div:nth-child(5) img {height:155px;object-fit: cover;object-position: 0 100%;} /* 5 */
}/*390*/
@media (max-width: 375px) {
#newItem3 > div:nth-child(1) img {width:100%;} /* 1 */
#newItem3 > div:nth-child(2) img {height:150px;object-fit: cover;object-position: 0 100%;} /* 2 */
#newItem3 > div:nth-child(3) img {height:150px;object-fit: cover;object-position: 0 100%;} /* 3 */
#newItem3 > div:nth-child(4) img {height:150px;object-fit: cover;object-position: 0 100%;} /* 4 */
#newItem3 > div:nth-child(5) img {height:150px;object-fit: cover;object-position: 0 100%;} /* 5 */
}/*375*/
@media (max-width: 360px) {
#newItem3 > div:nth-child(1) img {width:100%;} /* 1 */
#newItem3 > div:nth-child(2) img {height:144px;object-fit: cover;object-position: 0 100%;} /* 2 */
#newItem3 > div:nth-child(3) img {height:144px;object-fit: cover;object-position: 0 100%;} /* 3 */
#newItem3 > div:nth-child(4) img {height:144px;object-fit: cover;object-position: 0 100%;} /* 4 */
#newItem3 > div:nth-child(5) img {height:144px;object-fit: cover;object-position: 0 100%;} /* 5 */
}/*360*/
@media (max-width: 320px) {
#newItem3 > div:nth-child(1) img {width:100%;} /* 1 */
#newItem3 > div:nth-child(2) img {height:127px;object-fit: cover;object-position: 0 100%;} /* 2 */
#newItem3 > div:nth-child(3) img {height:127px;object-fit: cover;object-position: 0 100%;} /* 3 */
#newItem3 > div:nth-child(4) img {height:127px;object-fit: cover;object-position: 0 100%;} /* 4 */
#newItem3 > div:nth-child(5) img {height:127px;object-fit: cover;object-position: 0 100%;} /* 5 */
}/*320*/


/* 8F/actress/NEW2 */
@media (min-width: 480px) {
#top_floor_box3 {width:1200px;float:left;padding:25px 0;}
#newItem2 > div:nth-child(1) {width:384px;margin:0 24px 25px 0px;float:left;} /* 1 */
#newItem2 > div:nth-child(2) {width:384px;margin:0 24px 25px 0px;float:left;} /* 2 */
#newItem2 > div:nth-child(3) {width:384px;margin:0 0px 25px 0px;float:left;} /* 3 */
#newItem2 > div:nth-child(4) {width:384px;margin:0 24px 25px 0px;float:left;} /* 4 */
#newItem2 > div:nth-child(5) {width:384px;margin:0 24px 25px 0px;float:left;} /* 5 */
#newItem2 > div:nth-child(6) {width:384px;margin:0 0px 25px 0px;float:left;} /* 6 */
#newItem2 > div:nth-child(6):after {content: "";clear: both;display: block;} /* 6 */
#newItem2 > div:nth-child(1) img {width:100%;} /* 1 */
#newItem2 > div:nth-child(2) img {width:100%;} /* 2 */
#newItem2 > div:nth-child(3) img {width:100%;} /* 3 */
#newItem2 > div:nth-child(4) img {width:100%;} /* 4 */
#newItem2 > div:nth-child(5) img {width:100%;} /* 5 */
#newItem2 > div:nth-child(6) img {width:100%;} /* 6 */
}
@media (max-width: 479px) {
#top_floor_box3 {width:100%;float:none;padding:8px 0;}
#newItem2 > div:nth-child(1) {width:48%;margin:6px 1% 0;float:left;overflow:hidden;text-align:right;} /* 1 */
#newItem2 > div:nth-child(2) {width:48%;margin:6px 1% 0;float:left;overflow:hidden;text-align:right;} /* 2 */
#newItem2 > div:nth-child(3) {width:48%;margin:6px 1% 0;float:left;overflow:hidden;text-align:right;} /* 3 */
#newItem2 > div:nth-child(4) {width:48%;margin:6px 1% 0;float:left;overflow:hidden;text-align:right;} /* 4 */
#newItem2 > div:nth-child(5) {width:48%;margin:6px 1% 0;float:left;overflow:hidden;text-align:right;} /* 5 */
#newItem2 > div:nth-child(6) {width:48%;margin:6px 1% 20px;float:left;overflow:hidden;text-align:right;} /* 6 */
#newItem2 > div:nth-child(6):after {content: "";clear: both;display: block;} /* 6 */
#newItem2 > div:nth-child(1) img {height:212px;object-fit: cover;object-position: 100% 100%;} /* 1 */
#newItem2 > div:nth-child(2) img {height:212px;object-fit: cover;object-position: 100% 100%;} /* 2 */
#newItem2 > div:nth-child(3) img {height:212px;object-fit: cover;object-position: 100% 100%;} /* 3 */
#newItem2 > div:nth-child(4) img {height:212px;object-fit: cover;object-position: 100% 100%;} /* 4 */
#newItem2 > div:nth-child(5) img {height:212px;object-fit: cover;object-position: 100% 100%;} /* 5 */
#newItem2 > div:nth-child(6) img {height:212px;object-fit: cover;object-position: 100% 100%;} /* 6 */
}/*479*/
@media (max-width: 460px) {
#newItem2 > div:nth-child(1) img {height:199px;object-fit: cover;object-position: 100% 100%;} /* 1 */
#newItem2 > div:nth-child(2) img {height:199px;object-fit: cover;object-position: 100% 100%;} /* 2 */
#newItem2 > div:nth-child(3) img {height:199px;object-fit: cover;object-position: 100% 100%;} /* 3 */
#newItem2 > div:nth-child(4) img {height:199px;object-fit: cover;object-position: 100% 100%;} /* 4 */
#newItem2 > div:nth-child(5) img {height:199px;object-fit: cover;object-position: 100% 100%;} /* 5 */
#newItem2 > div:nth-child(6) img {height:199px;object-fit: cover;object-position: 100% 100%;} /* 6 */
}/*450*/
@media (max-width: 428px) {
#newItem2 > div:nth-child(1) img {height:189px;object-fit: cover;object-position: 100% 100%;} /* 1 */
#newItem2 > div:nth-child(2) img {height:189px;object-fit: cover;object-position: 100% 100%;} /* 2 */
#newItem2 > div:nth-child(3) img {height:189px;object-fit: cover;object-position: 100% 100%;} /* 3 */
#newItem2 > div:nth-child(4) img {height:189px;object-fit: cover;object-position: 100% 100%;} /* 4 */
#newItem2 > div:nth-child(5) img {height:189px;object-fit: cover;object-position: 100% 100%;} /* 5 */
#newItem2 > div:nth-child(6) img {height:189px;object-fit: cover;object-position: 100% 100%;} /* 6 */
}/*428*/
@media (max-width: 414px) {
#newItem2 > div:nth-child(1) img {height:184px;object-fit: cover;object-position: 100% 100%;} /* 1 */
#newItem2 > div:nth-child(2) img {height:184px;object-fit: cover;object-position: 100% 100%;} /* 2 */
#newItem2 > div:nth-child(3) img {height:184px;object-fit: cover;object-position: 100% 100%;} /* 3 */
#newItem2 > div:nth-child(4) img {height:184px;object-fit: cover;object-position: 100% 100%;} /* 4 */
#newItem2 > div:nth-child(5) img {height:184px;object-fit: cover;object-position: 100% 100%;} /* 5 */
#newItem2 > div:nth-child(6) img {height:184px;object-fit: cover;object-position: 100% 100%;} /* 6 */
}/*414*/
@media (max-width: 390px) {
#newItem2 > div:nth-child(1) img {height:170px;object-fit: cover;object-position: 100% 100%;} /* 1 */
#newItem2 > div:nth-child(2) img {height:170px;object-fit: cover;object-position: 100% 100%;} /* 2 */
#newItem2 > div:nth-child(3) img {height:170px;object-fit: cover;object-position: 100% 100%;} /* 3 */
#newItem2 > div:nth-child(4) img {height:170px;object-fit: cover;object-position: 100% 100%;} /* 4 */
#newItem2 > div:nth-child(5) img {height:170px;object-fit: cover;object-position: 100% 100%;} /* 5 */
#newItem2 > div:nth-child(6) img {height:170px;object-fit: cover;object-position: 100% 100%;} /* 6 */
}/*390*/
@media (max-width: 375px) {
#newItem2 > div:nth-child(1) img {height:163px;object-fit: cover;object-position: 100% 100%;} /* 1 */
#newItem2 > div:nth-child(2) img {height:163px;object-fit: cover;object-position: 100% 100%;} /* 2 */
#newItem2 > div:nth-child(3) img {height:163px;object-fit: cover;object-position: 100% 100%;} /* 3 */
#newItem2 > div:nth-child(4) img {height:163px;object-fit: cover;object-position: 100% 100%;} /* 4 */
#newItem2 > div:nth-child(5) img {height:163px;object-fit: cover;object-position: 100% 100%;} /* 5 */
#newItem2 > div:nth-child(6) img {height:163px;object-fit: cover;object-position: 100% 100%;} /* 6 */
}/*375*/
@media (max-width: 360px) {
#newItem2 > div:nth-child(1) img {height:156px;object-fit: cover;object-position: 100% 100%;} /* 1 */
#newItem2 > div:nth-child(2) img {height:156px;object-fit: cover;object-position: 100% 100%;} /* 2 */
#newItem2 > div:nth-child(3) img {height:156px;object-fit: cover;object-position: 100% 100%;} /* 3 */
#newItem2 > div:nth-child(4) img {height:156px;object-fit: cover;object-position: 100% 100%;} /* 4 */
#newItem2 > div:nth-child(5) img {height:156px;object-fit: cover;object-position: 100% 100%;} /* 5 */
#newItem2 > div:nth-child(6) img {height:156px;object-fit: cover;object-position: 100% 100%;} /* 6 */
}/*360*/
@media (max-width: 320px) {
#newItem2 > div:nth-child(1) img {height:138px;object-fit: cover;object-position: 100% 100%;} /* 1 */
#newItem2 > div:nth-child(2) img {height:138px;object-fit: cover;object-position: 100% 100%;} /* 2 */
#newItem2 > div:nth-child(3) img {height:138px;object-fit: cover;object-position: 100% 100%;} /* 3 */
#newItem2 > div:nth-child(4) img {height:138px;object-fit: cover;object-position: 100% 100%;} /* 4 */
#newItem2 > div:nth-child(5) img {height:138px;object-fit: cover;object-position: 100% 100%;} /* 5 */
#newItem2 > div:nth-child(6) img {height:138px;object-fit: cover;object-position: 100% 100%;} /* 6 */
}/*320*/


/* TOP_RANK_FRAME */
@media (min-width: 480px) {
#top_floor {width:1200px;padding:25px 0;}
}
@media (max-width: 479px) {
#top_floor {width:100%;padding:8px 0;}
}/*640*/

/* BOTTOM_AD　*/
#bottom_ad {}



/**/
/* ----------------------ハンバーガ */
/*----------*/

nav.globalMenuSp {
    position: fixed;
    z-index: 902;
    top: 0;
    left: 0;
    background: #555;
    color: #000;
    text-align: center;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
padding:0px 0 25px 0;
opacity:0.95;
}

nav.globalMenuSp ul {
    margin: 0 auto 8px;
    padding: 8px;
    width: 100%;
clear:both;
}

nav.globalMenuSp ul li {
    font-size: 1.1em;
    list-style-type: none;
    padding: 0;
    width: 49.5%;
	margin:0 0.25%;
	float:left;
    background: #fff;
    border-bottom: 1px dotted #333;
}

/* 最後はラインを描かない */
/*
nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
*/



nav.globalMenuSp ul li a {
    display: block;
    color: #000;
    padding: 0.5em 0;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    transform: translateY(0%);
}

nav.globalMenuSp p {
text-align:center;margin:10px 0 0;padding:8px 0;font-size:14px;background:#ccc;clear:both;}

.navToggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 3px;
    top: 0px;
    width: 42px;
    height: 51px;
    cursor: pointer;
    z-index: 903;
    background: #ededed;
    text-align: center;

}


.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 30px;
    border-bottom: solid 3px #999;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
}

.navToggle span:nth-child(1) {
    top: 9px;
}

.navToggle span:nth-child(2) {
    top: 18px;
}

.navToggle span:nth-child(3) {
    top: 27px;
}

.navToggle span:nth-child(4) {
    border: none;
    color: #999;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
}


/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*----------*/

nav.globalMenuSp2 {
    position: fixed;
    z-index: 902;
    top: 0;
    left: 0;
    background: #555;
    color: #000;
    text-align: center;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
padding:0px 0 25px 0;
opacity:0.95;
}

nav.globalMenuSp2 ul {
    margin: 0 auto 8px;
    padding: 8px;
    width: 100%;
clear:both;
}

nav.globalMenuSp2 ul li {
    font-size: 1.1em;
    list-style-type: none;
    padding: 0;
    width: 49.5%;
	margin:0 0.25%;
	float:left;
    border-bottom: 1px dotted #333;
}

/* 最後はラインを描かない */
/*
nav.globalMenuSp2 ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
*/



nav.globalMenuSp2 ul li a {
    display: block;
    color: #000;
    padding: 0.5em 0;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp2.active {
    transform: translateY(0%);
}

nav.globalMenuSp2 .form1sp {}

dl.search1 dt input {
    font-size: 16px !important;
    width: 95% !important;
	padding:10px !important;
    height: auto !important;
    line-height: auto !important;
    background: none !important;
    border: none !important;
}
dl.search1 dd button span {
    display: block !important;
    width: 38px !important;
    height: 38px !important;
    background: url(https://www.rakuten.ne.jp/gold/gracefulsmile/sptop/img/search_icon-2.png) no-repeat scroll 0 0 !important;
    background-size: 38px 38px !important;
}

nav.globalMenuSp2 p {
text-align:center;margin:5px 0 5px;padding:7px 0;font-size:14px;background:#ccc;clear:both;}

.navToggle2 {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    left: 3px;
    top: 0px;
    width: 46px;
    height: 51px;
    cursor: pointer;
    z-index: 903;
background-image:url("https://www.rakuten.ne.jp/gold/gracefulsmile/2022/top/images/sear.png?55");
    background-color: #ededed;
    text-align: center;

}


.navToggle2 span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 30px;
    border-bottom: solid 3px #999;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
}

.navToggle2 span:nth-child(1) {
    top: 9px;opacity:0;
}

.navToggle2 span:nth-child(2) {
    top: 18px;opacity:0;
}

.navToggle2 span:nth-child(3) {
    top: 27px;opacity:0;
}

.navToggle2 span:nth-child(4) {
    border: none;
    color: #999;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
}

.navToggle2.active {background-image:none;}

/* 最初のspanをマイナス45度に */
.navToggle2.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);opacity:1;
}

/* 2番目と3番目のspanを45度に */
.navToggle2.active span:nth-child(2),
.navToggle2.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);opacity:1;
}
/* ----------------------ハンバーガ */



/* ----------------------横すら */
/*横すく*/
/* パソコンではタイル型で表示 */
.sld-wrap {
  display: flex;
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}
.sld-box {
  height: auto;
  margin: 15px 1% 15px 0;
  width: 24%;
}
/* サムネイルとタイトルのスタイル調整 */
.sld-box a {
  background-color: #fff;
  color: #222;
  display: block;
  text-decoration: none;
}
.sld-box img {
  display: block;
  height: auto;
  width: 100%;
border:1px solid #666;
}
.sld-box p {
  font-weight: bold;
  padding: 10px;
}
@media screen and (max-width: 479px) {
/* スマホではスライダーで表示 */
  .sld-wrap {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
  .sld-box {
    flex: 0 0 26%;
  }
.sld-box {
  height: auto;
  margin: 15px 0% 15px 3%;
  width: 24%;
}
}

/*横すく2*/
/* パソコンではタイル型で表示 */
.sld-wrap2 {
  display: flex;
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}
.sld-box2 {
  height: auto;
  margin: 5px 1% 5px 0;
  width: auto;
}
/* サムネイルとタイトルのスタイル調整 */
.sld-box2 a {
  background-color: #fff;
  color: #222;
  display: block;
  text-decoration: none;
border:1px solid #ccc;
border-radius:5px;
width:auto;

}
.sld-box2 img {
  display: block;
  height: auto;
  width: 100%;
}
.sld-box2 p {
font-size:14px !important;
  font-weight: normal !important;
  padding: 0px 5px !important;
  display: block !important;
color:#666 !important;
background:#fff !important;
width:auto !important;
white-space: nowrap !important;
}
@media screen and (max-width: 479px) {
/* スマホではスライダーで表示 */
  .sld-wrap2 {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
  .sld-box2 {
    flex: 0 0 0;
  }
}
/*横すく5*/
/* パソコンではタイル型で表示 */
.sld-wrap5 {
  display: flex;
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}
.sld-box5 {
  height: auto;
  margin: 15px 1% 15px 0;
  width: 24%;
}
/* サムネイルとタイトルのスタイル調整 */
.sld-box5 a {
  background-color: #fff;
  color: #222;
  display: block;
  text-decoration: none;
}
.sld-box5 img {
  display: block;
  height: auto;
  width: 100%;
border:1px solid #ededed;
}
.sld-box5 p {
  font-weight: bold;
  padding: 10px;
}
@media screen and (max-width: 479px) {
/* スマホではスライダーで表示 */
  .sld-wrap5 {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
position:relative;

  }
  .sld-box5 {
    flex: 0 0 17%;
  }
.sld-box5 {
  height: auto;
  margin: 6px 0% 6px 1%;
  width: 24%;
position:relative;
}
.sld-box5 span {
font-size:10px;padding:2px 3px;background:#333;color:#ededed;position:absolute;
top:1px; left:1px;font-weight:normal;line-height:1;
}
.sld-box5 img{
}
.sld-box5 p{
font-size:9px;padding:4px 0px 0;width:100%;text-align:center;background:#fff;color:#666;font-weight:normal;line-height:1;/*position:absolute;
bottom:0; left:0;*/
}
}

/*横すく6-ランキング- */
/* パソコンではタイル型で表示 */
.tab_area, .tab_area_m {
  display: flex;
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}
.tab_area label, .tab_area_m label{
  height: auto;
  margin: 15px 1% 15px 0;
  width: 50%;
}
/* サムネイルとタイトルのスタイル調整 */
.tab_area a , .tab_area_m a {
  background-color: #fff;
  color: #222;
  display: block;
  text-decoration: none;
}
.tab_area img , .tab_area_m img {
  display: block;
  height: auto;
  width: 100%;
border:1px solid #666;
}
.tab_area p , .tab_area_m p {
  padding: 10px;
}
@media screen and (max-width: 479px) {
/* スマホではスライダーで表示 */
.tab_area {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}
.tab_area_m {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
div.tab_area_m label {
   /* flex: 0 0 32.3%;*/
  }
div.tab_area_m label {
  height: auto;
  margin: 0px 0.5% 10px 0.5%;
  width: 50%;
	font-size:12px;
border:1px solid #aaa;
}

.tab_area{
	padding:5px 0 15px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
div.tab_area label{
    flex: 0 0 33%;
  }
div.tab_area label{
/*
  height: auto;
  margin: 0px 1% 11px 0%;
  width: 50%;
	font-size:11px;
*/
height: 3em;
line-height:1.2;
    margin: 1px;
    width: 23.4%;
	margin:0 0.5% 5px;
	padding:6px 0;
    font-size: 10px;
    float: left;
overflow:hidden;
}
}/*479*/

/* ----------------------横すら */



/* ----------------NEW TAB RANK -------------------- */


/* PRD */
.tab-content-prd {width:20%;float:left;position:relative;}
/*.tab-content-prd span {position:absolute;top:0;left:0;z-index:2;color:#ccc;padding:5px;display: flex;align-items: center;justify-content: center;} */

.tab-content-prd span {
background: #fafafa;
/*width: 250px;
height: 250px;
*/
margin: 0 auto;
/*border: #eee 1px solid;
position: relative;*/
}
.tab-content-prd span::before {
content: "";
top: 0;
left: 0;
border-bottom: 4em solid transparent;
border-left: 4em solid #e06e6e; /* ラベルの色はここで変更 */
position: absolute;
z-index: 10;
}

.tab-content-prd span::after {
display: flex;align-items: center;justify-content: center;
font-size:20px;
top: 3px;
/*transform: rotate(-45deg);*/
color: #fff; /* 文字色はここで変更 */
left: 10px;
position: absolute;
z-index: 11;
text-shadow: 1px 2px 3px #944949;
}


.tab-content-prd img {width:94%;margin:0 3%;}
.tab-content-prd p, .top_foot_prd p {width:100%;text-align:center;padding:8px;font-size:13px !important;color:#666 !important;display:block;font-family: "メイリオ", Meiryo, Osaka, sans-seri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic";font-weight:normal !important;height:3.5em;line-height:1.3;overflow:hidden;border:0px solid #ccc;}
.tab-content:after.tab-content:after {content: "";display: block;clear: both;}



div.tab-content > div > div:nth-child(1) > a > span:after {content: "1";color:#fff;}
div.tab-content > div > div:nth-child(2) > a > span:after {content: "2";color:#fff;}
div.tab-content > div > div:nth-child(3) > a > span:after {content: "3";color:#fff;}
div.tab-content > div > div:nth-child(4) > a > span:after {content: "4";color:#fff;}
div.tab-content > div > div:nth-child(5) > a > span:after {content: "5";color:#fff;}

/* PRD */

.tab_wrap{width:100%; margin:0px auto;border:0px solid #ccc;line-height:1.25;	font-family: 'EB Garamond', serif !important;  font-weight: bold;}
.tab_wrap input[type="radio"]{display:none;}
.tab_area, .tab_area_m {font-size:0; margin:0 0px;}
.tab_area span, .tab_area_m  span{background:#999;color:#fff;padding:1px 2px 1px;top:0;left:0;position:absolute;font-size:10.5px;}
.tab_area_m  label{/*width:150px;*/ margin:0 0px; display:inline-block; padding:15px 6px; color:#171717; background:#f6f6f6; text-align:center; font-size:13px; cursor:pointer; transition:ease 0.2s opacity;border:1px solid #fff;display: flex;align-items: center;justify-content: center;position:relative;}
.tab_area label{/*width:150px;*/ margin:0 0px; display:inline-block; padding:15px 6px; color:#171717; background:#f6f6f6; text-align:center; font-size:13px; cursor:pointer; transition:ease 0.2s opacity;border:1px solid #fff;display: flex;align-items: center;justify-content: center;position:relative;}

.tab_area label:hover, .tab_area_m  label:hover{opacity:0.75;border:1px solid #b5ad96;}
.panel_area{background:#fff;border:0px solid #000;padding:10px 0;}
.panel_area:after {content: "";clear: both;display: block;}
.main_tab_panel{width:100%; padding:0px 0; display:none;}
.main_tab_panel p{font-size:14px; letter-spacing:1px; text-align:center;}

#main_tab1:checked ~ .tab_area_m .main_tab1_label{background:#494949; color:#fff;}
#main_tab1:checked ~ .panel_area #main_panel1{display:block;}
#main_tab2:checked ~ .tab_area_m .main_tab2_label{background:#494949; color:#fff;}
#main_tab2:checked ~ .panel_area #main_panel2{display:block;}
#main_tab3:checked ~ .tab_area_m .main_tab3_label{background:#494949; color:#fff;}
#main_tab3:checked ~ .panel_area #main_panel3{display:block;}


.sub1_tab_panel,.sub2_tab_panel,.sub3_tab_panel{width:100%; padding:0px 0; display:none;}
.sub1_tab_panel p,.sub2_tab_panel p,.sub3_tab_panel p {font-size:14px; letter-spacing:1px; text-align:center;}

#sub1_tab1:checked ~ .tab_area .sub1_tab1_label,
#sub2_tab1:checked ~ .tab_area .sub2_tab1_label,
#sub3_tab1:checked ~ .tab_area .sub3_tab1_label
{background:#b5ad96; color:#fff;border:1px solid #b5ad96;}
#sub1_tab1:checked ~ .panel_area #sub1_panel1,
#sub2_tab1:checked ~ .panel_area #sub2_panel1,
#sub3_tab1:checked ~ .panel_area #sub3_panel1
{display:block;}

#sub1_tab2:checked ~ .tab_area .sub1_tab2_label,
#sub2_tab2:checked ~ .tab_area .sub2_tab2_label,
#sub3_tab2:checked ~ .tab_area .sub3_tab2_label
{background:#b5ad96; color:#fff;border:1px solid #b5ad96;}
#sub1_tab2:checked ~ .panel_area #sub1_panel2,
#sub2_tab2:checked ~ .panel_area #sub2_panel2,
#sub3_tab2:checked ~ .panel_area #sub3_panel2
{display:block;}

#sub1_tab3:checked ~ .tab_area .sub1_tab3_label,
#sub2_tab3:checked ~ .tab_area .sub2_tab3_label,
#sub3_tab3:checked ~ .tab_area .sub3_tab3_label
{background:#b5ad96; color:#fff;border:1px solid #b5ad96;}
#sub1_tab3:checked ~ .panel_area #sub1_panel3,
#sub2_tab3:checked ~ .panel_area #sub2_panel3,
#sub3_tab3:checked ~ .panel_area #sub3_panel3
{display:block;}

#sub1_tab4:checked ~ .tab_area .sub1_tab4_label,
#sub2_tab4:checked ~ .tab_area .sub2_tab4_label,
#sub3_tab4:checked ~ .tab_area .sub3_tab4_label
{background:#b5ad96; color:#fff;border:1px solid #b5ad96;}
#sub1_tab4:checked ~ .panel_area #sub1_panel4,
#sub2_tab4:checked ~ .panel_area #sub2_panel4,
#sub3_tab4:checked ~ .panel_area #sub3_panel4
{display:block;}

#sub1_tab5:checked ~ .tab_area .sub1_tab5_label,
#sub2_tab5:checked ~ .tab_area .sub2_tab5_label,
#sub3_tab5:checked ~ .tab_area .sub3_tab5_label
{background:#b5ad96; color:#fff;border:1px solid #b5ad96;}
#sub1_tab5:checked ~ .panel_area #sub1_panel5,
#sub2_tab5:checked ~ .panel_area #sub2_panel5,
#sub3_tab5:checked ~ .panel_area #sub3_panel5
{display:block;}

#sub1_tab6:checked ~ .tab_area .sub1_tab6_label,
#sub2_tab6:checked ~ .tab_area .sub2_tab6_label,
#sub3_tab6:checked ~ .tab_area .sub3_tab6_label
{background:#b5ad96; color:#fff;border:1px solid #b5ad96;}
#sub1_tab6:checked ~ .panel_area #sub1_panel6,
#sub2_tab6:checked ~ .panel_area #sub2_panel6,
#sub3_tab6:checked ~ .panel_area #sub3_panel6
{display:block;}

#sub1_tab7:checked ~ .tab_area .sub1_tab7_label,
#sub2_tab7:checked ~ .tab_area .sub2_tab7_label,
#sub3_tab7:checked ~ .tab_area .sub3_tab7_label
{background:#b5ad96; color:#fff;border:1px solid #b5ad96;}
#sub1_tab7:checked ~ .panel_area #sub1_panel7,
#sub2_tab7:checked ~ .panel_area #sub2_panel7,
#sub3_tab7:checked ~ .panel_area #sub3_panel7
{display:block;}

#sub1_tab8:checked ~ .tab_area .sub1_tab8_label,
#sub2_tab8:checked ~ .tab_area .sub2_tab8_label,
#sub3_tab8:checked ~ .tab_area .sub3_tab8_label
{background:#b5ad96; color:#fff;border:1px solid #b5ad96;}
#sub1_tab8:checked ~ .panel_area #sub1_panel8,
#sub2_tab8:checked ~ .panel_area #sub2_panel8,
#sub3_tab8:checked ~ .panel_area #sub3_panel8
{display:block;}

#sub1_tab9:checked ~ .tab_area .sub1_tab9_label,
#sub2_tab9:checked ~ .tab_area .sub2_tab9_label,
#sub3_tab9:checked ~ .tab_area .sub3_tab9_label
{background:#b5ad96; color:#fff;border:1px solid #b5ad96;}
#sub1_tab9:checked ~ .panel_area #sub1_panel9,
#sub2_tab9:checked ~ .panel_area #sub2_panel9,
#sub3_tab9:checked ~ .panel_area #sub3_panel9
{display:block;}

#sub1_tab10:checked ~ .tab_area .sub1_tab10_label,
#sub2_tab10:checked ~ .tab_area .sub2_tab10_label,
#sub3_tab10:checked ~ .tab_area .sub3_tab10_label
{background:#b5ad96; color:#fff;border:1px solid #b5ad96;}
#sub1_tab10:checked ~ .panel_area #sub1_panel10,
#sub2_tab10:checked ~ .panel_area #sub2_panel10,
#sub3_tab10:checked ~ .panel_area #sub3_panel10
{display:block;}

#sub1_tab11:checked ~ .tab_area .sub1_tab11_label,
#sub2_tab11:checked ~ .tab_area .sub2_tab11_label,
#sub3_tab11:checked ~ .tab_area .sub3_tab11_label
{background:#b5ad96; color:#fff;border:1px solid #b5ad96;}
#sub1_tab11:checked ~ .panel_area #sub1_panel11,
#sub2_tab11:checked ~ .panel_area #sub2_panel11,
#sub3_tab11:checked ~ .panel_area #sub3_panel11
{display:block;}

#sub1_tab12:checked ~ .tab_area .sub1_tab12_label,
#sub2_tab12:checked ~ .tab_area .sub2_tab12_label,
#sub3_tab12:checked ~ .tab_area .sub3_tab12_label
{background:#b5ad96; color:#fff;border:1px solid #b5ad96;}
#sub1_tab12:checked ~ .panel_area #sub1_panel12,
#sub2_tab12:checked ~ .panel_area #sub2_panel12,
#sub3_tab12:checked ~ .panel_area #sub3_panel12
{display:block;}

#sub1_tab13:checked ~ .tab_area .sub1_tab13_label,
#sub2_tab13:checked ~ .tab_area .sub2_tab13_label,
#sub3_tab13:checked ~ .tab_area .sub3_tab13_label
{background:#b5ad96; color:#fff;border:1px solid #b5ad96;}
#sub1_tab13:checked ~ .panel_area #sub1_panel13,
#sub2_tab13:checked ~ .panel_area #sub2_panel13,
#sub3_tab13:checked ~ .panel_area #sub3_panel13
{display:block;}

#sub1_tab14:checked ~ .tab_area .sub1_tab14_label,
#sub2_tab14:checked ~ .tab_area .sub2_tab14_label,
#sub3_tab14:checked ~ .tab_area .sub3_tab14_label
{background:#b5ad96; color:#fff;border:1px solid #b5ad96;}
#sub1_tab14:checked ~ .panel_area #sub1_panel14,
#sub2_tab14:checked ~ .panel_area #sub2_panel14,
#sub3_tab14:checked ~ .panel_area #sub3_panel14
{display:block;}

#sub1_tab15:checked ~ .tab_area .sub1_tab15_label,
#sub2_tab15:checked ~ .tab_area .sub2_tab15_label,
#sub3_tab15:checked ~ .tab_area .sub3_tab15_label
{background:#b5ad96; color:#fff;border:1px solid #b5ad96;}
#sub1_tab15:checked ~ .panel_area #sub1_panel15,
#sub2_tab15:checked ~ .panel_area #sub2_panel15,
#sub3_tab15:checked ~ .panel_area #sub3_panel15
{display:block;}


/* ▼ */
#main_tab1:checked ~ .tab_area_m .main_tab1_label:after,
#main_tab2:checked ~ .tab_area_m .main_tab2_label:after,
#main_tab3:checked ~ .tab_area_m .main_tab3_label:after
{content: "▼";color:#494949;display:block !important;margin:0;padding:0;width:100% !important;position:absolute;bottom: -11px;}

#sub1_tab1:checked ~ .tab_area .sub1_tab1_label:after,#sub2_tab1:checked ~ .tab_area .sub2_tab1_label:after,#sub3_tab1:checked ~ .tab_area .sub3_tab1_label:after,#sub1_tab2:checked ~ .tab_area .sub1_tab2_label:after,#sub2_tab2:checked ~ .tab_area .sub2_tab2_label:after,#sub3_tab2:checked ~ .tab_area .sub3_tab2_label:after,#sub1_tab3:checked ~ .tab_area .sub1_tab3_label:after,#sub2_tab3:checked ~ .tab_area .sub2_tab3_label:after,#sub3_tab3:checked ~ .tab_area .sub3_tab3_label:after,#sub1_tab4:checked ~ .tab_area .sub1_tab4_label:after,#sub2_tab4:checked ~ .tab_area .sub2_tab4_label:after,#sub3_tab4:checked ~ .tab_area .sub3_tab4_label:after,#sub1_tab5:checked ~ .tab_area .sub1_tab5_label:after,#sub2_tab5:checked ~ .tab_area .sub2_tab5_label:after,#sub3_tab5:checked ~ .tab_area .sub3_tab5_label:after,#sub1_tab6:checked ~ .tab_area .sub1_tab6_label:after,#sub2_tab6:checked ~ .tab_area .sub2_tab6_label:after,#sub3_tab6:checked ~ .tab_area .sub3_tab6_label:after,#sub1_tab7:checked ~ .tab_area .sub1_tab7_label:after,#sub2_tab7:checked ~ .tab_area .sub2_tab7_label:after,#sub3_tab7:checked ~ .tab_area .sub3_tab7_label:after,#sub1_tab8:checked ~ .tab_area .sub1_tab8_label:after,#sub2_tab8:checked ~ .tab_area .sub2_tab8_label:after,#sub3_tab8:checked ~ .tab_area .sub3_tab8_label:after,#sub1_tab9:checked ~ .tab_area .sub1_tab9_label:after,#sub2_tab9:checked ~ .tab_area .sub2_tab9_label:after,#sub3_tab9:checked ~ .tab_area .sub3_tab9_label:after,#sub1_tab10:checked ~ .tab_area .sub1_tab10_label:after,#sub2_tab10:checked ~ .tab_area .sub2_tab10_label:after,#sub3_tab10:checked ~ .tab_area .sub3_tab10_label:after,#sub1_tab11:checked ~ .tab_area .sub1_tab11_label:after,#sub2_tab11:checked ~ .tab_area .sub2_tab11_label:after,#sub3_tab11:checked ~ .tab_area .sub3_tab11_label:after,#sub1_tab12:checked ~ .tab_area .sub1_tab12_label:after,#sub2_tab12:checked ~ .tab_area .sub2_tab12_label:after,#sub3_tab12:checked ~ .tab_area .sub3_tab12_label:after,#sub1_tab13:checked ~ .tab_area .sub1_tab13_label:after,#sub2_tab13:checked ~ .tab_area .sub2_tab13_label:after,#sub3_tab13:checked ~ .tab_area .sub3_tab13_label:after,#sub1_tab14:checked ~ .tab_area .sub1_tab14_label:after,#sub2_tab14:checked ~ .tab_area .sub2_tab14_label:after,#sub3_tab14:checked ~ .tab_area .sub3_tab14_label:after,#sub1_tab15:checked ~ .tab_area .sub1_tab15_label:after,#sub2_tab15:checked ~ .tab_area .sub2_tab15_label:after,#sub3_tab15:checked ~ .tab_area .sub3_tab15_label:after
{content: "▼";color:#b5ad96;display:block !important;margin:0;padding:0;width:100% !important;position:absolute;bottom: -11px;}
/* ▼ */

@media screen and (max-width: 479px) {
.tab_area_m label:hover,.tab_area label:hover{opacity:1;}

/* PRD */
.tab-content {padding:0 0px 10px;}
.tab-content-prd {padding:0 0 10px;}
.tab-content-prd {width:50%;float:left;position:relative;}
div.tab-content > div > div:nth-child(3), div.tab-content > div > div:nth-child(4), div.tab-content > div > div:nth-child(5) {width:33.3%;float:left;position:relative;}

.tab-content-prd span {position:absolute;top:0;left:0;z-index:2;background:#000;color:#ccc;padding:5px;}
.tab-content-prd img {width:94%;margin:0 3%;border:1px solid #dedede;}
.tab-content-prd p {display:none !important;width:100%;text-align:center;padding:8px 0;font-size:13px;color:#666;display:block;font-family: "メイリオ", Meiryo, Osaka, sans-seri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic";font-weight:normal !important;}
.tab-content:after {content: "";display: block;clear: both;}

.tab_area_m label{/*width:150px;*/ margin:0 0px; display:inline-block; padding:9px 6px; color:#171717; background:#f6f6f6; text-align:center; font-size:13px; cursor:pointer; transition:ease 0.2s opacity;border:1px solid #fff;display: flex;align-items: center;justify-content: center;position:relative;}
.tab_area label{/*width:150px;*/ margin:0 0px; display:inline-block; padding:7px 6px; color:#999; background:#fff; text-align:center; font-size:13px; cursor:pointer; transition:ease 0.2s opacity;border:1px solid #efefef;display: flex;align-items: center;justify-content: center;position:relative;}

/*
div.tab_area:before {content: "⏪";color:#666;padding:4px;font-size:18px;position:absolute;left:0;z-index:4;text-shadow: 1px 2px 3px #fff;}
div.tab_area:after {content: "⏩";color:#666;padding:4px;font-size:18px;position:absolute;right:0;z-index:4;text-shadow: 1px 2px 3px #fff;}
*/
.panel_area{background:#fff;border:0px solid #000;padding:0px 0 ;}


div.tab-content > div > div:nth-child(3) > a > span:before,
div.tab-content > div > div:nth-child(4) > a > span:before,
div.tab-content > div > div:nth-child(5) > a > span:before {
border-bottom: 3em solid transparent !important;
border-left: 3em solid #e06e6e !important; /* ラベルの色はここで変更 */
}
div.tab-content > div > div:nth-child(3) > a > span:after,
div.tab-content > div > div:nth-child(4) > a > span:after,
div.tab-content > div > div:nth-child(5) > a > span:after {
font-size:13px;
top: 4px;
left: 6px;
}
/* PRD */

}/* 479 */

/* ----------------NEW TAB RANK -------------------- */



/* ------------------top_foot_prd------------------ */
/* PRD */
.top_foot_prd {width:25%;float:left;position:relative;}


.top_foot_prd span {
display:none;
background: #fafafa;
}
.top_foot_prd span::before {
content: "";
top: 0;
left: 0;
border-bottom: 4em solid transparent;
border-left: 4em solid #e06e6e; /* ラベルの色はここで変更 */
position: absolute;
z-index: 10;
}

.top_foot_prd span::after {
display: flex;align-items: center;justify-content: center;
font-size:20px;
top: 3px;
/*transform: rotate(-45deg);*/
color: #fff; /* 文字色はここで変更 */
left: 10px;
position: absolute;
z-index: 11;
text-shadow: 1px 2px 3px #944949;
}


.top_foot_prd img {width:94%;margin:0 3%;}
.tab-content:after.tab-content:after {content: "";display: block;clear: both;}





div.top_foot_prd > div > div:nth-child(1) > a > span:after {content: "1";color:#fff;}
div.top_foot_prd > div > div:nth-child(2) > a > span:after {content: "2";color:#fff;}
div.top_foot_prd > div > div:nth-child(3) > a > span:after {content: "3";color:#fff;}
div.top_foot_prd > div > div:nth-child(4) > a > span:after {content: "4";color:#fff;}
div.top_foot_prd > div > div:nth-child(5) > a > span:after {content: "5";color:#fff;}



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


/* PRD */

.top_foot_prd {padding:0 0 10px;}
.top_foot_prd {width:50%;float:left;position:relative;}

.top_foot_prd span {display:none;position:absolute;top:0;left:0;z-index:2;background:#000;color:#ccc;padding:5px;}
.top_foot_prd img {width:94%;margin:0 3%;border:1px solid #ededed;}
.top_foot_prd p {display:none !important;width:100%;text-align:center;padding:8px 0;font-size:13px;color:#666;display:block;font-family: "メイリオ", Meiryo, Osaka, sans-seri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic";font-weight:normal !important;}
}/*479*/
/* PRD */

/* ------------------top_foot_prd------------------ */




/* ------------------new_item_prd------------------ */
/* PRD */
#new_item_list{width:100%;height:250px;margin:0;padding:0 0;}
.new_item_prd {width:10%;margin:0 0 5px 0;float:left;position:relative;}

#new_item_list > div:last-child:after{content: "";display: block;clear: both;margin:0 0 25px;}

#new_item_list > div > a > p > span {display:block;
position: relative;
    background: #000;
    color: #ccc;
    padding: 5px;
}
#new_item_list > div > a > p > span:before {display:none;}


.new_item_prd span {
display:none;
background: #fafafa;
}
.new_item_prd span::before {
content: "";
top: 0;
left: 0;
border-bottom: 4em solid transparent;
border-left: 4em solid #e06e6e; /* ラベルの色はここで変更 */
position: absolute;
z-index: 0;
}

.new_item_prd span::after {
display: flex;align-items: center;justify-content: center;
font-size:20px;
top: 3px;
/*transform: rotate(-45deg);*/
color: #fff; /* 文字色はここで変更 */
left: 10px;
position: absolute;
z-index: 11;
text-shadow: 1px 2px 3px #944949;
}


.new_item_prd p {
background: #fff;
/*position: absolute;
top:2px;left:4px;
*/
border-radius:4px;
padding:2px;
text-align:center;
font-size:11.5px;
color:#333;
z-index:1;
line-height:1.25;
opacity:0.85;
}
.new_item_prd p:before {
content: "NEW!!";
text-align:center;
margin:0 3px 0 0;
padding:0px 3px;
font-weight:bold;
font-size:9px;
color:#000;
line-height:1.0;
}





.new_item_prd img {width:96%;margin:0 2% 3px;border:1px solid #ededed;}
.tab-content:after.tab-content:after {content: "";display: block;clear: both;}


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


/* PRD */

.new_item_prd {padding:0 0 0px;}
.new_item_prd {width:25%;float:left;position:relative;}

.new_item_prd span {display:none;position:absolute;top:0;left:0;z-index:2;background:#000;color:#ccc;padding:5px;}
.new_item_prd img {width:94%;margin:0 3% 2px;border:1px solid #ededed;}


#new_item_list > div:nth-child(13),
#new_item_list > div:nth-child(14),
#new_item_list > div:nth-child(15),
#new_item_list > div:nth-child(16),
#new_item_list > div:nth-child(17),
#new_item_list > div:nth-child(18),
#new_item_list > div:nth-child(19),
#new_item_list > div:nth-child(20){display:none;}

}/*479*/
/* PRD */

/* ------------------new_item_prd------------------ */





/*********************************************
イベントバナー
**********************************************/


#newestnodiv {display:block;padding:3px 0;background:#f2d86f;text-align:center;}
#newestnobox {font-size:13px;color:#333;text-align:center;margin:0 auto;line-height:1.15;}
#newestno {font-size:18px;color:#b52a00;font-weight:bold;}


@media (max-width: 479px) {
#newestnodiv {display:block;padding:3px 0;background:#333;text-align:center;}
#newestnobox {font-size:11px;color:#ccc;}
#newestno {font-size:13px;color:#e0d19f;font-weight:bold;}
}

#kanbai {font-size:14px;color:#b52a00;font-weight:bold;}

@media (max-width: 479px) {
#kanbai {font-size:13px;color:#e0d19f;font-weight:bold;}
}

 /* ----- NEW -------- */

.dropdown {
display: inline-block;
background: #fff;
z-index:11;
position:fixed;
left:0;
top:0px;
width:100%;
height: 49px;
}
.dropdown__text {
padding: 0px;
color: #fff;
display: inline-block;
background: url(https://www.rakuten.ne.jp/gold/gracefulsmile/home/event/images/obibase00.png?01) #a3997e repeat-x;
opacity: 0.925;
width:100%;
height:49px;
}
.dropdown__text:hover {
padding: 0px;
color: #fff;
display: inline-block;
background: url(https://www.rakuten.ne.jp/gold/gracefulsmile/home/event/images/obibase01.png) #ce3636 repeat-x;
opacity: 1;
width:100%;
}
.dropdown__drop {
position: absolute;
top: 49px;
width:100%;
background:#661e1f;
opacity: 0.95;
}
.dropdown_visble .dropdown__drop {
opacity: 1;
visibility: visible;
width:100%;
}


@media (max-width: 479px) {
	.dropdown {
	display: inline-block;
	background: #fff;
	z-index:11;
	position:fixed;
	left:0;
	top:0px;
	width:100%;
	height: 40px;
	}
	.dropdown__text {
	padding: 0px;
	color: #fff;
	display: inline-block;
	background: url(https://www.rakuten.ne.jp/gold/gracefulsmile/home/event/images/obibase00.png?01) #a3997e repeat-x;
background-size:70%;background-repeat: no-repeat;background-position: center center;
	opacity: 0.925;
	width:100%;
	height:40px;
	}
	.dropdown__text:hover {
	padding: 0px;
	color: #fff;
	display: inline-block;
	background: url(https://www.rakuten.ne.jp/gold/gracefulsmile/home/event/images/obibase01.png) #ce3636 repeat-x;
background-size:70%;background-repeat: no-repeat;background-position: center center;
	opacity: 1;
	width:100%;
	}
	.dropdown__drop {
	position: absolute;
	top: 40px;
	width:100%;
	background:#661e1f;
	opacity: 0.95;
	}
	.dropdown_visble .dropdown__drop {
	opacity: 1;
	visibility: visible;
	width:100%;
	}
}
 /* ----- NEW -------- */




.menu001 {
    position: relative;
    width:100%;
list-style:none;
margin:0;padding:0;
}

.menu001 > li {
    width:100%;
    height: 49px;

list-style:none;
padding:0;
}

.menu001 > li a {
    display: block;
    color: #fff;
padding:0;
    background: url(https://www.rakuten.ne.jp/gold/gracefulsmile/home/event/images/obibase00.png?01) #a3997e repeat-x;
    opacity: 0.925;
}

.menu001 > li a:hover {
    background: url(https://www.rakuten.ne.jp/gold/gracefulsmile/home/event/images/obibase01.png) #bf0000 repeat-x;
    opacity: 1;
    display: block;
padding:0;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
padding:0;
display:block;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
padding:0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
padding:0;
}

.menu001 > li:hover {
    background: #661e1f;
    -webkit-transition: all .5s;
    transition: all .5s;
padding:0;
}

.menu__second-level li {
    border-top: 0px solid #111;
padding:0;
display:block;
opacity: 1;
}

.menu__third-level li {
    border-top: 0px solid #111;
padding:0;
}

.menu__second-level li a:hover {
    background: #111;padding:0;
display:block;
/*height: 500px;*/
}

.menu__third-level li a:hover {
    background: #2a1f1f;padding:0;
}

.menu__fourth-level li a:hover {
    background: #1d0f0f;padding:0;
}

/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu001:before,
.menu001:after {
    content: "";
    display: table;
}

.menu001:after {
    clear: both;
}

.menu001 {
    *zoom: 1;
}
.menu001 > li.menu__single {
    position: relative;padding:0;opacity: 1;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 49px;
    width: 100%;
    background: #661e1f;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;padding:0;opacity: 1;
}

li.menu__single:hover ul.menu__second-level {
    top: 49px;
    visibility: visible;
    opacity: 1;padding:0;
}

  #saleObiMenu{
	position:fixed;
	left:0;
	top:0px;
	z-index:10;
    width:100%;
    height: 49px;
  }
  #saleObiMenu .obi1{
    width:100%;
    height: 49px;
    opacity: 0.875;
  }
  #saleObiMenu .obi2{
    width:100%;
    height: 49px;
    opacity: 1.0;
  }
  #saleObiMenu a{
    display:block;
    width:100%;
    height:49px;
    text-indent:-9999px;
  }
  #header .menu{
    margin-bottom:0;
  }
  #saleObiMenu>p:hover{
	opacity:1.0;
  }

  @keyframes logoObiBack {
  	0% { background-position-y: 0  ; }
  	45% { background-position-y: 0  ; }
    50% { background-position-y: -40px; }
    95% { background-position-y: -40px; }
    100% { background-position-y: 0; }
  }
  #saleObiMenu{
		/*animation: logoObiBack 12s steps(10) 0s infinite;*/
  }  


@media (max-width: 479px) {
		#saleObiMenu{
		position:fixed;
		left:0;
		top:0px;
		z-index:10;
		width:100%;
		height: 40px;
		}
		.menu001 > li {
		width:100%;
		height: 40px;
		list-style:none;
		padding:0;
		}

		li.menu__single ul.menu__second-level {
		    position: absolute;
		    top: 00px;
		    width: 100%;
		    background: #661e1f;
		    -webkit-transition: all .2s ease;
		    transition: all .2s ease;padding:0;opacity: 1;
		}

		li.menu__single:hover ul.menu__second-level {
		    top: 0px;
		    visibility: visible;
		    opacity: 1;padding:0;opacity: 1;
		}

		  #saleObiMenu{
			position:fixed;
			left:0;
			top:0px;
			z-index:10;
		    width:100%;
		    height: 40px;
		  }
		  #saleObiMenu .obi1{
		    width:100%;
		    height: 40px;
		    opacity: 0.875;
		  }
		  #saleObiMenu .obi2{
		    width:100%;
		    height: 40px;
		    opacity: 1.0;
		  }
		  #saleObiMenu a{
		    display:block;
		    width:100%;
		    height:40px;
		    text-indent:-9999px;
		  }
		.menu001 > li a {background-size:70%;background-repeat: no-repeat;background-position: center center;}
		.menu001 > li a:hover {background-size:70%;background-repeat: no-repeat;background-position: center center;}

}


/********************************************
    共通
*********************************************/
.pchiiden{display:none;}
.title{
	text-align:center;
}


	.cornerttl {
	font-size:5em;
	font-family: 'Pinyon Script', cursive;
	letter-spacing:0.0em;
	padding:0!important;
	margin:0 auto -15px;
	line-height:-2em;
	}

	.titlecomm {
	font-size: 1.5em;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	margin:0 0 20px;
	}

.itemList{
	overflow:hidden;
}
.itemList dl{
	position:relative;
	float:left;
}
/*
.itemList dl dd{
	margin-top:10px;
	text-align:center;
	font-family:Century Gothic;
	line-height:1.25;
	letter-spacing: 0em;
	width: 208px;
	max-height:2.6em;
	overflow:hidden;
}
*/



.itemList dl dd span{
	display:block;
	padding-top:8px;color:#666;
text-align:center;
line-height:1.3;
}
.itemList dl dd.link,
.itemList dl dd.link a{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	font-size:0;
	text-indent:-9999px;
	opacity:0;
	/*margin-top:10px !important;*/
	text-align:center !important;
	font-family:Century Gothic;
	line-height:1.25 !important;
	letter-spacing: 0em !important;
	overflow:hidden;
}

.itemList dl:hover dt img{
	opacity:0.6;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}

@media (max-width: 479px) {
	.itemList dl dd{
	display:none;
	text-align:left;
	margin-top:5px;
	/*height:2.6em;*/
	/*max-height:2.6em;*/
	line-height:1.25 !important;

	}

	.title img{
		height:auto;
		max-width:100%;
	}
	.itemList dl img{
		width:100%;
		height:auto;
	}
	.itemList dl dd{
		width: 100%;
	}




	.cornerttl {
	font-size:1.45em;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	letter-spacing:0.0em;
	padding:0!important;
	margin:0 auto 0px;
	line-height:-2em;
	border:1px dotted #333;
	color:#333;
	}

	.titlecomm {
	font-size: 1.0em;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	border-top:0px dotted #999 !important;
	border-bottom:0px dotted #999 !important;
	margin:8px 0 20px;
	}



	.itemList dl dd span{
		display:block;
		padding-top:0px;color:#666;
	text-align:left;
	max-height:2.5em;
		overflow:hidden;

	}


	#rank_page .itemList dl dd span{
		display:block;
		padding-top:0px;color:#666;
	text-align:left;
	height:2.5em;
		overflow:hidden;

	}
} /* 479 */







/********************************************
    header
*********************************************/
header{
	background:#f2f0e8;
	/*background:#a3997e;*/
	text-align: center;
}
header .headMeta{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
	padding:2px 0;
}
header .headMeta h1{
	font-size:10px;
	font-weight:normal;
	float:left;
	width:300px;
}
header .headMeta p{
	color:#FF6F9F;
	font-weight:bold;
	float:right;
	width:240px;
	text-align:right;
}
@media (max-width: 479px) {
	header{
	background:#f2f0e8 !important;
	/*background:#a3997e;*/
	}
	header .headMeta,
	#subNavigation{display:none;}
}

header .headMenu{
	background:#FFF;
	padding:30px 0 10px;
}
#menuBtn{display:none;}
header .headMenu .w1200{
	position:relative;
}
header .headMenu h2{
	text-align:center;
}
header .headMenu nav#navigation{
	width:100%;
	margin:0 auto;
	background:#000;
	margin-top:30px;
}

header .headMenu nav#navigation ul{
	overflow:hidden;
	padding:10px 0;
	width:1200px;
	margin:0 auto;
}

header .headMenu nav#navigation ul li{
	display: inline;
	margin:0 15px;
	font-size:14px;
	font-family:Century Gothic;
}
header .headMenu nav#navigation ul li.between{
	margin-left:230px;
}
header .headMenu nav#navigation ul li a{
	color:#FFF;
}

#subNavigation{
	padding-top:30px;
}
#subNavigation ul li{
	display:inline;
	margin:0 5px;
}

/**** スライダー  ****/


/* ---------------------------------------------------------------- */




/* ---------------------------------------------------------------- */


/********************************************
    movie2
*********************************************/
#topOtherContents2{
	overflow:hidden;
	padding:30px;
  	position: relative;
  	display: table;
}

.OtherInner2 {
  	margin: auto;
  	width: 100%;
	float:left;
  	display: table-cell;
  	vertical-align: middle;
	/*height: 320px;*/
	background: #f2f2f2;
display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

#topOtherContents2 .otherBnr2{
	float:right;
	width:100%;
	padding-left:0px;
}
#topOtherContents2 .otherBnr2 p{
	width:48%;
	margin:2px;
	float:left;
	overflow:hidden;
	text-align:center;
}

#topOtherContents2 .otherBnr2 p img{
width:100%;
position: relative;
top: 0;
}


/*#topOtherContents2 .otherBnr2 p img{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
#topOtherContents2 .otherBnr2 p:hover img{
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity:1;
}*/

#topOtherContents2 .otherBnr2 .otherList2{
	display: inline-block;
}

#topOtherContents2 video {
	/*width: 100%;*/
	height: 320px;
}
	#topOtherContents2 .OtherBox
	{margin:20px auto 0;
	}

@media (max-width: 479px) {
	#topOtherContents2 video{
		margin: 0;
		height: 100%;
}
	.OtherInner2 {
		margin: auto; 
    		width: 100%;
    		float: left;
     		display: block; 
    		height: 215px; 
display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
	#topOtherContents2 .otherBnr2{
		float:none;
		padding-top:5px;
		width:100%;
		overflow:hidden;
		padding-left:0;

	}
	#topOtherContents2 .otherBnr2 p{
    		width: 48%;
		margin: 4px 1%;
    		display: inline-block;
    		vertical-align: top;
}
/*	#topOtherContents2 .otherBnr2 p:nth-child(4n){
		float:right;
	}
	#topOtherContents2 .otherBnr2 p:nth-child(5n){
		float:left;
	}*/

	#topOtherContents2 .otherBnr2 p img{
		width:100%;
		height:auto;
		position: relative;
		top: 0;
		left: 0;
	}

	#topOtherContents2 .OtherBox
	{margin:30px auto 10px;
	}



/*	.after{
		clear:both;
	}*/
}







/********************************************
    movie
*********************************************/
#topOtherContents{
	overflow:hidden;
	padding-top:20px;
  	position: relative;
  	display: table;
}

.OtherInner {
  	margin: auto;
  	width: 50%;
	float:left;
  	display: table-cell;
  	vertical-align: middle;
	height: 390px;
	background: #f2f2f2;
}

#topOtherContents .otherBnr{
	float:right;
	width:50%;
	padding-left:6px;
}
#topOtherContents .otherBnr p{
	float:left;
}
/*#topOtherContents .otherBnr p img{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
#topOtherContents .otherBnr p:hover img{
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity:1;
}*/

#topOtherContents .otherBnr .otherList{
	display: inline-block;
}

video {
/*
	width: 100%;
	height: 390px;
*/
}

@media (max-width: 479px) {
/*	video{
		margin: 0;
		height: 100%;
}
*/
	.OtherInner {
		margin: auto; 
    		width: 100%;
    		float: left;
     		display: block; 
    		height: 215px; 
}
	#topOtherContents .otherBnr{
		float:none;
		padding-top:5px;
		width:100%;
		overflow:hidden;
		padding-left:0;

	}
	#topOtherContents .otherBnr p{
    		width: 16.65%;
    		display: inline-block;
    		vertical-align: top;
}
/*	#topOtherContents .otherBnr p:nth-child(4n){
		float:right;
	}
	#topOtherContents .otherBnr p:nth-child(5n){
		float:left;
	}*/

	#topOtherContents .otherBnr p img{
		width:100%;
		height:auto;
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
	}
/*	.after{
		clear:both;
	}*/
}


/********************************************
    main image
*********************************************/
.mainImage{
	position:relative;
	width:100%;
	height:650px;
	overflow:hidden;
	margin-top: -5px;
}
.mainImage p{
	position:absolute;
	left:50%;
	margin-left:-964px;
}
@media (max-width: 479px) {
	.pchiiden{display:block;}
	.pchiiden img{
		width:100%;
		height:auto;
	}
	.mainImage{
		height:auto;
		margin:0;
	}
	.mainImage p{
		position:static;
		margin:0;
	}
	.mainImage img{
		width:100%;
		height:auto;
	}
}


/********************************************
    ランキング
*********************************************/
section.ranking{
	width:1200px;margin:0 auto;
	padding-top:0px;
	/*padding-bottom:30px;*/
}
section.ranking .itemList{
	padding:0px 2px 0;
}
section.ranking .itemList dl{
	margin: 0 0 25px 30px;
}
section.ranking dl:after{
	content:"";
	display:block;
	width:80px;
	height:44px;
	background:url(https://www.rakuten.ne.jp/gold/gracefulsmile/2022/common/images/icon_rank_no1.png)no-repeat;
	position:absolute;
	top:-32px;
	left:-5px;
}
section.ranking dl:nth-child(2):after{background-image:url(https://www.rakuten.ne.jp/gold/gracefulsmile/2022/common/images/icon_rank_no2.png);}
section.ranking dl:nth-child(3):after{background-image:url(https://www.rakuten.ne.jp/gold/gracefulsmile/2022/common/images/icon_rank_no3.png);}
section.ranking dl:nth-child(4):after{background-image:url(https://www.rakuten.ne.jp/gold/gracefulsmile/2022/common/images/icon_rank_no4.png);}
section.ranking dl:nth-child(5):after{background-image:url(https://www.rakuten.ne.jp/gold/gracefulsmile/2022/common/images/icon_rank_no5.png);}
section.ranking dl:nth-child(6):after{background-image:url(https://www.rakuten.ne.jp/gold/gracefulsmile/2022/common/images/icon_rank_no6.png);}
section.ranking dl:nth-child(7):after{background-image:url(https://www.rakuten.ne.jp/gold/gracefulsmile/2022/common/images/icon_rank_no7.png);}
section.ranking dl:nth-child(8):after{background-image:url(https://www.rakuten.ne.jp/gold/gracefulsmile/2022/common/images/icon_rank_no8.png);}
section.ranking .rankLink{
	text-align:center;
	background:url(../images/link_rank_bk.gif);
}
section.ranking .rankLink img{
	padding:0 35px;
	background:#FFF;
}







@media (max-width: 479px) {

	section.ranking{
	width:100%;margin:0 auto;

		padding-top:30px;
		padding-bottom:10px;
	}
	section.ranking .itemList{
		padding:0px 0 0;
	}
	section.ranking .itemList dl{
		width:calc( 100% / 3 );
		width:-webkit-calc( 100% / 3 );
		padding:4px;
		margin:30px 0 0px 0;
	}
	section.ranking dl:after{
		top:-26px;
		left:0;
	}
	section.ranking .itemList dl:nth-child(-n+2){
		width:50%;
	margin:0px 0 0px 0;

	}
	section.ranking .itemList dl dt img{
		width:100%;
		height:auto;
	}
	section.ranking .rankLink img{
		width:180px;
		height:auto;
		padding:0 15px;
	}
}

/*************************
    Ranking tab
*************************/
.ui-tabs-nav{
	font-family: 'EB Garamond', serif !important;
	width:100%;
	margin:0;
	padding:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.tabMenu{
	max-width:1200px;
	width:100%;
	margin:0 auto;
	letter-spacing: -.4em;
}
.tabMenu ul li{
	width:33.3%;
	letter-spacing: normal;
	display:inline-block;
	border:1px #494949 solid;
	/*background:url(../images/ss12_tab_arrow_out.png) #FFF no-repeat right;*/
	cursor: pointer;
}
.tabMenu ul li a{
	display:block;
	width:100%;
	font-size:16px;
	font-weight:bold;
	padding:5px 0;
	text-align: center;
}
.tabMenu ul li.active,
.tabMenu ul li:hover{
	background-color:#494949;
	/*background-image:url(../images/ss12_tab_arrow_over.png);*/
}
.tabMenu ul li.active a,
.tabMenu ul li:hover a{
	color:#FFF;
}

.tabBox{
	display:none;
}
.tabBox.active{
	display:block;
}

@media (max-width: 479px) {
	.tabMenu{
		padding:0 5px;
	}
	.tabMenu ul li{
		background-size:12px auto;
	}
	.tabMenu ul li a{
		font-size:11px;
	}
	.tabMenu ul li.active,
	.tabMenu ul li:hover{
		background-size:12px auto;
	}
}
.tabMenu ul{
	margin:20px auto;
}

.tabMenu .intab li{
	width:14%;
	letter-spacing: normal;
	display:inline-block;
	border:1px #494949 solid;
}
.tabMenu .intab li a{
	display:block;
	width:100%;
	font-size:16px;
	font-weight:bold;
	padding:5px 0;
	text-align: center;
}

/* アイテム別メニュー */
#tabs-1{
	max-width:1200px;
	width:100%;
	margin:0 auto;
}
#tabs-1 ul li{
	width:9.7%;
	letter-spacing: normal;
	display:inline-block;
	cursor: pointer;
        padding-bottom: 7px;
	background:#fff;
	list-style:none;
	margin-bottom: 0;
	position: relative;
	margin-right: 0.3%;
}
#tabs-1 ul li a{
	display:block;
	width:100%;
	font-size:12px;
	font-weight:bold;
	/*border-left:1px #f6f6f6 solid;
        border-right:1px #f6f6f6 solid;*/
	padding:10px 0;
	text-align: center;
	background-color:#f6f6f6;
	font-family: 'EB Garamond', serif !important;
	/*letter-spacing: -.05em;*/
	line-height: 16px;
	overflow: hidden;
	height: 5.4em;
	position: relative;
	z-index: 0;

}

#tabs-1 li.active,
#tabs-1 li:hover{
	background-image:url(../images/tab_bottom.png) !important;
        background-repeat: no-repeat !important;
        background-position: center bottom !important;
}
#tabs-1 li.active a,
#tabs-1 li:hover a{
	color:#FFF;
	background-color:#494949 !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
	background-image:url(../images/tab_bottom.png) !important;
        background-repeat: no-repeat !important;
        background-position: center bottom !important;
}
.ui-state-active a, .ui-widget-content .ui-state-active a, .ui-widget-header .ui-state-active a, a.ui-button:active a, .ui-button:active a, .ui-button.ui-state-active:hover a{
	color:#FFF;
	background-color:#494949 !important;
}
.tabBox{
	display:none;
}
.tabBox.active{
	display:block;
}

@media (max-width: 479px) {
	#tabs-1{
		padding:0 5px;
	}
	#tabs-1 ul{
		padding:0;
	}
	#tabs-1 ul li{
		background-size:18px auto;
		width:32.5%;
        	padding-bottom: 7px;
	}
	#tabs-1 ul li a{
		font-size:10px;
	line-height: 1.3;
	padding:5px 0;
	}
	#tabs-1 li.active,
	#tabs-1 li:hover{
		background-size:18px auto;
	}

}



/* フロア別メニュー */
#tabs-2{
	max-width:1200px;
	width:100%;
	margin:0 auto;
	/*letter-spacing: -.4em;*/
}

#tabs-2 li{
	width:9.7%;
	letter-spacing: normal;
	display:inline-block;
        padding-bottom: 7px;
	cursor: pointer;
	margin-right: .3%;
	display: block;
	position: relative;
}
/*#tabs-2 li+ li {
  border-left: 1px solid #f6f6f6;
}*/
#tabs-2 li a{
	display:block;
	width:100%;
	font-size:12px;
	font-weight:bold;
	/*border-left:1px #f6f6f6 solid;
        border-right:1px #f6f6f6 solid;*/
	padding:10px 0;
        padding-bottom: 7px;
	text-align: center;
	background-color:#f6f6f6;
	line-height: 12px;
	overflow: hidden;
	height: 5.4em;
	position: relative;
	z-index: 0;
}
#tabs-2 li.active,
#tabs-2 li:hover{
	background-image:url(../images/tab_bottom.png);
        background-repeat: no-repeat;
        background-position: center bottom
}
#tabs-2 li.active a,
#tabs-2 li:hover a{
	color:#FFF;
	background-color:#494949 !important;
}


/* --------------- tab3 ---------------------- */
#tabs-3{
	max-width:1200px;
	width:100%;
	margin:0 auto;
	/*letter-spacing: -.4em;*/
}

#tabs-3 li{
	width:8%;
	letter-spacing: normal;
	display:inline-block;
        padding-bottom: 7px;
	cursor: pointer;
	margin-right: 0.33%;
	display: block;
	position: relative;
}
/*#tabs-3 li+ li {
  border-left: 1px solid #f6f6f6;
}*/
#tabs-3 li a{
	display:block;
	width:100%;
	font-size:12px;
	font-weight:bold;
	/*border-left:1px #f6f6f6 solid;
        border-right:1px #f6f6f6 solid;*/
	padding:10px 0;
        padding-bottom: 7px;
	text-align: center;
	background-color:#f6f6f6;
	line-height: 12px;
	overflow: hidden;
	height: 5.4em;
	position: relative;
	z-index: 0;
}
#tabs-3 li.active,
#tabs-3 li:hover{
	background-image:url(../images/tab_bottom.png);
        background-repeat: no-repeat;
        background-position: center bottom
}
#tabs-3 li.active a,
#tabs-3 li:hover a{
	color:#FFF;
	background-color:#494949 !important;
}
/* --------------- tab3---------------------- */



.tabBox{
	display:none;
}
.tabBox.active{
	display:block;
}

@media (max-width: 479px) {
	#tabs-2{
		padding:0 5px;
	}
	#tabs-2 ul{
		padding:0;
	}
	#tabs-2 ul li{
		background-size:18px auto;
		width:32.5%;
        	padding-bottom: 7px;
	}
	#tabs-2 ul li a{
		font-size:10px;
	line-height: 1.3;
	padding:5px 0;
	}

	#tabs-2 li.active,
	#tabs-2 li:hover{
		background-size:18px auto;
	}
/* tab3 */
	#tabs-3{
		padding:0 5px;
	}
	#tabs-3 ul{
		padding:0;
	}
	#tabs-3 ul li{
		background-size:18px auto;
		width:32.5%;
        	padding-bottom: 7px;
	}
	#tabs-3 ul li a{
		font-size:10px;
	line-height: 1.3;
	padding:5px 0;
	}

	#tabs-3 li.active,
	#tabs-3 li:hover{
		background-size:18px auto;
	}
/* tab3 */
}

.ui-state-focus a:focus {
  outline: none;
}

.rank_inner_tabs_item {
  position: absolute;
  top: 50%;
  z-index: 0;
  width: 100%;
  transform: translate(0, -50%);
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform : translateY(-50%);
  transform : translateY(-50%);
}
.rank_inner_tabs_floor {
  position: absolute;
  top: 62%;
  z-index: 0;
  width: 100%;
  transform: translate(0, -50%);
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform : translateY(-50%);
  transform : translateY(-50%);
}

.rank_tab,.rank_tab2,.rank_tab3 {
    margin:0 0 3px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
  align-items: center;
}

#tabs-2 .tabs_2_list .rank_floor_icon {
margin: 0;
    z-index: 2;
    position: absolute;
    display: block;
    top: 3px;
    left: -45px;
    padding: 0 7px;
    height: 14px;
    width: 100%;
    line-height: 14px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    /* background: #D9D9D9; */
    color: #969696;
    /* font-weight: bold; */
}

#tabs-3 .tabs_3_list .rank_floor_icon {
margin: 0;
    z-index: 2;
    position: absolute;
    display: block;
    top: 3px;
    left: -45px;
    padding: 0 7px;
    height: 14px;
    width: 100%;
    line-height: 14px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    /* background: #D9D9D9; */
    color: #969696;
    /* font-weight: bold; */
}


/*************************
    more under btn
*************************/
.moreUnderBtn{
	text-align:center;
margin:16px auto 10px;
clear:both;
}
.moreUnderBtn a{
	/*display:block;*/
	width:auto;
	margin:0 auto;
	padding:8px 8px;
	color:#fff;background:#acacac;
	font-size:14px;
	border-bottom:0px #999 solid;
border-radius:50%;

}
@media (min-width: 480px) {
	.moreUnderBtn a:hover{
		color:#FFF;
		background-color:#333;
	}
}
@media (max-width: 479px) {
	.moreUnderBtn a{
		/*width:80%;*/
		font-size:11px;
	}
}
/********************************************
    フロア別
*********************************************/

section.floor .itemList dl dd{width:268px;}
section.floor{
	padding:0;
}
section.floor .itemList{
	padding:25px 0 0;
}
section.floor .itemList dl{
	width:268px;
	margin:0 0 50px 20px;
}
section.floor .itemList dl:nth-child(4n){
	margin-right:0;
}
section.floor .itemList dl:nth-child(4n+1){
	clear:both;
}
section.floor dl:after{
	/*content:"";
	display:block;
	width:34px;
	height:33px;
	background-image:url(../images/icon_new.png);
	background-size:34px;
	position:absolute;
	top:0;
	left:5px;*/
	display:none;
}
section.newArrival dl.re:after{background-image:url(../images/icon_re.png);}





@media (max-width: 479px) {
section.floor .itemList dl dd{width:100%;}

	section.floor{
		padding-top:50px;
		padding-bottom:10px;
	}
	section.floor .itemList{
		padding:0px 0 0;
	}
	section.floor .itemList dl:nth-child(2n){
		margin-right:2%;
	}
	section.floor .itemList dl:nth-child(2n+1){
		clear:none;
		margin-right:2%;
	}
	section.floor .itemList dl:nth-child(3n+1){
		clear:both;
	}
	section.floor .itemList dl{
		margin: 0 2% 2% 0;
    	width: 32%;
	}
	section.floor .itemList dl:nth-child(3n){
		margin-right:0;
	}
	section.floor dl:after{
		width:24px;
		height:23px;
		background-size:24px;
		left:2px;
	}
}

/********************************************
    頭の５商品
*********************************************/


#newItem2 > dl:nth-child(1){width:100% !important;}
#newItem2 > dl:nth-child(1) img{width:100% !important;}







section.newArrival2{
width:380px;border:0px solid #ccc;padding:30px !important;
}
section.newArrival2{
	padding-top:15px;
	padding-bottom:0px;
}
section.newArrival2 .itemList{
	padding:15px 0 0;
}
section.newArrival2 .itemList dl{
	width:48%;
	margin:2px;
float:left;
}
section.newArrival2 .itemList dl img{
	width:100%;
}
section.newArrival2 .itemList dl:first-child {width:100%;}
section.newArrival2 .itemList dl:nth-child(5n){
	margin-right:0;
}
section.newArrival2 .itemList dl:nth-child(5n+1){
	clear:both;
}
section.newArrival2 dl:after{
	/*content:"";
	display:block;
	width:34px;
	height:33px;
	background-image:url(../images/icon_new.png);
	background-size:34px;
	position:absolute;
	top:0;
	left:5px;*/
	display:none;
}
section.newArrival2 dl.re:after{background-image:url(../images/icon_re.png);}






@media (max-width: 479px) {
	section.newArrival2{
		padding-top:15px;
		padding-bottom:5px;
	}
	section.newArrival2 .itemList{
		padding:0px 0 0;
	}
	section.newArrival2 .itemList dl{
		width:calc( 100% / 3 );
		width:-webkit-calc( 100% / 3 );
		padding:2px;
		margin:0 0 0px 0;
	}
	section.newArrival2 dl:after{
		left:0;
	}
	section.newArrival2 .itemList dl:nth-child(-n+2),
	section.newArrival2 .itemList dl:nth-child(5n+1),
	section.newArrival2 .itemList dl:nth-child(5n+2)
	{
		width:50%;
	}
	section.newArrival2 .itemList dl dt img{
		width:100%;
		height:auto;
	}
	section.newArrival2 .rankLink img{
		width:180px;
		height:auto;
		padding:0 15px;
	}


	section.newArrival2 .itemList dl dd{
	text-align:left;
	margin-top:5px;
	/*height:auto;
	max-height:2.6em;*/
	}
}








/********************************************
    新商品・再入荷
*********************************************/
section.newArrival .itemList dl dd{
width:268px;
}

section.newArrival{
	padding:25px 0;
}
section.newArrival .itemList{
	padding:25px 0 0;
}
section.newArrival .itemList dl{
	width:268px;
	margin:0 40px 50px 0;
}
section.newArrival .itemList dl:nth-child(4n){
	margin-right:0;
}
section.newArrival .itemList dl:nth-child(4n+1){
	clear:both;
}
section.newArrival dl:after{
	/*content:"";
	display:block;
	width:34px;
	height:33px;
	background-image:url(../images/icon_new.png);
	background-size:34px;
	position:absolute;
	top:0;
	left:5px;*/
	display:none;
}
section.newArrival dl.re:after{background-image:url(../images/icon_re.png);}





@media (max-width: 479px) {
section.newArrival .itemList dl dd{width:100%;}

	section.newArrival{
		padding-top:15px;
		padding-bottom:5px;
	}
	section.newArrival .itemList{
		padding:0px 0 0;
	}
	section.newArrival .itemList dl:nth-child(2n){
		margin-right:2%;
	}
	section.newArrival .itemList dl:nth-child(2n+1){
		clear:none;
		margin-right:2%;
	}
	section.newArrival .itemList dl:nth-child(3n+1){
		clear:both;
	}
	section.newArrival .itemList dl{
		margin: 0 2% 2% 0;
    	width: 32%;
	}
	section.newArrival .itemList dl:nth-child(3n){
		margin-right:0;
	}
	section.newArrival dl:after{
		width:24px;
		height:23px;
		background-size:24px;
		left:2px;
	}
}

/********************************************
    ヒットアイテム
*********************************************/
section.hit{
	padding-top:120px;
	padding-bottom:30px;
}
section.hit #hitItem{
	padding-top:50px;
}

@media (min-width: 480px) {
	section.hit #hitItem ul li{
		margin:0 30px 30px 0;
	}
	section.hit #hitItem ul li:nth-child(4),
	section.hit #hitItem ul li:nth-child(5),
	section.hit #hitItem ul li:nth-child(10){
		margin-right:0;
	}
	section.hit #hitItem ul li:nth-child(12){
		display:none!important;
	}
	section.hit #hitItem ul li:hover img{
		opacity:.6;
		-webkit-transition: 0.6s;
		-o-transition: 0.6s;
		transition: 0.6s;
	}
}

@media (max-width: 479px) {
	section.hit{
		padding-top:50px;
		padding-bottom:10px;
	}
	section.hit #hitItem{
		padding:30px 0 0;
	}
	section.hit #hitItem img{
		width:100%;
		height:auto;
	}
	section.hit #hitItem ul li{
		width:48%;
		float:left;
		margin:0 0 4% 0;
	}
	section.hit #hitItem ul li:nth-child(1){
		width:100%;
	}
	section.hit #hitItem ul li:nth-child(2),
	section.hit #hitItem ul li:nth-child(5),
	section.hit #hitItem ul li:nth-child(8),
	section.hit #hitItem ul li:nth-child(10){
		margin-right:3.6%;
	}
}
/********************************************
    ギャラリー
*********************************************/
section.gallery #slider li.slick-slide {position:relative;}
span.newdate {font-size:11px;background:#333;color:#e3decf;position:absolute;top:0px;left:0px;height:2.5em;width:2.5em;border-radius:0em;padding-top:0.25em;
display:block;
text-align:center;
line-height:1.2em;}

span.newdate:before {
      content: "新着" ;
display:block;
color:#ccc;
}
/*span.newdate:after {
      content:"UPDATE";
display:block;
color:#ccc;
}
*/


section.gallery{
margin:0 !important;
padding:25px 0;
}
section.gallery .w1200{
	padding:10px 80px 0;
}
#slider {margin:0 0 !important;}

section.gallery #slider li{
	margin:10px;

}
section.gallery .slick-dots li{
	width:8px;
	height:8px;
}
	section.gallery #slider li img{
height:125px;
}
section.gallery .slick-dots li button{
	width:10px;
	height:10px;
	border: 2px #FFF solid;
	background:#FFF;
    border-radius: 50%;
	padding: 4px;
}
section.gallery .slick-dots li.slick-active button{
	background:#000;
}
#slider .slick-prev,
#slider .slick-next{
	width:25px;
	height:40px;
	cursor:pointer;
	background:url(../images/arrow_b.png) no-repeat;
	text-indent:-9999px;
}
#slider .slick-prev{
	left: -50px;
}
#slider .slick-next{
	background-position:-25px 0;
	right: -50px;
}
#slider .slick-dots li button:before{
	display:none;
}


@media (max-width: 479px) {
	section.gallery{
		margin:0px auto 0;
		padding-top:20px;
		padding-bottom:10px;
	}
	section.gallery .w1200{
		padding:20px 0px 0;
	}
	section.gallery #slider li{
		margin:2px !important;
	}
	section.gallery #slider li img{
		width:auto;
		height:115px;
	}
	#slider {margin:10px 0 !important;}
	#slider .slick-prev,
	#slider .slick-next{
		width:20px;
		background-size:40px;z-index:9;
	}
	#slider .slick-prev{
		left: 0px;
	}
	#slider .slick-next{
		right: 0px;
		background-position: -20px 0;
	}

span.newdate {
background:#333;
color:#e3decf;
position:absolute;
top:0px;
left:0px;
height:2.7em;
width:3.2em;
border-radius:0em;
padding-top:0.3em;
display:block;
text-align:center;
line-height:1.25em;
font-size:8px;
}

span.newdate:before {
      content: "NEW" ;
display:block;
color:#ccc;
}
span.newdate:after {
      content:"";
display:none;
color:#ccc;
}


}

/********************************************
    ショッピングガイド
*********************************************/
section.guide{
	padding-top:120px;
	padding-bottom:60px;
	overflow:hidden;
}
section.guide>.title{
	padding-bottom:90px;
}
section.guide section.payment,
section.guide section.delivery{
	width:50%;
	padding:20px 0 10px;
	float:left;
	text-align:center;
	line-height:1.7;
}
section.guide section.delivery{
	border-left:1px #000 solid;
}
section.guide section .title{
	padding-bottom:40px
}

@media (max-width: 479px) {
	section.guide{
		padding-top:50px;
		padding-bottom:10px;
	}
	section.guide>.title{
		padding:20px 0 0;
	}
	section.guide section.payment,
	section.guide section.delivery{
		width:100%;
	}
	section.guide section.payment{
		padding:60px 0;
	}
	section.guide section.delivery{
		border-left:none;
	}

}
/********************************************
    footer
footer{
	background:#000;
	text-align:center;
	color:#FFF;
	padding-top:55px;

footer .logo{
	margin-bottom:50px;
}
footer .textBottom{
	padding-bottom:70px;
}
footer .footer_bottom{
	background:#FFF;
	color:#171717;
	padding:20px 0 15px;
}

@media (max-width: 479px) {
	footer{
		padding:30px 0 0;
		font-size:11px;
	}
	footer .logo{
		margin-bottom:30px;
	}
	footer>p{
		padding:0 10px;
	}
	footer .textBottom{
		padding-bottom:30px;
	}
	footer .footer_bottom{
		padding:10px 5px;
	}

}


*********************************************/

/********************************************
    浴衣バナー
*********************************************/
.yukataBnr{
	padding-top: 120px;
    padding-bottom: 30px;
}
ul.yukataBnrLeft{
	width:50%;
	padding-right:2px;
	float: left;
}
ul.yukataBnrRight{
	width:50%;
	padding-left:2px;
	float: right;
}
.yukataBnr ul li{
	padding-bottom:3px;
}
.yukataBnr img{
	width:100%;
	height:auto;
}
@media (max-width: 479px) {
	ul.yukataBnrLeft,
	ul.yukataBnrRight{
		float:none;
		padding:0 5px;
		width:100%;
	}
	.yukataBnr{
		padding-top: 30px;
		padding-bottom: 10px;
	}
}

