
@charset "UTF-8";
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼（撮影メニュー）20th▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
/*ボタンとかの色系*/
#s20th .btn_r-a-a2 ,#s20th .btn_round-after, #s20th .btn_round-before {
	background: #e8457e;
	letter-spacing: 1px;
        font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#s20th #costumes .btn_round-after, #s20th #price_priducts #price2 .btn_round-after {
	width: 90%;
	max-width: 420px;
}
#s20th #topics p:first-of-type .btn_round-after:after {
	color: white;
}
#s20th #price1 > p:first-of-type, #s20th #set .btn_set p:nth-of-type(2) .btn_round-after {
	background: #e4c3de;
}
#s20th #price_priducts > p:first-of-type, #s20th #anchor-menu li a, #s20th #set h3 {
	color: #d29ec8;
}
#s20th #anchor-menu li {
	border-color: #d39ec8;
}
#s20th #rental.plus2::before {
	content: url(/img/20th-icon-plus.png);
	background-image: linear-gradient(-45deg, #f0dcdf 25%, #F9F9F9 25%, #F9F9F9 50%, #f0dcdf 50%, #f0dcdf 75%, #F9F9F9 75%, #F9F9F9);
	margin-bottom: -120px;
}
#s20th #rental.stripe, .costumes .stripe {
	background-image: linear-gradient(-45deg, #f0dcdf 25%, #F9F9F9 25%, #F9F9F9 50%, #f0dcdf 50%, #f0dcdf 75%, #F9F9F9 75%, #F9F9F9);
}
#s20th .family_photo .btn_round-after, #s20th .family_photo .btn_round-before, #s753.top #topics p:first-of-type .btn_round-after {
	background: white;
	letter-spacing: 1px;
	color: #d19ec8;
}
#s20th .box_dotted, #s753.top #topics p:first-of-type .btn_round-after {
	border-color: #d19ec8;
}
/*#s20th #topics p:first-of-type .btn_round-after:after {
    color: #d19ec8;
}*/
/*装飾系*/
#s20th .osusume::before {
	background-image: url(/img/20th-icon-osusume.png);
}
#s20th .ninki::before {
	background-image: url(/img/20th-icon-ninki.png);
}
#s20th .sonohoka::before {
	background-image: url(/img/20th-icon-sonota.png);/* bottom: .7em; */
}
#s20th .osusume,#s20th .ninki{/* padding:2em */}/*20th/set/index*/
#s20th #set > ul > li a {padding:2em;}
#s20th .osusume::before, #s20th .ninki::before, #s20th .sonohoka::before {
	/*bottom: .7em;*/
	left: 13px;
}
#s20th .plus::before {
	background-image: url(/img/20th-icon-plus.png);
}
#s20th #rental.plus2::before {
	content: url(/img/20th-icon-plus.png);
}
/*料金*/
#s20th #price1 h3{
	line-height:2em;
}
#s20th #price1 h3 span{
	text-align:center;
}
#s20th #price1 {
	/*font-size: 15px;*/
}
#s20th #price1 ul:first-of-type{ counter-reset: ranking-mark;}
#s20th #price1 ul:first-of-type li::before{
    /* background-color: #fff; */
    width: 2em;
    padding: .3em 0;
    font-size: 1em;
    font-weight:bold;
    border-radius: 50%;
    text-align: center;
    float:left;
    content: counter(ranking-mark, decimal);
    counter-increment: ranking-mark;
    letter-spacing:1px;
    border: 1px dotted;
    /* height:  2em; */
}
#s20th #price1 ul:first-of-type li {
    width:  48%;
}
#s20th #price1 ul:first-of-type li:nth-of-type(n+9) {
    width:  98%;
}
#s20th #price1 ul:first-of-type li:nth-of-type(10){
	margin-top:1.5em;
	background: #e4c4de;
	color: #fff;
}
#s20th #price1 ul:first-of-type li:nth-of-type(10)::before
 {
    content: none;
}
#s20th #price1 ul:first-of-type li:nth-of-type(n+12) p{
	text-align:center;
}
#s20th #price1 ul:first-of-type li:nth-of-type(n+12) p strong{
	font-size: 1.1em;
	line-height: 2.2em;
}
#s20th #price1 p:last-of-type {
	text-align: center;
	margin-top: 2px;
	/* font-size: .8em; */
}
/*自前衣装持ち込みページへのリンクボタン設置の際コメントアウト
#s20th #price1 p:nth-last-of-type(-n+2) {
	text-align: center;
}*/
#s20th #price1 p.a_round_arrow {
    text-align:  right;
}
#s20th #price1 p:nth-last-of-type(-n+2).small {
    font-size: .8em;
    margin-top: 1em;
}
#s20th .family_photo .btn_round-after {
	width: 100%;
	font-size: 1.3em;
}
#s20th #price-wedding {
}
#s20th #rental p:first-of-type {
	/* margin-top: -100px; */
	/* position: relative; */
	font-size: 1.1em;
	line-height: 2em;
}
#s20th #rental .box_pc50fl, #s20th #rental .box_pc50fr {
	margin-bottom: 26px;
	width: 87%;
	margin: 0 auto 3em;
	padding: 0 .5em;
}
#s20th #rental .box_pc50fl {
	border-bottom: 1px solid #3c3c3c;
}
#s20th #rental .box_pc50fr {
	padding-bottom: 1em;
}
#s20th #rental h3 {
	margin-top: 1em;
}
#s20th #set {
	margin-bottom: 4em;
}
#s20th #simulation {
    margin: 0;
}
#s20th #simulation a {
	padding: 1.4em 0 6em;
	background-image: url(/img/20th-img-sim-mens.jpg);
}
#s20th #simulation h3 {
    margin: 0;
    }
#s20th #simulation img {
	width: 70%;
	max-width: 400px;
}
/*ヘアセット*/
.top #hair_set {
	/* background-image: url(/img/20th-hair-set-bg.jpg); */
	background-color:  white;
	background-size: cover;
	padding: 3em 0;
}
#hair_set h1,#hair_set h2 {
	font-weight: normal;
	font-size: 1.6em;
}
#hair_set h1:before, .top #hair_set h2:before {
	content: " ";
	display: inline-block;
	width: 100%;
	height: 53px;
	background-image: url(/img/20th-icon-forgirls.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-bottom: 8px;
}
#hair_set li {
	display: inline-block;
	width: 31%;
	margin: .5em 1%;
	margin-bottom: 0;
}
#s20th.oyakudachi .box_dotted {
	background-color: white;
	color: #d29ec8;
	border: 2px dotted;
	margin-top: 1em;
	max-width: 450px;
	width: 90%;
}
#s20th #topics p:first-of-type .btn_round-after {
	width: 82%;
}
.top #hair_set .row900 p:first-of-type {
	font-size: .9em;
	margin-top: 2em;
	margin-bottom: 1em;
	line-height: 1.4em;
}
#hair_set.row1100 {
    width:  95%;
    position:  relative;
    overflow:  hidden;
}
.mask_box {
	position: relative;
	width: 100%;
}
.mask_box .caption {
	font-size: 13px;
	text-align: center;
	padding-top: 60%;
	color: #fff;
	letter-spacing: 2px;
}
.mask_box .mask {
	width: 100%;
	height: 86%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: rgba(0,0,0,0.5);
	-webkit-transition: all 1s cubic-bezier(0.46, 0.21, 0.01, 0.94);
	transition: all 1s cubic-bezier(0.46, 0.21, 0.01, 0.94);
}
#s20th.top .mask_box .mask {
	height: 98%;
}
#s20th.top .mask_box .caption {
	padding-top: 50%;
}
/*20180301追加（フリソデコール）*/
#s20th #set #furisode.box_white_r {
    max-width: 900px;
}
#s20th #set #furisode h4 {
    font-size: 1.2em;
    color: #3c3c3c;
    margin: 0 0 1.5em;
    font-weight:  normal;
    position:  relative;
}
#s20th #set #furisode .stripe {
    letter-spacing:  2px;
}
#s20th #set #furisode h4::before {
    content: "";
    background-image: url(/img/20th-icon-new.png);
    background-repeat: no-repeat;
    position: relative;
    width: 50px;
    height: 50px;
    left: -10px;
    bottom: -18px;
    display: inline-block;
    background-size: contain;
    z-index:  9;
}
#s20th #set #furisode .stripe > img:first-of-type {
    padding: 1em;
}
#s20th #set #furisode .stripe h5 {
    font-size: 1.2em;
    letter-spacing:  5px;
    color: #3c3c3c;
    margin-bottom:  1em;
}
#s20th #set #furisode .stripe ol {
    width:  100%;
    max-width: 870px;
    margin: 2em auto;
}
#s20th #set #furisode .stripe ol li {
    padding:  4px;
}
#s20th .flex-aro.for_pc{
	display: none;
}
/*セット単品商品20th用*/
/*
#s20th #set ul {
    width:  900px;
    display: inline-flex;
    margin:  2em auto 0;
}
#s20th #set ul > li {
    width: unset;
    float:  none;
}
#s20th #set ul > li > a {
    padding: 1em;
    width: auto;
    min-width:  auto;
    float:  none;
    height:  auto;
    margin: 0em;
}
#s20th #set > ul > li > a > img {
    margin:  auto;
    width:  100%;
}
#s20th.top #set > ul > li .btn_round-after span {
    margin:  auto;
    display:  inline-block;
}
#s20th #set ul > li:nth-of-type(2) {
    margin:  0 .5em;
}
*/
@media screen and (min-width: 768px) {
#s20th .flex-aro.for_pc{
	display: flex;
	justify-content:  space-around;
}
#s20th #set #furisode h4 {
    font-size: 1.4em;
}
#s20th #set #furisode .stripe > img:first-of-type{
	padding: 3em;
}
#s20th #set #furisode h4::before {
	width: 60px;
	height: 60px;
	left: -40px;
	bottom: -20px;
}
#s20th #set #furisode .stripe ol li {
    padding:  0;
}
}

