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

/* 共通 */
.content{width:1180px;margin:0 auto;}
.spOnly { display: none;}
.pcOnly{ display:inherit;}
.br-sp { display: none;}
.br-pc { display: inherit;}

/*/////top/////*/
/* concept */
#concept { width: 90%; text-align: center; margin: 0 auto; padding: 0 0; position: fixed; z-index: 999; top: 0; left: 50%;transform: translate(-50%, 0%);}
#concept .wrapbox ul { display: flex; justify-content: left; text-align: center;}
#concept .wrapbox li { list-style: none; margin: 0 8px; width: 320px; box-sizing: border-box;}
#concept .wrapbox li a {display: inline-block;
  font-size: 16px;
  padding: 10px 50px 0 20px;
  position: relative;
  z-index: 1;}
#concept .wrapbox li a::before {
  content: "";
  position: absolute;
  top: -170px;
height: 170px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: #FFF;
  transform: scaleY(-1) perspective(6em) rotateX(6deg);
  transform-origin: bottom left;
  border-radius: 16px 16px 0 0;box-shadow: 5px -5px 15px 0px rgba(0,0,0,0.15);
}
/* #concept .wrapbox li:first-child a:hover { background: #FFE1EF; opacity: 1;}
#concept .wrapbox li:last-child a:hover { background: #f0fffd!important; opacity: 1;} */
#concept .wrapbox li:first-child { position: relative; z-index: 10;}
#concept .wrapbox li:last-child a{ }
#concept .wrapbox h1 { text-align: center; margin: 0 auto;}

.container { padding-top: 170px;}

