/* Theme Name: original */ /** * Reset * ----------------------------------------------------------------------------- */ @import url("css/reset.css"); /** * Common * ----------------------------------------------------------------------------- */ @import url("css/common.css"); /** * Navigation * ----------------------------------------------------------------------------- */ @import url("css/navigation.css"); /** * Print * ----------------------------------------------------------------------------- */ @import url("css/print.css"); @-ms-viewport {width: device-width;} @viewport {width: device-width;} .pc {display: none;} .sp {display: block;} /** ページネーション**/ #pageNate{margin: 0 0 40px;padding: 0px;width: 100%;text-align: center;} #pageNate span {border: 1px solid #333;background: #666;color: #fff;margin-right: 5px;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 5px;padding-right: 10px;padding-bottom: 5px;padding-left: 10px;} #pageNate a {border: 1px solid #333;background: #333;color: #fff;margin-right: 5px;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 5px;padding-right: 10px;padding-bottom: 5px;padding-left: 10px;text-decoration: none;} #pageNate a:hover {background: #666;} .header-main {width: 100%;margin-right: auto;margin-left: auto;} h1.site-title {padding: 10px;margin: 0px;text-align: left;} h1.site-title img.h_logo_r {height: 40px;} .h_nav li{display: none;} .drawer-hamburger, .drawer-toggle, nav.drawer-nav { display: block; } nav.drawer-nav .drawer_logo {height: 60px;box-sizing: border-box;padding: 10px;background-color: #FFF;} nav.drawer-nav .drawer_logo img {width: auto;height: 40px;} nav.drawer-nav ul {width: 100%;margin: 0;padding: 0;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;} nav.drawer-nav ul li {width: 50%;box-sizing: border-box;padding: 3%;border: solid 0.5px #FFF;} nav.drawer-nav ul li a {display: block;font-size: 14px;color: #FFF;} nav.drawer-nav ul li a span {display: block;font-size: 10px;} /* page Header */ .page-header {width:90%;height:auto;position: relative;margin: 0 auto 0;background-position: center center;background-repeat: no-repeat;background-size: cover;padding:3%;box-sizing: border-box;display: flex;justify-content: center;align-items: center;} .page-header:before {content: '';display: block;padding-bottom: 37.037%;} .page-header:after {content:'';display: block; width: 96%;height: 90%;position: absolute;left: 2%;top: 5%;border: dotted 1px #CCCCCC;box-sizing: border-box;} .page-header h1.entry-title,.page-header h1.page-title{text-align: center;clear: left;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 8vw;font-weight: 700;letter-spacing: 2px;color: #FFFFFF;text-shadow: 3px 3px 5px rgba(0,0,0,0.60);} .page-header h1.entry-title span {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 3.2vw;color: #FFFFFF;display: block;padding-top: 16px;} .page .entry-content {padding: 32px 0 32px;; } /*404*/ .error404 .page-content .inn {max-width: 90%;margin: 0 auto;box-sizing: border-box;padding: 8px;} .error404 .page-header {background-image: url(img/about_tit_bk.jpg);} /*Home*/ .slide { margin: 0px; padding: 0px; width: 100%; position: relative; } .slide img { width: 100%; } .slide .slide_logo {position: absolute;top: 5%;left: 5%;width: 20%;height: auto;} .slide .slide_logo img {width: 100%;height: auto;} section {width: 100%;} section .in {width: 100%; padding: 40px 5%;box-sizing: border-box;} section .sec-t {text-align: center;clear: left;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;color: #231815;font-size: 19px;font-weight: 700;margin-bottom: 10px;} .about_top {margin-bottom: 0px;text-align: center;} .about_top p {margin-bottom: 16px;font-size: 4.8vw;letter-spacing: 0.14rem;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} .about_top .about_tit {margin-bottom: 24px;font-size: 5.2vw;letter-spacing: 0.14rem;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;padding-bottom: 20%;background-image: url(img/mizuhiki.png);background-position: center bottom;background-size: 50% auto;background-repeat: no-repeat;} .about_top .about_end {margin-bottom: 24px;font-size: 4.0vw;letter-spacing: 0.14rem;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;padding-top: 20%;background-image: url("img/arrow_under.png");background-position: center 20%;background-size: 10% auto;background-repeat: no-repeat;} .btn_a {width: 60%;line-height: 24px;background-color: rgba(166,92,172,0.43);text-align: center;padding:3px 8px;border-radius: 15px;margin-left: 50%;transform: translate(-50%, 0);} .btn_a a {color: #FFFFFF;display: block;} section .sec_ph {height: auto;margin-bottom: 0px;} section .sec_ph:before {padding-top: 0%;content:'';display: block;} .top_plan_box {overflow: hidden;} .top_plan_box .in {width: 100%;display: block;padding: 0;} .top_plan_box .in .sec_ph {width: 100%;} .top_plan_box .in .sec_ph img {width: 100%;height: auto;} .top_plan_box .in .sec_ph .sp-buttons {display: block;padding-top: 8px;} .top_plan_box .top_plan_title {max-width: 100%;box-sizing: border-box;padding: 0 5%; text-align: center;margin: 0 auto;font-size: 4.8vw;font-weight: 700; letter-spacing: 0.14rem;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} .top_plan_box .top_plan_title p {font-size: 3.6vw;font-weight: 500; text-align: left;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;padding-top: 1rem;} .top_plan_box .in .top_plan_tit {width: 100%;text-align: center;padding-bottom: 5%;} .top_plan_box .in .top_plan_tit img {width: auto;max-width: 100%; height: 96px;margin: 40px auto 24px;} .top_plan_box .in .top_plan_tit p {display: block;margin-bottom: 16px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} .btn_b {display: block;width: 190px;height: 26px;margin-left:50%;transform: translate(-50%,0%);background-color:rgba(166,92,172,0.43);border-radius: 13px;padding: 0;} .top_plan_box .in .top_plan_tit p span {font-size: 11px;} .top_plan_box .in .top_plan_tit .f_tit {font-size: 5.2vw;font-weight: 700;margin-bottom: 0%;} .top_plan_box .in .top_plan_tit .tit_img {width: 30px; margin: 0 auto 3%;padding: 0;} .top_plan_box .in .top_plan_tit .tit_img img {width: 100%;height: auto;padding: 0;margin: 0;} .btn_txt {height: 40px; display: flex;align-items: flex-end;justify-content: flex-end;padding-right: 46px;background-image: url(img/arrow_right.png);background-position: right 16px bottom 8px;background-size: 25px auto;background-repeat: no-repeat;} .btn_txt a {display: block;} .btn_txt a span {text-decoration: underline;} .btn_b a {display: block;position: relative;color: #FFF;text-align: center;text-decoration: none;} .btn_b a:after {position: absolute;top: 0;bottom: 0;right: 16px;margin: auto;content: "";vertical-align: middle;width: 7px;height: 7px;border-top: 2px solid #FFF;border-right: 2px solid #FFF;-webkit-transform: rotate(45deg);transform: rotate(45deg);} .sec02 {width: 100%;} .sec03 {width: 100%;} .sec04 {width: 100%;} .sec05 {width: 100%;} .sec05 .in .top_plan_tit {background-color: #E5E1A3;} .sec02 .in .top_plan_tit {background-image: url(img/top/sec02_bk.jpg);background-position: center top;background-size: cover;background-repeat: no-repeat;} .sec03 .in .top_plan_tit {background-image: url(img/top/sec03_bk.jpg);background-position: center top;background-size: cover;background-repeat: no-repeat;} .sec04 .in .top_plan_tit {background-image: url(img/top/sec04_bk.jpg);background-position: center top;background-size: cover;background-repeat: no-repeat;} .sec05 .in .top_plan_tit {background-image: url(img/top/sec05_bk.jpg);background-position: center top;background-size: cover;background-repeat: no-repeat;} .top_plan_box .sec_ph {height: 100%;} .top_plan_tit {display: block;position: relative;} .sec02 .top_plan_tit a, .sec03 .top_plan_tit a, .sec04 .top_plan_tit a, .sec05 .top_plan_tit a {width: 100%;height: 100%;display: block; box-sizing: border-box;padding:5% 5% 10%;text-align: left; background-image: url(img/arrow_right_b.png);background-position: right 5% bottom 5%;background-size: 25px auto;background-repeat: no-repeat;} .top_plan_tit a:hover {text-decoration: none;color: #323232;} .top_plan_tit a .en_tit {font-size: 3.6vw;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 500;letter-spacing: 0.14rem;margin-bottom: 24px;} .top_plan_tit a .tit {font-size: 5.6vw;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 500;line-height: 1.5;margin-bottom: 24px;} .top_plan_tit a .tit span {font-size: 3.2vw;display: block; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 500;} .top_plan_tit a .tit span.icon {display: inline-block; } .top_plan_tit a .tit span.icon img {width: 24px;height: auto;margin: -24px 0 0 8px;} .top_plan_tit a p {font-size: 3.6vw;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 500;} .sec06 {width: 100%;} .sec06 .sec_ph {width: 100%;height: auto; margin: 0 auto;} .sec06 .sec_ph img {width: 100%;height: auto;} .campaign {width: 100%;} .campaign .sec_ph {width: 100%;height: auto; margin: 0 auto;} .campaign .sec_ph img {width: 100%;height: auto;} .btn_box {margin: 8px 8px 0 0;text-align: right;float: right;} .btn_box span {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 12px;margin-right: 8px;} .btn_box .btn {height: 26px;display: inline-block;padding: 0px 40px;background-color: rgba(166,92,172,0.43);border-radius: 13px;} .btn_box .btn a {display: block;position: relative;color: #FFF;} .btn_box .btn a:after {position: absolute;top: -1px;bottom: 0;right: -13px;margin: auto;content: "";vertical-align: middle;width: 7px;height: 7px;border-top: 2px solid #FFF;border-right: 2px solid #FFF; -webkit-transform: rotate(45deg);transform: rotate(45deg);} .tit_ss {font-size: 3.2vw;color:#212121;width: 100%;box-sizing: border-box; padding: 3% 0%;display:block;margin: 0 auto;} .sec07 {width: 100%;position: relative;} .sec07 .in {padding-top: 48px;} .sec07 .blog_tit {width: 25%;position: absolute;top: 0%;margin-left: 50%;transform: translate(-50%,-10%);z-index: 1;} .sec07 .blog_tit img {width: 100%;height: auto;} .sec07 .in .blog_outer {width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;} .sec07 .in .blog_outer .blog-com {width: 48%;height: auto;padding: 0;border:none;position: relative;margin-bottom: 4%;overflow: hidden;} /*.sec07 .in .blog_outer .blog-com:before {content:'';padding-bottom: 100%;display: block;}*/ .sec07 .in .blog_outer .blog-com .blog_img {width: 100%;height: auto;position:relative;} .sec07 .in .blog_outer .blog-com .blog_img:before {content:'';padding-bottom: 100%;display: block;} .sec07 .in .blog_outer .blog-com .blog_img img {width: auto;height: 100%;transform: translate(-50%,0%);position: absolute;top: 0;left: 50%;} .sec07 .in .blog_outer .blog-com .blog_t {font-size:3vw;text-align: center;} .sec07 .in .blog_outer .blog-com a .blog_t {color: #212121;} .sec08 {width: 100%;} .sec08 .in {width: 100%;height: auto; margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;} .sec08 .in .logo {display: none;} .sec08 .in .logo img {width: 80%;height: auto;} .sec08 .in .center_b {width: 100%;color: #000;margin-bottom: 4%;} .sec08 .in .center_b .tit {font-size: 24px;text-align: center;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin-bottom: 24px;color: #212121;} .sec08 .in .center_b p {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 14px;font-weight: 700; margin-bottom: 0px;text-align: center;letter-spacing: 3px;color: #212121;} .sec08 .in .center_b .tel {width: 100%;height: 70px;box-sizing: border-box;border:solid 1px #212121;text-align: center;font-size: 22px;line-height: 68px;margin-bottom: 8px;position: relative} .sec08 .in .center_b .tel:before {font-family: "Font Awesome 5 Free";content: '\f095';display: block;position: absolute;font-size:30px; left:30px;font-weight: 900;transform: scaleX(-1);color: #212121;} .sec08 .in .center_b .tel a {display: block;color: #212121;} .sec08 .in .center_b .mail {width: 100%;height: 70px;box-sizing: border-box;border:solid 1px #212121;text-align: center;font-size: 18px;line-height: 68px;position: relative;} .sec08 .in .center_b .mail:before {font-family: "Font Awesome 5 Free";content: '\f0e0';display: block;position: absolute;font-size:30px;left:30px;color: #212121;} .sec08 .in .center_b .mail a {display: block;color: #212121;} .sec08 .in .add_box {font-size: 15px;line-height: 2.2;color: #212121;} .sec08 .in .add_box .name {line-height: 1.6;margin-bottom: 0.5rem;} .sec08 .in .add_box .name .name_s {font-size: 12px;font-weight: 500;display: block;} .sec08 .in .add_box .add {line-height: 1.6;margin-bottom: 0.5rem;} .sec08 .in .add_box .tel {line-height: 1.6;margin-bottom: 0.5rem;} .sec08 .in .add_box .tel .tel_t{font-size: 12px;font-weight: 700;display: block;} .sec08 .in .add_box .gmap_link {height: 26px;display: inline-block;padding: 0px 20px;border:solid 1px #212121;border-radius: 13px;} .sec08 .in .add_box .gmap_link a {display: block;position: relative;color: #212121;} .sec08 .in .add_box .gmap_link a:before {} .sec09 {width: 100%;position: relative;} .sec09 .in {} .sec09 .in .top_plan_tit {padding: 32px 0;} .sec09 .in .top_plan_tit .logo_img img {width: auto;height: 50px;margin: 0 auto 16px;} .sec09 .in .top_plan_tit ul {padding: 0 16px;margin: 0 auto 16px;} .sec09 .in .top_plan_tit ul li {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 3.6vw; margin-bottom: 5%;text-align:left;letter-spacing: 0px;} .sec09 .in .top_plan_tit ul li .tit {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 4.8vw;font-weight: 500;display: block;text-align: center;} section.sec09 .in .sec_ph {height: auto;position: relative;overflow: hidden;} .sec09.top_plan_box .in .sec_ph img {width: 100%;height: auto;position: relative;left: 0%;top:0;transform: translate(0%,0);} .sec09.top_plan_box {background-image: url(img/top_plan_box_bk.png);background-position: center top;background-size: 100% auto;background-repeat: repeat-y;} /** ABOUT **/ .about .page-header {width: 90%;margin: 0 auto 16px;background-image: url("img/about_tit_bk.jpg");} section.row {width:90%;margin: 0 auto 40px;} .btn_under {padding-top: 50px;background-image: url(img/arrow_under.png);background-position: center top;background-size: 40px auto;background-repeat: no-repeat;margin-bottom: 64px;} .btn_under a {display: inline-block;text-align: center;margin-left: 50%;transform: translate(-50%,0);text-decoration: none;} .about section.row .point_num {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:3vw;font-weight: 700;text-align: center;margin-bottom: 0px;} .about section.row .point_tit {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:5vw;font-weight: 700;text-align: center;margin-bottom: 8px;line-height: 1.8;} .about section.row .point_tit span {display: block;text-align: center;font-size: 3.2vw;} .about section.row .point_tit_s {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:4.5vw;font-weight: 700;text-align: center;margin-bottom: 8px;line-height: 1.8;} .about section.row .point_com {width:100%;margin: 0 auto;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:3.6vw;font-weight: 700;margin-bottom: 5%;} .about_slide {margin-bottom: 40px;} .about_slide #about03 {margin-bottom: 24px;} .about_slide .sp-buttons {display: block;} .about_slide .sp-slide:before {position: absolute;left:10px;top:10px;width:calc(100% - 20px);height:calc(100% - 20px);content: '';display: block;border: dotted 1px #DDD;} .about section.row .point_com.flex {display:block;margin-bottom: 40px;} .about section.row .point_com .com_l {width:100%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:3.6vw;font-weight: 700;text-align: center;margin-bottom: 40px;} .about section.row .point_com .logo_ph {width: 60%;margin-left:auto;margin-right: auto; } .about section.row .point_com .sec04_ph {width: 100%;margin-left:auto;margin-right: auto; } .about section.row .point_com .sec04_ph .rem {font-size: 12px; } .about section#sec07 .point_com {text-align: left;} /** PLAN **/ .plan .page-header {background-image: url("img/plan_tit_bk.jpg");} .plan .row h2 {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:4.5vw;font-weight: 700;text-align: center;margin-bottom: 24px;line-height: 1.8;} .plan .row p {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:3.2vw;font-weight: 700;text-align: center;margin-bottom: 0px;} .plan .row.plan_o {width: 100%;padding: 40px 0 20px;} .plan_o .plan_box {width: 90%;margin: 0 auto 40px;background: #FFF;border: solid 1px #DDDDDD;box-sizing: border-box;padding: 32px 16px 0px;} #plan01 {background-image: url(img/plan/sec02_bk.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;} #plan02 {background-image: url(img/plan/sec03_bk.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;} #plan03 {background-image: url(img/plan/sec04_bk.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;} #plan04 {background-image: url(img/plan/sec05_bk.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;} .plan_o .plan_box .plan_tit {width: 100%;height:auto;margin: 0 auto 24px;text-align: left;} .plan_o .plan_box .plan_tit .en_tit {font-size: 3.6vw;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 500;letter-spacing: 0.14rem;margin-bottom: 0px;} .plan_o .plan_box .plan_tit .tit {font-size: 5.2vw;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 500;line-height: 1.5;margin-bottom: 24px;} .plan_o .plan_box .plan_tit .tit span {font-size: 12px;display: block; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 500;} .plan_o .plan_box .plan_tit .tit span.icon {display: inline-block;padding-right: 0; } .plan_o .plan_box .plan_tit .tit span.icon img {width: 20px;height: auto;margin: -20px 0 0 8px;} .plan_o .plan_box .plan_tit img {width:100%; height: auto;} .plan_o .plan_box .plan_read {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:3.6vw;font-weight: 700;text-align:left;margin: 0 0 24px;} .plan_col2 {display: flex;flex-wrap: wrap;justify-content: space-between;} .plan_col2 .col {width: 100%;padding: 20px;box-sizing: border-box;border: solid 1px #DDDDDD;margin-bottom: 16px;background-color: rgba(255,255,255,0.90);} .plan_col2 .col .ph {margin-bottom: 24px;} .plan_col2 .col .plan_name {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:5.6vw;font-weight:normal;text-align: center;margin-bottom: 16px;line-height: 1.6;} .plan_col2 .col .plan_name span {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:3.2vw;display: block;} .plan_col2 .col .en {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:4.0vw;font-weight:normal;text-align: center;line-height: 1.6;} .plan_o .plan_box .plan_col2 .col a {display: block;background-image: url(img/arrow_right.png);background-position: right bottom;background-size: 25px auto;background-repeat: no-repeat;text-decoration: none;transition: all 0.5s;} .plan_detail_box {width: 90%;margin: 0 auto 40px;background: #FFF;border: solid 1px #DDDDDD;box-sizing: border-box;padding: 24px 16px;} .plan_detail_box .plan_name {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:24px;font-weight:normal;text-align: center;margin-bottom: 16px;line-height: 1.6;} .plan_detail_box .plan_txt {width: 90%;margin: 0 auto 16px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:14px;font-weight:normal;line-height: 1.6;} .plan_detail_box .plan_name span {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:14px;display: block;} .plan_detail_box .plan_ph {width: 100%;margin-bottom: 32px;} .plan_col_o {width: 100%;box-sizing: border-box;padding: 40px 16px 20px;border:solid 1px #DDD;position: relative;margin-bottom: 40px;} .plan_col_o .plan_num {position: absolute;left: 0;top:0;width: 50px;height: 50px;color: #FFF;box-sizing: border-box;padding: 5px 0 0 5px;background: -moz-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(5,5,5,0) 51%, rgba(255,255,255,0) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(-45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(5,5,5,0) 51%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(5,5,5,0) 51%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */} .plan_col_o .rem {position: absolute;right: 8px;bottom: 2px;font-size: 12px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} .plan_col_o .plan_name_o {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;border-bottom: dotted 1px #DDD;padding-bottom: 16px;} .plan_col_o .plan_name_o .plan_tit {width:auto;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:6vw;font-weight:normal;line-height: 1.2;} .plan_col_o .plan_name_o .plan_remark {width:auto;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:3.2vw;font-weight:normal;line-height: 1.6;} .col4 {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;box-sizing: border-box;} .col4 .col {width: 100%;padding: 20px 0;display: flex;flex-wrap: wrap; box-sizing: border-box;border-bottom: dotted 1px #DDD;text-align: center;align-items: center;} .col4 .col:nth-child(1n) {border-right: dotted 0px #DDD; } .col4 .col .p_tit {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 18px;text-align: center;width: 100%;} .col4 .col .p_price {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 21px;text-align: center;width: 100%;} .col4 .col .p_price span {font-size: 16px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin-left: 8px;} .ico_box {width: 100%;padding-top: 16px;position: relative;} .ico_box .ico_tit {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 16px;text-align: center;margin-bottom: 16px;} .ico_o {display: flex; flex-wrap: wrap;justify-content: center;} .ico_o .ico {width: 80px;height: 80px;background-color: #f2f2ef;border: solid 1px #DDD;box-sizing: border-box;display: flex;flex-wrap: wrap; align-items: center;justify-content: center; text-align: center;margin: 0 8px 8px;padding-top: 8px;} .ico_o .ico span {width: 100%; display: block;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 12px;} .plan_rem_box {width: 90%;box-sizing: border-box;padding: 40px 16px 20px;border:solid 1px #DDD;position: relative;margin:0 auto 40px;} .plan_rem_box:last-child {margin-bottom: 0;} .plan_rem_box .plan_rem_t {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 5.6vw;font-weight: normal;line-height: 1.6;padding-bottom: 24px;margin-bottom: 32px;text-align: center;border-bottom: solid 1px #DDD;} .plan_rem_box .plan_rem_ph {margin-bottom: 32px;} .plan_rem_box p {text-align: left!important;} .plan_rem_box ul {padding: 0 5%;} .plan_rem_box li {list-style: circle; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:3.2vw;font-weight: 700;text-align: left;margin-bottom: 0px;} .plan_rem_box .option_price {} .plan_rem_box .option_price .col {display: flex;justify-content: space-between;border-bottom: solid 1px #DDD;margin-bottom: 0;} .plan_rem_box .option_price .col:last-child {border: none;margin-bottom: 0;} .plan_rem_box .option_price .col .option_n {width: 50%;box-sizing: border-box;padding: 5% 3% 2.5%;} .plan_rem_box .option_price .col .option_p {width: 50%;box-sizing: border-box;padding: 2.5% 3% 5%;} /** Costume **/ .tax-classification .page-header, .costume .page-header {background-image: url("img/costume_tit_bk.jpg");} .costume .row {width: 90%;margin: 0 auto 40px;} .costume .row h2 {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:4.5vw;font-weight: 700;text-align: center;margin-bottom: 24px;line-height: 1.8;} .costume .row h2 span {display: block; font-size: 3.2vw;font-weight: 500;} .costume .row .tit_s {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:5.5vw;font-weight: 700;text-align: center;margin-bottom: 24px;} .costume .row p {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:3.2vw;font-weight: 700;text-align: center;margin-bottom: 0px;} .costume .row p.read {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:17px;font-weight: 700;text-align: center;margin-bottom: 32px;} .costume .row .col-t {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:18px;font-weight: 700;text-align: center;margin-bottom: 24px;border: solid 1px #DDD;padding: 8px;} .costume .row ul {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;} .costume .row ul li {width:48%;box-sizing: border-box;border: solid 1px #CCC;margin-bottom: 24px;} .costume .row .col2 {display: flex;flex-wrap: wrap;justify-content: space-between;} .costume .row .col2 .col_l {width: 100%;margin-bottom: 24px;} .costume .row .col2 .col_r {width: 100%;} .costume06 {text-align: center;} .costume_slide {margin-bottom: 40px;} .costume_slide #sec07 {margin-bottom: 24px;} .costume_slide .sp-buttons {display: block;} .costume_slide .sp-slide:before {position: absolute;left:10px;top:10px;width:calc(100% - 20px);height:calc(100% - 20px);content: '';display: block;border: dotted 1px #DDD;} .costume_o {width: 90%;margin: 0 auto 32px;padding-top:72px;display: flex;flex-wrap: wrap;} .costume_o article {width: 48.5%;margin:0 2% 3% 0;position: relative;} .costume_o article:nth-child(2n) {margin-right: 0;} .costume_o article a {display: block;width: 100%;height: auto;position: relative;overflow: hidden;} .costume_o article a:before {content:'';display:block;width:100%;height:0;padding-bottom:125%;} .costume_o article a img {position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);} .costume_o .cos-txt {width:100%;text-align: center;} .costume_o article p {font-size: 3vw;margin: 0;padding: 8px;line-height: 1.4;} .paging-navigation {width: 100%;text-align: center;} .btn_detail {height: 26px;display: inline-block;padding: 0px 40px;background-color: rgba(166,92,172,0.43);border-radius: 13px;margin: 30px auto 60px;} .btn_detail a {display: block;position: relative;color: #FFF;text-decoration: none;} .btn_detail a:after {position: absolute;top: -1px;bottom: 0;right: -13px;margin: auto;content: "";vertical-align: middle;width: 7px;height: 7px;border-top: 2px solid #FFF;border-right: 2px solid #FFF;-webkit-transform: rotate(45deg);transform: rotate(45deg);} /** Gallery **/ .tax-gallery_cat .page-header, .gallery .page-header {background-image: url("img/gallery_tit_bk.jpg");} #gallery {text-align: center;width: 94%;margin-right: 3%;margin-left: 3%;padding: 5% 0;position: relative;} #gallery:after {content: '';display: block;clear: both;} #gallery img {width: 48%;margin-right: 1%;margin-bottom: 5px;margin-left: 1%;padding: 0px;margin-top: 0px;float: left;} .remark-box {width: 90%;margin: 0 auto;padding: 0px 0 40px;} .remark-box h3 {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:4.5vw;font-weight: 700;text-align: center;margin:0 0 32px;} .remark-box p {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:3.2vw;font-weight: 700;text-align: center;margin-bottom: 0px;} #gallery ul.cat_nav {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 24px;} #gallery ul.cat_nav li {text-align: center;box-sizing: border-box;padding: 8px 0;margin-bottom: 8px;background-color: #CCC;} #gallery ul.cat_nav li.col4 {width: 23%;text-align: center;display: inline-block;} #gallery ul.cat_nav li.col2 {width: 48.5%;text-align: center;display: inline-block;} #gallery ul.cat_nav li a {display: block;} #gallery ul.cat_nav li a:hover {color: inherit;text-decoration: underline;} #gallery .gallery_o {width: 100%;position: relative;display: flex;margin-bottom: 24px;} /** Access **/ .access .page-header {background-image: url("img/access_tit_bk.jpg");} .access .row h2 {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:4.5vw;font-weight: 700;text-align: center;margin-bottom: 24px;line-height: 1.8;} .access .row p {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:3.2vw;font-weight: 700;text-align: center;margin-bottom: 0px;} .access .row .logo {width: 30%;margin: 0 auto 0;} .access .row .logo img {width: 100%;height: auto;} .access .row.access_o {width: 100%;background-color: #f2f2ef;padding: 40px 0 24px;} .access_o .col2 {width: 90%;margin: 0 auto 40px;background: #FFF;border: solid 1px #DDDDDD;box-sizing: border-box;padding: 16px 16px 0;display: flex;flex-wrap: wrap;justify-content: space-between;} .access_o .col2 .col {width: 100%;padding: 8px;box-sizing: border-box;border: solid 1px #DDDDDD;margin-bottom: 16px} .access_o .col2 .col .access-ts {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:24px;font-weight: 700;text-align: center;margin-bottom: 8px} .access_o .col2 .col .ph {width: 100%;height: auto;margin-bottom: 8px;} .access_o .col2 .col .ph img {width: 100%;height: auto;} .access_o .col2 .col .access-com {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:14px;font-weight: 700;margin-bottom: 8px;padding-left: 5%;} .access_o .col2 .col .tel {width: 90%;height: 50px;box-sizing: border-box;border:solid 1px #000;text-align: center;font-size: 21px;line-height: 48px;margin:0 auto 24px;position: relative} .access_o .col2 .col .tel:before {font-family: "Font Awesome 5 Free";content: '\f095';display: block;position: absolute;font-size:24px; left:30px;font-weight: 900;transform: scaleX(-1);} .access_o .col2 .col .tel a {display: block;color: #000;text-decoration: none;} .access_o .col2 .col .map {width: 100%;height: auto;} .access_o .col2 .col .map iframe {width: 100%;height:200px;} .access_o .img_box {width: 100%;margin: 0 auto 40px;} /** Blog **/ .blog .page-header {background-image: url("img/blog_tit_bk.jpg");} article.blog {width: 100%;} article.blog .entry-content {width: 100%;padding: 32px 0 24px;} article.blog .entry-content .in {width: 90%;margin: 0 auto 0px;display: flex;flex-wrap: wrap;justify-content: space-between;} .archive-blog-l {width: 100%;box-sizing: border-box;margin-bottom: 24px;} .archeve_blog_box,.single_blog_box {width: 100%;padding: 16px;background: #FFF;border: solid 1px #DDDDDD;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 24px;} .archeve_blog_box .ph {width:100%;margin-right: 0%;} .archeve_blog_box .blog_content {width: 100%;} .archeve_blog_box .blog_content .blog_tit {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:20px;font-weight: 700;line-height: 1.6;} .single_blog_box .blog_content .blog_tit {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:24px;font-weight: 700;line-height: 1.6;} .single_blog_box .blog_content {width: 100%;} .archeve_blog_box .blog_content .blog_tit a {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:20px;font-weight: 700;color: #333;text-decoration: none;} .archeve_blog_box .date {font-size: 12px;} .single_blog_box .date {font-size: 12px;margin-bottom: 32px;padding-bottom: 16px;border-bottom: solid 1px #DDD;} .archeve_blog_box .date a,.single_blog_box .date a {font-size: 12px;margin-right: 16px;color: #666;text-decoration: none;} .archeve_blog_box .exce {font-size: 13px;margin-bottom: 16px;} .archeve_blog_box .btn-more {display: block;width: 190px;height: 26px;margin-left:50%;transform: translate(-50%,0%);border:solid 1px #000;border-radius: 13px;padding: 0;} .archeve_blog_box .btn-more a {display: block;position: relative;color: #000;text-align: center;text-decoration: none;} .archeve_blog_box .btn-more a:after {position: absolute;top: 0;bottom: 0;right: 16px;margin: auto;content: "";vertical-align: middle;width: 7px;height: 7px;border-top: 2px solid #000;border-right: 2px solid #000;-webkit-transform: rotate(45deg);transform: rotate(45deg);} .facebook-box.p_foot {width: 100%;margin: 0 auto 24px;} .blog-sidebar {width: 100%;margin: 0px;box-sizing:border-box;} .side-head {text-align: center;margin-bottom: 20px;} .side-head img {width: 100%;} .side_facebook-box {width: 280px;margin: 0 auto 24px;} .social-btn {text-align: center;width: 100%;margin-bottom:8px;} .social-ico-box {width: 100%;margin-bottom: 30px;display: flex;flex-wrap: wrap;justify-content: center;} .social-ico-box a {color: #000;text-decoration: none;} .social-ico-box .ico-facebook {font-size: 40px;margin: 0 3% 0;} .social-ico-box .ico-instagram {font-size: 40px;margin: 0 3% 0;} .social-ico-box .ico-twitter {font-size: 40px;margin: 0 3% 0;} .social-ico-box .ico-pinterest {font-size: 40px;margin: 0 3% 0;} .social-ico-box .ico-pinterest span {display: none;} div.fb-like-box,div.fb-like-box iframe[style],div.fb-like-box span {width: 100% !important;} .blog-cat {margin-bottom: 40px;} .side-t {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;text-align: center;font-size: 24px;font-weight: 300;color: #000;border-bottom:solid 1px #999;margin-bottom: 10px;} .blog-cat ul {padding-right: 10px;padding-left: 10px;} .blog-cat li {} .blog-cat li a {color: #666;text-decoration: none;} /*WordPress Popular Postsプラグイン*/ #popular-post ul.wpp-list {margin-bottom: 40px;} #popular-post ul.wpp-list li{border-bottom: #ccc 1px dotted;padding-top: 5px;padding-bottom: 5px;line-height: 1.8em;} #popular-post {counter-reset: wpp-ranking;margin-bottom: 10px;} #popular-post ul li:before {color:#fff;content: counter(wpp-ranking, decimal);counter-increment: wpp-ranking;text-align:center;opacity:0.999;font-size:11px;float:left;line-height:18px;width: 18px;height: 18px;background-color:#00a0e9;border-radius: 2px;-moz-border-radius: 2px;} #popular-post li .clear {height: 0px;} #popular-post li img {float:left;margin-left:-18px;} ul#post2-list li {border-bottom: #ccc 1px dotted;padding-top: 5px;padding-bottom: 5px;line-height: 1.8em;height: 50px;} #popular-post ul.wpp-list li a,ul#post2-list li a {text-decoration: none;} #popular-post ul.wpp-list li a:hover,ul#post2-list li a:hover {text-decoration: underline;color: #212121;} ul#post2-list li img {height: 50px;width: 50px;float: left;margin-right: 5px;} .nav-single {padding: 0px;width: 232px;margin-top: 20px;margin-bottom: 20px;text-align: center;margin-right: auto;margin-left: auto;} .nav-single .nav-previous a,.nav-single .summary a,.nav-single .nav-next a {border: 1px solid #000;background: #000;color: #fff;margin-right: 5px;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 5px;padding-right: 10px;padding-bottom: 5px;padding-left: 10px;text-decoration: none;} .nav-single .nav-previous a:hover,.nav-single .summary a:hover,.nav-single .nav-next a:hover{background-color: #333;} /** Contact **/ .contact .page-header {background-image: url("img/contact_tit_bk.jpg");} #contact-box {width: 90%;margin-right: auto;margin-left: auto;} .contact-tr {clear: left;margin-bottom: 15px;padding-bottom: 15px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #CCC;float: left;width: 100%;padding-right: 15px;padding-left: 15px;box-sizing: border-box;line-height: 2.5em;} .contact-text {padding-right: 15px;padding-left: 15px;} .contact-tr .contact-th {float: left;width: 100%;clear: none;} .contact-tr p {float: left;width: 100%;margin: 0px;padding: 0px;clear: none;} .send-btn-box {text-align: center;clear: left;} .send-btn-box .wpcf7-form-control.wpcf7-submit {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;text-align: center;font-size: 18px;font-weight: 700;background-color: #000;color: #FFF;border-radius: 10px;} .remark-box {font-size: 12px;text-align:left;clear: left;margin-bottom: 30px;padding-top: 30px;} .remark-box .contact-remark {font-size: 14px;padding: 0px;margin:0 0 30px;} .btn_policy_box {width: 100%;float: left;text-align: center; display: block;padding: 32px 0;} .btn_policy_box .btn_policy {min-width: 240px;line-height: 24px;background-color: #555;text-align: center;padding: 3px 8px;border-radius: 15px;display: inline-block;} .btn_policy_box .btn_policy a {text-decoration: none;display: block;color: #FFF;} div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {width: 100%;float: left;box-sizing: border-box;} div.wpcf7-response-output {margin: 0 0 2rem;} /** news **/ .news .page-header {background-image: url("img/gallery_tit_bk.jpg");} article.news {width: 100%;} article.news .entry-content {width: 100%;padding: 40px 0 40px;} article.news .entry-content .in {width: 90%;margin: 0 auto 0px;display: flex;flex-wrap: wrap;justify-content: space-between;} .archive-news-box {width:100%;box-sizing: border-box;} .news-sidenav {width: 100%;margin: 0px 0 40px;;box-sizing:border-box;} .news-sidenav li {line-height: 1.6em;clear: left;margin-bottom: 10px;padding-left: 15px;position: relative;} .news-sidenav li a {color: #000;text-decoration: none;} .news-sidenav li a:hover {text-decoration: underline;} .news-sidenav li:before {position: absolute;top: 6px;left: 2px;margin: auto;content: "";vertical-align: middle;width: 5px;height: 5px;border-top: 2px solid #000;border-right: 2px solid #000;-webkit-transform: rotate(45deg);transform: rotate(45deg);} .news-monthly {margin-bottom: 20px;padding-bottom: 10px;padding-right: 5px;padding-left: 5px;} .news-monthly li {line-height: 1.8em;clear: left;margin-bottom: 10px;padding-left: 15px;position: relative;} .news-monthly li a {color: #000;text-decoration: none;} .news-monthly li a:hover {text-decoration: underline;} .news-monthly li:before {position: absolute;top: 7px;left: 2px;margin: auto;content: "";vertical-align: middle;width: 5px;height: 5px;border-top: 2px solid #000;border-right: 2px solid #000;-webkit-transform: rotate(45deg);transform: rotate(45deg);} /** campaign **/ .campaign .page-header {background-image: url("img/gallery_tit_bk.jpg");} article.campaign {width: 100%;} article.campaign .entry-content {width: 100%;padding: 40px 0 40px;} article.campaign .entry-content .in {width: 90%;margin: 0 auto 0px;display: flex;flex-wrap: wrap;justify-content: space-between;} .archive-campaign-box {width: 100%;box-sizing: border-box;} /** flow **/ .flow .page-header {background-image: url("img/flow_tit_bk.jpg");} .flow section.row {width:100%;margin: 0 auto 40px;} .flow section.row .point_num {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:14px;font-weight: 700;text-align: center;margin-bottom: 0px;} .flow section.row .point_tit {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:7vw;font-weight: 700;text-align: center;margin-bottom: 32px;line-height: 1.5;} .flow section.row .point_tit span {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:4.5vw;font-weight: 500;} .flow section.row .point_com {width:100%;margin: 0 auto;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:4vw;font-weight: 700;text-align:left;} .flow .read {width:90%;margin: 0 auto 40px;text-align: center;} .page_navi {width:90%;margin: 0 auto 40px;display: flex;flex-wrap: wrap;justify-content: space-between;} .page_navi .btn {width: 48.5%;box-sizing: border-box;border: solid 1px #DDD;padding: 1.5%;} .page_navi .btn a {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:4vw;font-weight: 700;text-decoration: none; display: flex;justify-content: center;align-items: center;text-align: center; border: dotted 1px #DDD;padding: 4.5%;} .flow .img_box {width:100%;margin: 0 auto 40px;} .flow .sec_outer {width:90%;margin: 0 auto 40px;box-sizing: border-box;padding: 24px;border: dotted 1px #DDD;} .flow .sec_outer .section_tit {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:5vw;font-weight: 700;text-align: center;margin-bottom: 24px;padding-bottom: 24px; line-height: 1.6;border-bottom: dotted 1px #DDD;} .flow .sec_outer .section_tit span {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 3.5vw;font-weight: 500;} /** Q&A **/ .qa .page-header {background-image: url("img/qa_tit_bk.jpg");} .qa section.row {width:90%;margin: 0 auto 80px;} .faq_o {margin: 0 auto 40px;border: solid 1px #DDD;padding: 20px;box-sizing: border-box;} .faq_o .ques {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 20px;font-weight: 700;line-height: 1.6;position: relative;padding: 0 0 16px 40px;margin-bottom: 16px;border-bottom: dotted 1px #DDD;} .faq_o .ques:before {content:'Q';display: block;position: absolute;left: 0;top: 0;border:solid 1px #333;line-height: 1;padding: 8px;} .faq_o .ans {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 16px;font-weight: 700;line-height: 1.6;position: relative;padding: 0 0 0px 40px;} .faq_o .ans:before {content:'A';display: block;position: absolute;left: 0px;top: 0;border:solid 1px #333;line-height: 1;padding: 8px;font-size: 20px;} /** policy **/ .policy .page-header {background-image: url("img/policy_tit_bk.jpg");} .policy section.row {width:90%;margin: 0 auto 80px;} .policy_o h1 {} .policy_o ul {margin-bottom: 32px;font-size: 16px;} .policy_o ul li {font-size: 14px;margin-bottom: 8px;padding-left: 1em;} /** operating **/ .operating .page-header {background-image: url("img/operating_tit_bk.jpg");} .operating section.row {width:90%;margin: 0 auto 40px;} .operating section.row .col2 {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;} .operating section.row .col2 .col.l {width: 100%;margin-bottom: 24px;} .operating section.row .col2 .col.r {width: 100%;} .operating section.row .col2 .col .logo_o {width: 100%;box-sizing: border-box;border: solid 1px #CCC;padding: 3%;position: relative;} .operating section.row .col2 .col .logo_o:before {content:'';display:block;width:100%;height:0;padding-bottom:100%;} .operating section.row .col2 .col .logo_o .logo_in {position: absolute; display: flex;flex-wrap: wrap;justify-content: center;align-items: center; width: 90%;height: 90%; box-sizing: border-box;border: dotted 1px #CCC;padding: 5%;left: 5%;top: 5%;} .operating section.row .col2 .col .logo_o .logo_in img {width: 80%;} .operating section.row .col2 .col .about_tb {width: 100%;box-sizing: border-box;border-top: solid 1px #CCC;position: relative;} .operating section.row .col2 .col .about_tb:before {position: absolute;content: ''; display: block; width: 100px;height: 3px;background-color: rgba(255,220,92,1.00);left: 0;top: -2px;} .operating section.row .col2 .col .about_tb .tr {position: relative; width: 100%;box-sizing: border-box;padding: 3% 5%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;border-bottom: solid 1px #CCC;} .operating section.row .col2 .col .about_tb .tr:before {position: absolute;content: ''; display: block; width: 100px;height: 3px;background-color: rgba(255,220,92,1.00);left: 0;bottom: -2px;} .operating section.row .col2 .col .about_tb .tr .th {width: 100%;font-weight: 700;} .operating section.row .col2 .col .about_tb .tr .td {width: 100%;} /*footer*/ .footer-inner {width: 90%;box-sizing: border-box;margin:0 5%;} .footer-inner .tit {font-size: 18px;text-align: center;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin-bottom:24px;} .footer-contact {box-sizing: border-box;text-align: center;padding: 0px 0;display: block;margin-bottom: 24px;} .footer-navi.sp {margin-bottom: 10%;padding: 5% 0;} .footer-navi.sp ul {width:100%;margin: 0 0 5%;padding: 0 0 0;display: flex;flex-wrap: wrap;} .footer-navi.sp ul li {padding:2px;box-sizing: border-box;} .footer-navi.sp ul li.f_nav_tit {width: 100%; text-align: center;font-weight: 700;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} .footer-navi.sp ul li.col1 {width: 100%;} .footer-navi.sp ul li.col1 a {position: relative;display: block;text-align: center;background-color: #FFF;font-size: 12px;line-height: 1.6;padding: 5px;box-sizing: border-box;} .footer-navi.sp ul li.col2 {width: 50%;} .footer-navi.sp ul li.col2 a {position: relative;display: block;text-align: center;background-color: #FFF;font-size: 12px;line-height: 1.6;padding: 5px;box-sizing: border-box;} .footer-contact img {width: auto;} .footer-contact-t {color: #C5AA7D;margin-bottom: 10px;} .btn_contact {position: relative;padding: 4px 40px;border: solid 1px #121212;display: inline-block;} .btn_contact:before {content:"\f0e0";font-family: FontAwesome;padding-right:8px;font-size: 15px;color: #111;} .btn_contact a {color: #111;font-size:14px;} .sns_btn {color: #111;font-size: 1.2rem;margin-right: 1.4rem;display: inline-block;} .sns_btn i {margin-right: 5px;} .sns_btn:last-child {margin-right: 0rem;} .sns_btn a {color: #111;} .site-info {font-size: 12px;} .foot_banner {width: 100%;margin-bottom:20px;} .foot_banner .inner {width:90%;margin: 0 auto;display:block;} .foot_banner .inner .banner {width:100%;position: relative;background-position: center center;background-repeat: no-repeat;background-size: cover;} .foot_banner .inner .banner:before {content: '';width: 100%;height: 0;padding-bottom: 40%;display: block;} .foot_banner .inner .banner a {width: 100%;height: 100%;position: absolute;top:0;} .foot_banner .inner .banner .tit {position: absolute;top:50%;left: 50%; color:#FFF;transform: translate(-50%,-50%);text-align: center;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 24px;font-weight: 700;letter-spacing: 2px;text-shadow: 3px 3px 5px rgba(0,0,0,0.60);} .foot_banner .inner .banner .tit .tit_s {font-size: 14px;font-weight: 500;} .about .foot_banner .inner .voice {background-image: url("img/banner_voice.jpg");margin: 0 0 10px;padding: 0;} .about .foot_banner .inner .flow {background-image: url("img/banner_flow_about.jpg");margin: 0 0 10px;padding: 0;} .location .foot_banner .inner .qa {background-image: url("img/banner_qa.jpg");margin: 0 0 10px;padding: 0;} .location .foot_banner .inner .flow {background-image: url("img/banner_flow.jpg");margin: 0 0 10px;padding: 0;} .location2 .foot_banner .inner .gallery {background-image: url("img/banner_gallery_location2.jpg");margin: 0 0 10px;padding: 0;} .location2 .foot_banner .inner .flow {background-image: url("img/banner_flow_location2.jpg");margin: 0 0 10px;padding: 0;} .chapel .foot_banner .inner .gallery {background-image: url("img/banner_gallery_chapel.jpg");margin: 0 0 10px;padding: 0;} .chapel .foot_banner .inner .flow {background-image: url("img/banner_flow_chapel.jpg");margin: 0 0 10px;padding: 0;} .chapel2 .foot_banner .inner .gallery {background-image: url("img/banner_gallery_chapel2.jpg");margin: 0 0 10px;padding: 0;} .chapel2 .foot_banner .inner .flow {background-image: url("img/banner_flow_chapel2.jpg");margin: 0 0 10px;padding: 0;} .guesthouse .foot_banner .inner .gallery {background-image: url("img/banner_gallery_guesthouse.jpg");margin: 0 0 10px;padding: 0;} .guesthouse .foot_banner .inner .flow {background-image: url("img/banner_flow_guesthouse.jpg");margin: 0 0 10px;padding: 0;} .guesthouse2 .foot_banner .inner .gallery {background-image: url("img/banner_gallery_guesthouse2.jpg");margin: 0 0 10px;padding: 0;} .guesthouse2 .foot_banner .inner .flow {background-image: url("img/banner_flow_guesthouse2.jpg");margin: 0 0 10px;padding: 0;} .costume .foot_banner .inner .voice {background-image: url("img/banner_voice_costume.jpg");margin: 0 0 10px;padding: 0;} .costume .foot_banner .inner .flow {background-image: url("img/banner_flow_costume.jpg");margin: 0 0 10px;padding: 0;} .flow .foot_banner .inner .voice {background-image: url("img/banner_voice_flow.jpg");margin: 0 0 0 10px;padding: 0;} .flow .foot_banner .inner .faq {background-image: url("img//banner_faq_flow.jpg");margin: 0 0 10px;padding: 0;} .flow .foot_banner .inner .gallery {background-image: url("img/banner_gallery_flow.jpg");margin: 0 0 10px;padding: 0;} .access .foot_banner .inner .voice {background-image: url("img/banner_voice_access.jpg");margin: 0 0 10px;padding: 0;} .access .foot_banner .inner .faq {background-image: url("img//banner_faq_access.jpg");margin: 0 0 10px;padding: 0;} .access .foot_banner .inner .gallery {background-image: url("img/banner_gallery_access.jpg");margin: 0 0 10px;padding: 0;} .qa .foot_banner .inner .voice {background-image: url("img/banner_voice_qa.jpg");margin: 0 0 10px;padding: 0;} .qa .foot_banner .inner .gallery {background-image: url("img/banner_gallery_qa.jpg");margin: 0 0 10px;padding: 0;} .gallery .foot_banner .inner .voice {background-image: url("img/banner_voice_gallery.jpg");margin: 0 0 10px;padding: 0;} .gallery .foot_banner .inner .flow {background-image: url("img/banner_flow_gallery.jpg");margin: 0 0 10px;padding: 0;} .plan041 .foot_banner .inner .gallery {background-image: url("img/banner_gallery_plan041.jpg");margin: 0 0 10px;padding: 0;} .plan041 .foot_banner .inner .flow {background-image: url("img/banner_flow_plan041.jpg");margin: 0 0 10px;padding: 0;} .plan042 .foot_banner .inner .gallery {background-image: url("img/banner_gallery_plan042.jpg");margin: 0 0 10px;padding: 0;} .plan042 .foot_banner .inner .flow {background-image: url("img/banner_flow_plan042.jpg");margin: 0 0 10px;padding: 0;} .tax-costumes_cat .page-header { background-image: url(img/costume_tit_bk.jpg); } @media screen and (min-width: 600px) { .pc {display: block;} .sp {display: none;} .header-main {width: 100%;box-sizing: border-box;padding: 16px 3%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;} h1.site-title {position: relative;display: block;width: 222px;} h1.site-title img.h_logo_r {height: 50px;margin-right: 88px;} nav.h_nav {text-align: center;} nav.h_nav ul {padding-bottom: 0px;} nav.h_nav li {margin-right: 10px;margin-left: 10px;display: inline-block;vertical-align: text-bottom;} nav.h_nav li a {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;color: #000;font-size: 17px;text-decoration: none;display: block;} .drawer-hamburger,.drawer-toggle,nav.drawer-nav {display: none;} /** ページネーション**/ #pageNate{margin: 0 0 80px;padding: 0px;width: 100%;text-align: center;} #pageNate span {border: 1px solid #333;background: #666;color: #fff;margin-right: 5px;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 5px;padding-right: 10px;padding-bottom: 5px;padding-left: 10px;} #pageNate a {border: 1px solid #333;background: #333;color: #fff;margin-right: 5px;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 5px;padding-right: 10px;padding-bottom: 5px;padding-left: 10px;text-decoration: none;} #pageNate a:hover {background: #666;} /** ページヘッダー **/ .page-header {width:90%;height: 400px;position: relative;margin: 0 auto 0;background-position: center center;background-repeat: no-repeat;background-size: cover;padding: 20px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;} .page-header:before {display: none;} .page-header:after {content:'';display: block; width: 96%;height: 90%;position: absolute;left: 2%;top: 5%;border: dotted 1px #CCCCCC;box-sizing: border-box;} .page-header h1.entry-title,.page-header h1.page-title{text-align: center;clear: left;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 45px;font-weight: 700;letter-spacing: 2px;color: #FFFFFF;text-shadow: 3px 3px 5px rgba(0,0,0,0.60);} .page-header h1.entry-title span {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 16px;color: #FFFFFF;display: block;padding-top: 16px;} .page .entry-content {padding: 72px 0 64px;; } /*404*/ .error404 .page-content .inn {max-width: 1080px;margin: 0 auto;box-sizing: border-box;padding: 8px 0;} .error404 .page-header {background-image: url(img/about_tit_bk.jpg);} /** HOME **/ .slide {width: 100%;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;box-sizing: border-box;position: relative;} .slide .slide_logo {position: absolute;top:20px;left:80px;width: 125px;height: auto;} .slide .slide_logo img {width: 100%;height: auto;} section {width: 100%;} section .in {width: 100%;max-width: 1080px; padding: 45px 0;margin: 0 auto;box-sizing: border-box;} section .sec-t {text-align: center;clear: left;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;color: #231815;font-size: 24px;font-weight: 700;margin-bottom: 10px;} .about_top {margin-bottom: 0px;text-align: center;} .about_top p {margin-bottom: 24px;font-size: 1.4rem;letter-spacing: 0.14rem;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} .about_top .about_tit {margin-bottom: 24px;font-size: 2.1rem;letter-spacing: 0.14rem;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;padding-bottom: 70px;background-image: url(img/mizuhiki.png);background-position: center bottom;background-size: 150px auto;background-repeat: no-repeat;} .about_top .about_end {margin-bottom: 24px;font-size: 1.2rem;letter-spacing: 0.14rem;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;padding-top: 150px;;background-image: url("img/arrow_under.png");background-position: center 100px;background-size: 40px auto;background-repeat: no-repeat;} .btn_a {width: 240px;line-height: 24px;background-color:rgba(166,92,172,0.43);display: inline-block;text-align: center;padding:3px 8px;border-radius: 15px;margin-left: 50%;transform: translate(-50%, 0);} .btn_a a {color: #FFFFFF;display: block;} section .sec_ph {height: 400px;margin-bottom: 0px;} section .sec_ph:before {padding-top: 0%;content:'';display: block;} .sec02 {width: 100%;} .top_plan_box .in {width: 100%;display: flex;flex-wrap: wrap;flex-flow: row-reverse;} .top_plan_box .in .sec_ph {width: 60%;} .top_plan_box .in .sec_ph img {width: 100%;height: auto;} .top_plan_box .in .sec_ph .sp-buttons {display: block;padding-top: 8px;} .top_plan_box .top_plan_title {max-width: 1080px;text-align: center;margin: 0 auto;font-size: 1.4rem;font-weight: 700; letter-spacing: 0.14rem;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} .top_plan_box .top_plan_title p {font-size: 1.0rem;font-weight: 500; text-align: left;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;padding-top: 1rem;} .top_plan_box .in .top_plan_tit {width: 40%;text-align: center;background-color: inherit;padding: 0;} .top_plan_box .in .top_plan_tit .f_tit {font-size: 18px;font-weight: 700;} .top_plan_box .in .top_plan_tit img {width: auto;height: 100px;margin: 60px auto 60px;} .top_plan_box .in .top_plan_tit p {display: block; margin-bottom:8px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} .top_plan_box .in .top_plan_tit .tit_img {width: 30px; margin: 0 auto 16px;padding: 0;} .top_plan_box .in .top_plan_tit .tit_img img {width: 100%;height: auto;padding: 0;margin: 0;} .sec09 .in .top_plan_tit ul li {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 13px; margin-bottom: 16px;text-align:left;letter-spacing: 0px;} .sec09 .in .top_plan_tit ul li .tit {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 17px;font-weight: 500;display: block;text-align: center;} .btn_txt {height: 40px; display: flex;align-items: flex-end;justify-content: flex-end;padding-right: 46px;background-image: url(img/arrow_right.png);background-position: right 16px bottom 8px;background-size: 25px auto;background-repeat: no-repeat;} .btn_txt a {display: block;} .btn_txt a span {text-decoration: underline;} .btn_b {display: block;width: 190px;height: 26px;margin-left:50%;transform: translate(-50%,0%);background-color: rgba(166,92,172,0.43);border-radius: 13px;padding: 0;} .btn_b a {display: block;position: relative;color: #FFF;text-align: center;text-decoration: none;} .btn_b a:after {position: absolute;top: 0;bottom: 0;right: 16px;margin: auto;content: "";vertical-align: middle;width: 7px;height: 7px;border-top: 2px solid #FFF;border-right: 2px solid #FFF;-webkit-transform: rotate(45deg);transform: rotate(45deg);} .sec02 {width: 100%;margin-bottom: 40px;} .sec03 {width: 100%;margin-bottom: 40px;} .sec04 {width: 100%;margin-bottom: 40px;} .sec05 {width: 100%;} .sec02 .in .top_plan_tit {background-image: url(img/top/sec02_bk.jpg);background-position: center top;background-size: cover;background-repeat: no-repeat;} .sec03 .in .top_plan_tit {background-image: url(img/top/sec03_bk.jpg);background-position: center top;background-size: cover;background-repeat: no-repeat;} .sec04 .in .top_plan_tit {background-image: url(img/top/sec04_bk.jpg);background-position: center top;background-size: cover;background-repeat: no-repeat;} .sec05 .in .top_plan_tit {background-image: url(img/top/sec05_bk.jpg);background-position: center top;background-size: cover;background-repeat: no-repeat;} .top_plan_box .sec_ph {height: 346px;} .top_plan_tit {display: block;position: relative;} .sec02 .top_plan_tit a, .sec03 .top_plan_tit a, .sec04 .top_plan_tit a, .sec05 .top_plan_tit a {width: 100%;height: 100%;display: block; box-sizing: border-box;padding:50px 16px 50px 40px;text-align: left; background-image: url(img/arrow_right_b.png);background-position: right 32px bottom 32px;background-size: 25px auto;background-repeat: no-repeat;} .top_plan_tit a:hover {text-decoration: none;color: #323232;} .top_plan_tit a .en_tit {font-size: 17px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 500;letter-spacing: 0.14rem;margin-bottom: 24px;} .top_plan_tit a .tit {font-size: 24px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 500;line-height: 1.5;margin-bottom: 24px;} .top_plan_tit a .tit span {font-size: 12px;display: block; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 500;} .top_plan_tit a .tit span.icon {display: inline-block; } .top_plan_tit a .tit span.icon img {width: 32px;height: auto;margin: -30px 0 0 8px;} .top_plan_tit a p {font-size: 14px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 500;} .sec06 {width: 100%;} .sec06 .sec_ph {width: 1064px;height: 400px;overflow: hidden;margin: 0 auto;} .sec06 .sec_ph img {width: 100%;height: auto;} .campaign {width: 100%;} .campaign .sec_ph {width: 1064px;height: 400px;overflow: hidden;margin: 0 auto;} .campaign .sec_ph img {width: 100%;height: auto;} .btn_box {margin: 8px 8px 0 0;} .btn_box span {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 14px;margin-right: 16px;} .btn_box .btn {height: 26px;display: inline-block;padding: 0px 40px;background-color:rgba(166,92,172,0.43);border-radius: 13px;} .btn_box .btn a {display: block;position: relative;color: #FFF;} .btn_box .btn a:after {position: absolute;top: -1px;bottom: 0;right: -13px;margin: auto;content: "";vertical-align: middle;width: 7px;height: 7px;border-top: 2px solid #FFF;border-right: 2px solid #FFF; -webkit-transform: rotate(45deg);transform: rotate(45deg);} .tit_ss {font-size: 12px;color:#212121;width: 100%;box-sizing: border-box; padding: 3% 0%;display:block;margin: 0 auto;} .sec07 {width: 100%;position: relative;} .sec07 .in {padding-top: 90px;} .sec07 .blog_tit {width: 120px; position: absolute;margin-left: 50%;;transform: translate(-50%,-10%);z-index: 1;top:0;bottom: auto;} .sec07 .blog_tit img {width: 100%;height: auto;} .sec07 .in .blog_outer {width: 1064px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;} .sec07 .in .blog_outer .blog-com {width: 200px;height: auto;padding: 0;border:none;overflow: hidden;} .sec07 .in .blog_outer .blog-com .blog_img {width:200px;height:200px;} .sec07 .in .blog_outer .blog-com .blog_img:before {content:'';padding-bottom: 100%;display: block;} .sec07 .in .blog_outer .blog-com .blog_img img {width: auto;height: 100%;transform: translate(-50%,0%);} .sec07 .in .blog_outer .blog-com .blog_t {font-size:12px;text-align: center;} .sec08 {width: 100%;} .sec08 .in {width: 1064px;height: auto; margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;} .sec08 .in .logo {width: 242px;display: flex;justify-content: center;align-items: center;} .sec08 .in .logo img {width:auto;height:210px;} .sec08 .in .center_b {width: 490px;color: #000;margin-bottom: 0;} .sec08 .in .center_b .tit {font-size: 24px;text-align: center;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin-bottom: 24px;color: #212121;} .sec08 .in .center_b p {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 14px;font-weight: 700; margin-bottom: 0px;text-align: center;letter-spacing: 3px;color: #212121;} .sec08 .in .center_b .tel {width: 100%;height: 70px;box-sizing: border-box;border:solid 1px #212121;text-align: center;font-size: 22px;line-height: 68px;margin-bottom: 8px;position: relative} .sec08 .in .center_b .tel:before {font-family: "Font Awesome 5 Free";content: '\f095';display: block;position: absolute;font-size:30px; left:30px;font-weight: 900;transform: scaleX(-1);color: #212121;} .sec08 .in .center_b .tel a {display: block;color: #212121;} .sec08 .in .center_b .mail {width: 100%;height: 70px;box-sizing: border-box;border:solid 1px #212121;text-align: center;font-size: 18px;line-height: 68px;position: relative;} .sec08 .in .center_b .mail:before {font-family: "Font Awesome 5 Free";content: '\f0e0';display: block;position: absolute;font-size:30px;left:30px;color: #212121;} .sec08 .in .center_b .mail a {display: block;color: #212121;} .sec08 .in .add_box {font-size: 15px;line-height: 2.2;color: #212121;} .sec08 .in .add_box .name {line-height: 1.6;margin-bottom: 0.5rem;} .sec08 .in .add_box .name .name_s {font-size: 12px;font-weight: 500;display: block;} .sec08 .in .add_box .add {line-height: 1.6;margin-bottom: 0.5rem;} .sec08 .in .add_box .tel {line-height: 1.6;margin-bottom: 0.5rem;} .sec08 .in .add_box .tel .tel_t{font-size: 12px;font-weight: 700;display: block;} .sec09.top_plan_box {background-image: url(img/top_plan_box_bk.png);background-position: center top;background-size: 1188px auto;background-repeat: repeat-y;margin-bottom: 80px;} .sec09.top_plan_box .in .sec_ph img {width: auto;height: 100%;position: absolute;left: 0%;top:0;} /** ABOUT **/ .about .page-header {background-image: url("img/about_tit_bk.jpg");} .about section.row {width:1080px;margin: 0 auto 80px;} .btn_under {padding-top: 50px;background-image: url(img/arrow_under.png);background-position: center top;background-size: 40px auto;background-repeat: no-repeat;margin-bottom: 64px;} .btn_under a {display: inline-block;text-align: center;margin-left: 50%;transform: translate(-50%,0);text-decoration: none;} .about section.row .point_num {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:14px;font-weight: 700;text-align: center;margin-bottom: 0px;} .about section.row .point_tit {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:32px;font-weight: 700;text-align: center;margin-bottom: 24px;} .about section.row .point_tit span {display: block;text-align: center;font-size: 16px;} .about section.row .point_tit_s {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:27px;font-weight: 700;text-align: center;margin-bottom: 24px;} .about section.row .point_com {width: 960px;margin: 0 auto;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:16px;font-weight: 700;margin-bottom: 64px;} .about_slide {margin-bottom: 80px;} .about_slide #about03 {margin-bottom: 40px;} .about_slide .sp-buttons {display: block;} .about_slide .sp-slide:before {position: absolute;left:10px;top:10px;width:calc(100% - 20px);height:calc(100% - 20px);content: '';display: block;border: dotted 1px #DDD;} .about section.row .point_com .logo_ph {width: 30%;float: right;margin-left: 5%; } .about section.row .point_com.flex {display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 40px;} .about section.row .point_com .com_l {width: 65%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:16px;font-weight: 700;} .about section#sec04_row .point_com .com_l {width: 60%;display: flex;align-items: center;justify-content: center;font-size: 20px;line-height: 1.8;} .about section.row .point_com .logo_ph {width: 30%;margin-left: 5%;align-items: center;display: flex;} .about section.row .point_com .sec04_ph {width: 30%;margin-left: 5%;padding: 2.5%;background-color: #EEE; } .about section.row .point_com .sec04_ph .rem {font-size: 14px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:500;} .about section#sec07 .point_com {text-align: center;} .video_o {max-width: 1080px;margin: 0 auto 40px;} /** PLAN **/ .plan .page-header {background-image: url("img/plan_tit_bk.jpg");} .plan .row h2 {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:32px;font-weight: 700;text-align: center;margin-bottom: 24px;line-height: 1.8;} .plan .row p {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:14px;font-weight: 700;text-align: center;margin-bottom: 0px;} .plan .row.plan_o {width: 100%;background-color: #f2f2ef;padding: 88px 0 40px;} .plan_o .plan_box {width: 1080px;margin: 0 auto 80px;background: #FFF;border: solid 1px #DDDDDD;box-sizing: border-box;padding: 64px 40px;} .plan_o .plan_box .plan_tit {width: 100%;height:auto;margin: 0 auto 24px;text-align: center;} .plan_o .plan_box .plan_tit .en_tit {font-size: 17px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 500;letter-spacing: 0.14rem;margin-bottom: 24px;} .plan_o .plan_box .plan_tit .tit {font-size: 24px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 500;line-height: 1.5;margin-bottom: 24px;padding-left: 40px;} .plan_o .plan_box .plan_tit .tit span {font-size: 12px;display: block; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 500;padding-right: 40px;} .plan_o .plan_box .plan_tit .tit span.icon {display: inline-block;padding-right: 0; } .plan_o .plan_box .plan_tit .tit span.icon img {width: 32px;height: auto;margin: -30px 0 0 8px;} .plan_o .plan_box .plan_tit img {width:100%; height: auto;} .plan_o .plan_box .plan_read {width: 50%;margin: 0 auto 24px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:17px;font-weight: 700;text-align: center;} .plan_col2 {display: flex;flex-wrap: wrap;justify-content: space-between;} .plan_col2 .col {width: 480px;padding: 20px;box-sizing: border-box;border: solid 1px #DDDDDD;margin-bottom: 0px;background-color: rgba(255,255,255,0.90);} .plan_col2 .col .ph {margin-bottom: 24px;} .plan_col2 .col .plan_name {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:24px;font-weight:normal;text-align: center;margin-bottom: 16px;line-height: 1.6;} .plan_col2 .col .plan_name span {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:14px;display: block;} .plan_col2 .col .en {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:16px;font-weight:normal;text-align: center;margin-bottom: 16px;line-height: 1.6;} .plan_o .plan_box .plan_col2 .col a {display: block;background-image: url(img/arrow_right.png);background-position: right bottom;background-size: 25px auto;background-repeat: no-repeat;} .plan_o .plan_box .plan_col2 .col a:hover {color: #212121;text-shadow: 2px 2px 3px rgba(0,0,0,0.70);} .plan_detail_box {width: 1080px;margin: 0 auto 80px;background: #FFF;border: solid 1px #DDDDDD;box-sizing: border-box;padding: 64px 40px;} .plan_detail_box .plan_name {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:24px;font-weight:normal;text-align: center;margin-bottom: 16px;line-height: 1.6;} .plan_detail_box .plan_txt {width: 60%;margin: 0 auto 16px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:14px;font-weight:normal;text-align: center;line-height: 1.6;} .plan_detail_box .plan_name span {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:14px;display: block;} .plan_detail_box .plan_ph {width: 100%;margin-bottom: 32px;} .plan_col_o {width: 100%;box-sizing: border-box;padding: 40px;border:solid 1px #DDD;position: relative;margin-bottom: 40px;} .plan_col_o .plan_num {position: absolute;left: 0;top:0;width: 60px;height: 60px;color: #FFF;box-sizing: border-box;padding: 8px 0 0 8px;background: -moz-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(5,5,5,0) 51%, rgba(255,255,255,0) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(-45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(5,5,5,0) 51%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(5,5,5,0) 51%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */} .plan_col_o .rem {position: absolute;right: 40px;bottom: 20px;font-size: 12px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} .plan_col_o .plan_name_o {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;border-bottom: dotted 1px #DDD;padding-bottom: 16px;} .plan_col_o .plan_name_o .plan_tit {width:auto;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:27px;font-weight:normal;line-height: 1.6;} .plan_col_o .plan_name_o .plan_remark {width:auto;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:14px;font-weight:normal;line-height: 1.6;} .col4 {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;box-sizing: border-box;} .col4 .col {width: 50%;padding: 20px 0;display: flex;flex-wrap: wrap; box-sizing: border-box;border-bottom: dotted 1px #DDD;text-align: center;align-items: center;} .col4 .col:nth-child(1n) {border-right: dotted 1px #DDD; } .col4 .col .p_tit {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 18px;text-align: center;width: 100%;} .col4 .col .p_price {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 21px;text-align: center;width: 100%;} .col4 .col .p_price span {font-size: 16px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin-left: 8px;} .ico_box {width: 100%;padding-top: 16px;position: relative;} .ico_box .ico_tit {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 16px;text-align: center;margin-bottom: 16px;} .ico_o {display: flex; flex-wrap: wrap;justify-content: center;} .ico_o .ico {width: 80px;height: 80px;background-color: #f2f2ef;border: solid 1px #DDD;box-sizing: border-box;display: flex;flex-wrap: wrap; align-items: center;justify-content: center; text-align: center;margin: 0 8px;padding-top: 8px;} .ico_o .ico span {width: 100%; display: block;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 12px;} .plan_remark {max-width: 1080px;margin: 0 auto;} .plan_rem_box {width: 1080px;margin: 0 auto 80px;box-sizing: border-box;padding: 40px;border: solid 1px #DDD;position: relative;background-color: #FFF;} .plan_rem_box .plan_rem_t {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 27px;font-weight: normal;line-height: 1.6;padding-bottom: 24px;margin-bottom: 32px;text-align: center;border-bottom: solid 1px #DDD;} .plan_rem_box .plan_rem_ph {margin-bottom: 32px;} .plan_rem_box p {text-align: center!important;} .plan_rem_box ul {padding: 0 40px;} .plan_rem_box li {list-style: circle; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:14px;font-weight: 700;text-align: left;margin-bottom: 0px;} .plan_rem_box .option_price {} .plan_rem_box .option_price .col {display: flex;justify-content: space-between;border-bottom: solid 1px #DDD;margin-bottom: 0;} .plan_rem_box .option_price .col:last-child {border: none;margin-bottom: 0;} .plan_rem_box .option_price .col .option_n {width: 40%;box-sizing: border-box;padding: 24px;} .plan_rem_box .option_price .col .option_p {width: 60%;box-sizing: border-box;padding: 24px;} /** Costume **/ .costume .page-header {background-image: url("img/costume_tit_bk.jpg");} .costume .row {width: 1000px;margin: 0 auto 80px;} .costume .row h2 {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:32px;font-weight: 700;text-align: center;margin-bottom: 24px;line-height: 1.8;} .costume .row h2 span {display: block; font-size: 21px;font-weight: 500;} .costume .row .tit_s {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:24px;font-weight: 700;text-align: center;margin-bottom: 24px;} .costume .row p {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:14px;font-weight: 700;text-align: center;margin-bottom: 0px;} .costume .row p.read {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:17px;font-weight: 700;text-align: center;margin-bottom: 32px;} .costume .row .col-t {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:18px;font-weight: 700;text-align: center;margin-bottom: 24px;border: solid 1px #DDD;padding: 8px;} .costume .row ul {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;} .costume .row ul li {width:180px;box-sizing: border-box;border: solid 1px #CCC;margin-bottom: 24px;} .costume .row .col3 {display: flex;flex-wrap: wrap;justify-content: space-between;} .costume .row .col3 .col {width: 31%;margin-bottom: 5%;position: relative;} .costume .row .col3 .col .ph_t {position: absolute;left:5%;bottom: 5%;font-size: 21px;font-weight: 700;color: #FFF;} .costume .row .col3 .col.tate {width: 31%;margin-bottom: 5%;display: flex;flex-wrap: wrap;align-content: space-between;} .costume .row .col3 .col.tate .in_col {width: 100%;height: auto;position: relative;} .costume .row .col3 .col.tate .in_col .ph_ts {position: absolute;left:5%;bottom: 10%;font-size: 21px;font-weight: 700;color: #FFF;} .costume05 {text-align: center;} .costume06 img {width: 100%;margin: 5% auto 0;} .costume_slide {margin-bottom: 80px;} .costume_slide #sec07 {margin-bottom: 40px;} .costume_slide .sp-buttons {display: block;} .costume_slide .sp-slide:before {position: absolute;left:10px;top:10px;width:calc(100% - 20px);height:calc(100% - 20px);content: '';display: block;border: dotted 1px #DDD;} .costume_o {width: 1080px;margin: 0 auto 32px;display: flex;flex-wrap: wrap;} .costume_o article {width: 23%;margin:0 2% 3% 0;} .costume_o article:nth-child(2n) {margin-right: 2%;} .costume_o article:nth-child(4n) {margin-right: 0;} .costume_o .cos-txt {width:100%;text-align: center;} .costume_o article p {font-size: 12px;margin: 0;padding: 8px;line-height: 1.4;} .paging-navigation {width: 100%;text-align: center;} .btn_detail {height: 26px;display: inline-block;padding: 0px 40px;background-color: rgba(166,92,172,0.43);border-radius: 13px;margin-left: 50%;transform: translate(-50%,0);} .btn_detail a {display: block;position: relative;color: #FFF;} /** Gallery **/ .gallery .page-header {background-image: url("img/gallery_tit_bk.jpg");} #gallery {text-align: center;width: 924px;margin-right: auto;margin-left: auto;padding: 80px 0;} #gallery img {width: 150px;margin-right: 2px;margin-bottom: 5px;margin-left: 2px;padding: 0px;margin-top: 0px;float: left;} .remark-box {padding: 40px 0 80px;} .remark-box h3 {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:24px;font-weight: 700;text-align: center;margin-bottom: 32px;} .remark-box p {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:14px;font-weight: 700;text-align: center;margin-bottom: 0px;} /** Access **/ .access .page-header {background-image: url("img/access_tit_bk.jpg");} .access .row h2 {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:32px;font-weight: 700;text-align: center;margin-bottom: 24px;line-height: 1.8;} .access .row p {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:14px;font-weight: 700;text-align: center;margin-bottom: 0px;} .access .row .logo {width: 10%;margin: 0 auto 0;} .access .row .logo img {width: 100%;height: auto;} .access .row.access_o {width: 100%;padding: 88px 0 40px;} .access .row.access_o.bk01 {background-color: #f2f2ef;} .access .row.access_o.bk02 {background-color: #FFF;} .access_o .col2 {width:1080px;margin: 0 auto 80px;background: #FFF;border: solid 1px #DDDDDD;box-sizing: border-box;padding: 40px 40px 30px;display: flex;flex-wrap: wrap;justify-content: space-between;} .access_o .col2 .col {width:480px;padding: 20px;box-sizing: border-box;border: solid 1px #DDDDDD;} .access_o .col2 .col .access-ts {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:24px;font-weight: 700;text-align: center;margin-bottom: 8px} .access_o .col2 .col .ph {width: 100%;height: auto;margin-bottom: 8px;} .access_o .col2 .col .ph img {width: 100%;height: auto;} .access_o .col2 .col .access-com {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:14px;font-weight: 700;margin-bottom: 8px;padding-left: 5%;} .access_o .col2 .col .tel {width: 90%;height: 50px;box-sizing: border-box;border:solid 1px #000;text-align: center;font-size: 21px;line-height: 48px;margin:0 auto 24px;position: relative} .access_o .col2 .col .tel:before {font-family: "Font Awesome 5 Free";content: '\f095';display: block;position: absolute;font-size:24px; left:30px;font-weight: 900;transform: scaleX(-1);} .access_o .col2 .col .tel a {display: block;color: #000;text-decoration: none;} .access_o .col2 .col .map {width: 100%;height: auto;} .access_o .col2 .col .map iframe {width: 100%;height:350px;} .access_o .section_tit {width: 1080px;margin: 0 auto 80px;text-align: center; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:27px;font-weight: 700;line-height: 1.6;} .access_o .section_tit span {display: block; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 16px;font-weight: 500;} .access_o .img_box {width: 1080px;margin: 0 auto 80px;} /** Blog **/ .blog .page-header {background-image: url("img/blog_tit_bk.jpg");} article.blog {width: 100%;} article.blog .entry-content {width: 100%;padding: 88px 0 80px;} article.blog .entry-content .in {width: 1080px;margin: 0 auto 0px;display: flex;flex-wrap: wrap;justify-content: space-between;} .archive-blog-l {width: 760px;box-sizing: border-box;margin-bottom: 0px;} .archeve_blog_box,.single_blog_box {width: 100%;padding: 20px;background: #FFF;border: solid 1px #DDDDDD;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 40px;} .archeve_blog_box .ph {width: 42%;margin-right: 3%;} .archeve_blog_box .blog_content {width: 55%;} .archeve_blog_box .blog_content .blog_tit {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:20px;font-weight: 700;line-height: 1.6;} .single_blog_box .blog_content .blog_tit {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:24px;font-weight: 700;line-height: 1.6;} .single_blog_box .blog_content {width: 100%;} .archeve_blog_box .blog_content .blog_tit a {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:20px;font-weight: 700;color: #333;text-decoration: none;} .archeve_blog_box .date {font-size: 12px;} .single_blog_box .date {font-size: 12px;margin-bottom: 32px;padding-bottom: 16px;border-bottom: solid 1px #DDD;} .archeve_blog_box .date a,.single_blog_box .date a {font-size: 12px;margin-right: 16px;color: #666;text-decoration: none;} .archeve_blog_box .exce {font-size: 13px;margin-bottom: 16px;} .archeve_blog_box .btn-more {display: block;width: 190px;height: 26px;margin-left:50%;transform: translate(-50%,0%);border:solid 1px #000;border-radius: 13px;padding: 0;} .archeve_blog_box .btn-more a {display: block;position: relative;color: #000;text-align: center;text-decoration: none;} .archeve_blog_box .btn-more a:after {position: absolute;top: 0;bottom: 0;right: 16px;margin: auto;content: "";vertical-align: middle;width: 7px;height: 7px;border-top: 2px solid #000;border-right: 2px solid #000;-webkit-transform: rotate(45deg);transform: rotate(45deg);} .facebook-box.p_foot {width: 500px;margin: 0 auto 40px;} .blog-sidebar {width: 280px;margin: 0px;box-sizing:border-box;} .side-head {text-align: center;margin-bottom: 20px;} .side-head img {width: 100%;} .side_facebook-box {margin-bottom:16px;width: 100%;} .social-btn {text-align: center;width: 100%;margin-bottom:8px;} .social-ico-box {width: 100%;margin-bottom: 30px;display: flex;flex-wrap: wrap;justify-content: center;} .social-ico-box a {color: #000;text-decoration: none;} .social-ico-box .ico-facebook {font-size: 40px;margin: 0 3% 0;} .social-ico-box .ico-instagram {font-size: 40px;margin: 0 3% 0;} .social-ico-box .ico-twitter {font-size: 40px;margin: 0 3% 0;} .social-ico-box .ico-pinterest {font-size: 40px;margin: 0 3% 0;} .social-ico-box .ico-pinterest span {display: none;} div.fb-like-box,div.fb-like-box iframe[style],div.fb-like-box span {width: 100% !important;} .blog-cat {margin-bottom: 40px;} .side-t {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;text-align: center;font-size: 24px;font-weight: 300;color: #000;border-bottom:solid 1px #999;margin-bottom: 10px;} .blog-cat ul {padding-right: 10px;padding-left: 10px;} .blog-cat li {} .blog-cat li a {color: #666;text-decoration: none;} /*WordPress Popular Postsプラグイン*/ #popular-post ul.wpp-list {margin-bottom: 40px;} #popular-post ul.wpp-list li{border-bottom: #ccc 1px dotted;padding-top: 5px;padding-bottom: 5px;line-height: 1.8em;} #popular-post {counter-reset: wpp-ranking;margin-bottom: 10px;} #popular-post ul li:before {color:#fff;content: counter(wpp-ranking, decimal);counter-increment: wpp-ranking;text-align:center;opacity:0.999;font-size:11px;float:left;line-height:18px;width: 18px;height: 18px;background-color:#00a0e9;border-radius: 2px;-moz-border-radius: 2px;} #popular-post li .clear {height: 0px;} #popular-post li img {float:left;margin-left:-18px;} ul#post2-list li {border-bottom: #ccc 1px dotted;padding-top: 5px;padding-bottom: 5px;line-height: 1.8em;height: 50px;} ul#post2-list li img {height: 50px;width: 50px;float: left;margin-right: 5px;} .nav-single {padding: 0px;width: 232px;margin-top: 20px;margin-bottom: 20px;text-align: center;margin-right: auto;margin-left: auto;} .nav-single .nav-previous a,.nav-single .summary a,.nav-single .nav-next a {border: 1px solid #000;background: #000;color: #fff;margin-right: 5px;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 5px;padding-right: 10px;padding-bottom: 5px;padding-left: 10px;text-decoration: none;} .nav-single .nav-previous a:hover,.nav-single .summary a:hover,.nav-single .nav-next a:hover{background-color: #333;} /** Contact **/ .contact .page-header {background-image: url("img/contact_tit_bk.jpg");} #contact-box {width: 800px;margin-right: auto;margin-left: auto;} .contact-tr {clear: left;margin-bottom: 15px;padding-bottom: 15px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #CCC;float: left;width: 100%;padding-right: 15px;padding-left: 15px;box-sizing: border-box;line-height: 2.5em;} .contact-text {padding-right: 15px;padding-left: 15px;} .contact-tr .contact-th {float: left;width: 25%;clear: none;} .contact-tr p {float: left;width: 75%;margin: 0px;padding: 0px;clear: none;} .send-btn-box {text-align: center;clear: left;} .send-btn-box .wpcf7-form-control.wpcf7-submit {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;text-align: center;font-size: 18px;font-weight: 700;background-color: #000;color: #FFF;border-radius: 10px;} .remark-box {font-size: 12px;text-align: center;clear: left;margin-bottom: 30px;padding-top: 30px;} .remark-box .contact-remark {font-size: 14px;padding: 0px;margin:0 0 30px;} .btn_policy_box {width: 100%;float: left;text-align: center; display: block;padding: 32px 0;} .btn_policy_box .btn_policy {min-width: 240px;line-height: 24px;background-color: #555;text-align: center;padding: 3px 8px;border-radius: 15px;display: inline-block;} .btn_policy_box .btn_policy a {text-decoration: none;display: block;color: #FFF;} /** news **/ .news .page-header {background-image: url("img/gallery_tit_bk.jpg");} article.news {width: 100%;} article.news .entry-content {width: 100%;padding: 88px 0 80px;} article.news .entry-content .in {width: 1080px;margin: 0 auto 0px;display: flex;flex-wrap: wrap;justify-content: space-between;} .archive-news-box {width: 760px;box-sizing: border-box;} .news-sidenav {width: 280px;margin: 0px 0 40px;;box-sizing:border-box;} .news-sidenav li {line-height: 1.6em;clear: left;margin-bottom: 10px;padding-left: 15px;position: relative;} .news-sidenav li a {color: #000;text-decoration: none;} .news-sidenav li a:hover {text-decoration: underline;} .news-sidenav li:before {position: absolute;top: 6px;left: 2px;margin: auto;content: "";vertical-align: middle;width: 5px;height: 5px;border-top: 2px solid #000;border-right: 2px solid #000;-webkit-transform: rotate(45deg);transform: rotate(45deg);} .news-monthly {margin-bottom: 20px;padding-bottom: 10px;padding-right: 5px;padding-left: 5px;} .news-monthly li {line-height: 1.8em;clear: left;margin-bottom: 10px;padding-left: 15px;position: relative;} .news-monthly li a {color: #000;text-decoration: none;} .news-monthly li a:hover {text-decoration: underline;} .news-monthly li:before {position: absolute;top: 7px;left: 2px;margin: auto;content: "";vertical-align: middle;width: 5px;height: 5px;border-top: 2px solid #000;border-right: 2px solid #000;-webkit-transform: rotate(45deg);transform: rotate(45deg);} /** campaign **/ .campaign .page-header {background-image: url("img/gallery_tit_bk.jpg");} article.campaign {width: 100%;} article.campaign .entry-content {width: 100%;padding: 88px 0 80px;} article.campaign .entry-content .in {width: 1080px;margin: 0 auto 0px;display: flex;flex-wrap: wrap;justify-content: space-between;} .archive-campaign-box {width: 760px;box-sizing: border-box;} /** flow **/ .flow .page-header {background-image: url("img/flow_tit_bk.jpg");} .flow section.row {max-width:1080px;margin: 0 auto 80px;box-sizing: border-box;} .flow section.row .point_num {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:14px;font-weight: 700;text-align: center;margin-bottom: 0px;} .flow section.row .point_tit {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:32px;font-weight: 700;text-align: center;margin-bottom: 40px;} .flow section.row .point_tit span {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:21px;font-weight: 500;} .flow section.row .point_com {width: 960px;margin: 0 auto;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:16px;font-weight: 700;text-align: center;} .flow .read {width:1080px;margin: 0 auto 80px;text-align: center;} .page_navi {width:1080px;margin: 0 auto 80px;display: flex;flex-wrap: wrap;justify-content: space-between;} .page_navi .btn {width: 48.5%;box-sizing: border-box;border: solid 1px #DDD;padding: 1.5%;} .page_navi .btn a {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:18px;font-weight: 700;text-decoration: none; display: flex;justify-content: center;align-items: center;border: dotted 1px #DDD;padding: 4.5%;} .flow .img_box {width:1080px;margin: 0 auto 80px;} .flow .sec_outer {width:1080px;margin: 0 auto 80px;box-sizing: border-box;padding: 24px;border: dotted 1px #DDD;} .flow .sec_outer .section_tit {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:27px;font-weight: 700;text-align: center;margin-bottom: 64px;padding-bottom: 24px; line-height: 1.6;border-bottom: dotted 1px #DDD;} .flow .sec_outer .section_tit span {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 16px;font-weight: 500;} /** Q&A **/ .qa .page-header {background-image: url("img/qa_tit_bk.jpg");} .qa section.row {width:1080px;margin: 0 auto 80px;} .faq_o {margin: 0 auto 40px;border: solid 1px #DDD;padding: 20px;box-sizing: border-box;} .faq_o .ques {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 20px;font-weight: 700;line-height: 1.6;position: relative;padding: 0 0 16px 40px;margin-bottom: 16px;border-bottom: dotted 1px #DDD;} .faq_o .ques:before {content:'Q';display: block;position: absolute;left: 0;top: 0;border:solid 1px #333;line-height: 1;padding: 8px;} .faq_o .ans {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 16px;font-weight: 700;line-height: 1.6;position: relative;padding: 0 0 0px 70px;} .faq_o .ans:before {content:'A';display: block;position: absolute;left: 30px;top: 0;border:solid 1px #333;line-height: 1;padding: 8px;font-size: 20px;} /** policy **/ .policy .page-header {background-image: url("img/policy_tit_bk.jpg");} .policy section.row {width:1080px;margin: 0 auto 80px;} .policy_o h1 {} .policy_o ul {margin-bottom: 32px;font-size: 16px;} .policy_o ul li {font-size: 14px;margin-bottom: 8px;padding-left: 1em;} /** operating **/ .operating .page-header {background-image: url("img/operating_tit_bk.jpg");} .operating section.row {width:1080px;margin: 0 auto 80px;} .operating section.row .col2 {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-bottom: 40px;} .operating section.row .col2 .col.l {width: 30%;} .operating section.row .col2 .col.r {width: 65%;} .operating section.row .col2 .col .logo_o {width: 100%;box-sizing: border-box;border: solid 1px #CCC;padding: 3%;position: relative;} .operating section.row .col2 .col .logo_o:before {content:'';display:block;width:100%;height:0;padding-bottom:100%;} .operating section.row .col2 .col .logo_o .logo_in {position: absolute; display: flex;flex-wrap: wrap;justify-content: center;align-items: center; width: 90%;height: 90%; box-sizing: border-box;border: dotted 1px #CCC;padding: 5%;left: 5%;top: 5%;} .operating section.row .col2 .col .logo_o .logo_in img {width: 80%;} .operating section.row .col2 .col .about_tb {width: 100%;box-sizing: border-box;border-top: solid 1px #CCC;position: relative;} .operating section.row .col2 .col .about_tb:before {position: absolute;content: ''; display: block; width: 100px;height: 3px;background-color: rgba(255,220,92,1.00);left: 0;top: -2px;} .operating section.row .col2 .col .about_tb .tr {position: relative; width: 100%;box-sizing: border-box;padding: 3% 5%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;border-bottom: solid 1px #CCC;} .operating section.row .col2 .col .about_tb .tr:before {position: absolute;content: ''; display: block; width: 100px;height: 3px;background-color: rgba(255,220,92,1.00);left: 0;bottom: -2px;} .operating section.row .col2 .col .about_tb .tr .th {width: 20%;} .operating section.row .col2 .col .about_tb .tr .td {width: 80%;} /*footer*/ .footer-inner {width: 1080px;box-sizing: border-box;margin: 0px auto 0;padding: 0;padding-top: 40px;} .footer-inner .tit {font-size: 21px;text-align: center;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin-bottom: 30px;color: #212121;} .footer-navi.sp {display: none;} .footer-navi {width: 100%;display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 40px;position: relative;} .footer-navi:after {content: '';display: block;clear: both;} .footer-navi ul {list-style-type: none;padding: 0 2% 2%;box-sizing: border-box;border-right: solid 1px #FFF;width: 31%;} .footer-navi li {padding-top: 8px;padding-right: 0px;padding-bottom: 8px;padding-left: 15px;width: 100%;margin-right: 0%;box-sizing: border-box;float: left;margin-bottom: 0;} .footer-navi li a {color: #212121;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} .footer-navi li a span {font-size: 12px;color: #212121;padding-left: 20px;} .footer-contact {box-sizing: border-box;text-align: center;padding: 0 0 0px ;display: flex;justify-content: center;align-content: center;} .footer-contact img {width: auto;} .footer-contact-t {color: #C5AA7D;margin-bottom: 10px;} .btn_contact {position: relative;padding: 4px 40px;border: solid 1px #121212;display: inline-block;} .btn_contact:before {content:"\f0e0";font-family: FontAwesome;padding-right:8px;font-size: 15px;color: #111;} .btn_contact a {color: #111;font-size:14px;} .sns_btn {color: #111;font-size: 1.8rem;margin-right: 1.4rem;} .sns_btn a {color: #FFF;} .sns_btn a span {color: #212121;font-size: 18px;margin-left: 8px;} .sns_btn a i:before {color: #212121;} .foot_banner {width: 100%;margin-bottom: 100px;} .foot_banner .inner {width: 1080px;margin: 0 auto;display: flex;justify-content: space-between;} .foot_banner .inner .banner {width: 48.5%;position: relative;background-position: center center;background-repeat: no-repeat;background-size: cover;} .foot_banner .inner .banner:before {content: '';width: 100%;height: 0;padding-bottom: 40%;display: block;} .foot_banner .inner .banner a {width: 100%;height: 100%;position: absolute;top:0;} .foot_banner .inner .banner .tit {position: absolute;top:50%;left: 50%; color:#FFF;transform: translate(-50%,-50%);text-align: center;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 24px;font-weight: 700;letter-spacing: 2px;text-shadow: 3px 3px 5px rgba(0,0,0,0.60);} .foot_banner .inner .banner .tit .tit_s {font-size: 14px;font-weight: 500;} .about .foot_banner .inner .voice {background-image: url("img/banner_voice.jpg");margin: 0;padding: 0;} .about .foot_banner .inner .flow {background-image: url("img/banner_flow_about.jpg");margin: 0;padding: 0;} .plan011 .foot_banner .inner .qa {background-image: url("img/banner_qa.jpg");margin: 0;padding: 0;} .plan011 .foot_banner .inner .flow {background-image: url("img/banner_flow.jpg");margin: 0;padding: 0;} .plan012 .foot_banner .inner .qa {background-image: url("img/banner_qa.jpg");margin: 0;padding: 0;} .plan012 .foot_banner .inner .flow {background-image: url("img/banner_flow.jpg");margin: 0;padding: 0;} .plan021 .foot_banner .inner .qa {background-image: url("img/banner_qa.jpg");margin: 0 0 0px;padding: 0;} .plan021 .foot_banner .inner .flow {background-image: url("img/banner_flow.jpg");margin: 0 0 0px;padding: 0;} .plan022 .foot_banner .inner .qa {background-image: url("img/banner_qa.jpg");margin: 0 0 0px;padding: 0;} .plan022 .foot_banner .inner .flow {background-image: url("img/banner_flow.jpg");margin: 0 0 0px;padding: 0;} .plan031 .foot_banner .inner .qa {background-image: url("img/banner_qa.jpg");margin: 0 0 0px;padding: 0;} .plan031 .foot_banner .inner .flow {background-image: url("img/banner_flow.jpg");margin: 0 0 0px;padding: 0;} .plan032 .foot_banner .inner .qa {background-image: url("img/banner_qa.jpg");margin: 0 0 0px;padding: 0;} .plan032 .foot_banner .inner .flow {background-image: url("img/banner_flow.jpg");margin: 0 0 0px;padding: 0;} .plan041 .foot_banner .inner .qa {background-image: url("img/banner_qa.jpg");margin: 0 0 0px;padding: 0;} .plan041 .foot_banner .inner .flow {background-image: url("img/banner_flow.jpg");margin: 0 0 0px;padding: 0;} .plan042 .foot_banner .inner .qa {background-image: url("img/banner_qa.jpg");margin: 0 0 0px;padding: 0;} .plan042 .foot_banner .inner .flow {background-image: url("img/banner_flow.jpg");margin: 0 0 0px;padding: 0;} .flow .foot_banner .inner .voice {background-image: url("img/banner_voice_flow.jpg");margin: 0 3% 0 0px;padding: 0;} .flow .foot_banner .inner .faq {background-image: url("img//banner_faq_flow.jpg");margin: 0 3% 0 0px;padding: 0;} .flow .foot_banner .inner .gallery {background-image: url("img/banner_gallery_flow.jpg");margin: 0 0% 0 0px;padding: 0;} .access .foot_banner .inner .voice {background-image: url("img/banner_voice_access.jpg");margin: 0 3% 0 0px;padding: 0;} .access .foot_banner .inner .faq {background-image: url("img//banner_faq_access.jpg");margin: 0 3% 0 0px;padding: 0;} .access .foot_banner .inner .gallery {background-image: url("img/banner_gallery_access.jpg");margin: 0 0% 0 0px;padding: 0;} .qa .foot_banner .inner .qa {background-image: url("img/banner_qa.jpg");margin: 0 0% 0 0px;padding: 0;} .qa .foot_banner .inner .flow {background-image: url("img/banner_flow.jpg");margin: 0 0% 0 0px;padding: 0;} .gallery .foot_banner .inner .voice {background-image: url("img/banner_voice_gallery.jpg");margin: 0 0% 0 0px;padding: 0;} .gallery .foot_banner .inner .flow {background-image: url("img/banner_flow_gallery.jpg");margin: 0 0% 0 0px;padding: 0;} .operating .foot_banner .inner .qa {background-image: url("img/banner_qa.jpg");margin: 0 3% 0 0px;padding: 0;} .operating .foot_banner .inner .flow {background-image: url("img/banner_flow.jpg");margin: 0 3% 0 0px;padding: 0;} } /********************************************** ****** 会食会場 ******************************/ .restaurant {} .restaurant .entry-content {padding: 72px 0 64px;} .restaurant .page-header {background-image: url(img/restaurant_tit_bk.jpg);} .restaurant .in .archive-restaurant-box {display: flex;justify-content: space-between;max-width: 1000px;margin: 0 auto;} .restaurant .in .archive-restaurant-box .archeve_restaurant_content {width: 31%;padding: 10px;box-sizing: border-box;border: solid 1px #666;} .restaurant .in .archive-restaurant-box .archeve_restaurant_content a {text-decoration: none;} .restaurant .in .archive-restaurant-box .archeve_restaurant_content .ph {margin-bottom: 5%;} .restaurant .in .archive-restaurant-box .archeve_restaurant_content .ph img {width: 100%;height: auto;} .restaurant .in .archive-restaurant-box .archeve_restaurant_content .restaurant_content {} .restaurant .in .archive-restaurant-box .archeve_restaurant_content .restaurant_content .restaurant_tit {font-size:20px; } .restaurant .in .archive-restaurant-box .archeve_restaurant_content .restaurant_content .date {font-size:12px;} .restaurant .in .archive-restaurant-box .archeve_restaurant_content .restaurant_content .exce {font-size: 13px;} .single-restaurant-box {max-width: 1000px;margin: 0 auto;} .single-restaurant-box hr {background-color: rgba(102,102,102,0.20);border: 0;height: 1px;margin-bottom:5%;} .single-restaurant-box .ph_only {width: 100%;} .single-restaurant-box .ph_only img {width: 100%;height: auto;} .single-restaurant-box .text_only {padding: 5% 0;} .single-restaurant-box .text_only p {margin-bottom: 0;} .single-restaurant-box .layout_lr_block {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center; margin-bottom: 5%;} .single-restaurant-box .layout_lr_block.left {} .single-restaurant-box .layout_lr_block.right {flex-flow: row-reverse} .single-restaurant-box .layout_lr_block .ph {width: 48.5%;} .single-restaurant-box .layout_lr_block .wysiwyg {width: 48.5%;} .single-restaurant-box .layout_lr_block .wysiwyg p {font-size:14px; } @media screen and (max-width: 600px) { .restaurant .entry-content {padding: 8% 0 5%;} .restaurant .in .archive-restaurant-box {display:block;width: 90%;margin: 0 auto;} .restaurant .in .archive-restaurant-box .archeve_restaurant_content {width: 100%;padding: 10px;box-sizing: border-box;border: solid 1px #666;} .restaurant .in .archive-restaurant-box .archeve_restaurant_content .restaurant_content .restaurant_tit {font-size:4.8vw; } .restaurant .in .archive-restaurant-box .archeve_restaurant_content .restaurant_content .date {font-size:3.2vw;} .restaurant .in .archive-restaurant-box .archeve_restaurant_content .restaurant_content .exce {font-size: 3.6vw;} .single-restaurant-box {width: 90%;margin: 0 auto;} .single-restaurant-box .layout_lr_block {display:block;align-items: center; margin-bottom: 5%;} .single-restaurant-box .layout_lr_block.left {} .single-restaurant-box .layout_lr_block.right {flex-flow: row-reverse} .single-restaurant-box .layout_lr_block .ph {width: 100%;margin-bottom: 5%;} .single-restaurant-box .layout_lr_block .wysiwyg {width: 100%;} .single-restaurant-box .layout_lr_block .wysiwyg h1 {font-size: 5.6vw;} .single-restaurant-box .layout_lr_block .wysiwyg h2 {font-size: 5.2vw;} .single-restaurant-box .layout_lr_block .wysiwyg h3 {font-size: 4.8vw;} .single-restaurant-box .layout_lr_block .wysiwyg h4 {font-size: 4.0vw;} .single-restaurant-box .layout_lr_block .wysiwyg h5 {font-size: 3.6vw;} .single-restaurant-box .layout_lr_block .wysiwyg p {font-size:3.6vw; } }