/*20180302衣装ギャラリー*/
/*店舗選択ボタン*/
#s20th.costumes .bx-wrapper ul {
    display: flex;
}
#s20th.costumes .bx-wrapper ul li {
    text-align:  center;
    display:  flex;
    padding: 0;
    width:  150px;
}
#s20th.costumes .bx-wrapper ul li a {
    width:  150px;
    background:  white;
    height: 45px;
    font-size: 1rem;
    display:  flex;
    justify-content:  center;
    align-items: center;
    font-weight:  bold;
    line-height:  1.1rem;
    border-radius: 10px;
}
#s20th.costumes .bx-wrapper .current {
    color:  #d19ec8;
}
@media screen and (min-width: 768px) {
#s20th .flex-aro.for_pc{
	display: flex;
}
#s20th #set #furisode h4 {
    font-size: 1.4em;
}
#s20th #set #furisode .stripe > img:first-of-type{
	padding: 3em;
}
#s20th #set #furisode h4::before {
	width: 60px;
	height: 60px;
	left: -40px;
	bottom: -20px;
}
#s20th #set #furisode .stripe ol li {
    padding:  0;
}
}

/*成人記念トピックス/20th/topics/index.html*/

/*成人記念トピックス下層/20th/topics/ryokin.html*/
#s20th.ryokin h2 {
	color: #d19ec8;
	font-size: 1.2em;
}
#s20th #topics ul {
	margin: 2em auto;
	width: 100%;
}
#s20th .box_check li {
	overflow: unset;
}
#s20th.oyakudachi #sns {
	margin-top: 5em;
	width: 100%;
	text-align: center;
}
.oyakudachi #sns p {
	font-size: 1.2em;
	font-weight: bold;
}
#s20th .btm_link {
	margin: 2em auto;
}
#s20th.oyakudachi .row600 {
	margin-left: 0;
}
#s20th #topics #sns li {
	display: inline-block;
	width: 33.333%;
	text-align: center;
}
/*男性成人記念20th/mens/index.html*/

#s20th.mens #price_priducts > p:first-of-type, #s20th.mens #anchor-menu li a, #s20th.mens #set h3 {
	color: #747e96;
}
#s20th.mens #set h3 {
	margin-top: 0;
}
#s20th.mens #pickup .pr-bar {
    background-color: #3f4f6f;
}
#s20th.mens #pickup h4 {
	color:#3f4f6f;
}
#s20th.mens #pickup h5 {
	font-size:1.4em;
	margin:1em 0;
	line-height:1.5em;
}
#s20th.mens #pickup p {
	font-size:1em;
	line-height:1.5em;
}
#s20th.mens #pickup p:last-of-type{
	margin-bottom:2em
}
#s20th.mens #price1 > p:first-of-type {
	width: 100%;
	margin: 12px auto 8px;
	padding: .7em 0;
	color: white;
	background: #fc941e;
	border-radius: 5px;
	font-weight: normal;
	letter-spacing: 2px;
	text-align: center;
	font-size: 1.2em;
}
#s20th.mens #price1 > p:first-of-type,
#s20th.mens #price1 ul:first-of-type li:nth-of-type(10),
#s20th.mens #set .btn_set p:nth-of-type(2) .btn_round-after,
#s20th.mens .btn_round-after, #s20th.mens .btn_round-before {
	/*background: #747e96;*/
}
#s20th.mens #set .btn_set p:nth-of-type(2) .btn_round-after {
	background: #9ca2b1;
}
#s20th.mens #set {
	margin-top: 5em;
	margin-bottom: 0;
}
#s20th.mens .osusume::before {
	background-image: url(/img/20th-mens-icon-osusume.png);
}
#s20th.mens .ninki::before {
	background-image: url(/img/20th-mens-icon-ninki.png);
}
#s20th.mens .sonohoka::before {
	background-image: url(/img/20th-mens-icon-sonota.png);/* bottom: .7em; */
}
#s20th.mens .plus::before {
	background-image: url(/img/20th-mens-icon-plus.png);
}
.mens #costumes > p:nth-of-type(2) {
	font-size: 20px;
	margin-top: 1.5em;
}
.mens #costumes p:nth-of-type(2) .large {
	letter-spacing: .05em;
	padding-left: 1em;
}
#s20th #costumes .stripe {
	margin-top: 2em;
}
#s20th #costumes h3 {
	margin: 1em auto;
}
#s20th .mens .row900 > .box_white_r {
	margin: 2em auto 0;
}
#s20th #costumes .row3 ul {
	/* margin: 0 .5em 1em; */
    /* width: 90%; */
	margin: 0 auto;
}
#s20th #costumes .row3 li {
	padding: 0.8em;
}
.mens #costumes .box_beige_r .box_white, .mens #costumes .box_beige_r table {
	margin-bottom: 0;
}
#s20th.mens .family_photo th,#s20th.rental #oshitaku .family_photo th {
	color: #3c3c3c;
	font-weight: normal;
	font-size: .9em;
}
#s20th.mens .family_photo td,#s20th.rental #oshitaku .family_photo td {
	color: #f16496;
	font-size: 1.3em;
}
#s20th.mens #costumes .row3-4 li:nth-of-type(-n+2) {
	width: 50%;
}
#s20th.mens #costumes .row3-4 li {
	padding: 2px;
	margin-bottom: -6px;
}
#s20th #costumes .btn_round-after.box_dotted {
	background: white;
	/*color: #747e96;
	border-color: #747e96;*/
}



#s20th.mens #costumes .box_beige_r, #s20th.rental #oshitaku .box_beige_r{
	margin: 1em auto;
	width: 97%;
}
#s20th.mens #costumes .row900 .box_white_r, #s20th.rental #oshitaku .row900 .box_white_r {
	font-size: 13px;
	margin: 3em auto;
	width: 100%;
}
#s20th.mens #costumes .row900 .box_white_r .pink, #s20th.rental #oshitaku .row900 .box_white_r .pink {
	font-size: 1.5em;
        padding: 0.7em;
}
#s20th.mens #costumes .box_beige_r h4, #s20th.rental #oshitaku .box_beige_r h4 {
	font-size: 1.1em;
	font-weight: normal;
	margin-bottom: .5em;
}



/*ママ振袖　20th/mamafuri/index.html*/

#s20th.mamafuri.sub_page h2 span {
	text-align: center;
	font-size: 1em;
}
#s20th.mamafuri #top .box_pc50fl p:first-of-type {
	width: 45%;
	float: left;
}
#s20th.mamafuri #top .row900 p:nth-of-type(2) {
	font-size: .8em;
	float: right;
	width: 52%;
	text-align: left;
	position: relative;
}
#s20th.mamafuri #top .row900 p:nth-of-type(3) {
	float: left;
	clear: both;
	margin-top: 1em;
}
#s20th.mamafuri #top {
	padding-bottom: 3em;
	margin-bottom: 3em;
}
#s20th.mamafuri #top .row900 p:nth-of-type(2)::after {
	content: "";
	background-image: url(/img/20th-mamafuri-img-01.png);
	width: 100%;
	height: 7em;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	bottom: -8em;
	left: 0;
}
#mamafuri_rental {
	margin-bottom: 3em;
	padding-bottom: 2em;
}
#s20th.mamafuri #mamafuri_rental p {
	font-size: .8em;
	text-align: left;
}
#mamafuri_rental .box_beige_r {
	width: 100%;
	margin-top: 1em;
}
#mamafuri_rental h3 {
	margin: .3em 0 0;
}
#s20th.mamafuri #mamafuri_rental h2 {
}
#s20th.mamafuri #mamafuri_rental h2 {
	margin: .4em 0 0;
}
#mamafuri_rental p:first-of-type {
	margin: .6em 0;
}
#s20th #mamafuri_rental .family_photo, #s20th.familyphoto .family_photo {
	font-size: 15px;
	margin: .4em auto 0;
}
#s20th.mamafuri .family_photo th, #s20th.familyphoto .family_photo th {
	color: #3c3c3c;
	font-weight: normal;
}
#s20th.mamafuri .family_photo td, #s20th.familyphoto .family_photo td {
	font-size: 1em;
}
#s20th.mamafuri .btn_round-after {
	/* background: white; */
	/* border: dotted 2px #d19ec8; */
	/* color: #d19ec8; */
}
#s20th.mamafuri h1.ttl_h2 span::before {
	left: -15px;
}
#s20th.mamafuri h1.ttl_h2 span::after {
	right: -12px;
}
#s20th.mamafuri .btn_set .btn_round-before::before {
	left: -.5em;
}
/*家族撮影　20th/familyphoto/index.html*/
	
#s20th.familyphoto.sub_page h2 span {
	text-align: center;
	font-size: 1em;
}
#s20th.familyphoto article > p:first-of-type {
	line-height: 0;
}
#s20th.familyphoto #top {
	margin-bottom: 3em;
	padding: 2em 0 2.5em;
	line-height: 1.6em;
	text-align: left;
	font-size: .9em;
}
#s20th.familyphoto #top .box_white_r {
	width: 100%;
	margin-top: 2em;
	padding-bottom: .6em;
}
#s20th.familyphoto #top .box_white_r > p:first-child {
	float: left;
	width: 35%;
}
#s20th.familyphoto #top .box_white_r > h3 {
	float: right;
	width: 62%;
	font-size: 1em;
	text-align: left;
	color: #d19ec8;
	margin: 0;
	line-height: 1.7em;
}
#s20th.familyphoto #top .box_white_r > h3 > span {
	font-size: 1em;
	line-height: .9em;
}
/* #s20th.familyphoto #top .box_white_r > p:nth-of-type(2) {
	width: 62%;
	float: right;
	font-size: .9em;
	line-height: normal;
	margin-top: 1em;
} */

#s20th.familyphoto #top .box_white_r > p:nth-child(n+2) {
	width: 62%;
	float: right;
	font-size: .9em;
	line-height: normal;
	margin-top: 1em;
}
#s20th.familyphoto #top .box_white_r > p:nth-of-type(2) {
	margin-top: 0;
	font-weight: bold;
	font-size: 1em;
	color: #d19ec8;
}

#s20th.familyphoto.sub_page #mamafuri_rental h2 {
	margin: 1em 0;
	font-size: 1em;
}



/*ヘアセットMOVIE　20th/hairset/index.html*/
#s20th.hairset #hair_set h1 {
    margin: 2em auto 2em;
}

#s20th.hairset #hair_set > p {
    letter-spacing: .1em;
}

#s20th.hairset #hair_set ul {
    margin-top: 1.5em;
    overflow:  hidden;
}

#s20th.hairset #hair_set li {
    width: 48%;
    float: left;
    padding: .5em;
}
#s20th.hairset .btn_round-before {
    margin-top: 3em;
}
#s20th.hairset #hair_set h2 span:first-child,#s20th.movie #hair_set > div > div > div > p {
    display: block;
    color: #d19ec8;
    text-align: center;
    font-size: 1em;
    margin-bottom: .5em;
}