h3.notice { text-align: center;font-weight: bold; padding: 10px; margin: 20px auto; font-size: 21px; background: #FFF; border-radius: 12px; }
h3.notice span { color: #4c4c4c; text-shadow:1px 0px 3px rgba(0,0,0,0.15);}
p.notice-p { width: 100%; text-align: center; margin: 0 auto 10px auto; font-size: 17px;}

/* mainimg */
#mainimg { position: relative; width: 100%; border-top: 1px solid rgba(0,0,0,0.075);}
#mainimg img { vertical-align: top; width: 100%; height: auto; margin: 0; padding: 0;}

/* MAIN */
#main { width: 100%; background: url("../images/page20190727/body_bg_main.png") no-repeat center bottom; background-size: cover; border-top: 1px solid rgba(0,0,0,0.075); border-bottom: 1px solid rgba(0,0,0,0.075); padding: 80px 0;}
#main .wrapbox { width: 850px; text-align: center; margin: 0 auto;}
#main .wrapbox img { width: 100%; height: auto;}
#main h2 { position: relative; background: url("../images/page20190727/h2_concept.png") no-repeat center top; width: 550px; height: 187px; text-align: center; margin: -140px auto 40px auto;overflow: hidden;text-indent: 100%;white-space: nowrap;}

/* topics */
#topics { width: 100%; padding: 40px 0;background: url("../images/page20190727/topics_bg_page20190727.jpg") no-repeat center top fixed; background-size: cover;}
#topics .wrapbox { width: 850px; text-align: center; margin: 0 auto;}
#topics .topics-post-list { }
#topics .topics-post-list li { float: left;  list-style: none; background: #FFF; width: 850px; height: 280px; box-sizing: border-box; padding: 20px; box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.15); border-radius: 8px; margin-right: 20px; margin-bottom: 20px;}
#topics .topics-post-list li:hover {box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); -webkit-transform: translateY(-4px);transform: translateY(-4px); transition: -webkit-transform 400ms ease; transition: transform 400ms ease;  }
#topics .topics-post-list li:nth-child(2n) { margin-right: 0;}
#topics .topics-post-list li a { color: #000; text-decoration: none;}
#topics .topics-post-list figure { width: 240px; height: 240px; overflow: hidden;}
#topics .topics-post-list li img { width: 240px; height: auto; float: left;}
#topics .topics-post-list li .caption { float: left; margin-left: 20px; width: 65%;}
#topics .topics-post-list li .caption h2.topics-title { font-size: 16px; font-weight: bold; text-align: left; margin-bottom: 0.5em;}
#topics .topics-post-list li .caption p.topics-excerpt { text-align: left;} 

/* entry-topics*/
#entry-topics img { max-width: 680px; height: auto; margin: 0 auto; text-align: center; padding-bottom: 10px;}
#entry-topics h1 { font-weight: bold; font-size: 24px; margin-bottom: 20px; letter-spacing: 0.1em;}
#entry-topics h2 { font-weight: bold; font-size: 21px; margin-bottom: 20px; letter-spacing: 0.1em;padding-bottom: 5px; border-bottom: 4px solid #f2c4dc;}
#entry-topics h3 { font-weight: bold; font-size: 18px; margin-bottom: 20px; letter-spacing: 0.1em;padding-bottom: 5px; border-bottom: 3px dotted #baf1eb;}
#entry-topics h4 { font-weight: bold; font-size: 15px; margin-bottom: 20px; letter-spacing: 0.1em;padding-bottom: 0; padding-left: 10px; border-left: 4px solid #baf1eb;}
#entry-topics .tag-box h4 { padding: 0; border: 0; }
#entry-topics li { margin-left: 20px;}

/* schedule */
#schedule { width: 100%; border-top: 1px solid rgba(0,0,0,0.075); background: url("../images/page20190727/model_bg_page20190727.jpg") no-repeat center top fixed; background-size: cover;}
#schedule h2.maintit { position: relative; background: url(../images/page20190506/h2_models.png) no-repeat center top; width: 166px; height: 62px; text-align: center; margin: 40px auto 40px auto;overflow: hidden;text-indent: 100%;white-space: nowrap;}
#schedule h2.entry-title { position: relative; text-align: left;}
#schedule .wrapbox { width: 1120px; text-align: center; margin: 0 auto;}
#schedule .post-list { margin-top: 30px; }

/* primary */
#primary {width: 1120px; text-align: center; margin: 0 auto;}

.btnMoreF { text-align: center; margin: 0 auto 20px auto;}
.btnMoreF a { display: block; font-weight: bold; color: #000!important;background: rgb(96,210,197);
background: -moz-linear-gradient(left, rgb(96,210,197) 0%, rgb(168,247,234) 30%, rgb(249,161,219) 75%, rgb(243,222,236) 100%);
background: -webkit-linear-gradient(left, rgb(96,210,197) 0%,rgb(168,247,234) 30%,rgb(249,161,219) 75%,rgb(243,222,236) 100%);
background: linear-gradient(to right, rgb(96,210,197) 0%,rgb(168,247,234) 30%,rgb(249,161,219) 75%,rgb(243,222,236) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60d2c5', endColorstr='#f3deec',GradientType=1 );font-size: 18px; letter-spacing: 0.2em; border-radius: 30px; width: 320px; height: 50px; line-height: 50px; text-align: center; margin: 0 auto; text-decoration: none;}

.btnMore { position: relative; margin: 120px 0 0 0;}
.btnMore a { position: absolute; right: 0; bottom: 0; display: block; font-weight: bold; color: #FFF!important;background: #e72d76; font-size: 18px; letter-spacing: 0.2em; border-radius: 30px; width: 320px; height: 50px; line-height: 50px; text-align: center; margin: 0 auto; text-decoration: none;}

.btnAma { margin: 10px auto 10px auto;}
.btnAma a { display: block; font-weight: bold; color: #131A22; background: #94d8ef; font-size: 16px; border-radius: 30px; width: 210px; height: 50px; line-height: 50px; text-align: center; margin: 0 auto; text-decoration: none;}

/* card */
.card { background: #FFF; padding: 40px; text-align: left; margin: 40px 0; box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.15); border-radius: 8px;}
.card .Lcover { float: left; width: 474px; margin-right: 40px; vertical-align: top; line-height: 0; padding: 0; margin-bottom: 0; }
.card .Lcover img { width: 100%; height: auto;}
.card .Rinfo { float: left; width: 525px; height: auto;}
.card .Rinfo ul { margin-left: 40px; font-size: 14px;}
.card p { margin: 0 0 10px 0; padding: 0; text-align: justify;}
.card p span.price { font-size: 18px; font-weight: bold;}
.card p.detail strong { font-size: 18px; font-weight: bold;} 
span.attention { font-size: 18px; font-weight: bold; color: #E4007F;}
.card h3 {font-weight: bold; padding: 0;}
.card h3.date { font-size: 24px; }
.card h3.name { font-size: 36px; color: #fe4195;margin-bottom: 20px;}
.card h4 { margin: 20px 0 10px 0; letter-spacing: 0.2em; padding: 0; border: 0;}
.card h4 span { color: #FFF; background: #000; font-weight: bold; padding:  2px 6px;}
.card .schDetail { clear: both;vertical-align: top; padding-top: 10px;}
.card table {width: 100%; border-collapse: collapse; border: 1px solid #a1aeae;}
.card table th { padding: 5px; background: #ffcfcc; font-weight: bold; text-align: center; border: 1px solid #aea1a1;}
.card table td { padding: 5px; background: #FFFFFF; font-weight: 500; text-align: center; border: 1px solid #aea1a1;}
.card .btnFull,
.card .btnEntry { margin: 20px auto 0 auto;}
.card .btnFull a { display: block; font-weight: bold; color: #FFF; background: #b7b7b7; font-size: 18px; letter-spacing: 0.1em; border-radius: 30px; width: 360px; height: 50px; line-height: 50px; text-align: center; margin: 0 auto; text-decoration: none;}
.card .btnEntry a { display: block; font-weight: bold; color: #FFF!important; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff4195+0,4642be+100 */
background: #ff4195; /* Old browsers */
background: -moz-linear-gradient(top, #fddaee 0%, #ec5cad 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fddaee 0%,#ec5cad 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fddaee 0%,#ec5cad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fddaee', endColorstr='#ec5cad',GradientType=0 ); /* IE6-9 */ font-size: 18px; letter-spacing: 0.1em; border-radius: 30px; width: 360px; height: 50px; line-height: 50px; text-align: center; margin: 0 auto; text-decoration: none;}

/* post-list */
.post-list { }
.post-list li { float: left;  list-style: none; background: #FFF; width: 310px; height: 430px; padding: 20px; box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.15); border-radius: 8px; margin-right: 35px; margin-bottom: 35px;}
.post-list li:hover {box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); -webkit-transform: translateY(-4px);transform: translateY(-4px); transition: -webkit-transform 400ms ease; transition: transform 400ms ease;  }
.post-list li:nth-child(3n) { margin-right: 0;}
.post-list li a { color: #000; text-decoration: none;}
.post-list li img { width: 100%; height: auto;}
/* .post-list li .mask { position: relative; z-index: 100;}
.post-list li .mask:hover {background: rgb(96,210,197);
background: -moz-linear-gradient(left, rgb(96,210,197) 0%, rgb(168,247,234) 30%, rgb(249,161,219) 75%, rgb(243,222,236) 100%);
background: -webkit-linear-gradient(left, rgb(96,210,197) 0%,rgb(168,247,234) 30%,rgb(249,161,219) 75%,rgb(243,222,236) 100%);
background: linear-gradient(to right, rgb(96,210,197) 0%,rgb(168,247,234) 30%,rgb(249,161,219) 75%,rgb(243,222,236) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60d2c5', endColorstr='#f3deec',GradientType=1 );} */


/* top,archive,tag */
.entry-cat { width: 98px; height: auto; margin-bottom: 0;}
.entry-cat a:link,
.entry-cat a:visited { display: block; color: #FFF!important; background: #5bc9bd; padding: 0 6px; font-weight: bold; text-decoration: none; text-align: center; margin: 0 auto 0.1em auto;letter-spacing: 0.05em;}

h2.archive-title { font-weight: bold; font-size: 140%; margin: 20px auto; text-align: center;}
h2.entry-title { text-align: left; font-size: 90%;}
h1.signle-title { font-size: 200%; margin-bottom: 2%; letter-spacing: 0.1em; font-weight: 500;}

.caption .date { font-size: 18px; text-align: left; font-weight: bold; min-height: 20px;}
.caption .name { font-size: 21px; text-align: left; font-weight: bold; color: #ff4195;}

.onoff-ON { position: relative; z-index: 100; font-weight: bold; width: 80px; top: -10px; margin-bottom: -20px; margin-left: 230px; /* border: 1px dashed #d978ab; */ background: #d978ab; color:#FFF;animation: key1 .3s ease infinite alternate;}
@keyframes key1{
  0% {transform: translateY(0px);}
  100% {transform: translateY(-10px);}
}
.onoff-PRE { position: relative; z-index: 100; font-weight: bold; width: 80px; top: -10px; margin-bottom: -20px; margin-left: 230px; /* border: 1px dashed #d978ab; */ background: #78afd9; color:#FFF;animation: key2 .3s ease infinite alternate;}
@keyframes key2{
  0% {transform: translateY(0px);}
  100% {transform: translateY(-10px);}
}

.onoff-LIT { position: relative; z-index: 100; font-weight: bold; width: 100px; top: -10px; margin-bottom: -20px; margin-left: 210px; /* border: 1px dashed #d978ab; */ background: #ce3f3f; color:#FFF;animation: key3 .2s ease infinite alternate;}
@keyframes key3{
  0% {transform: translateY(0px);}
  100% {transform: translateY(-10px);}
}

.onoff-SEL { position: relative; z-index: 100; font-weight: bold; width: 80px; top: -10px; margin-bottom: -20px; margin-left: 230px; /* border: 1px dashed #d978ab; */ background: #d9d378; color:#000;animation: key4.3s ease infinite alternate;}
@keyframes key4{
  0% {transform: translateY(0px);}
  100% {transform: translateY(-10px);}
}

.onoff-OFF { position: relative; z-index: 100; background: url(../images/label_OFF.png) no-repeat left top; background-size: 150px 150px; width: 150px; height: 150px; top: -120px; margin-bottom: -144px; margin-left: 205px; overflow: hidden;text-indent: 100%;white-space: nowrap;}

.onoff-soldout { position: relative; z-index: 100; background: url(../images/label_soldout.png) no-repeat left top; background-size: 150px 150px; width: 150px; height: 150px; top: -10px; margin-bottom: -144px; margin-left: 655px; overflow: hidden;text-indent: 100%;white-space: nowrap;}

.onoff-heart { position: relative; z-index: 100; background: url(../images/label_heart.png) no-repeat left top; background-size: 48px 48px; width: 48px; height: 48px; top: -20px; margin-bottom: -48px; margin-left: 258px; overflow: hidden;text-indent: 100%;white-space: nowrap;animation: key5 .9s ease infinite alternate;}
@keyframes key5{
    0% {transform: scale(0.7);} 
    100% {transform: scale(1.4) translateY(-20px);} 
}

.onoff-LOT { position: relative; z-index: 100; font-weight: bold; width: 120px; top: -10px; margin-bottom: -20px; margin-left: 190px; /* border: 1px dashed #d978ab; */ background: #bf78d9; color:#FFF;animation: key6 .3s ease infinite alternate;}
@keyframes key6{
  0% {transform: translateY(0px);}
  100% {transform: translateY(-10px);}
}

.onoff-10 { position: relative; z-index: 100; font-weight: bold; width: 100px; top: -10px; margin-bottom: -20px; margin-left: 210px; /* border: 1px dashed #d978ab; */ background: #ec9650; color:#FFF;animation: key7 .3s ease infinite alternate;}
@keyframes key7{
  0% {transform: translateY(0px);}
  100% {transform: translateY(-10px);}
}



.tags { margin-right: 10px;}
.tags a:link,
.tags a:visited { background: #FFF; border: 1px solid #CCC; border-radius: 6px; padding: 2px 10px; text-decoration: none; color: #000;}
.tags a:hover,
.tags a:active { background: #CCC; text-decoration: none; color: #000;}
.tags a:before { content: '#'; position: relative;}

/* pagination */
.pagenation {clear: both;padding: 0 0 20px 0;position: relative;font-size: 14px;line-height: 1em;text-align: center; margin: 0 auto;}
.pagenation:after, .pagenation ul:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.pagenation ul {margin: 0;}
.pagenation li {display: inline-block;list-style: none outside none;margin-left: 5px;}
.pagenation li:first-child {margin-left: 0;}
.pagenation li.active {background: #cd74a2; border: 1px solid #cd74a2; color: #FFF;cursor: not-allowed;padding: 10px 13px 10px 13px;border-radius: 50%;}
.pagenation li a {display: block;margin: 0 0 0 0;padding: 10px 13px 10px 13px;text-decoration: none;width: auto;color: #fff;background: #59b5ac;border-radius: 50%; border: 1px solid #59b5ac;}
.pagenation li a:hover {color: #59b5ac;background: #FFF;border: 1px solid #59b5ac;}
.pagenation li.next a,
.pagenation li.prev a { background: none; color: #000; border: none;}

.onlySP { display: none;}

/* page-top */
#page-top { position: fixed; right: 20px; bottom: 20px; z-index: 50; cursor:pointer;}
#page-top a { position: relative; display: block; width: 60px; height: 60px; border-radius: 30px; background: #FFF;}
#page-top a span {position: absolute;top: 10px;bottom: 5px;left: 22px;margin: auto;content: “”;vertical-align: middle;width: 12px;height: 12px;border-top: 2px solid #4642be;border-right: 2px solid #ff4195;-webkit-transform: rotate(-45deg);transform: rotate(-45deg); }

/* realtimeuserscounter */
#realtime { position: fixed; left: 0; bottom: 20px; background: #FFF; box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.15); border-radius: 0 8px 8px 0; padding: 20px;text-align: center; z-index: 999; }
#realtime p { font-weight: bold; font-size: 14px; margin-bottom: 5px; }
#realtime .realtimeuserscounter a { font-size: 9px; color: #999; text-decoration: none;}
#realtime .realtimeuserscounter__num { background: #45cbcc; color: #FFF; font-weight: bold; font-size: 18px;}

/* music */
#music { position: fixed; right: 20px; top: 20px;z-index: 999;}
#music .bgm-wrap img.on {display: inline-block;}
#music .bgm-wrap img.off {display: none;}
#music .bgm-wrap.play img.on {display: none;}
#music .bgm-wrap.play img.off {display: inline-block;}
#music img { width: 48px; height: auto; outlineline:0; cursor: pointer;}
#music p { position: fixed; right: 78px; top: 20px; font-weight: bold; font-size: 13px; letter-spacing: -0.03em; opacity: 0.8; background: linear-gradient(100deg, #ffcc00, #00d2ff 50%, #ffcc00);-webkit-background-clip: text;-webkit-text-fill-color: rgba(255,255,255,0.0);color: #ff7a51;text-shadow: 1px 1px 1px rgba(0,0,0,0.3); z-index: 999;}

/* contact */

/* Rform */
#Rform { padding: 0;}
#Rform h1 { font-weight: bold; font-size: 140%; color: #ff45a7; margin-bottom: 20px;}

.reserve-list-box{margin-bottom:120px;padding:20px;background:#fff; margin: 20px;}
.reserve-list-box h2 { text-align: center; font-weight: bold; margin-bottom: 0; font-size: 120%;}
.reserve-list-box .terms-list { list-style: none; padding: 20px; }
.reserve-list-box .terms-list h3 { margin: 20px 0 10px 0; font-weight: bold;}
.reserve-list-box .terms-num-list li {font-size: 90%; counter-increment: cnt; list-style: none;}
.reserve-list-box .terms-num-list li:before { display: marker;content: "(" counter(cnt) ") ";}
.reserve-list-box .disc li{ font-size: 80%;  counter-increment:none; list-style: disc; margin-left: 40px;}
.reserve-list-box .disc li:before { display: none; content: none;}
.reserve-list-box h4 { font-weight: bold; font-size: 18px; margin-bottom: 10px;}
.reserve-list-box p { font-size: 14px; margin-bottom: 10px;}
.reserve-list-box a { text-decoration: underline; font-weight: bold; color: #4585ce;}
.form-btnbox { padding-top: 40px; text-align: center; margin: 0 auto;}
.form-btnbox .btn-confirm { padding: 10px 20px; font-size: 120%; margin: 10px; text-decoration: none;}
.form-btnbox .btn-reset { padding: 10px 20px; font-size: 120%; margin: 10px; text-decoration: none;}

.reserve-table {width:100%;text-align:left;border:1px solid #e4e4e4; border-collapse: collapse; box-sizing:border-box;}
.reserve-table th,.reserve-table td{border:1px solid #e4e4e4;box-sizing:border-box; text-align: left!important;}
.reserve-table th{width:50%;background: #f2f8f8; vertical-align: top; padding: 10px!important; font-weight: bold;}
.reserve-table td{ background: #FFF; vertical-align: top; padding: 10px!important;}
.reserve-table .attention { background: #e53959; border-radius: 6px; font-size: 80%; color: #FFF; padding: 2px 10px;}
.reserve-table input[type="checkbox"] { margin-right: 10px;}
.reserve-table textarea { width: 340px; height: 120px;}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border: 2px solid #D75000!important;}
div.wpcf7-mail-sent-ok { border: 2px solid #D75000!important;}
.wpcf7-validation-errors,
.wpcf7-mail-sent-ok { border: 2px solid #D75000; color: #D75000; background: #fce1d1; text-align: center; padding: 10px; border-radius: 6px; font-weight: bold; margin: 0 auto;}
span.wpcf7-not-valid-tip { display: block!important; color: #e53959; font-weight: bold;}
.screen-reader-response { color: #e53959; display: none;}
.screen-reader-response ul { margin-left: 20px;}
span.wpcf7-list-item {display: block!important;}

.wpcf7-submit { margin: 20px auto 0 auto; text-align: center;display: block; font-weight: bold; color: #FFF; background: #ff4195; /* Old browsers */
background: -moz-linear-gradient(top, #ff4195 0%, #4642be 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff4195 0%,#4642be 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff4195 0%,#4642be 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4195', endColorstr='#4642be',GradientType=0 ); /* IE6-9 */font-size: 18px; letter-spacing: 0.2em; border-radius: 30px; width: 320px; height: 50px; line-height: 50px; text-decoration: none;border: none;outline: none;cursor: pointer;appearance: none;}
.wpcf7-submit:hover { background: #FFF; color: #4642be; border: 1px solid #4642be;opacity: 1;filter: alpha(opacity=100);-ms-filter: "alpha(opacity=70)";-webkit-transition: 0.3s ease-in-out;  -moz-transition: 0.3s ease-in-out;  -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}

.form-next { text-align: center; margin: 10% 10%;}
.form-next h5 { font-weight: bold; padding-bottom: 20px;}
.form-next p {color: #e53959; font-size: 100%;}