@charset "UTF-8";

/* top_hero
----------------------------------------------- */
.top_hero {height: auto;position: relative;margin-bottom: 3vw;width: 100%;}
.hero-txt {width:90%;text-align: center;margin: 5vw auto;color: #595959;}
.hero-txt01 {font-size: 3.7vw;text-align: center;font-family: source-han-serif-japanese, serif;font-weight: 300;font-style: normal;margin: 0 auto 5vw;}
.hero-txt01 b{font-size: 4.6vw;display: block;}
.hero-txt-img{margin: 0 auto 5vw;}

/* top_main
----------------------------------------------- */
.top-declaration{ padding: 8vw 6vw; background:url(../images/declaration-bg.jpg) center top / cover no-repeat; position:relative;}

.top-stage{position:relative; margin: 0 auto 10vw;}
.top-stage-bg{height: 50vw; background:url(../images/stage-bg-sp.jpg) center top / cover no-repeat; }
.top-stage-ttl{margin: 5vw auto; display: block; width: 90%;}
.top-stage-txt{text-align: center; margin: 0 auto 5vw;}
.top-stage-set{background:#fafaf9;padding: 4vw;width: 80%;margin: 0 auto 4vw;}
.top-stage-set dt{position: relative;display: -webkit-box;display: flex;-webkit-box-pack: center;justify-content: center;font-family:garamond-premier-pro, serif;font-weight: 300;font-style:normal;font-size: 4.5vw;color: #ccc;flex-wrap: nowrap;align-items: center;gap: 3%;}
.top-stage-set dt::after{content: "";height: 1px;background: #ccc;flex: 1;}
.top-stage-set dd{margin-top: 2vw;}

/* top_msg */
.sec_txt{font-size: 4vw;font-family:source-han-serif-japanese, serif;font-weight: 500;font-style:normal;line-height:1.75;text-align:justify;font-feature-settings: "palt" 1;letter-spacing: .05em;}
.sec_item{width: 95%;margin: 0 auto 8vw;position: relative;right: -2vw;}
.sec_item li{position: relative;padding-left: 70px;margin-bottom: 8vw;padding-bottom: 8vw; border-bottom: 1px dotted #e2d7bd;}
.sec_item li:last-child{margin-bottom: 0;padding-bottom: 0; border-bottom:none;}
.sec_item li::before{position: absolute;left: -13px;top: 0;color: #a07945;letter-spacing: .08em;font-family:source-han-serif-japanese, serif;font-size: 75%;border-radius: 50%;width: 70px;height: 70px;padding: 28px 0;text-align: center;line-height: 1;border: 1px solid #e2d7bd;}
.sec_item li:nth-child(1)::before{content: "Point.01";}
.sec_item li:nth-child(2)::before{content: "Point.02";}
.sec_item li:nth-child(3)::before{content: "Point.03";}
.sec_item li:nth-child(4)::before{content: "Point.04";}
.sec_item li:nth-child(5)::before{content: "Point.05";}
.sec_item li:nth-child(6)::before{content: "Point.06";}
.sec_item li:nth-child(7)::before{content: "Point.07";}
.top_msg{font-family:source-han-serif-japanese, serif;font-weight:300;font-style:normal;background:#fcf6ee;margin: 0vw 0;}
.top_msg .sec_ttl{font-size: 4.8vw;margin-bottom: 2vw;line-height:1;font-feature-settings: "palt" 1;letter-spacing: .08em;position: relative;}
.top_msg .sec_ttl span{font-size: 80%;font-family: garamond-premier-pro, serif;color: #a07945;position: relative;bottom: 3px;}
.top_msg .sec_p{font-size: 4.8vw;margin-bottom: 2vw;line-height:1.4;font-feature-settings: "palt" 1;letter-spacing: .08em;color: #81100f;text-align: center;}
.top_msg .js-curtain{width: 90%;margin: -20vw auto 8vw; }
.top_msg .midashi01 { text-align:left;color: #a07945;}
.top_msg .midashi01 img {margin:0;width: 80%;}
.top_msg .midashi01 span.en{font-size: 7vw;}
.top_msg .midashi01 span.jp{font-size: 4.5vw;}
.msg .iwanaga { margin:0  auto 5%; width: 90%;}
.top_msg .sec_txt span{color: #a07945;}
.top_msg .msg_box{width: 100%;padding: 9vw 8vw 10vw;position: relative;}
.trophy {margin: 0 auto 6vw;width: 80%;}

/* bg-section */
.bg-section{padding: 10vw 0;background: #f4f4f4;}

/* pickup */
.pickup { width: 90%; margin: 0 auto 12vw;}
.pickup a { width: 84%; margin: 0 auto;box-shadow: 0 0 6px #cbc3c3;margin: 0 auto 4%;}
.pickup a.long{width: 100%;  margin: 12vw 0 0;}
.pickup img { width:100%; margin: 0 auto;text-align: center;}
.pickup .pickup_text{width:100%;font-size: 4.6vw;text-align: center;font-family: source-han-serif-japanese, serif;font-weight: 300;font-style: normal;margin: -2% auto 0;}
.pickup .pickup_text span{color: #81100f;}



/* cam */
.top_cam{margin-bottom: 12vw;padding-top: 16vw;}
.top_cam .midashi01{text-align:center;margin: 0 auto 4vw;}
.top_cam .midashi01 .en{margin:0 auto;}
.top_cam_txts{position:relative;margin-bottom:9vw;}
.top_cam .more01{position:absolute;bottom:0;right:0;width:14%;}
.top_cam_menus{position:relative;}
.top_cam_menu_list{margin-bottom:5vw;position:relative;z-index:2;}
.top_cam_menu_list a{background: #fff;padding:8vw;min-height: 430px;}
.top_cam_item01{position:absolute;top:44%;right: -7vw;z-index: 0;width:36%;}
.top_cam_menu01{margin-bottom: 4vw;}
.top_cam_menu_con dt{font-family: source-han-serif-japanese, serif;font-weight: 300;font-style: normal;font-size: 4.6vw;margin-bottom: 1vw;}
.top_cam_menu_con dd{margin-bottom: 3vw;}
.top_cam_menu_con dd.trouble{display: inline-block;font-size: 3.5vw;margin: 0 1% 5% 0;color: #a07945;background: #fff;padding: 0% 4%;border: 1px solid #a07945;}
.top_cam_menu_detail{font-family: source-han-serif-japanese, serif;font-weight: 400;font-style: normal;font-size: 6vw;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;}
.top_cam_menu_detail .time{background: #f4f4f4;padding: 0 7vw;font-size: 4.8vw;letter-spacing: 2px;margin: 0 4vw 0 0;}
.top_cam_menu_detail .price{color: #a07945;letter-spacing: 1px;position: relative;top: -0.4vw;margin-bottom: 0;font-size: 6vw;}
.pagination{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;}
.pagination .bx-prev,.pagination .bx-next{background: #c1b7a8;width:10.6vw;height:10.6vw;position:relative;margin-right:3vw;}
.pagination img{width: 2.6vw;position:absolute;top: 32%;left:50%;-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index: 4;}
.pagination .bx-prev:before {content: '';width: 4vw;height: 4vw;display: block;background: url(../images/angle-left.svg) center center / 100% no-repeat;position: absolute;top: 33%;left: 48%;-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);}
.pagination .bx-next:before {content: '';width: 4vw;height: 4vw;display: block;background: url(../images/angle-right.svg) center center / 100% no-repeat;position: absolute;top: 33%;left: 48%;-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);}


/*salon */
.top_salon_wra{padding:10vw 14vw 6vw 0; margin: 10vw auto 10vw; background:url(../images/top-salon_bg_sp.jpg) center top / cover no-repeat;position:relative;}
.top_salon{}
.top_salon .top-salon_img{margin-bottom: 18vw;}
.top_salon .top-salon_con{background: #fff;padding: 9vw 9vw 6vw;margin-bottom: 8%;position: relative;}
.top_salon .midashi01{margin-bottom:5vw;  text-align: left;}
.top_salon .midashi01 .en{text-align: left;}
.top_salon .midashi01 .jp{color: #a07945;font-size: 4.8vw;}
.top_salon .sec_txt{letter-spacing:1px;}
.top_salon .current{color: #a07945;font-weight:400;display: inline-block;font-size: 4.8vw;}
.top_salon .more01{position:absolute;bottom: 6vw;right: 6vw;width:12%;}
.top_salon .fax{color: #a07945;display: block;font-size: 4.8vw;}
.sec_txt{font-size: 4vw;font-family:source-han-serif-japanese, serif;font-weight: 500;font-style:normal;line-height:1.75;text-align:justify;font-feature-settings: "palt" 1;letter-spacing: .05em;}
.sec_item{width: 95%;margin: 0 auto 8vw;position: relative;right: -2vw;}
.sec_item li{position: relative;padding-left: 70px;margin-bottom: 8vw;padding-bottom: 8vw; border-bottom: 1px dotted #e2d7bd;}
.salon-social-items {font-size: 6vw;margin: 5vw 0 0;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;gap: 7vw;color: #ccc;}
.salon-social-items li a {font-size: 5.7vw;color: #9e9e9e;}


/* bnr_categories */
.top_bnr_categories{width:70%;margin:0 auto 10vw;}
.top_bnr_categories img{width:100%;}
.top_bnr_categories a{margin-bottom:6vw;box-shadow: 0 0 10px #d3d3d3cf;}
.top_bnr_categories a:last-of-type{margin-bottom:0;}

/*TOP埋め込み部分
--------------------------------------------- */
.top-blog {padding: 0;}
.top-blog .top-blog-items{margin: 0 auto 36px;}
.top-blog .top-blog-items ul{width: 92vw;margin: 0 auto;}
.top-blog .top-blog-items ul li{margin-bottom: 5vw;}
.top-blog .top-blog-items a {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: flex-start;-webkit-justify-content: flex-start;align-items: flex-start;}
.top-blog .top-blog-items .blog img {width: 24vw;}
.top-blog .top-blog-items .txt_area {margin-left: 4vw;}
.top-blog .top-blog-items .article_date{margin: 0 12px 10px 0;color: #cdad83;}
.top-blog .top-blog-items .name{line-height: 1.5;margin-bottom: 2vw;font-weight: 700;color: #333;}
.top-blog .top-blog-items .article_text {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.top-blog .more03{width: 60%;}

/* archives */
.top_archive_lists{padding:0 0 16vw;}
.top_archive_list{width:90%;background:#fff;position:relative;margin:0 auto 6vw;padding:8vw 6vw 5vw;}
.top_archive_list dl{margin-bottom: 5vw;display: -webkit-box;display: flex; gap:3%;}
.top_archive_list dt{ font-size: 3.8vw;font-family:garamond-premier-pro, serif;font-weight:400;font-style:normal; display: block;  letter-spacing: .04em;  line-height: 1.4; color:#a07945;}
.top_archives .midashi01{margin-bottom: 2vw;}
.top_archives .midashi01 .en{ font-size: 7vw;}
.top_archives .midashi01 .jp{font-size:3.6vw;letter-spacing:-1px;}
.top_archive_con a{border-bottom:1px dashed #dfdfdf;padding:3.2vw 0;}
.top_archives .date{font-family:garamond-premier-pro, serif;font-weight:400;font-style:normal;font-size:3.6vw;letter-spacing:1px;}
.top_archives .sec_txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:0;font-feature-settings: "palt" 1;letter-spacing: .05em;}

/* top-media */
.top-media{ margin: 16vw auto 20vw;}
.top-media-items{background: #fff;width: 90%; margin: 0 auto;padding: 8vw 0 0;}
.top-media-item li{width: 100%;padding: 5vw;}
.top-media-item li .img{width: 38vw; height: 48vw; margin: 0 auto; position:relative;}
.top-media-item li a { position:relative;}
.top-media-item li a:after {content: '';display: inline-block;width: 24px;height: 24px;background-image: url("../images/zoom.jpg");background-size: contain;vertical-align: middle;position: absolute;right:0;bottom:0;}
.top-media-item li img{max-height: 100%;width: auto;margin: 0 auto;}
.top-media-item li dl{margin: 5vw auto 0 ;}
.top-media-item li dt{background: #e9dfdd;color: rgb(70 70 70);text-align: center;font-size: 3.2vw;margin-bottom: 0;width: 100%;padding: 3%;line-height:1.4;font-family: source-han-serif-japanese, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo; font-weight: 400;}
.top-media-item li dt span { display:block; font-size:80%;}
.top-media-item li dd { margin-top: 3%; font-size: 3.2vw; line-height: 1.6; font-feature-settings: "palt";text-align:justify; text-justify:auto; }
.top-media .bx-wrapper .bx-prev {width: 10vw;left: -12vw;}
.top-media .bx-wrapper .bx-next {width: 10vw;right: -12vw;}



/* ============================================= pc
================================================*/
@media screen and (min-width: 736px) {


/* top_hero
----------------------------------------------- */
.top_main{margin-top:150px;}
.top_hero{height: auto;margin-bottom: 90px; overflow: hidden;}	
.top_hero_items{height:auto; width:clamp(2000px, 100%, 2500px); position:relative;top:50%;left:50%;-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);overflow: hidden;}
.hero-txt {width:90%; margin: 20px auto;}
.hero-txt01 {font-size: 20px; margin: 0 auto 20px;}
.hero-txt01 b{font-size: 26px;}
.hero-txt-img{margin: 0 auto 20px;}

/* top_main
----------------------------------------------- */
.top-declaration{padding: 100px 0 100px;}
.top-declaration-in{width: clamp(730px, 96%, 1200px);margin: 0 auto; position: relative;display: -webkit-box;display: flex;}	
.top-declaration-right{margin-top: 120px; margin-left: -40px;}

.top-stage{position:relative;}
.top-stage-bg{height: 400px; background:url(../images/stage-bg-pc.jpg) center / cover no-repeat; }
.top-stage-ttl{width: auto; margin:50px auto; display: block;}
.top-stage-item{width: clamp(730px, 96%, 960px);margin: 0 auto 20px;display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;flex-wrap: wrap;gap:20px;}
.top-stage-txt{ margin: 0 auto 20px;}
.top-stage-set{padding: 20px;width: 48%; margin: 0 auto 20px;}
.top-stage-set dt{font-size: 26px; gap: 3%;}
.top-stage-set dd{margin-top: 20px;}
	
.js-curtain.second-anime img{width: 100%;}

/* msg */
.top_msg{width: 100%;padding: 0;margin: 0 auto ;position:relative;}
.top_msg .msg_box{width: 960px;padding: 100px 0 100px;margin: 0 auto ;}
.top_msg .midashi01 span.en{font-size: 34px;}
.top_msg .midashi01 span.jp{font-size: 20px;}
.top_msg .midashi01 img {width: auto;}
.top_msg .sec_ttl{font-size: 20px;margin-bottom: 6px;}
.top_msg .sec_p{font-size: 20px;margin-bottom: 6px;}
.top_msg .js-curtain{position:absolute;top: 68px;left:810px;width:600px;margin: 0;}
.msg .iwanaga { margin:0  0 20px; width: auto;}
.sec_txt{font-size: 16px;line-height: 1.8;}
.sec_item{margin-bottom: 60px;right: 0;	display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;flex-wrap: wrap;}
.sec_item li{width: 48%; margin-bottom: 70px;padding-bottom: 0;border-bottom: none;}

/* bg-section */
.bg-section{padding: 110px 0; }

/* pickup */
.pickup {width: clamp(730px, 96%, 960px);margin: 0 auto 100px;display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.pickup a {width: 46%;margin: 0 auto 20px;}
.pickup a.long{width: 580px;margin: 80px auto 0px;}
.pickup img {width: 100%;}
.pickup .pickup_text{width:100%;font-size:25px;margin: 0 auto;}
.pickup-shimei{margin-bottom: 60px;}
.pickup-shimei .more03{width: 96%;}

/* cam */
.top_cam{padding: 100px 0 80px;margin-bottom: -40px;}
.top_cam .inner80{width: clamp(730px, 96%, 960px);}
.top_cam_right{width:244px;position:relative;right:30px;}
.top_cam .midashi01{text-align:left;}
.top_cam .midashi01 .en{margin:0 auto 0 0;}
.top_cam .more01{right:192px;width:auto;bottom:-67px;padding: 24px;}
.top_cam_menu_list a{width:444px;padding:50px 40px;min-height: 550px;}
.top_cam_item01{top:272px;right: -159px;width:auto;}
.top_cam_txts,.top_cam_menu_list{margin-bottom:20px;}
.top_cam_menu01{margin-bottom: 20px;}
.top_cam_con{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;flex-direction: row-reverse;-webkit-flex-direction: row-reverse;}
.top_cam_menu_con dt{font-size:20px;margin-bottom:3px;}
.top_cam_menu_con dd{margin-bottom:24px;}
.top_cam_menu_con dd.trouble{font-size: 14px;margin: 0 4px 10px 0;padding: 0px 20px;}
.top_cam_menu_detail{font-size:30px;}
.top_cam_menu_detail .time{font-size:20px;margin:0 16px 0 0;padding: 6px 28px;}
.top_cam_menu_detail .price{top:-0.4px;margin-bottom: 0;font-size: 30px;}
.pagination{margin-top: -36px;}
.pagination a{width:36px;height:36px;margin-right:10px;}
.pagination img{width: auto;}
.pagination .bx-prev, .pagination .bx-next {width: 38px;height: 38px;margin-right: 12px;}
.pagination .bx-prev:before {width: 12px;height: 12px;}
.pagination .bx-next:before {width: 12px;height: 12px;}


/* bnr_categories */
.top_bnr_categories{width: clamp(730px, 96%, 1200px);margin: 0 auto 90px;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content:center;-webkit-justify-content:center;}
.top_bnr_categories a{margin-bottom: 0;width: 380px;height: 138px;margin-right: 20px;}
.top_bnr_categories a:last-child{margin-right: 0;}
	
	
/* salon */
.top_salon_wra{	width:100%;	position:relative;	background:url(../images/top-salon_bg_pc.jpg) center top / cover no-repeat;	padding: 50px 0 60px;	margin-bottom: 100px;	}
.top_salon{	background:none;	width:clamp(730px, 96%, 1200px);	margin:auto;	padding:0;	display: -webkit-box;	display: flex;	gap:30px;	-webkit-box-pack: center;justify-content: center;	}
.top_salon .top-salon_con{width: 380px;z-index:2;padding: 50px;margin-bottom: 0;}
.top_salon .midashi01{margin-bottom:35px;text-align: left;}
.top_salon .midashi01 .en{margin: 0; font-size:14px;}
.top_salon .midashi01 .jp{font-size: 18px;color: #a07945;}
.top_salon .more01{bottom: 30px;right: 30px; z-index:3; width: 50px;}
.top_salon .current{font-size: 20px;}
.top_salon .fax{font-size: 20px;}
	

.salon-social-items{margin:0 0 12px;font-size: 26px;gap: 10px;}
.salon-social-items li{width:38px;margin:0 20px 0 0;}
.salon-social-items li a {font-size: 26px;color: #a07945;}

	
/*TOP埋め込み部分
--------------------------------------------- */
.top-blog {padding: 0 0 90px;}
.top-blog .top-blog-items{margin: 0 auto 36px;}
.top-blog .top-blog-items ul{width: 800px;}
.top-blog .top-blog-items ul li{margin-bottom: 30px;}
.top-blog .top-blog-items .blog img {width: 150px;}
.top-blog .top-blog-items .txt_area {margin-left: 40px;}
.top-blog .top-blog-items .article_date{margin: 0 12px 10px 0;color: #cdad83;}
.top-blog .top-blog-items .name{margin-bottom: 10px;}
.top-blog .top-blog-items .article_text {display: block;}
.top-blog .more03{width: 30%;}

/* archives */
.top_archives{margin:50px auto;}
.top_archive_lists{padding: 0 0 106px;width: clamp(730px, 96%, 1200px);display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: space-between;-webkit-justify-content: space-between;margin: 0 auto;}
.top_archive_list{width: 960px;margin: 0 auto;padding:30px 36px;}
.top_archive_list dl{    margin-bottom: 15px;}
.top_archive_list dt{    font-size: 18px;}
.top_archives .midashi01{margin-bottom:16px;}
.top_archives .midashi01 .jp{font-size:14px;}
.top_archives .midashi01 .en{font-size: 36px;}


/* top-media */
.top-media{margin: 80px auto 20px;}
.top-media-items{padding: 40px 0;width: clamp(730px, 96%, 960px);}	
.top-media-item {width: 900px;}
.top-media-item li {width: 100%;padding: 0;}
.top-media-item li .img{width: 172px;height: 220px;}	
.top-media-item li a:after {width: 36px;  height: 36px; }
.top-media-item li dl{margin: 20px auto 0 ;}	
.top-media-item li dt { font-size: 16px;}
.top-media-item li dd { margin-top: 15px; font-size: 14px;}
.top-media .bx-wrapper .bx-prev {width: 50px;left: -80px;height: 50px;}
.top-media .bx-wrapper .bx-next {width: 50px;right: -80px;height: 50px;}

	
/* ============================================= pc
================================================*/ }