#s20th.hairset #hair_set h2 {
    line-height: 1.3em;
    margin: 0 0 2em;
    /* border: solid 1px #d19ec8; */
    padding: .5em;
    color: #3c3c3c;
    font-size: 0.9em;
    letter-spacing: .1em;
    font-weight: bold;
}
#s20th.hairset #hair_set h2 .br {
    font-size: 1em;
    color: #3c3c3c;
    text-align: center;
}
#s20th.hairset .mask_box::before {
    content: "";
    /* background-image: url(/img/img-common-icon-play.png); */
    width: 100%;
    height: 50px;
    top: 33%;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
/*ヘアセットMOVIE下層　20th/hairset/movie/index.html*/

#s20th.movie .box_white_r {
    width: 100%;
    max-width: 1100px;
}
#s20th.movie #hair_set h2 {
    border: unset;
    font-size: 1.2em;
    font-weight: normal;
}
#s20th.movie #hair_set h2 span:first-child {
    font-size: 1em;
}

#s20th.movie #hair_set p {
    font-size: .9em;
}

#s20th.movie .inner-right {
    width:  48%;
    float:  right;
}
#s20th.movie .inner-right > div {
    margin: 2em auto 3em;
    padding: 2em 0 3em;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    width: 93%;
}
#s20th.movie #hair_set .inner-right li {
    width: 100%;
    float: unset;
    text-align: left;
    padding-left: 2em;
    margin: 0;
    font-size: .9em;
    position: relative;
}
#hair_set .inner-right ol {
	width: 97%;
	margin: 0 auto;
	counter-reset: number 0;
	text-align: left;
}
#hair_set .inner-right ol li:before {
	counter-increment: number 1;
	content: counter(number) " ";
	background: #d19ec8;
	color: #fff;
	width: 1.5em;
	height: 1.5em;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	font-family: 'Lato', sans-serif;
	display: block;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: .5em;
}
#s20th.movie #hair_set .inner-right ul li {
    width: 24%;
    padding: 0;
    display: flex;
    /* float: left; */
    justify-content: center;
}

/*衣装　20th/hairset/costumes/index.html*/
#s20th.costumes .bx-wrapper li {
    width: 100px;
    /*background-color: white;*/
    padding:0;
}
/*
#s20th.costumes .info_slide_wrap .bx-wrapper .bx-caption span {
    text-align: center;
    color: #3c3c3c;
    background: white;
    height: 4em;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}
#s20th.costumes .info_slide_wrap .bx-wrapper .bx-caption span span {
    color: #d19ec8;
    padding: 0;
    margin: 0;
    font-size: 1em;
}
*/

/*スライドテスト*/
#s20th.costumes .info_slide_wrap {
    width: 100%;
    overflow: hidden;
    /* height: 12vh; */
}

#s20th.costumes .bx-wrapper {
    /*left: -13vw;*/
    margin-bottom: 1em;
}

#s20th.costumes .info_slide_wrap .bx-wrapper .bx-next,#s20th.costumes .info_slide_wrap .bx-wrapper .bx-prev {
    /* visibility: hidden; */
}






#s20th.costumes .pickup {
    padding: 1em 20px 2em;
}

#s20th.costumes .pickup .row3-5 li.for_pc {
    display: none;
}
#s20th.costumes .pickup .row900 {
    width: 100%;
}
#s20th.costumes.sub_page .pickup h2 {
    padding: 1em 0 1em;
    font-weight: normal;
    font-size: 1.3rem;
    color: #d19ec8;
    margin: 0;
}
#s20th.costumes.sub_page .pickup h2 {
    /* padding-top: 0em; */
}
#s20th.costumes.sub_page .pickup.stripe h2 {
    color: #3c3c3c;
    display: block;
    width: 100%;
    margin: 0 auto;
}
#s20th.costumes .pickup .row3-5 li {
    padding: 0 .1em;
    margin-bottom: -.2em;
    float: left;
}
#s20th.costumes .pickup .row3-5 li a {
    position: relative;
}
#s20th.costumes .pickup .row3-5 li a img {
    float: none;
    margin-bottom: 0;
}
#s20th.costumes .costumes_icon::after{
    content: "";
    width: 100%;
    height: 2em;
    position: absolute;
    bottom: .1em;
    left: 0;
    background-position: bottom;
    background-size: contain;
    /* background-color: white; */
    background-repeat: no-repeat;
}
#s20th.costumes .akinaminami::after { background-image: url(/img/20th-costumes-pickup-icon-akinaminami.png);background-color:  white;}
#s20th.costumes .amiaya::after { background-image: url(/img/20th-costumes-pickup-icon-amiaya.png);background-color:  white;}
#s20th.costumes .anan::after { background-image: url(/img/20th-costumes-pickup-icon-anan.png);background-color:  white;}
#s20th.costumes .ateliersab::after { background-image: url(/img/20th-costumes-pickup-icon-ateliersab.png);background-color:  white;}
#s20th.costumes .cecilmacbee::after { background-image: url(/img/20th-costumes-pickup-icon-cecilmacbee.png);background-color:  white;}
#s20th.costumes .dreamdoll::after { background-image: url(/img/20th-costumes-pickup-icon-dreamdoll.png);background-color:  white;}
#s20th.costumes .earth::after { background-image: url(/img/20th-costumes-pickup-icon-earth.png);background-color:  white;}
#s20th.costumes .finalstage::after { background-image: url(/img/20th-costumes-pickup-icon-finalstage.png);background-color:  white;}
#s20th.costumes .fleur::after { background-image: url(/img/20th-costumes-pickup-icon-fleur.png);background-color:  white;}
#s20th.costumes .furisodebijutukan::after { background-image: url(/img/20th-costumes-pickup-icon-furisodebijutukan.png);background-color:  white;}
#s20th.costumes .hanaemori::after { background-image: url(/img/20th-costumes-pickup-icon-hanaemori.png);background-color:  white;}
#s20th.costumes .hiina::after {background-image: url(/img/20th-costumes-pickup-icon-hiina.png);background-color:  white;}
#s20th.costumes .hirakorisa::after { background-image: url(/img/20th-costumes-pickup-icon-hirakorisa.png);background-color:  white;}
#s20th.costumes .ikko::after { background-image: url(/img/20th-costumes-pickup-icon-ikko.png);background-color:  white;}
#s20th.costumes .japandoll::after { background-image: url(/img/20th-costumes-pickup-icon-japandoll.png);background-color:  white;}
#s20th.costumes .japanstyle::after { background-image: url(/img/20th-costumes-pickup-icon-japanstyle.png);background-color:  white;}
#s20th.costumes .kansai::after { background-image: url(/img/20th-costumes-pickup-icon-kansai.png);background-color:  white;}
#s20th.costumes .kariyazaki::after { background-image: url(/img/20th-costumes-pickup-icon-kariyazaki.png);background-color:  white;}
#s20th.costumes .koha::after { background-image: url(/img/20th-costumes-pickup-icon-koha.png);background-color:  white;}
#s20th.costumes .kokonoe::after { background-image: url(/img/20th-costumes-pickup-icon-kokonoe.png);background-color:  white;}
#s20th.costumes .koten::after { background-image: url(/img/20th-costumes-pickup-icon-koten.png);background-color:  white;}
#s20th.costumes .kyobu::after { background-image: url(/img/20th-costumes-pickup-icon-kyobu.png);background-color:  white;}
#s20th.costumes .lenafujii::after { background-image: url(/img/20th-costumes-pickup-icon-lenafujii.png);background-color:  white;}
#s20th.costumes .liza::after { background-image: url(/img/20th-costumes-pickup-icon-liza.png);background-color:  white;}
#s20th.costumes .lizlisa::after { background-image: url(/img/20th-costumes-pickup-icon-lizlisa.png);background-color:  white;}
#s20th.costumes .luxjewel::after { background-image: url(/img/20th-costumes-pickup-icon-luxjewel.png);background-color:  white;}
#s20th.costumes .maishiraishi::after { background-image: url(/img/20th-costumes-pickup-icon-maishiraishi.png);background-color:  white;}
#s20th.costumes .marvelous::after{ background-image: url(/img/20th-costumes-pickup-icon-marvelous.jpg);background-color:  white;}
#s20th.costumes .mercuryduo::after { background-image: url(/img/20th-costumes-pickup-icon-mercuryduo.png);background-color:  white;}
#s20th.costumes .millefeuille::after { background-image: url(/img/20th-costumes-pickup-icon-millefeuille.png);background-color:  white;}
#s20th.costumes .mioritakimoto::after { background-image: url(/img/20th-costumes-pickup-icon-mioritakimoto.png);background-color:  white;}
#s20th.costumes .mitsuki::after { background-image: url(/img/20th-costumes-pickup-icon-mitsuki.png);background-color:  white;}
#s20th.costumes .moeoshikiri::after { background-image: url(/img/20th-costumes-pickup-icon-moeoshikiri.png);background-color:  white;}
#s20th.costumes .murua::after { background-image: url(/img/20th-costumes-pickup-icon-murua.png);background-color:  white;}
#s20th.costumes .nakamurarisa::after { background-image: url(/img/20th-costumes-pickup-icon-nakamurarisa.png);background-color:  white;}
#s20th.costumes .nanaho::after { background-image: url(/img/20th-costumes-pickup-icon-nanaho.png);background-color:  white;}
#s20th.costumes .nanao::after { background-image: url(/img/20th-costumes-pickup-icon-nanao.png);background-color:  white;}
#s20th.costumes .nicolun::after { background-image: url(/img/20th-costumes-pickup-icon-nicolun.png);background-color:  white;}
#s20th.costumes .pattipatti::after { background-image: url(/img/20th-costumes-pickup-icon-pattipatti.png);background-color:  white;}
#s20th.costumes .reinatriendl::after { background-image: url(/img/20th-costumes-pickup-icon-reinatriendl.png);background-color:  white;}
#s20th.costumes .rola::after { background-image: url(/img/20th-costumes-pickup-icon-rola.png);background-color:  white;}
#s20th.costumes .seikomatsuda::after { background-image: url(/img/20th-costumes-pickup-icon-seikomatsuda.png);background-color:  white;}
#s20th.costumes .japandolly::after { background-image: url(/img/20th-costumes-pickup-icon-japandolly.png);background-color:  white;}
#s20th.costumes .hiromichinakano::after { background-image: url(/img/20th-costumes-pickup-icon-hiromichinakano.png);background-color:  white;}
#s20th.costumes .yumikatsura::after { background-image: url(/img/20th-costumes-pickup-icon-yumikatsura.png);background-color:  white;}
#s20th.costumes .minamiakina::after { background-image: url(/img/20th-costumes-pickup-icon-minamiakina.png);background-color:  white;}
#s20th.costumes .tefutefu::after { background-image: url(/img/20th-costumes-pickup-icon-tefutefu.png);background-color:  white;}
#s20th.costumes .tamashirotina::after { background-image: url(/img/20th-costumes-pickup-icon-tamashirotina.png);background-color:  white;}
#s20th.costumes .nicole::after { background-image: url(/img/20th-costumes-pickup-icon-nicole.png);background-color:  white;}
#s20th.costumes .suzanne::after { background-image: url(/img/20th-costumes-pickup-icon-suzanne.png);background-color:  white;}
#s20th.costumes .watuu::after { background-image: url(/img/20th-costumes-pickup-icon-watuu.png);background-color:  white;}
#s20th.costumes .triplehearts::after { background-image: url(/img/20th-costumes-pickup-icon-triplehearts.png);background-color:  white;}
#s20th.costumes .sugerkei::after { background-image: url(/img/20th-costumes-pickup-icon-sugerkei.png);background-color:  white;}
#s20th.costumes .kohitten::after { background-image: url(/img/20th-costumes-pickup-icon-kohitten.png);background-color:  white;}
#s20th.costumes .sunbunny::after { background-image: url(/img/20th-costumes-pickup-icon-sunbunny.png);background-color:  white;}
#s20th.costumes .tsubasa::after { background-image: url(/img/20th-costumes-pickup-icon-tsubasa.png);background-color:  white;}
#s20th.costumes .michopa::after { background-image: url(/img/20th-costumes-pickup-icon-michopa.png);background-color:  white;}

