@charset "utf-8";
/*!
Theme Name: しぶや荘
Theme URI: http://shibuyaso.com/
Description: しぶや荘 テーマ
Author: VIVAP Inc.
Author URI: http://vivap.jp/
Version: 1.0
*/
/* =============================================================================
   base
   ========================================================================== */
main { display: block; }
html { background: #fff; color: #000; font-size: 62.5%; line-height: 1.5; }
body { font-family: YakuHanJP, "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif; text-align: center; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: antialiased; word-wrap: break-word; }
body, div, pre, p, blockquote,a,form, fieldset, figure, input, textarea, select, option,button,label, select, textarea,table,tr,th,td,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,embed, object, header, footer, nav, article, aside, section, main { margin: 0; padding: 0; vertical-align: baseline; box-sizing: border-box; }
body, div, section, header, footer, nav, article, aside, main, dl, ul, p, a { backface-visibility: hidden; }
a { color: #000; border: 0; cursor: pointer; outline: 0; background-color: transparent; overflow: hidden; text-decoration: none; }
a:hover,
a:active,
a:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
td,
th { padding: 0; }
img { border: 0; vertical-align: bottom; line-height: 0px; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ol, ul { list-style-type: none; }
em, strong { font-weight: bold; font-style: normal; }
img { max-width: 100%; height: auto; }
img[src$=".svg"] { max-width: 100%; }



/* =============================================================================
   lib
   ========================================================================== */
div.wpcf7 .ajax-loader { position: absolute; bottom: -20px; left: 50%; margin-left: -8px; }
div.wpcf7 img.ajax-loader { margin: 20px auto 0; display: block; }
div.wpcf7-response-output { width: 648px; margin: 20px auto 0; padding: 20px; font-size: 1.6rem; font-weight: bold; }
div.wpcf7-mail-sent-ok { display: none !important; }
span.wpcf7-not-valid-tip { display: block; font-weight: bold; color: #f26060; margin-top: 3px; }
.wpcf7-form-control-wrap { width: 100%; display: block; }
span.wpcf7-list-item { margin: 0; }
@media only screen and (max-width: 800px) {
    div.wpcf7-response-output { width: 100%; margin-top: 16px; padding: 15px; font-size: 1.45rem; }
}
@media only screen and (max-width: 480px) {
    div.wpcf7-response-output { padding: 12px; font-size: 1.3rem; }
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff; /*opacity: 0.99; filter: alpha(opacity = 99);*/}
#colorbox{outline:0; z-index: 10002;}
    /*#cboxContent{margin-top:32px; overflow:visible; background:#000;}*/
        /*.cboxIframe{background:#fff;}*/
        #cboxError{padding:50px; border:1px solid #ccc;}

        /*#cboxLoadedContent{background:#000; padding:1px;}*/
        #cboxLoadingGraphic{background:url("assets/images/common/loading.svg") no-repeat center center; background-size: 60px 60px;}
        /*#cboxLoadingOverlay{background:#000;}*/
        #cboxTitle{position:absolute; bottom:-35px; left:0; color:#1f1f1f; font-size: 1.6rem; font-weight: bold; }
        #cboxCurrent{display: none !important; font-size: 0;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; outline: 0; background-color: transparent; text-indent:-9999px; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious,
        #cboxNext { position: absolute; top: 50%; width: 23px; height: 62px; margin-top: -31px; background-repeat: no-repeat; background-position: top left; }
        #cboxPrevious { background-image: url("assets/images/common/prev.svg"); left: 30px; }
        #cboxNext { background-image: url("assets/images/common/next.svg"); right: 30px; }
        #cboxClose{ display: none; }
          #cboxClose{ z-index: 9999; border:0; padding:0; margin:0; outline: 0; text-indent:-9999px; width:42px; height:42px; position:absolute; top: 0; right:60px; background: url("assets/images/common/close.svg") top left no-repeat; background-size: 42px 42px; }
        /*.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}*/


.slick-arrow { cursor: pointer; z-index: 99; text-indent: -9999px; border: 0; outline: 0; background-color: transparent; padding: 0; background-repeat: no-repeat; background-position: top left; position: absolute; }
.slick-arrow::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-repeat: no-repeat; background-position: top left; transition: opacity .3s; opacity: 0; }
.slick-arrow:hover::before { opacity: 1; }

.slick-dots { font-size: 0; text-align: center; }
.slick-dots li { display: inline-block; vertical-align: middle; margin: 0 7px -10px; }
.slick-dots li button { outline: 0; background: #fff; border: 0; appearance: none; cursor: pointer; width: 11px; height: 11px; border: 1px solid #0085c0; border-radius: 50%; display: block; margin-bottom: 10px; }
.slick-dots li.slick-active button { background:  #0085c0; }

/* =============================================================================
   layout
   ========================================================================== */
#l-body { background-color: #e8f6fc; }
#l-wrapper { min-width: 1040px; padding-top: 138px; }
#l-wrapper.is-nopt { padding-top: 0; }


/* =============================================================================
   utility
   ========================================================================== */
.u-section { max-width: 1040px; width: 93.75%; margin: 0 auto; text-align: left; }
.u-sectionwide { max-width: 1180px; width: 93.75%; margin: 0 auto; text-align: left; }

.u-cf:after { content: ""; clear: both; display: block; }
.u-target { transition: opacity .4s; }
.u-target:hover { opacity: .4; }
.u-animateblock { opacity: 0; }
.u-jp { font-family: YakuHanJP, YuGothic, "Yu Gothic", Meiryo, sans-serif; font-weight: bold; }

.u-bluetxt { color: #0085c0; }

/* =============================================================================
   component
   ========================================================================== */
.c-btn { cursor: pointer; outline: 0; border: 0; padding: 0; appearance: none; display: inline-block; transition: all .3s; text-align: center; position: relative; }
.c-btn .icon .path { transition: fill .3s; }
.c-btn .txt { font-size: 1.5rem; line-height: 53px; }
.c-btn .icon { position: absolute; top: 50%; right: 30px; display: block; }
.c-btn .icon.is-d { margin-top: -4px; }
.c-btn .icon.is-l { margin-top: -7px; }
.c-btn.is-white { border: 2px solid #0085c0; background-color: #fff; width: 130px; border-radius: 30px; }
.c-btn.is-white:hover { background-color: #0085c0; color: #fff; }
.c-btn.is-white .icon .path { fill: #0085c0; }
.c-btn.is-white .txt { color: #0085c0; }
.c-btn.is-white:hover .icon .path { fill: #fff; }
.c-btn.is-white:hover .txt { color: #fff; }
.c-btn.is-blue { border: 2px solid #0085c0; background-color: #0085c0; color: #fff; width: 270px; border-radius: 30px; }
.c-btn.is-blue:hover { background-color: #fff; color: #0085c0; }
.c-btn.is-blue .icon .path { fill: #fff; }
.c-btn.is-blue:hover .icon .path { fill: #0085c0; }


:placeholder-shown { color: #8b8a8a; }
::-webkit-input-placeholder { color: #8b8a8a; }
:-ms-input-placeholder { color: #8b8a8a; }
.c-txtbox,
.c-txtarea,
.c-select { border: 1px solid #5a5a5a; background-color: #fff;box-shadow: none; border-radius: 0; }
.c-select,
.c-txtbox { height: 48px; }
.c-select { max-width: 100%; }
.c-txtbox { padding: 0 10px; }
.c-txtbox.is-01 { width: 337px; }
.c-txtbox.is-02 { width: 95px; }
.c-txtbox.is-03 { width: 309px; }
.c-txtbox.is-04 { width: 558px; }
.c-txtarea { width: 624px; height: 148px; padding: 10px; }


.c-link {  background: #000; background: linear-gradient(-45deg, #000 0%,#005E91 100%); }
.c-link__target { transition: opacity .3s; }
.c-link__target:hover { opacity: .5; }
.c-link__targetImg { overflow: hidden; display: block; }
.c-link__targetImg img { display: block;  -webkit-transition: -webkit-transform .3s; transition: transform .3s; }
.c-link__target:hover .c-link__targetImg img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.c-title { text-align: center; }
.c-title__img .path { fill: #000; }
.c-title__txt { font-size: 2.6rem; line-height: 1; }
.c-title::after { content: ""; display: block; width: 30px; height: 3px; background-color: #0085c0; margin: 15px auto 0; }
.theme-night .c-title__img .path { fill: #fff; }

.c-subtitle { font-size: 2rem; line-height: 1; margin-top: 18px; letter-spacing: .04em; text-indent: .04em; }

/* =============================================================================
   common module
   ========================================================================== */
/* ie8 */
.cm-notarget { display: none; }
.lt-ie9 .cm-notarget { display: table; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; background-color: #fff; }
.lt-ie9 .cm-notarget-inner { display: table-cell; vertical-align: middle; }
.lt-ie9 .cm-notargetTitle { font-size: 20px; font-weight: bold; }
.lt-ie9 .cm-notargetTxt { margin: 25px 0 40px; font-size: 18px; line-height: 1.8; }
.lt-ie9 .cm-notargetBrowserItem { display: inline; zoom: 1; margin: 0 10px; }
.lt-ie9 .cm-notargetBrowserItem a { font-size: 16px; }


/* bg */
.cm-bg { position: fixed; width: 100%; height: 100vh; top: 0; left: 0; overflow: hidden; z-index: 0; }
.cm-bg-body { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.cm-bg__sky { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 0; }
.cm-bg__building { position: absolute; bottom: 0; left: 0; width: 100%; background-repeat: no-repeat; background-position: top left; background-size: 100% auto; z-index: 2; }
.cm-bg__cloud { position: absolute; bottom: 0; left: 0; width: 100%; background-repeat: no-repeat; background-position: top left; background-size: 100% auto; z-index: 1; }
.cm-bg__sun { position: absolute; top: 0; right: 0; background-repeat: no-repeat; background-position: top left; background-size: 100% auto; z-index: 2; }
.cm-bg.is-noon .cm-bg__sky { background-image: url("assets/images/common/bg-sky-noon.png"); }
.cm-bg.is-noon .cm-bg__building { padding-top: calc(573/1600*100%); background-image: url("assets/images/common/bg-building-noon.png"); margin-bottom: calc(27/1600*-100%); }
.cm-bg.is-noon .cm-bg__cloud { padding-top: calc(824/1600*100%); background-image: url("assets/images/common/bg-cloud-noon.png"); margin-bottom: calc(167/1600*-100%); }
.cm-bg.is-noon .cm-bg__sun { padding-top: calc(137/1600*100%); background-image: url("assets/images/common/bg-sun-noon.png"); width: calc(143/1600*100%); right: auto; left: 0; margin: calc(150/1600*100%) 0 0 calc(25/1600*100%); }
.cm-bg.is-noon.is-top .cm-bg__building { margin-bottom: calc(220/1600*-100%); }
.cm-bg.is-night .cm-bg__sky { background-image: url("assets/images/common/bg-sky-night.png"); }
.cm-bg.is-night .cm-bg__building { padding-top: calc(573/1600*100%); background-image: url("assets/images/common/bg-building-night.png"); }
.cm-bg.is-night .cm-bg__cloud { padding-top: calc(528/1600*100%); background-image: url("assets/images/common/bg-cloud-night.png"); margin-bottom: calc(270/1600*100%); }
.cm-bg.is-night .cm-bg__sun { padding-top: calc(156/1600*100%); background-image: url("assets/images/common/bg-sun-night.png"); margin: calc(21/1600*100%) calc(29/1600*100%) 0 0; width: calc(157/1600*100%); }
.cm-bg.is-night.is-top .cm-bg__building { margin-bottom: calc(200/1600*-100%); }
.cm-bg.is-morning .cm-bg__sun { left:  auto; right: 0; margin: calc(52/1600*100%) calc(255/1600*100%) 0 0; }
#l-body.is-christmas .cm-bg.is-night .cm-bg__sky { background-image: url("assets/images/common/christmas/bg-sky-night.png"); }
#l-body.is-christmas .cm-bg.is-night .cm-bg__building { padding-top: calc(735/1600*100%); background-image: url("assets/images/common/christmas/bg-building-night.png");  margin-bottom: calc(50/1600*-100%); }
#l-body.is-christmas .cm-bg.is-night .cm-bg__cloud { padding-top: calc(1089/1600*100%); background-image: url("assets/images/common/christmas/bg-cloud-night.png"); margin-bottom: 0; }
#l-body.is-christmas .cm-bg.is-night.is-top .cm-bg__building { margin-bottom: calc(280/1600*-100%); }
#l-body.is-christmas .cm-bg.is-noon .cm-bg__sky { background-image: url("assets/images/common/christmas/bg-sky-noon.png"); }
#l-body.is-christmas .cm-bg.is-noon .cm-bg__building { padding-top: calc(745/1600*100%); background-image: url("assets/images/common/christmas/bg-building-noon.png"); margin-bottom: calc(50/1600*-100%); }
#l-body.is-christmas .cm-bg.is-noon .cm-bg__cloud { padding-top: calc(1149/1600*100%); background-image: url("assets/images/common/christmas/bg-cloud-noon.png"); margin-bottom: 0; }
#l-body.is-christmas .cm-bg.is-noon .cm-bg__sun { display: none; }
#l-body.is-christmas .cm-bg.is-noon.is-top .cm-bg__building { margin-bottom: calc(280/1600*-100%); }
@media only screen and (max-height: 800px) {
  .cm-bg.is-noon .cm-bg__cloud { margin-bottom: calc(250/1600*-100%); }
}
@media only screen and (max-height: 680px) {
  .cm-bg.is-noon .cm-bg__cloud { margin-bottom: calc(350/1600*-100%); }
}

.cm-main { position: relative; z-index: 1; }

.cm-section { background-color: rgba(255, 255, 255, .9); border: 1px solid #0085c0; width: 1000px; margin: 25px auto 60px; padding: 54px 0 70px; }
.cm-section .u-section { max-width: 880px; }


/* header */
/* .cm-h { margin-top: 30px; position: relative; z-index: 1; }
.cm-h__titleTarget { width: 220px; margin: 0 auto; display: block; }
.cm-h__title .is-noon { display: block; }
.cm-h__title .is-night { display: none; }
.theme-night .cm-h__title .is-night { display: block; }
.theme-night .cm-h__title .is-noon { display: none; }
.cm-h__titleTargetTxt { display: block; font-size: 1.3rem;  line-height: 1; margin-bottom: 4px;}
.theme-night .cm-h__titleTargetTxt { color: #fff; }
.cm-h__nav { margin-top: 25px; }
.cm-h__navList { font-size: 0; }
.cm-h__navListItem { display: inline-block; vertical-align: middle; margin: 0 17px; }
.cm-h__navListItem .target { display: inline-block; position: relative; overflow: inherit; font-size: 1.6rem; line-height: 1; }
.theme-night .cm-h__navListItem .target { color: #fff; }
.cm-h__navListItem .target::after { content: ""; display: block; width: 115%; height: 4px; background-color: #00a0e9; margin: 10px 0 0 -6.5%; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: transform .2s; transition: transform .2s; }
.cm-h__navListItem .target:hover::after { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
.theme-night .cm-h__navListItem .target::after { background-color: #fff; } */
.cm-h { position: fixed; top: 0; left: 0; width: 100%; height: 86px; background-color: rgba(255, 255, 255, 1); z-index: 9999; }
.cm-h__titleTarget { display: block; overflow: inherit; }
.cm-h-body { display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; -webkit-box-align: center;-ms-flex-align: center;align-items: center; }
.cm-h-body,
.cm-h__nav,
.cm-h__navList,
.cm-h__navListItem,
.cm-h__navListItem .target { height: 100%; }
.cm-h__navList { font-size: 0; }
.cm-h__navListItem { display: inline-block; }
.cm-h__navListItem:not(:first-child) { margin-left: 22px; }
.cm-h__navListItem .target { position: relative; font-size: 1.5rem; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center;-ms-flex-align: center;align-items: center; }
.cm-h__navListItem .target::after { -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: top right; transform-origin: top right; -webkit-transition: -webkit-transform .4s; transition: transform .4s; content: ""; display: block; position: absolute; bottom: 0; left: -8px; width: calc(100% + 16px); height: 5px; background-color: #0085c0; }
.cm-h__navListItem .target:hover::after { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: top left; transform-origin: top left; }


/* column */
.cm-column__item { border: 1px solid #0085c0; background-color: #fff; display: inline-block; vertical-align: top; backface-visibility: visible; }
.p-news .cm-column__item { padding-bottom: 20px; }
.cm-column__itemImg { background: #000; background: linear-gradient(-45deg, #000 0%,#005E91 100%); border-bottom: 1px solid #0085c0; }
.cm-column__itemImg .target { transition: opacity .3s; display: block; }
.cm-column__itemImg .target img { width: 100%; display: block; -webkit-transition: transform .2s; transition: transform .2s }
.cm-column__info,
.cm-column__title,
.cm-column__author { padding: 0 24px; }
.cm-column__info { font-size: 0; padding-top: 15px; }
.cm-column__infoTag,
.cm-column__infoTagItem,
.cm-column__infoTagTime { display: inline-block; vertical-align: middle; }
.cm-column__infoTag,
.cm-column__infoTagTime { margin: 3px 0; }
.cm-column__infoTagItem:not(:first-child) { margin-left: 4px; }
.cm-column__infoTagItem .target { display: inline-block; border: 1px solid #0085c0; border-radius: 40px; background-color: #0085c0; color: #fff; padding: 0 12px; line-height: 23px; font-size: 1.1rem; transition: all .3s; }
.cm-column__infoTagItem .target:hover { background-color: #fff; color: #0085c0; }
.cm-column__infoTag { margin-right: 6px; }
.cm-column__infoTagTime { font-size: 1.2rem; }
.cm-column__title { margin-top: 6px; font-size: 1.6rem; }
.cm-column__author { margin-top: 20px; font-size: 0; padding-bottom: 13px; }
.cm-column__authorName,
.cm-column__authorName .img,
.cm-column__authorName .name,
.cm-column__authorView,
.cm-column__authorView .icon,
.cm-column__authorView .num { display: inline-block; vertical-align: middle; }
.cm-column__authorName .img img { display: block; width: 45px; border-radius: 100%; }
.cm-column__authorName .name { font-size: 1.4rem; color: #0068b7; margin-left: 9px; }
.cm-column__authorView { margin-left: 30px; }
.cm-column__author.is-noauthor .cm-column__authorView { margin-left: 0; }
.cm-column__authorView .num { font-size: 1.4rem; margin-left: 7px; }
.cm-column__item:hover .cm-column__itemImg .target { opacity: .5; }
.cm-column__item:hover .cm-column__itemImg .target img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.cm-column__item:hover .cm-column__title .target { color: #0068b7; }

/* collumnlist */
.cm-columnlist { width: 918px; margin: 0 auto; text-align: left; }
.cm-columnlist .cm-column { margin: 0 0 0 -30px; font-size: 0; }
.cm-columnlist .cm-column__item { width: 286px; margin: 0 0 30px 30px; }
.cm-columnlist .cm-column__info,
.cm-columnlist .cm-column__title,
.cm-columnlist .cm-column__author { padding-left: 12px; padding-right: 12px; }


/* more */
.cm-more { text-align: center; padding-top: 8px; }
.cm-more__loading { display: none; }

/* footer */
.cm-f { background-color: #0085c0; padding: 43px 0 18px; position: relative; z-index: 1; }
.cm-f__nav { float: left; font-size: 0; margin-top: 15px; }
.cm-f__navItem { display: inline-block; line-height: 1; }
.cm-f__navItem:not(:first-child) { margin-left: 30px; }
.cm-f__navItem a { font-size: 1.5rem; color: #fff; }
.cm-f__sns { float: right; font-size: 0; }
.cm-f__snsItem { display: inline-block; }
.cm-f__snsItem:not(:first-child) { margin-left: 15px; }
.cm-f__copy { border-top: rgba(255, 255, 255, .3) solid 1px; padding-top: 18px; margin-top: 35px; }
.cm-f__copyTxt { font-size: 1.2rem; line-height: 1; color: #fff; }
.cm-f__copyTxt a { color: #fff; }

.cm-postpagenavi { font-size: 1.8rem; margin-top: 38px; }
.cm-postpagenavi .wp-pagenavi { text-align: center; }
.cm-postpagenavi .wp-pagenavi a ,
.cm-postpagenavi .wp-pagenavi span { text-decoration: none; margin: 6px; display: inline-block; vertical-align: middle; width: 38px; height: 38px; line-height: 34px; border: 2px solid #0085c0; -webkit-box-sizing: border-box; box-sizing: border-box; color: #0085c0; }
.cm-postpagenavi .wp-pagenavi a { transition: background-color .3s, color .3s; }
.cm-postpagenavi .wp-pagenavi span.current,
.cm-postpagenavi .wp-pagenavi a:hover { background-color: #0085c0; color: #fff;}
.cm-postpagenavi .wp-pagenavi .nextpostslink,
.cm-postpagenavi .wp-pagenavi .previouspostslink { width: 55px; line-height: 34px; }

.cm-wysywyg { font-size: 1.6rem; line-height: 1.9; }
.cm-wysywyg h1 { background-color: #e2e2e2; font-family: YakuHanJP, YuGothic, "Yu Gothic", Meiryo, sans-serif; font-weight: bold; border-radius: 12px; }
.cm-wysywyg h2 { background-color: #e2e2e2; font-family: YakuHanJP, YuGothic, "Yu Gothic", Meiryo, sans-serif; font-weight: bold; }
.cm-wysywyg h3 { font-weight: bold; }
.cm-wysywyg h1 span,
.cm-wysywyg h2 span,
.cm-wysywyg h3 span { font-weight: bold !important; }
.cm-wysywyg h1 { padding: 13px 25px; font-size: 2.4rem; margin: 40px 0 17px; }
.cm-wysywyg h2 { border-left: 7px solid #0085c0; padding: 13px 10px; font-size: 2.2rem; margin: 32px 0 14px; }
.cm-wysywyg h3 { font-size: 2.2rem;  margin: 28px 0 12px; }
.cm-wysywyg a { color: #0085c0 !important; font-weight: bold; text-decoration: underline; transition: opacity .3s; }
.cm-wysywyg a:hover { opacity: .5; }
.cm-wysywyg a[href^="tel:"] { color: #000 !important; transition: none; }
.cm-wysywyg a[href^="tel:"]:hover { opacity: 1; }
.cm-wysywyg img { display: block; /* border: 1px solid #0085c0; */ margin: 10px 0 12px; }
.cm-wysywyg .iframewrap { display: block; position: relative; width: 100%; padding-top: calc(315/560*100%); }
.cm-wysywyg .iframewrap iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

/* intro */
.cm-intro { padding-top: 40px; position: relative; }
.cm-intro__img { position: absolute; top: 40px; left: 50%; width: calc(967/1180*100%); margin-left: calc(484/1180*-100%); z-index: 0; }
.cm-intro__body { position: relative; z-index: 1; margin-top: calc(720/1180*100%); width: calc(780/1180*100%); }
.cm-intro__bodyInfoTitle,
.cm-intro__bodySns,
.cm-intro__bodySnsItem { display: inline-block; vertical-align: middle; }
.cm-intro__bodyInfoTitle { padding: 20px 22px; background-color: #0ca5e7; color: #fff; }
.cm-intro__bodyInfoTitle .jp,
.cm-intro__bodyInfoTitle .en { line-height: 1;font-size: 2.2rem; }
.cm-intro__bodyInfoTitle .en { margin-left: 8px; }
.cm-intro__bodySns { margin-left: 23px; }
.cm-intro__bodySnsItem:not(:first-child) { margin-left: 11px; }
.cm-intro__bodyTxt { background-color: rgba(255, 255, 255, .85); padding: calc(23/780*100%) calc(26/780*100%); font-size: 1.6rem; line-height: 1.8; }


/* residents */
.cm-residents { background-color: rgba(255, 255, 255, .9); padding: 88px 0 64px; }
.cm-residents-body { width: 880px; margin: 0 auto; }
.cm-residents__txt { margin: 15px 0 28px; font-size: 1.6rem; }
.cm-residents__list { margin-left: -11px; }
.cm-residents__list .slick-arrow { width: 33px; height: 57px; background-size: 33px 57px; }
.cm-residents__list .slick-prev { background-image: url("assets/images/common/slide-prev.svg"); top: 105px; left: -33px; }
.cm-residents__list .slick-prev::before { background-image: url("assets/images/common/slide-prev-hover.svg"); background-size: 35px 57px; }
.cm-residents__list .slick-next { background-image: url("assets/images/common/slide-next.svg"); top: 105px; right: -44px; }
.cm-residents__list .slick-next::before { background-image: url("assets/images/common/slide-next-hover.svg"); background-size: 35px 57px; }
.cm-residents__listItem { margin-left: 11px; }
.cm-residents__listItemTarget { display: block; }
.cm-residents__listItemTarget .img { border: 1px solid #0085c0; }
.cm-residents__listItemTarget .name { margin-top: 10px; font-size: 1.6rem; transition: color .3s; }
.cm-residents__listItemTarget:hover .name { color: #0085c0; }


/* merit */
.cm-merit__title { font-size: 2.6rem; text-align: center; }
.cm-merit__list { margin-top: 16px; }
.cm-merit__listItem { width: 286px; float: left; }
.cm-merit__listItem:not(:first-child) { margin-left: 11px; }
.cm-merit__listItem .img { border: 1px solid #0085c0; }
.cm-merit__listItemTxt { margin-top: 14px; font-size: 1.6rem; line-height: 1.8; padding-right: 30px; }
.cm-merit__listItemTxt a { text-decoration: underline; }
.cm-merit__btn { margin-top: 25px; text-align: center; }


/* form */
.cm-form { margin-top: 38px; }
.cm-form__txt { font-size: 1.6rem; line-height: 1.8; text-align: center; }
.cm-form__txt p:not(:first-child) { margin-top: 25px; }
.cm-form__txt a { text-decoration: underline; }
.cm-form .cm-merit { margin-top: 40px; }

.cm-form__btn { text-align: center; margin-top: 30px; }
.cm-form__btn .c-btn { width: 400px; border-radius: 40px; }
.cm-form__btn .c-btn .txt { font-size: 2rem; line-height: 66px; }

.cm-form__body { border-top: 1px solid #acacac; padding-top: 40px; margin-top: 30px; }
.cm-form__bodyCaution { font-size: 1.6rem; line-height: 1; margin-bottom: 23px; }
.cm-form__bodyCaution em { color: #e5004f; }
.cm-form__bodyTable { display: table; margin-left: -18px; width: calc(100% + 36px); border-collapse: separate; border-spacing: 18px; }
.cm-form__bodyTableRow { display: table-row; }
.cm-form__bodyTableRow .title,
.cm-form__bodyTableRow .body { display: table-cell; vertical-align: top; padding: 15px 0 0; font-size: 1.6rem; }
.cm-form__bodyTableRow .title { padding-left: 15px; padding-top: 27px; width: 211px; border-top: 1px solid #0085c0; }
.cm-form__bodyTableRow .title .icon { color: #e5004f; font-weight: bold; margin-left: 3px; }
.cm-form__bodyTableRow .body { border-top: 1px solid #acacac; }
.cm-form__bodyTableRow .body__txt.is-l { margin-right: 15px; }
.cm-form__bodyTableRow .body__txt.is-r { margin-left: 15px; }
.cm-form__bodyTableRow .wpcf7-form-control-wrap,
.cm-form__bodyTableRow .body__txt { display: inline-block; vertical-align: middle; width: auto; }
.cm-form__bodyTableRow:last-child .title { border-bottom: 1px solid #0085c0; padding-bottom: 15px; }
.cm-form__bodyTableRow:last-child .body { border-bottom: 1px solid #acacac; padding-bottom: 15px; }
.cm-form__bodyPrivacy { margin-top: 25px; text-align: center; font-size: 1.6rem; }
.cm-form__bodyPrivacy a { text-decoration: underline; }
.cm-form__bodyBtn { text-align: center; margin-top: 26px; }
.cm-form__bodyBtn .c-btn { width: 303px; height: 70px; border-radius: 40px; }
.cm-form__bodyBtn .c-btn .input { display: block; width: 100%; line-height: 66px; cursor: pointer; position: absolute; top: 0; left: 0; border: 0; outline: 0; background-color: transparent; appearance: none; font-size: 2rem; color: #fff; transition: color .3s; }
.cm-form__bodyBtn .c-btn:hover .input { color: #0085c0; }

/* resident photogallery */
.cm-regident__mv { position: relative; height: 100vh; }
.cm-regident__mvBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;  z-index: 0;}
.cm-regident__mvBody { position: absolute; top: 0; left: 50%; width: 1040px; margin-left: -520px; height: 100%; z-index: 1; text-align: left; }
.cm-regident__mvBodyTitle,
.cm-regident__mvBodyTxt { position: absolute; }
.cm-regident__mvBodyTitle .txt,
.cm-regident__mvBodyTitle .name { display: block; }
.cm-regident__mvBodyTitle .txt,
.cm-regident__mvBodyTitle .name,
.cm-regident__mvBodyTxt { opacity: 0; }

.p-regnagaiako .cm-regident__mvBg { background-image: url("assets/images/resident/nagaiako/mv-img.jpg"); background-position: 100% 20%; }
.p-regnagaiako .cm-regident__mvBodyTitle { top: 226px; right: -142px; }
.p-regnagaiako .cm-regident__mvBodyTitle .txt { margin-bottom: 35px; }
.p-regnagaiako .cm-regident__mvBodyTxt { bottom: 77px; left: -232px; }
@media only screen and (min-width: 1750px) {
  .p-regnagaiako .cm-regident__mvBodyTitle { right: calc(-142px*1.4); }
}
@media only screen and (max-width: 1580px) {
  .p-regnagaiako .cm-regident__mvBodyTxt { left: calc(-232px*.5); }
}
@media only screen and (max-width: 1400px) {
  .p-regnagaiako .cm-regident__mvBodyTitle { right: calc(-142px*.6); }
  .p-regnagaiako .cm-regident__mvBodyTitle .txt { width: calc(373px*.9); }
  .p-regnagaiako .cm-regident__mvBodyTitle .name { width: calc(186px*.9); }
}
@media only screen and (max-width: 1380px) {
  .p-regnagaiako .cm-regident__mvBodyTxt { left: calc(-232px*.3); }
}
@media only screen and (max-width: 1310px) {
  .p-regnagaiako .cm-regident__mvBodyTitle { right: calc(-142px*.4); }
}
@media only screen and (max-width: 1250px) {
  .p-regnagaiako .cm-regident__mvBodyTxt { left: 0; }
  .p-regnagaiako .cm-regident__mvBodyTitle { right: calc(-142px*.2); }
}
@media only screen and (max-width: 1180px) {
  .p-regnagaiako .cm-regident__mvBodyTitle { right: 0; }
}

.p-regmitoyukako .cm-regident__mvBg { background-image: url("assets/images/resident/mitoyukako/mv-img.jpg"); background-position: 50% 50%; }
.p-regmitoyukako .cm-regident__mvBodyTitle { top: 224px; left: -128px; }
.p-regmitoyukako .cm-regident__mvBodyTitle .txt { margin-bottom: 35px; }
.p-regmitoyukako .cm-regident__mvBodyTxt { bottom: 111px; left: -185px; }
@media only screen and (max-width: 1580px) {
  .p-regmitoyukako .cm-regident__mvBodyTitle { left: calc(-128px*.8); }
  .p-regmitoyukako .cm-regident__mvBodyTxt { left: calc(-185px*.8); }
}
@media only screen and (max-width: 1410px) {
  .p-regmitoyukako .cm-regident__mvBodyTitle { left: calc(-128px*.6); }
  .p-regmitoyukako .cm-regident__mvBodyTxt { left: calc(-185px*.6); }
}
@media only screen and (max-width: 1330px) {
  .p-regmitoyukako .cm-regident__mvBodyTitle { left: calc(-128px*.4); }
  .p-regmitoyukako .cm-regident__mvBodyTxt { left: calc(-185px*.4); }
}
@media only screen and (max-width: 1250px) {
  .p-regmitoyukako .cm-regident__mvBodyTitle { left: 0; }
  .p-regmitoyukako .cm-regident__mvBodyTitle .txt { width: calc(693px*.85); }
  .p-regmitoyukako .cm-regident__mvBodyTitle .name { width: calc(222px*.85); }
  .p-regmitoyukako .cm-regident__mvBodyTxt { width: calc(615px*.85); left: 0; }
}

.p-reggotoayumi .cm-regident__mvBg { background-image: url("assets/images/resident/gotoayumi/mv-img.jpg"); background-position: 50% 50%; }
.p-reggotoayumi .cm-regident__mvBody-inner { position: absolute; top: 50%; left: -83px; transform: translate3d(0px, -50%, 0px); margin-top: 90px; }
.p-reggotoayumi .cm-regident__mvBodyTitle,
.p-reggotoayumi .cm-regident__mvBodyTxt { position: static; }
.p-reggotoayumi .cm-regident__mvBodyTitle .txt { margin-bottom: 35px; }
.p-reggotoayumi .cm-regident__mvBodyTxt { margin-top: 92px; }
@media only screen and (max-width: 1280px) {
  .p-reggotoayumi .cm-regident__mvBody-inner { left: 0; }
}


.p-regkondonao .cm-regident__mvBg { background-image: url("assets/images/resident/kondonao/mv-img.jpg"); background-position: 50% 50%; }
.p-regkondonao .cm-regident__mvBody-inner { position: absolute; top: 207px; left: -127px; }
.p-regkondonao .cm-regident__mvBodyTitle,
.p-regkondonao .cm-regident__mvBodyTxt { position: static; }
.p-regkondonao .cm-regident__mvBodyTitle .txt { margin-bottom: 35px; }
.p-regkondonao .cm-regident__mvBodyTxt { margin-top: 30px; }
@media only screen and (max-height: 850px) {
  .p-regkondonao .cm-regident__mvBody-inner { top: calc(207px*.8); }
}
@media only screen and (max-height: 780px) {
  .p-regkondonao .cm-regident__mvBody-inner { top: calc(207px*.6); }
}
@media only screen and (max-height: 680px) {
  .p-regkondonao .cm-regident__mvBodyTitle .txt img { width: calc(723px*.8); }
  .p-regkondonao .cm-regident__mvBodyTitle .name img { width: calc(201px*.8); }
  .p-regkondonao .cm-regident__mvBodyTxt img { width: calc(462px*.8); }
  .p-regkondonao .cm-regident__mvBodyTitle .txt { margin-bottom: calc(35px*.8); }
  .p-regkondonao .cm-regident__mvBodyTxt { margin-top: calc(30px*.8); }
}
@media only screen and (max-width: 1400px) {
  .p-regkondonao .cm-regident__mvBody-inner { left: calc(-127px*.8); }
}
@media only screen and (max-width: 1360px) {
  .p-regkondonao .cm-regident__mvBody-inner { left: calc(-127px*.5); }
}
@media only screen and (max-width: 1280px) {
  .p-regkondonao .cm-regident__mvBody-inner { left: 0; }
}

.cm-regident__intro { padding: 84px 0 142px; overflow: hidden; position: relative; }
.cm-regident__introTxt { position: absolute; left: 50%; z-index: 0; }
.cm-regident__introBody { position: relative; z-index: 1; }
.cm-regident__introBodyBlock01 { margin-bottom: 72px; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; }
.cm-regident__introBodyBlock01 .item:nth-child(1) { width: calc(424/1040*100%); margin-top: 89px; }
.cm-regident__introBodyBlock01 .item:nth-child(2) { width: calc(549/1040*100%); }
.cm-regident__introBodyBlock01 .item:nth-child(2) .item__img:nth-child(1) { width: calc(473/549*100%); margin: 0 0 57px calc(76/549*100%); }
.cm-regident__introBodyBlock01 .item:nth-child(2) .item__img:nth-child(2) { width: calc(454/549*100%); }
.cm-regident__introBodyBlock02 { display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; }
.cm-regident__introBodyBlock02 .item:nth-child(1) { width: calc(492/1040*100%); margin-top: 77px; }
.cm-regident__introBodyBlock02 .item:nth-child(2) { width: calc(424/1040*100%); }
.cm-regident__introBodyBlock02 .item:nth-child(1) .item__img:nth-child(1) { width: calc(454/492*100%); margin: 0 0 74px calc(38/549*100%); }
.cm-regident__introBodyBlock02 .item:nth-child(1) .item__img:nth-child(2) { width: calc(473/492*100%); }

.p-regnagaiako .cm-regident__introTxt { width: 1450px; margin-left: -725px; top: 62px; }
.p-regmitoyukako .cm-regident__introTxt { width: 1449px; margin-left: -725px; top: 58px; }
.p-reggotoayumi .cm-regident__introTxt { width: 1450px; margin-left: -725px; top: 33px; }
.p-regkondonao .cm-regident__introTxt { width: 1450px; margin-left: -725px; top: 47px; }

.cm-resident__column { padding: 70px 0; background-color: #e7f5fb; }

.cm-resident__room { padding: 70px 0; max-width: 770px; }
.cm-resident__roomBody { margin-top: 30px; }
.cm-resident__roomBodyBtn { margin-top: 28px; text-align: center; }
.cm-resident__roomBnr { /* margin-top: 90px; */ background-color: #000; }


.cm-bnrletter { width: 624px; margin: 0 auto; background-color:  #000; }
.cm-bnrletter a { display:  block; }

.cm-btmilust { position: relative; padding-top: 560px; overflow: hidden; }
.cm-btmilust__body { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("assets/images/common/btm-ilust.png") center center no-repeat; background-size: cover; }

.cm-maintxt { font-size: 1.8rem; text-align: center; margin: 25px 0 20px; }


.cm-profile { margin-top: 25px; background-color: #f6f6f6; padding: 65px 0; }
.cm-profile-inner { max-width: 740px; text-align: left; margin: 0 auto; }
.cm-profile__img { margin-top: 30px; }
.cm-profile__body { margin-top: 20px; }
.cm-profile__sns { display: flex; justify-content: center; }
.cm-profile__snsItem { margin: 25px 10px 0; }
.cm-profile__btn { text-align: center; margin-top: 40px; }
.cm-profile__btn .c-btn { width: 80%; border-radius: 40px; }
.cm-profile__btn .c-btn .txt { font-size: 1.7rem; line-height: 70px; }
.p-seriesdtl .cm-profile { padding: 0; background-color: transparent; margin-bottom: 60px;  }
.p-seriesdtl .cm-profile-inner { border-top: 3px solid #0085c0; padding-top: 50px; }
.p-seriesdtl .cm-profile__body { text-align: center; }
.p-seriesdtl .cm-profile__body p:not(:first-child) { margin-top: 25px; }

/* =============================================================================
   page
   ========================================================================== */
/* top */
.p-top .c-title::after { width: 60px; margin-top: 23px; }

.p-top__mv { position: relative; padding-top: 86px; height: 535px; display: flex; align-items: center; justify-content: center; background: url("assets/images/top/201905/mv-bg.jpg") center center no-repeat; background-size: cover; }
.p-top__mv::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .65);  z-index: 0; }
.p-top__mvBody { position: relative; z-index: 1; }
.p-top__mvBodyTxt { font-size: 1.7rem; line-height: 1.8; margin: 30px 0; }
.p-top__mvBodyBtn .c-btn { width: 249px; }
.p-top__mvBodyBtn .c-btn .txt { font-size: 1.7rem; line-height: 58px; }

.p-top__recent { background-color: #fff; padding: 86px 0; }
.p-top__recentTop { margin-top: 40px; display: flex; justify-content: space-between; }
.p-top__recentTop .cm-column__item { width: calc(499/1040*100%); display: block; }
.p-top__recentTop .cm-column__info { padding-top: 25px; }
.p-top__recentTop .cm-column__infoTagItem .target { border-radius: 13px; padding: 0 14px; line-height: 25px; font-size: 1.2rem; }
.p-top__recentTop .cm-column__title { margin-top: 8px; font-size: 2.1rem; }
.p-top__recentBody { margin-top: 45px; }
.p-top__recentBody-inner { display: flex; flex-wrap: wrap; margin: 0 0 calc(-40/1040*100%) calc(-40/1040*100%); }
.p-top__recentBody-inner .cm-column__item { display: block; width: calc(320/1080*100%); margin: 0 0 calc(40/1080*100%) calc(40/1080*100%); }
.p-top__recentBody .cm-more { margin-top: 50px; }

.p-top__girlsfilm { background-color: #f6f6f6; padding: 86px 0; }
.p-top__girlsfilmBody { margin: 38px auto 0; width: 813px; }
.p-top__girlsfilmBodySlider .slick-arrow { width: 57px; height: 57px; background-size: 57px 57px; }
.p-top__girlsfilmBodySlider .slick-prev { background-image: url("assets/images/top/slide-prev.svg"); top: 219px; left: -75px; }
.p-top__girlsfilmBodySlider .slick-next { background-image: url("assets/images/top/slide-next.svg"); top: 219px; right: -75px; }
.p-top__girlsfilmBodySlider .slick-dots { margin-top: 52px; }
.p-top__girlsfilmBodySlider .item__target { display: block; }
.p-top__girlsfilmBodySlider .item__targetImg { background: #000; background: linear-gradient(-45deg, #000 0%,#005E91 100%); }
.p-top__girlsfilmBodySlider .item__targetImg-inner { transition: opacity .3s; display: block; overflow: hidden; }
.p-top__girlsfilmBodySlider .item__targetImg-inner img { width: 100%; display: block; -webkit-transition: transform .2s; transition: transform .2s }
.p-top__girlsfilmBodySlider .item__targetTitle { font-size: 2.4rem; margin-top: 13px; transition: color .3s; }
.p-top__girlsfilmBodySlider .item__target:hover .item__targetImg-inner { opacity: .5; }
.p-top__girlsfilmBodySlider .item__target:hover .item__targetImg-inner img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.p-top__girlsfilmBodySlider .item__target:hover .item__targetTitle { color: #0068b7; }

/* rei kato */
.theme-night .p-kato__gallery .c-title::after { background-color: #fff; }
.p-kato__gallery { padding: 70px 0 82px; }
.p-kato__galleryBody { margin-top: 30px; }
.p-kato__galleryBodyBlock .row { margin-bottom: calc(30/1180*100%); }
.p-kato__galleryBodyBlock .row__item { float: left; }
.p-kato__galleryBodyBlock .row__itemTarget { display: block; position: relative; }
.p-kato__galleryBodyBlock .row__itemTargetImg { display: block; position: relative; z-index: 0; }
.p-kato__galleryBodyBlock .row__itemTargetTitle { opacity: 0; transition: opacity .3s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(21, 21, 21, .6); }
.p-kato__galleryBodyBlock .row__itemTarget:hover .row__itemTargetTitle { opacity: 1; }
.p-kato__galleryBodyBlock .row__itemTargetTitle-inner { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; transform: translate3d(0px, -50%, 0px); color: #fff; font-size: 2.2rem; }
.p-kato__galleryBodyBlock .row:nth-child(1) .row__item:first-child,
.p-kato__galleryBodyBlock .row:nth-child(2) .row__item,
.p-kato__galleryBodyBlock .row:nth-child(3) .row__item:nth-child(3) { width: calc(575/1180*100%); }
.p-kato__galleryBodyBlock .row:nth-child(1) .row__item:not(:first-child),
.p-kato__galleryBodyBlock .row:nth-child(3) .row__item:not(:nth-child(3)) { width: calc(273/1180*100%); }
.p-kato__galleryBodyBlock .row:nth-child(1) .row__item:first-child,
.p-kato__galleryBodyBlock .row:nth-child(2) .row__item:first-child,
.p-kato__galleryBodyBlock .row:nth-child(3) .row__item:nth-child(2) { margin-right: calc(30/1180*100%); }
.p-kato__galleryBodyBlock .row:nth-child(1) .row__item:nth-child(2),
.p-kato__galleryBodyBlock .row:nth-child(3) .row__item:first-child { margin-right: calc(29/1180*100%); }


/* residents */
.theme-night .p-residents__fav .c-title::after,
.theme-night .p-residents__column .c-title::after { background-color: #fff; }

.p-residents__fav { padding: 108px 0 65px; }
.theme-night .p-residents__fav .c-title__txt { color: #fff; }
.p-residents__favBody { margin-top: 20px; }
.p-residents__favBodyList { font-size: 0; text-align: center; }
.p-residents__favBodyList .item { display: inline-block; vertical-align: middle; margin: 10px; }
.p-residents__favBodyList .item__target { width: auto; padding: 0 30px; font-size: 1.6rem; line-height: 36px; }

.p-residents__column { padding: 31px 0 65px; }
.theme-night .p-residents__column .c-title__txt { color: #fff; }
.theme-night .p-residents__column .c-title__txt .u-bluetxt { color: #fff; }
.p-residents__columnBody { margin-top: 40px; }
.p-residents__columnBody .cm-column { margin: 0 0 0 calc(46/1040*-100%); font-size: 0; }
.p-residents__columnBody .cm-column__item { width: calc(316/1086*100%); margin: 0 0 calc(30/1086*100%) calc(46/1086*100%); }

/* about */
.p-about__mv { margin-top: 86px; background: url("assets/images/about/201905/about-bg.jpg") bottom center no-repeat; background-size: cover; padding: 92px 0 75px; }
.p-about__mvTxt { margin-top: 42px; font-size: 1.7rem; line-height: 2.3; color: #fff; }
.p-about__mvTxt p:not(:first-child) { margin-top: 35px; }

.p-about__contact { background-color: #f0f0f0; padding: 60px 0 80px; }
.p-about__contact .u-section { text-align: center; }
.p-about__contactTxt { font-size: 1.8rem; margin-bottom: 28px; }
.p-about__contactBtn .c-btn { width: 470px; border-radius: 45px; }
.p-about__contactBtn .c-btn .txt { font-size: 1.8rem; line-height: 66px; }

/* thanks */
.p-thanks__title { margin-top: 36px; text-align: center; }
.p-thanks__txt { margin-top: 30px; text-align: center; }
.p-thanks__txt p { font-size: 1.6rem; line-height: 1.9; }
.p-thanks__txt p:not(:first-child) { margin-top: 25px; }
.p-thanks__btn { text-align: center; margin-top: 67px; }
.p-thanks__btn .c-btn { width: 400px; border-radius: 50px; }
.p-thanks__btn .c-btn .txt { font-size: 2rem; line-height: 70px; }


/* column */
.p-column__user { text-align: center; font-size: 0; margin: 31px auto 40px; }
.p-column__userItem { display: inline-block; margin: 4px; }
.p-column__userItemTarget { font-size: 1.6rem; line-height: 36px; }
.p-column__userItem.is-valiable .p-column__userItemTarget { width: auto; padding: 0 16px; }

.p-collabo .p-column-body { margin-top: 40px; }

/* column detail */
.p-columndtl .cm-section { padding-top: 41px; }
.p-columndtl__post  { width: 740px; margin: 0 auto; text-align: left; padding-bottom: 55px; }
.p-columndtl__postInfo { font-size: 0; }
.p-columndtl__postInfoTag,
.p-columndtl__postInfoTag .item,
.p-columndtl__postInfoTime { display: inline-block; vertical-align: middle; }
.p-columndtl__postInfoTag,
.p-columndtl__postInfoTime { margin: 4px 0; }
.p-columndtl__postInfoTag { margin-right: 10px; }
.p-columndtl__postInfoTag .item:not(:first-child) { margin-left: 8px; }
.p-columndtl__postInfoTag .item__target { display: inline-block; border: 1px solid #0085c0; border-radius: 20px; background-color: #0085c0; color: #fff; padding: 0 16px; line-height: 28px; font-size: 1.4rem; transition: all .3s; }
.p-columndtl__postInfoTag .item__target:hover { background-color: #fff; color: #0085c0; }
.p-columndtl__postInfoTime { font-size: 1.5rem; }
.p-columndtl__postTitle { font-size: 2.8rem; margin: 3px 0 25px; }
.p-columndtl__postInfo02 { margin-bottom: 30px; }
.p-columndtl__postInfo02 .author { float: left; }
.p-columndtl__postInfo02 .author__name,
.p-columndtl__postInfo02 .author__nameImg,
.p-columndtl__postInfo02 .author__nameTxt,
.p-columndtl__postInfo02 .author__view,
.p-columndtl__postInfo02 .author__viewIcon,
.p-columndtl__postInfo02 .author__viewNum { display: inline-block; vertical-align: middle; }
.p-columndtl__postInfo02 .author__name { margin-right: 32px; }
.p-columndtl__postInfo02 .author__nameImg { width: 45px; }
.p-columndtl__postInfo02 .author__nameImg img { display: block; border-radius: 100%; }
.p-columndtl__postInfo02 .author__nameTxt { font-size: 1.4rem; color: #0068b7; margin-left: 10px; }
.p-columndtl__postInfo02 .author__viewNum { font-size: 1.4rem; margin-left: 6px; }
.p-columndtl__postInfo02.is-noauthor .author { float: none; }
.p-columndtl__postInfo02.is-noauthor .author__view { float: right; }
.p-columndtl__postInfo02 .share { float: right; font-size: 0; margin-top: 8px;}
.p-columndtl__postInfo02 .share__item { display: inline-block; vertical-align: middle; }
.p-columndtl__postInfo02 .share__item:first-child { margin-right: 4px; }
.p-columndtl__mainimg { margin-bottom: 17px; }
.p-columndtl__mainimg img { display: block;border: 1px solid #0085c0; }
.p-columndtl__sns { border-top: 1px solid #acacac; margin-top: 30px; padding-top: 47px; font-size: 0; text-align: center; }
.p-columndtl__snsListItem { display: inline-block; background-color: #333; }
.p-columndtl__snsListItem:first-child { margin-right: 25px; }
.p-columndtl__snsListItem .target { display: table; width: 300px; height: 60px; }
.p-columndtl__snsListItem .target.is-tw { background-color: #00a0e9; color: #fff; }
.p-columndtl__snsListItem .target.is-fb { background-color: #002e73; color: #fff; }
.p-columndtl__snsListItem .target-inner { display: table-cell; vertical-align: middle; }
.p-columndtl__snsListItem .icon,
.p-columndtl__snsListItem .txt { display: inline-block; vertical-align: middle; }
.p-columndtl__snsListItem .txt { margin-left: 30px; font-size: 1.7rem; }

.p-columndtl__service { background-color: #ebebeb; padding: 55px 0; }
.p-columndtl__serviceTitle { font-size: 2.6rem; line-height: 1; margin-bottom: 30px; }
.p-columndtl__serviceBtn .c-btn { width: 470px; border-radius: 40px; }
.p-columndtl__serviceBtn .c-btn .txt { font-size: 1.8rem; line-height: 70px; }

.p-columndtl__otherpostBlock { padding-top: 64px; }
.p-columndtl__otherpostBlock .cm-columnlist { margin-top: 27px; }
.p-columndtl__otherpostBlock .cm-more { padding-top: 6px; }

.p-columndtl__bnrletter { margin: 3px auto 30px; }

.p-columndtl__cta { border-top: 3px solid #0085c0; border-bottom: 1px solid #0085c0; padding: 37px 0; width: 740px; margin: 0 auto 55px; }
.p-columndtl__ctaTitle { font-size: 2.8rem; letter-spacing: .04em; text-indent: .04em; }
.p-columndtl__ctaTxt { margin-top: 13px; font-size: 1.6rem; line-height: 1.8; }
.p-columndtl__ctaBtn { margin-top: 31px; }
.p-columndtl__ctaBtn .c-btn { width: 470px; border-radius: 40px; }
.p-columndtl__ctaBtn .c-btn .txt { font-size: 2rem; line-height: 70px; }

/* news */
.p-news-body { margin-top: 30px; }
.p-newsdtl .cm-columnlist .cm-column__item { padding-bottom: 30px; }

/* privacy */
.p-privacy-body { margin-top: 30px; }
.p-privacy__block:not(:first-child) { margin-top: 28px; }
.p-privacy__blockTitle { font-size: 2rem; margin-bottom: 4px; }
.p-privacy__blockTxt { font-size: 1.6rem; line-height: 1.8; }


/* room */
.p-room__residents { margin: 35px auto 70px; }
.p-room__residentsItem:first-child { border-top: 1px solid #0081a7; }
.p-room__residentsItemBody .block { float: left; width: 50%; border-left: 1px solid #0081a7; border-bottom: 1px solid #0081a7; border-right: 1px solid #0081a7; }
.p-room__residentsItemBody .block:nth-child(even) { margin-left: -1px; }
.p-room__residentsItemBody .block__target { display: block; position: relative; }
.p-room__residentsItemBody .block__targetImg { position: relative; z-index: 0; }
.p-room__residentsItemBody .block__targetName { position: absolute; bottom: 20px; left: 16px; display: inline-block; min-width: 130px; line-height: 40px; text-align: center; background-color: rgba(255, 255, 255, .8); border-radius: 30px; font-size: 1.6rem; transition: color .3s; }
.p-room__residentsItemBody .block__target:hover .block__targetName { color: #0085c0; }
.p-room__merit .c-btn { width: 470px; border-radius: 40px; }
.p-room__merit .c-btn .txt { font-size: 1.8rem; line-height: 70px; }
.p-room__merit .c-title__txt { font-size: 3.2rem; }

/* 404 */
.p-404 { padding: 56px 0 300px; }
.p-404__txt { margin-top: 16px; color: #fff; font-size: 2.2rem; text-align: center; width: 451px; line-height: 62px; background-color: #00a0e9; }


/* gallery */
.p-gallery__intro { margin-top: 15px; line-height: 1.8; font-size: 1.6rem; }
.p-gallery__bodyList { margin: 45px 0 calc(44/880*-100%) calc(44/880*-100%); display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;flex-flow: row wrap; }
.p-gallery__bodyListItem { display: block; width: calc(418/924*100%); margin: 0 0 calc(44/924*100%) calc(44/924*100%); }
.p-gallery__bodyListItem .name { font-size: 2rem; margin-top: 15px; text-align: center; }


/* girls film */
.p-girlsfilm .cm-columnlist .cm-column__item { width: 444px; }
.p-girlsfilmdtl .p-columndtl__otherpostBlock .cm-more__btn .c-btn { width: 320px; }


/* series */
.p-seriesdtl .p-columndtl__otherpostBlock .cm-more__btn .c-btn { width: 320px; }


/* author */
.p-author .p-column-body { margin-top: 35px; }