#s20th.costumes .costumes_type {
    border-top: solid 1px #999;
    width: 94%;
    max-width: 960px;
    margin: 1em auto;
    padding-top: 2em;
}
#s20th.costumes .costumes_type li {
    display: inline-block;
    width: 30%;
    border-radius: 4px;
    background-color: #b6b6b6;
    padding: .5em;
    margin: 0 1% 1em;
    position: relative;
}
#s20th.costumes .costumes_type li.current {
    background-color: #d19ec8;
}
#s20th.costumes .costumes_type li a {
    color: white;
    position: relative;
    width:  100%;
    display:  inline-block;
}

#s20th.costumes .costumes_type li::after {
    font-family: 'FontAwesome';
    content: "\f107";
    position: absolute;
    /* bottom: .8em; *//*振袖衣装ギャラリー*/
    right: .8em;
    color: white;
}

#costumes_note .box_border {
    border-radius: 8px;
    text-align: left;
    padding: 0 2em 1em 3em;
    font-size: 15px;
    width: 100%;
}

#costumes_note .box_border h2 {
    color: #d19ec8;
    text-align: left;
    position: relative;
    margin-top: 1em;
    margin-bottom: 0;
    font-size: 1em;
}

#costumes_note .box_border h2::before {
    font-family: 'FontAwesome';
    content: "\f096";
    position: absolute;
    left: -1em;
    bottom: .2em;
    display: inline-block;
    color: #3c3c3c;
}

#costumes_note .box_border p.attention {
    text-align: left;
    position: relative;
    margin-top: 1em;
    margin-bottom: 0;
    font-size: 1em;
}
#costumes_note .box_border p.attention::before{
    font-family: 'FontAwesome';
    content: "\f096";
    position: absolute;
    left: -1em;
    /* bottom: 0; */
    display: inline-block;
    color: #3c3c3c;
}
/*お出かけ衣装レンタル　20th/rental/index.html*/
#s20th.rental {
    /* font-size: 14px; */
}
#s20th.rental .data_rental > p:first-child {
    font-size: 1.2em;
    letter-spacing: .1em;
}
#s20th.rental .data_rental > .box_white_r p:first-child {
    font-size: .9em;
    line-height: 1.4em;
    margin-bottom: .6em;
}

#s20th.rental .data_rental > .box_white_r {
    width: 96%;
    text-align: left;
    padding: 1.5em;
}
#s20th.rental h2 {
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#s20th.rental #rental_set .box_white_r img {
    float: right;
    width: 40%;
    padding: .5em 0;
}
#s20th.rental #rental_set .box_white_r .fl_l {
    float: left;
    width: 60%;
}
#s20th.rental #rental_set .box_white_r {
    /* font-size: .8em; */
    text-align: left;
    margin-bottom: 1em;
    padding: .6em;
}
#s20th.rental #rental_set .box_white_r h3 {
    font-size: 1.2em;
    color: #ee869a;
    margin: .5em 0;
    text-align: left;
}
#s20th.rental #rental_set .ttl_tokuten {
    background-color:  #3c3c3c;
    color:  white;
    text-align:  center;
    letter-spacing:  .6em;
    padding:  0.3em;
}
#s20th.rental #rental_set .box_white_r:nth-of-type(n+5) .ttl_tokuten {
    margin-bottom: .5em;
}

#s20th.rental #rental_set .box_white_r:nth-of-type(n+5) h3 {
    text-align: center;
}

#s20th.rental #rental_set .box_white_r:nth-of-type(n+5) {
    text-align:  center;
    min-height:  9em;
}

#s20th.rental #rental_set .box_white_r:nth-of-type(n+9) {
    min-height:  11em;
}

#s20th.rental #rental_set .box_white_r:last-of-type .ttl_tokuten {
    background-color:  #ee869a;
}
#rental_set .fl_l > p:first-child {
    line-height: 2em;
    margin-top: .5em;
}
#rental_set .fl_l > h3 {
    font-size: 1.2em;
}
/*
#s20th.rental #rental_set .box_white_r:first-of-type .fl_r .ttl-sub {
    border-top: solid 1px #999;
    margin-top: 1em;
    padding-top: 1em;
}
*/
#s20th.rental #rental_set .box_white_r:last-of-type img {
    width: 100%;
}

#s20th.rental #rental_set .box_white_r:last-of-type .fl_r {
    float: unset;
    width: 100%;
}
#s20th.rental #rental_set {
    margin-bottom: 2em;
}
#s20th.rental #oshitaku {
    font-size: 14px;
    width: 100%;
}

#s20th.rental #oshitaku .box_white.pink {
    font-size: 1.4em;
}
#s20th.rental #oshitaku .family_photo {
    font-size: 14px;
}

#s20th.rental #oshitaku .family_photo tr:first-child td {
    color: #3c3c3c;
    font-size: 1em;
}
#s20th.rental #oshitaku .box_white_r, #s20th.rental #hakama_rental {
    margin-bottom: 2em;
}
#s20th.rental #hakama_rental h2 {
    margin: 1em 0 1em;
}
#s20th.rental #hakama_rental p {
    font-size: .9em;
    margin: 1em auto;
}
#s20th.rental #hakama_rental .btn_dotted {
    width: 100%;
    max-width: 350px;
}
#s20th.rental.sub_page .btn_round-after::after {
    bottom:  31%;
}
/*rental2019*/
#s20th.rental #rental2019 {
    background-color: #e6f0f6;
    padding:  1em;
    border-radius:  9px;
    width: 90%;
    margin-bottom: 2em;
}
#s20th.rental #rental2019 .box_pc50fl h3 {
    margin:  0;
}
#s20th.rental #rental2019 .box_pc50fl > p.pink {
    text-align:  center;
    line-height:  3em;
}
#rental2019 .box_pc50fl p:nth-of-type(2) img {
    width:  80%;
    /* margin:  0 auto; */
    /* text-align:  center; */
    margin-bottom: .8em;
}
#s20th.rental #rental2019 .box_pc50fl .box_white_r {
    width:  100%;
    font-size:  14px;
    font-size:  1rem;
}
#s20th.rental #rental2019 .box_pc50fl .box_white_r ol li {
    font-size:  14px;
    font-size:  1rem;
}
#s20th.rental #rental2019 .box_pc50fl .box_white_r ol li .pink {
    float: right;
}
#s20th.rental #rental2019 .box_pc50fl .box_white_r ol li:before {
    content: "\f0c8";
    font-family:  'FontAwesome';
    margin-right:  .1em;
}
#s20th.rental #rental2019 .box_pc50fl > p {
    text-align:  left;
}
#s20th.rental #rental2019 > p:last-child img {
    margin-top: 1em;
}

@media screen and (min-width: 1024px) {
#s20th.rental #rental2019 {
    padding:  1em 3em;
}
#s20th.rental #rental2019 .box_pc50fl h3 {
    margin-top:  1em;
    font-size: 1.5em;
}
#s20th.rental #rental2019 .box_pc50fr {
    width: 45%;
}
#s20th.rental #rental2019 > p:last-child img {
    margin-top: 0;
}
}
/*rental2019*/
/*持ち物チェッック　20th/rental/checklist/index.html*/
#s20th.checklist .checklist_box .btn_round-after {
    background: #f5f2ed;
    color: #3c3c3c;
}
/*予約からの流れ　20th/flow/index.html*/
#s20th.flow h2 {
    color: #d19ec8;
}
#s20th.flow .inner p strong {
    color: #d19ec8;
}

#s20th.flow .before-inner-fr.stripe {
    background-color: #f0dcdf;
    height: 338px;
}








/*便利？ヘアセットmovie下層から*/
#s20th .btn_dotted {
    background: white;
    border: 2px dotted;
    /* width: 93%; */
}
#s20th .btn_dotted a {
    color: #d19ec8;
}
#s20th .btn_dotted::before {
    left: -1em;
    display: inline-block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
#s20th.hairset .btn_round-before::before {
    left: -1em;
    display: inline-block;
    -webkit-transform: rotate(180deg);
    /* transform: rotate(180deg); */
}

/*便利？ヘアセットmovie下層から*/










@media screen and (max-width: 360px) {
}
@media screen and (min-width: 768px) {
#s20th #rental p:nth-of-type(2){
	margin-top:2em;
}
#s20th #rental p:first-of-type img {
	width: 100%;
	margin:  0;
}
}
@media screen and (min-width: 1024px) {
#s20th #topics p:first-of-type .btn_round-after {
	width: fit-content;
}
#s20th #rental .box_pc50fl, #s20th #rental .box_pc50fr {
	width: 50%;
	border-bottom: none;
}
#s20th #rental p:first-of-type img {
	/* width: 100%; */
	padding: 0 1em;
	margin: 3em auto 0;
}
#s20th #rental p:first-of-type {
	/* font-size: 1.3em; */
	/* margin-top: .5em; */
}
#s20th #rental p:nth-of-type(2) {
	/* margin-top: 2em; */
}
#s20th #rental .btn_round-after {
	margin: 1.3em auto 0;
	width: 80%;
}

#s20th #price1 ul:first-of-type li {
    width:  24%;
}
#s20th #price1 ul:first-of-type li:nth-of-type(5),
#s20th #price1 ul:first-of-type li:nth-of-type(6),
#s20th #price1 ul:first-of-type li:nth-of-type(7) {
    width:  32.3%;
}
#s20th #price1 ul:first-of-type li:nth-of-type(8),
#s20th #price1 ul:first-of-type li:nth-of-type(9) {
    width:  49%;
}
#s20th #price1 .box_pc50fl,#s20th #price1 .box_pc50fr{
	width: 47%;
}
#s20th #price1 .box_pc50fl{
	padding-top:2em;
}
#s20th #set .btn_set .btn_round-after:first-of-type {
	width: fit-content;
}
#s20th #simulation a {
    padding: 6em 0 12em;
}
#hair_set h1:before,#hair_set h2:before {
	height: 40px;
}
#s20th #hair_set .btn_round-after {
	margin: 3em auto 4em;
}
#s20th.top #hair_set .btn_round-after {
	margin: 7em auto 4em;
}
.mask_box:hover .mask {
	opacity: 1;
}
/*男性成人記念20th/mens/index.html*/
#s20th #costumes .row3 li img {
    /* width: 288px; */
}
#s20th.mens #set li.btn_round-after {
	height: 283px;
	padding: 16px;
}
#s20th.mens #costumes .row3-4 li:nth-of-type(-n+2) {
	width: 25%;
}
#s20th.mens #costumes .btn_round-after.box_dotted {
	float: left;
	margin: 0 15px;
}
#s20th.mens .btn_round-before {
	padding: 15px 36px 15px 28px;
}
/*ママ振袖　20th/mamafuri/index.html*/
#s20th.mamafuri #top {
	margin-bottom: 6em;
}
#s20th.mamafuri #top .box_pc50fl p:first-of-type, #s20th.mamafuri #top .row900 p:nth-of-type(2) {
	width: 100%;
}
#s20th.mamafuri .box_pc50fl {
	width: 35%;
	margin-top: 4em;
}
#s20th.mamafuri .box_pc50fr {
	width: 65%;
}
#s20th.mamafuri #mamafuri_rental p {
	text-align: center;
	font-size: 1em;
}
#s20th #mamafuri_rental {
	padding: 2em 4em;
}
#s20th #mamafuri_rental p:first-of-type {
	margin: 2em auto;
}
#s20th #mamafuri_rental .box_beige_r {
	margin: 3em auto;
}
#s20th.mamafuri #mamafuri_rental p {
}
#mamafuri_rental h3 {
	margin: 1em auto;
}
#s20th #mamafuri_rental .family_photo {
	margin: 1.4em auto;
	width: 550px;
}
#s20th.mamafuri .btn_set .btn_round-before::before, #s20th.familyphoto .btn_set .btn_round-before::before {
	left: -.5em;
}
/*家族撮影　20th/familyphoto/index.html*/
#s20th.familyphoto.sub_page h2 {
	margin: 3em auto 2em;
}
#s20th.familyphoto article > p:first-of-type {
	width: 900px;
	margin: 0 auto 3em;
}
#s20th.familyphoto #top .box_white_r {
	width: 49%;
}
#s20th.familyphoto #top .box_white_r > h3 {
	font-size: 1rem;
}
#s20th.familyphoto #top .box_white_r > p:nth-of-type(2) {
	font-size: 1em;
}
#s20th.familyphoto #top {
    font-size: 1em;
}
/*ヘアセットMOVIE　20th/hairset/index.html*/
#s20th.hairset #hair_set li {
    width: 31%;
}
#s20th.movie .box_white_r {
    padding: 5em 5em 0em;
    margin-top:2em;
}
#s20th.movie .inner-right {
    /* float: right; */
    /* width: 420px; */
    height: 534px;
    padding: 1em 2em;
}
#s20th.movie iframe {
    float: left;
    margin-bottom:  5em;
}
#s20th.costumes .pickup .row3-5 li.for_pc {
		display: block;
	}
#s20th.costumes .pickup.stripe img {
    width: 100%;
    margin: 0 0 .36em;
}

#s20th.costumes .pickup {
    padding-bottom: 4em;
}	
/*スライドテスト*/	
#s20th.costumes .bx-wrapper {
    left: 0;
}
#s20th.costumes .info_slide_wrap .bx-wrapper .bx-next,#s20th.costumes .info_slide_wrap .bx-wrapper .bx-prev {
    visibility: visible;
}
#s20th.costumes .info_slide_wrap .bx-wrapper .bx-next {
    right: 0;
}
#s20th.costumes .info_slide_wrap {
    max-width: 1000px;
}
#s20th.costumes .info_slide_wrap .bx-viewport {
    max-width: 970px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 0;
}
/*スライドテスト*/
	
/*衣装レンタル　20th/rental/index.html*/

#s20th.rental .data_rental > .box_white_r {
    width: 100%;
}

#s20th.rental .data_rental > .box_white_r p:first-child {
    font-size: 1em;
    margin: 0;
}

#s20th.rental .data_rental .box_white_r p {
    width: 49%;
    font-size: 21px;
}
#s20th.rental #rental_set .box_white_r {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    margin-left: 1%;
}
#s20th.rental #rental_set .box_white_r:nth-of-type(n+9) {
    width: 31.5%;
}

#s20th.rental #rental_set .box_white_r:last-child {
    width: 97%;
    display: block;
    margin-left: 2%;
}
#s20th.rental #rental_set .box_white_r:last-child img {
	width: 50%;float:  left;padding:  1em 2em;margin: 0;
}


#s20th.rental #oshitaku .box_white_r {
    width: 100%;
}
#s20th.rental #oshitaku .box_white.pink{
    width: 655px;
    margin: auto;
    padding: .8em;
    font-size: 1.8em;
}
#s20th.rental article {
    padding-bottom: 0;
}
#s20th.flow .btn_round-after {
	min-width: 350px;
}
#s20th.flow #top .inner .box_beige_r.stripe {
    float: left;
    margin-right: 1em;
}
#s20th.flow #top .inner > p:nth-of-type(3) {
    clear: both;
}
#s20th.flow.step4 .before-inner-fl {
    width: 41.5%;
    margin-right: 1%;
}
#s20th.flow.step4 .before-inner-fr {
    width: 57%;
}
	
	
	
/*便利？ヘアセットmovie下層から*/
article {
    padding-bottom: 4em;
}	
/*便利？ヘアセットmovie下層から*/
	
	
}

/*振袖展示会 /20th/furisode/index.html*/
#s20th #service {
	margin-bottom: 50px;
}
#s20th #service > ul {
	margin: 0 auto;
}
#s20th #service > ul li {
	margin:0 auto;
}
#s20th #service p {
	padding: 8px 6px 10px;
}
#s20th #service p.title{
	text-align:center;
	font-size:1.3em;
	color: #ed8599;
}
#s20th #service p.txt{
	font-size:0.9em;
    text-align: justify;
    line-height: 19px;
}	
#s20th #qa {
	overflow: hidden;
	margin-bottom:100px;
}
#s20th #qa h2 {
    line-height:  1.3em;
    margin-top:  .8em;
}
#s20th #qa > ul{
	text-align: justify;
	font-size:.9em;
}
#s20th #qa > ul li.question {
	margin-top: 11px;
	color: #ed8599;
}
#s20th #qa > ul li {
	margin: 0;
	padding: 3px 13px 0;
}
#s20th #qa p:first-of-type {
	margin: 0 auto;
	text-align: justify;
}
#s20th #qa .accordion-btn::after {
	font-family: 'FontAwesome';
	content: "\f067";
	position: absolute;
	margin-left: 9px;
	color: #fff;
	font-size: 1.2em;
}
#s20th #qa .accordion-btn.active::after {
	font-family: 'FontAwesome';
	content: "\f068";
}
#s20th #qa .active {
	display:inline-block;
}
#s20th #yoyaku01 > ol {
	/* display: block; */
	/* overflow: hidden; */
	margin-top: 1em;
}
#s20th #yoyaku01 > ol li {
	/* float: left; */
	width: 30%;
	font-size: .8em;
	margin: 0 0 1em;
	/* height:120px; */
}
#s20th #yoyaku01 > ol li span {
	display: block;
}
#s20th #yoyaku01 > ol li img {
	width: 100%;
	/* margin-bottom: 4px; */
}
#s20th #yoyaku01.box_white_r {
    width:  90%;
    padding:1em;
}

@media screen and (max-width: 360px) {
#s20th #yoyaku01 > ol li {
	width: 46%;
}
}

@media screen and (min-width: 1024px) {
#s20th #service {
    margin: 0 auto 95px;
}
#s20th #service > ul {
}
#s20th #service > ul li {
	float: left;
	width:30%;
	margin: 0 12px;
}
#s20th #service > ul li:first-child {
	float: left;
}
#s20th #service a.btn_furisodeyoyoku {
    margin: 30px auto 50px;
    font-size: 15px;
    display: block;
    max-width: 250px;
    background-color: #e8437e;
    border-radius: 8px;
    text-align: center;
    padding: 10px;
    color: white;
}
#s20th #qa p:first-of-type {
	margin: 0 auto;
	text-align: center;
}
	
#s20th #furisodeForm {
    height: auto;
}
#s20th #satori__creative_container {
}
#s20th #yoyaku01 {
}
#s20th #yoyaku01.box_white_r {
    padding:1.5em;
}
#s20th #yoyaku01 .copy{
    font-size: 15px;
    letter-spacing: 4px;
    line-height: 27px;
    padding: 18px 0 18px;
}
#s20th #yoyaku01 > ol {
	/* display: block; */
	/* overflow: hidden; */
	/* padding-left: 62px; */
}
#s20th #yoyaku01 > ol li {
	width: 22%;
	/* height:150px; */
}
#s20th #yoyaku01 > ol li span {
	display: block;
}
#s20th #yoyaku01 > ol li img {
	width: 100%;
        margin-bottom: 4px;
}
#s20th #yoyaku01 .mailto{
margin: 18px auto 50px;
    font-size: 16px;
    display: block;
    max-width: 310px;
    background-color: #fee1e2;
    border-radius: 10px;
    text-align: center;
    padding: 15px;
    color: #666;
}
#s20th #furisodeForm h3 {
    font-size: 21px;
    color: #ed8599;
    padding: 0 0 16px;
}
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲（撮影メニュー）20th▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */



/*ヘアセット追記20180511nak*/
#s20th.sub_page #hair_set::before, 
#s20th.sub_page #hair_set::after {
    content:  "";
    background: url(/img/20th-bg-flower.png) no-repeat 0 0;
    background-size: contain;
    width: 200px;
    height: 100px;
    position:  absolute;
    top: 70px;
}
#s20th.sub_page #hair_set::before {
	left: 110px;
}
#s20th.sub_page #hair_set::after {
    right: 110px;
    transform: rotateY(180deg);
    visibility: visible;
}
#s20th.hairset #hair_set > p:nth-of-type(3) {
    margin: 1em 0 2em;
}

#s20th.hairset #hair_set > p:nth-of-type(3) a {
    text-decoration:  underline;
}
#s20th.hairset #hair_set > p:nth-of-type(3) img {
    width: 1.2em;
    top: .2em;
    left: -.8em;
    position:  relative;
}
#s20th.hairset #hair_set .categoryMenu,
#s20th.hairset #hair_set .tagMenu {
    width:  100%;
    display: inline-flex;
    justify-content:  center;
}
#s20th.hairset #hair_set .categoryMenu li {
    background-color: white;
    border-radius: 5px;
    margin: 0 15px;
}
#s20th.hairset #hair_set .categoryMenu .current {
    background-color: #e8457e;
}
#s20th.hairset #hair_set .categoryMenu a {
    width:  100%;
    display:  inline-block;
}
#s20th.hairset #hair_set .categoryMenu .current a {
    color:  white;
}
#s20th.hairset #hair_set .tagMenu li:hover,
#s20th.hairset #hair_set .tagMenu .select {
    color:  #d29ec8;
}
#s20th.hairset #hair_set .tagMenu li {
	margin:  0;
	width: 18%;
	min-width: 6em;
	padding: 1em 0;
	cursor: pointer;
	cursor:  hand;
}
#s20th.hairset #hair_set .tagMenu {
	border-top: solid 1px #333;
	border-bottom: solid 1px #333;
	margin:  3em 0 1em;
}
#otherMovie p:first-of-type {
    width: 100%;
    border: dotted 1px;
    margin-top:  5em;
}
#otherMovie p:first-of-type img {
    width: 70px;
    margin: 5px auto;
}
#s20th.hairset #hair_set .inner-right ul {
    display:  flex;
    justify-content: center;
}
#s20th.hairset #hair_set #otherMovie ul {
    width: 100%;
    display: flex;
    justify-content:  space-between;
    flex-flow:  row wrap;
}
#s20th.hairset #hair_set #otherMovie ul li {
    width: 24%;
    margin: 0;
    padding:  0;
}
#s20th.hairset #hair_set #otherMovie ul li h2 {
    display:  none;
}
#otherMovie .mask_box .mask {
    height:  99%;
}
#otherMovie .mask_box .caption {
    padding-top: 50%;
}
.movieblk {
    position: relative;
    width: 48%;
    padding-top: 49%;
    float:  left;
}
.movieblk iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
@media screen and (max-width: 640px) {

.hairset.sub_page #hair_set.row1100 {
    width:  100%;
}
#s20th.hairset #hair_set h2 {
    margin: 0;
}
#s20th.sub_page #hair_set::before, 
#s20th.sub_page #hair_set::after {
    width: 100px;
    height: 60px;
    top: 40px;
}
#s20th.sub_page #hair_set::before {
	left: 10px;
}
#s20th.sub_page #hair_set::after {
    right: 10px;
}
#hair_set h1:before, .top #hair_set h2:before {
	height: 40px;
}
#s20th.hairset #hair_set .tagMenu {
	width:  94%;
}
.movieblk {
    position: relative;
    width: 100%;
    padding-top: 100%;
}
.movieblk iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.inner-right p:first-of-type {
    margin-top:  2em;
}
#s20th.hairset #hair_set #otherMovie ul li {
    width: 48%;
    margin:  0 1%;
}
#s20th.movie .inner-right{
    position:  relative;
    top: 2em;
    padding: 4em 0;
}
#s20th.movie .inner-right {
    width:  100%;
    padding-top:  0;
}
}
/*0515naks20thtop*/
#s20th.top #hair_set > div {
	position: relative;
	margin-top: 4em;
}
#s20th.top #hair_set h2:before {
    margin-bottom:  1em;
}
#s20th.top #hair_set h2 {
    margin-bottom: 2em;
}
#s20th.top #hair_set .large {
    letter-spacing: 4px;
    font-size: 1.1em;
}
#s20th.top #hair_set > div::before, 
#s20th.top #hair_set > div::after {
    content:  "";
    background: url(/img/20th-bg-flower.png) no-repeat 0 0;
    background-size: contain;
    width: 200px;
    height: 100px;
    position:  absolute;
    top: 40px;
}
#s20th.top #hair_set > div::before {
	left: 80px;
}
#s20th.top #hair_set > div::after {
    right: 80px;
    transform: rotateY(180deg);
    visibility: visible;
}


#s20th.top .hairMovie, #s20th.top .makeMovie {
    width: 98%;
    max-width: 520px;
    margin: auto;
}
#s20th.top #hair_set li {
    width: 48%;
}
#s20th.top #hair_set h3 img {
    width: 100px;
}

#s20th.top #hair_set h3 {
    border: dotted 1px;
    padding: .3em 0;
    margin: 3em 0 1em;
}

@media screen and (max-width: 640px) {
#s20th.top #hair_set > div::before, 
#s20th.top #hair_set > div::after {
    width: 100px;
    height: 60px;
    top: 0px;
}
#s20th.top #hair_set > div::before {
	left: 10px;
}
#s20th.top #hair_set > div::after {
    right: 10px;
}
#s20th.top #hair_set .btn_round-after {
	margin-top: 3em;
}
}
@media screen and (min-width: 641px) {
#s20th.top #hair_set > div {
	margin-top: 4em;
}
#s20th.top .hairMovie, #s20th.top .makeMovie {
    float:  left;
}
#s20th.top .hairMovie {
    margin-right: 60px;
}
}



/*200110-nak*/
/*新成人種別トップページ*/

#s20th.top #anchor-menu {
	display: flex;
	font-size: .8em;
	flex-flow: row wrap;
}
.page_disc .d3 {
    width: calc(100% - 1em);
    margin: auto;
    font-size: .9em;
}
#s20th.top #anchor-menu li {
    flex-basis: calc(100%/ 5);
    letter-spacing: 0;
    height: 4em;
    padding-bottom: 1em;
    justify-content: center;
    align-items: center;
    background-color: #fffcd7;
}
#s20th.top #anchor-menu li a::after {
    width: 1em;
    height: 1em;
    margin: auto;
    bottom: 0;
    left: calc(50% - 1.2em / 2);
    right: 50%;
}
#s20th.top #anchor-menu li a {
    display: inline-block;
}
#s20th.top #point {
    text-align: center;
    padding: 1em 0;
    background-color: #faf3f6;
}
#s20th.top #point h2 span {
    display: block;
    font-size: 0.85em;
}
#s20th.top #point ol:first-of-type {
    width: calc(100% - 1em);
    vertical-align: middle;
}
#s20th.top #point ol:first-of-type li {
    flex-basis: calc(100% / 2 - .4em);
    background-color: white;
    margin: .2em;
    padding: .5em;
    padding-left: 3em;
    min-height: 4em;
    display: grid;
    /* justify-content: center; */
    align-items: center;
    position: relative;
    font-size: .9em;
    letter-spacing: 0;
}
#s20th.top #point ol:first-of-type li:first-child {
    flex-basis: 100%;
    padding-left: 0;
}
.top #point ol:first-of-type li img {
    display: none;
}
.top #point ol:first-of-type li::before {
    content: "";
    display: block;
    position: absolute;
    width: 2em;
    height: 2em;
    left: .5em;
    background: url(img/20th-icn-point01.png) no-repeat;
    background-size: contain;
}
.top #point ol:first-of-type li:nth-of-type(2)::before {
	background: url(img/20th-icn-point02.png) no-repeat;
	background-size: contain;
}
#s20th.top #point ol:first-of-type li:nth-of-type(3)::before {
	background: url(img/20th-icn-point03.png) no-repeat;
	background-size: contain;
}
.top #point ol:first-of-type li:nth-of-type(4)::before {
	background: url(img/20th-icn-point04.png) no-repeat;
	background-size: contain;
}
.top #point ol:first-of-type li:nth-of-type(5)::before {
	background: url(img/20th-icn-point05.png) no-repeat;
	background-size: contain;
}
.top #point ol:first-of-type li:nth-of-type(6)::before {
	background: url(img/20th-icn-point06.png) no-repeat;
	background-size: contain;
}
.top #point ol:first-of-type li:nth-of-type(7)::before {
	background: url(img/20th-icn-point07.png) no-repeat;
	background-size: contain;
}
.btn-after {
    display: inline-flex;
    font-size: 1em;
    letter-spacing: .5em;
    color: black;
    background-color: white;
    border: solid 1px black;
    padding: 1em;
    margin: 2em auto;
    width: calc(100% - 5em);
    box-shadow: 6px 6px;
    position: relative;
    justify-content: center;
    vertical-align: middle;
    align-items: center;
}
.btn-after:after {
    font-family: 'FontAwesome';
    content: "\f054";
    position: absolute;
    right: .5em;
    font-size: .8em;
}
#s20th.top h2:not(.d2) {
	font-size: 1.3em;
	line-height: 1.5em;
	letter-spacing: 8px;
	margin: 1.5em auto .5em;
}
h3 {
    font-size: 1.9em;
    font-weight: bold;
    margin: auto;
    line-height: 2;
}
h3 span {
    font-size: 90%;
}
.top #point .inner {
    width: calc(100% - 2em);
    margin: 2em auto;
    font-size: 13px;
}
hr.w-wire {
    border: 0;border-bottom: medium double black;
}
.cap {
    font-size: 1.2em;
}
.cap2 {
    color: #b20303;
    font-size: 1.3em;
    line-height: 1.5;
    margin: 1em auto;
}
#s20th.top #point .btn {
    display: inline-block;
    width: calc(100% - 3em);
    color: white;
    background-color: #b20303;
    padding: .5em;
    margin: 3em auto 0;
    font-size: 1.1em;
    border-radius: 2em;
    position:relative;
}
#s20th.top #point .btn::after {
    font-family: 'FontAwesome';
    content: "\f054";
    position: absolute;
    right: 1em;
    font-size: .8em;
}
#gallery .btn-after {
    font-size: 1em;
    letter-spacing: 2px;
}
#s20th #price {
    padding-top: 2em;
    background-color: #faf3f6;
}
#s20th #price h2 {
    margin: 0 auto 2em;
}
#price .price {
    width: calc(100% - 3em);
    margin: 0 auto 2em;
}
#price .price p {
    margin: .5em;
}
#price h3 {
    font-size: 1em;
    letter-spacing: 0;
    margin: 2em auto;
}
#price .price01 {
    background: url(/img/20th-bg-set-sp.jpg);
    background-size: cover;
}
#price .price01 img {
    width: 60%;
    margin-left: calc(100% - 60%);
    padding: .5em;
}
#price .price02 {
    background: url(/img/20th-bg-mens-sp.jpg) no-repeat right;
    background-size: cover;
    margin: 3em auto;
}
#price .price02-1 {
    width: 60%;
    margin-right: calc(100% - 60%);
    padding: 2em .5em;
}
#price .price02-1 .btn-after {
    width: 100%;
    margin: 1em auto 0;
    padding: .5em 0;
}
.price03 > p {
    margin: 1em;
}
#collection, #hairmake {
    padding: .5em 0 2em;
    background-color: #f8e1eb;
}
#collection img,
#hairmake img {
    border-radius: 10px;
}
#collection .flex-b > div,
#hairmake .flex-b > div {
    flex-basis: calc(100% / 2 - .5em);
    padding-top: 0;
}
#s20th.top #collection h2,
#s20th.top #hairmake h2,
#s20th.top #rental h2 {
    margin: 2em auto;
}
#collection .flex-b > div .btn-after,
#hairmake .flex-b > div .btn-after {
    width: 100%;
    margin: .5em auto;
    padding: .5em 0;
}
#hairmake {
    padding: .5em 0 2em;
    background-color: #faf3f6;
}
/*
#rental .rental01 {
    margin-top: 3em;
    background: url(/img/20th-bg-price03-sp.jpg);
    background-size: cover;
    height: 50vh;
    position: relative;
}
#s20th #rental .rental01 p:first-of-type img {
    margin: auto;
    position: absolute;
    width: 80%;
    left: calc(100% / 2 - 40%);
    bottom: 1em;
}
*/
#s20th #campaign2 {
	background-color: #fffcd7;
	color: #471100;
	padding: 2em 0 1em;
	/* margin-top: 6em; */
	margin-bottom: 4em;
	font-size: 14px;
	text-align: left;
}
#s20th #campaign2 .row1100 {
    width: calc(100% - 5em);
}
#s20th #campaign2 p {
    font-size: 1em;
}
#s20th.top #gallery {
    background-color: #f8e1eb;
    padding: 1em 0;
}
#s20th.top #gallery > ul > li img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	object-fit: cover;
	padding: 0.3em;
}
#s20th.top #gallery > ul > li {
	position: relative;
	width: calc(100% / 3);
}
#s20th.top #gallery > ul > li::before {
	content: "";
	display: block;
	padding-top: 100%;
}
#s20th.top #campaign2 .btn_round-after {
	background-color: #fff;
	color: #471100;
	margin: 1em auto;
	padding: 1.4em 0;
	width: 98%;
	min-width: auto;
	border: solid 1px white;
	box-shadow: inset 0 0, 8px 8px 0 -1px #471100, 8px 8px 0 0 white;
}
#s20th.top #gallery > ul > li.for_pc {
    display: none;
}
#s20th.top #rental {
    background-color: #f8e1eb;
    padding-top: 1em;
}
.btn-after:hover {
    color: white;
    background: black;
    opacity: 1;
}
@media screen and (min-width: 1024px) {
#s20th.top #anchor-menu {
    font-size: 1em;
}

#s20th.top #anchor-menu li {
    padding: 0;
}

#s20th.top #anchor-menu li a {
    display: flex;
    justify-content: center;
}
#s20th.top #anchor-menu li a::after {
	background: url(/img/common_icon_btmArw-pc.png) no-repeat;
	background-size: cover;
	right: -3em;
	bottom: auto;
	width: 1rem;
	height: 1rem;
}
#s20th.top #anchor-menu li {
    background-color: white;
}
#s20th.top #anchor-menu li a {
    display: inline-flex;
    width: 100%;
    height: 100%;
}
#s20th.top #anchor-menu li a:hover {
    background-color: #fffcd7;
    color: #471100;
}
#s20th.top #anchor-menu li a:hover::after {
    background: url(/img/common_icon_btmArw-pc.png) no-repeat;
    background-size: cover;
}
#s20th.top h2:not(.d2) {
    font-size: 1.8em;
    margin-bottom: 1.5em;
}
#s20th.top #point ol:first-of-type li img {
    display: block;
}
#s20th.top #point ol:first-of-type li:first-child,#s20th.top #point ol:first-of-type li {
    flex-basis: calc(100% / 3 - 1em);
    margin-bottom: 1em;
    padding: 0;
}
.top #point ol:first-of-type li::before {
    content: "";
    display: block;
    position: absolute;
    width: 4em;
    height: 4em;
    left: .5em;
    bottom: 5em;
    background: url(img/20th-icn-point01.png) no-repeat;
    background-size: contain;
}
#s20th.top #point ol:first-of-type li {
    font-size: 1em;
}
#s20th.top #point ol:first-of-type li:first-child span, #s20th.top #point ol:first-of-type li span {
    padding: .5em 0;
    line-height: 1.6;
    height: 4em;
    align-items: center;
    display: inline-flex;
    justify-content: center;
}
#s20th.top #point ol:first-of-type li:nth-of-type(n + 4) {
    flex-basis: calc(100% / 4 - 1em);
}
#point .row1100::after {
    content: none;
}
#s20th.top .btn-after {
    max-width: 450px;
    font-size: 1.2em;
    padding: 1em;
}
#point .flex-b p {
    flex-basis: 40%;
}
#s20th.top #point {
    padding: 2em 0;
}
.top #point .obi .inner {
    flex-basis: 50%;
    margin: auto;
}
#point .obi  {
    background: white;
    padding: 0;
    margin: 6em auto 0;
}
#s20th.top #point .btn {
    font-size: 1.7em;
}
#s20th.top #gallery > ul > li {
    width: calc(100% / 5);
}

#s20th.top #gallery > ul > li.for_pc {
    display: block;
}
#price .price {
    align-items: center;
}
#price .price p {
    width: 300px;
}

#price .price p:nth-of-type(2) {
    width: 40px;
}
.price03 > p {
    flex-basis: calc(100% / 2);
    background-color: #fcf9da;
    text-align: left;
}

.price03 {
    display: flex;
}

.price03 > p span {
    padding: 1em;
}
#price .price01 img {
    width: 30%;
    margin: 5em auto;
    margin-left: calc(100% - 60%);
}

#price .price01 {
    background: url(/img/20th-bg-set-pc.jpg) no-repeat #f6f5f2;
    background-size: contain;
}
#price .price02 {
    background: url(/img/20th-bg-mens-pc.jpg) no-repeat right;
    background-size: cover;
    margin: 3em auto 0;
}
#price .price02-1 > p:first-child,#price .price02-1 > p:nth-of-type(2) {
    width: 50%;
    margin: 5em auto 0;
    margin-left: 20%;
}
#price .price02-1 > p:nth-of-type(2) {
    margin-top: 2em;
    margin-bottom: 5em;
}
#collection .flex-b > div .btn-after, #hairmake .flex-b > div .btn-after {
    margin-top: 1.5em;
    padding: 1em;
}
#s20th.top #rental > ol li:nth-of-type(n + 2) {
    flex-basis: calc(100% / 2 - .5em);
    padding-top: 1em;
}
#s20th.top #rental > ol {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
#s20th.top #rental .row900:after {
    content: none;
}
#s20th.top #rental {
    padding-bottom: 3em;
}
#collection .flex-b > div, 
#hairmake .flex-b > div {
    padding: 3em;
}
#price h3 {
    font-size: 1.5em;
}
#s20th #campaign2 {
    margin-bottom: 0;
}
#s20th.top #inquiry.s20th #blk-graduate {
    padding-bottom: 0;
}
}

/*200118-nak 20th-obimise*/

#s20th.patent .page_disc {
    background: #f8e1eb;
}
#s20th.patent section {
    background-color: white;
    text-align: left;
    letter-spacing: .02em;
}
#s20th.patent .d1.animation.fadeInUp {
    font-weight: normal;
}
#s20th.patent .d2.animation.fadeInUp {
    line-height: 1.3;
    letter-spacing: .2em;
}
#s20th.patent .d2.animation.fadeInUp .pd01 {
    font-size: 70%;
}
#s20th.patent h2 {
    color: #b20303;
    font-weight: bold;
    margin: 2em auto 1em;
    padding-bottom: 1em;
    border-bottom: double 4px black;
}
#s20th.patent section > div {
    width: calc(100% - 2em);
    max-width: 900px;
    margin: auto;
    padding: 2em 0;
}
#s20th.patent .cap {
    font-weight: bold;
    margin-bottom: 2em;
}
#s20th.patent .blk-txt > p:nth-of-type(3) {
    margin: 1.5em auto;
    line-height: 1.8;
    letter-spacing: 0;
}
#s20th.patent section > div:nth-of-type(n + 2) {
    margin: 2em auto;
}
#s20th.patent section > div:nth-of-type(n + 2) .cap {
    text-align: center;
}
#s20th.patent section > ul li {
    flex-basis: calc(100% / 2);
    padding: .1em;
}
#s20th.patent section > ul li a {
    display: block;
    line-height: 0;
}
#s20th.patent section > ul {
    width: calc(100% - 2em);
    max-width: 1100px;
    margin: auto;
    padding-bottom: 3em;
}
.blk-obi01 {
    background: #f8e1eb;
    text-align: center;
}
.blk-obi01 .btn-after::after {
	right: auto;
	left: 1em;
	transform: rotate(180deg);
}
.blk-obi01 .btn-after {
    background: black;
    color: white;
    padding-left: 2em;
    font-size: 1.1em;
    box-sizing: border-box;
    border: solid 1px white;
    max-width: 400px;
}
/*20th temp20thCvBox*/
#s20thCvBox {
    margin-top: -65px;
    margin-bottom: 0;
    padding-top: 20px;
    text-align: center;
    background-color: #f8e1eb;
    width: 100%;
}
.cvBox20 .btn_yoyaku li:first-child a {
    font-weight: bold;
    padding: 0.7em 0;
}
.cvBox20 .btn_yoyaku li:first-child a span {
    font-weight: normal;
}
#s20thWebCatalog {
    padding: 1em 0 3em;
    width: calc(100% - 40px);
    max-width: 900px;
    margin: auto;
}
#s20thWebCatalog h2 {
    margin-top: 0;
    margin-bottom: 2em;
    font-size: 1.6em;
    display: inline-block;
}
#s20thWebCatalog .round {
    display: inline-block;
    font-size: 1.6rem;
    padding: 0.7em 0.5em;
    margin: 0 auto;
    border: solid 3px;
    border-radius: 100px;
    position: relative;
    left: 0px;
    font-weight: bold;
}
#s20thWebCatalog .blk-catalogue > div {flex-basis: 100%;font-size: 1em;line-height: 1.5;letter-spacing: 2px;font-weight: bold;margin: 2em auto;}

#s20thWebCatalog .blk-catalogue {
    flex-flow: row wrap;
}
#s20thWebCatalog .blk-catalogue > p {
    flex-basis: calc(100% / 2 - 1em);
    margin: auto;
}
#s20thWebCatalog .blk-catalogue > div > p {
    margin-bottom: 2em;
}
#s20thWebCatalog #btn_inquiry {
    flex-flow: row wrap;
    border-top: solid 3px black;
    padding-top: 3em;
    margin-top: 3em;
}
#s20thWebCatalog #btn_inquiry > p {
    margin-bottom: 2em;
}
@media screen and (min-width: 1024px) {
#s20th.patent .d2.animation.fadeInUp {
    font-size: 1.6em;
    margin-top: 0.2em;
}
#s20th.patent .d2.animation.fadeInUp .pd01 {
    font-size: 100%;
}
#s20th.patent section > div.flex-b .blk-txt {
    flex-basis: calc(50% - 2em);
    line-height: 1.5;
    letter-spacing: 0;
}
#s20th.patent section > div.flex-b > p {
    flex-basis: calc(50% - 1em);
}
#s20th.patent section > ul {
    margin: 6em auto;
}
#s20th.patent section > ul li {
    flex-basis: calc(100% / 4);
}
.blk-obi01 {
	padding-top: 3em;
}
#s20thWebCatalog .blk-catalogue > p,#s20thWebCatalog .blk-catalogue > div {
    flex-basis: calc(100% / 3 - 5em);
    margin: auto;
}
#s20thWebCatalog #btn_inquiry {
    flex-wrap: nowrap;
}

#s20thWebCatalog #btn_inquiry > p {
    padding: 1em;
}
#s20thWebCatalog .round {
    padding: .7em .3em;
    margin-left: 1em;
}
}
aside#inquiry {
    display: none;
    visibility: hidden;
}
/*20th/point/index.html*/
.point {
	font-size: 14px;
	line-height: 1.7;
}
.point article {
	background-color: white;
}
.point section.page_disc {
	font-size: 14px;
}
.point section.page_disc h1 {
	font-size: 1.3em;
}
.point section#point {
	margin: 1.5em auto;
	width: calc(100% - 2em);
	background-color: white;
	padding: 1em 0;
}
.point section#point .modal-inner {
	counter-increment: point;
}
.point section#point .counter::before {
	content: counter(point);
}
.point section#point .rightBlk > p:first-child {
	line-height: 1.7;
	margin: 2em auto 1em;
}
.point section#point .checkbox {
	line-height: 1.7;
	font-weight: bold;
	padding-left: 1.5em;
	position: relative;
	letter-spacing: .1em;
	font-size: 1rem;
}
.point section#point .checkbox::before {
	position: absolute;
	content: "□";
	left: 0.1em;
}
.point section#point .modal-inner {
	margin-bottom: 3em;
	padding: 2em;
}
.point section#point .leftBlk.btm, .rightBlk.btm, .point section#point .Blk100.btm {
	background-color: white;
	padding: 2em;
	margin: 5em auto 0;
}
.point section#point .modal-inner .btm .btn-after {
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
}
.point section#point .Blk100.btm .checkbox {
	text-align: left;
	bottom: 0;
	margin-bottom: 0.4em;
}
.point section#point .modal-inner > div.Blk100 > p.leftBlk {
	display: inline-block;
}
.point section#point .modal-inner > div.Blk100 > p.leftBlk img {
	width: calc(100% / 2 - .25em );
}
.point section#point .modal-inner > div.Blk100 > p.leftBlk img:first-child {
	margin-right: .5em;
}

@media screen and (min-width: 1024px) {
.point {
	font-size: 16px;
}
.point article {
	background-color: white;
}
.point section.page_disc {
	font-size: 26px;
}
.point section#point .modal-inner {
	font-size: 19px;
}
.point section#point .modal-ttl.counter {
	width: 100%;
}
.point section#point .modal-inner .modal-ttl p:first-child {
	font-size: 1.1em;
}
.point section#point .modal-inner .modal-ttl h3 {
	font-size: 1.5em;
}
.point section#point .leftBlk.btm, .point section#point .rightBlk.btm {
	font-size: 0.8em;
}
.point section#point .leftBlk.btm p, .point section#point .rightBlk.btm p {
	position: relative;
	font-size: 1em;
	bottom: 0;
}
.point section#point .modal-inner .btm .btn-after {
	margin: 1em auto 0;
	max-width: 100%;
	line-height: 1;
}
.point section#point .leftBlk.btm, .rightBlk.btm {
	margin: 2em 0 0;
	flex-basis: calc(100% / 2 - 2em);
}
.point section#point .rightBlk > p:first-child {
	margin: 0;
	font-size: 1em;
}
.point section#point .leftBlk.btm p .btn-after, .point section#point .rightBlk.btm p .btn-after {
	font-size: 1.2em;
}
.point section#point .Blk100.btm {
	display: flex;
	justify-content: space-between;
}
.point section#point .Blk100.btm .checkbox {
	font-size: .9em;
}
.point section#point .Blk100.nf {
	display: block;
	width: 100%;
	margin-top: 2em;
}
.point section#point .Blk100.nf .btn-after {
	max-width: 400px;
	font-size: 1em;
}
a.modal-inner {
	display: block;
	padding-top: 70px;
	margin-top: -70px;
}
}
/*7つのこだわり　モーダル*/
.iziModal-content .close {
	position: absolute;
	right: -3em;
	top: -3em;
}
.iziModal-content .close a {
	color: white;
	font-size: 4em;
}
.iziModal-navigate-caption {
	visibility: hidden;
}
.iziModal-navigate-next {
	right: 55%;
}
.iziModal-navigate-prev {
	left: 55%;
}
.modal-inner {
	padding: 1em;
	font-size: 10px;
	line-height: 1.2;
	background-color: #faf3f6;
}
.modal-inner > div > p:first-child {
	font-size: 1.3em;
	text-align: left;
}
.modal-inner > div > h3 {
	margin: 0.3em auto 1em;
	font-weight: bold;
	font-size: 1.4em;
	flex-basis: 100%;
	text-align: left;
	line-height: 1.4;
	letter-spacing: 0;
}
.rightBlk {
	text-align: center;
	justify-content: center;
	position: relative;
}
.rightBlk p:nth-child(2) a {
	font-weight: bold;
}
.rightBlk p:first-child {
	font-size: 1.1em;
	text-align: left;
	line-height: 1.5;
}
.modal-inner .btn-after {
	margin: 1em auto;
	padding: 1em 0;
	font-size: 1.4em;
	/* display: block; */
	width: calc(100% - 1em);
}
.modal-ttl {
	padding-left: 4em;
	position: relative;
}
.modal-ttl::before {
	content: "1";
	position: absolute;
	font-size: 2.5em;
	font-weight: bold;
	font-family: initial;
	top: 0;
	left: 0;
	background-color: white;
	border-radius: 10em;
	padding: 0 0.25em;
}
#modal-inner-point2 .modal-ttl::before {
	content: "2";
}
#modal-inner-point3 .modal-ttl::before {
	content: "3";
}
#modal-inner-point4 .modal-ttl::before {
	content: "4";
}
#modal-inner-point5 .modal-ttl::before {
	content: "5";
}
#modal-inner-point6 .modal-ttl::before {
	content: "6";
}
#modal-inner-point7 .modal-ttl::before {
	content: "7";
}

@media screen and (min-width: 1024px) {
.pointModal {
	width: 900px;
}
.iziModal-content .close {
	right: -5em;
	top: -4em;
}
.iziModal-navigate-next {
	right: 50%;
}
.iziModal-navigate-prev {
	left: 50%;
}
.modal-ttl.counter::before {
	top: 0;
}
.modal-inner {
	padding: 2em;
	font-size: 16px;
	display: flex;
	flex-flow: wrap row;
	justify-content: space-between;
}
.leftBlk, .rightBlk {
	flex-basis: calc(100%/2 - 1em);
}
.rightBlk p:nth-child(2) {
	/* position: absolute; */
	/* bottom: .5em; */
	width: 100%;
	margin-top: 3em;
	line-height: 2;
}
.modal-inner .btn-after {
	margin: 0 auto;
	padding: .5em;
	font-size: 1em;
	width: 400px;
}
}

#s20th.hairset #hair_set .categoryMenu li{
	background: #ef9ebb;
	transition: all .3s;
}

#s20th.hairset #hair_set .categoryMenu li:hover{
	opacity:.7;
}

#s20th.hairset #hair_set .categoryMenu li a {
	color:#ffffff;
}

