@charset "UTF-8";

/* ================================
	Base
================================ */
.container{ width: 100%; }
.container > .inner{ max-width: 990px; margin: 0 auto;}

/* 固定幅用調整
---------------------- */
.container.is-fix > .inner,
.is-fix + .container > .inner{ width: 990px; }

/* ================================
	module:footer
================================ */
.globalFooter{ background: #fff; }
.globalFooter__credit{
    padding: 1em 0;
    text-align: center;
    color:#000;
    font-size:16px;
    font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Osaka,sans-serif;
    font-weight:bold;
}
.globalFooter__link{
    max-width: 990px;
    margin: 0 auto;
    padding: 0 0 20px;
    text-align: center;
    overflow: hidden;
}
.globalFooter__link a{
    display: block;
    color:#435B67;
    text-decoration: underline;
    font-size:11px;
}
@media (min-width:768px){
    .globalFooter__link{ text-align: left;}
    .globalFooter__link--left{ float: left; }
    .globalFooter__link--right{ float: right;}
}

/* 固定幅用調整
---------------------- */
.is-fix + .globalFooter .globalFooter__link{ text-align: left;}
.is-fix + .globalFooter .globalFooter__link--left{ float: left; }
.is-fix + .globalFooter .globalFooter__link--right{ float: right;}


/*************************************************************
adding style
Theme : じゃらんネット
Author: Juita Web Design - バリ島ウェブ制作
Author URL: http://juita.net
**************************************************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
html { overflow-y:scroll; }
h1, h2, h3, h4, h5, h6, td, input { font-size:100%; font-weight:normal; }
ol, ul { list-style:none; }
fieldset, img { border:0; }
caption, th { text-align:left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
a img, li img { vertical-align:bottom; }
article, aside, figure, footer, header, hgroup, nav, section { display:block; margin:0; padding:0; }
* {padding: 0;margin: 0;}
body,html{padding: 0;margin: 0;}
a,a img{ margin:0; padding:0; border:none; text-decoration: none;}
a:hover img{filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
img{max-width: 100%;vertical-align: bottom;border: none;outline: none;transition: all .3s ease-in-out;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;display: block;width: 100%;}
.center{text-align: center;}
h2{text-align: center;margin: 15px 0 20px;}

.inner{ max-width: 990px; margin: 0 auto;}
body{font-size: 16px;line-height: 2.2em; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
.fnt{font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho",Georgia, serif;font-weight: bold;}
.globalFooter.container{background: #fff;padding: 0;}
.btn{text-align: center; margin: 30px auto 10px; letter-spacing: 0;font-size: 0;}
.btn li{display: inline-block;margin: 0 1px 5px;}
.lnk{margin: 0 auto 30px;width: 81%;}
.lnk .ln{margin: 0 auto 15px;line-height: 1.6em;font-size: 90%;}

/*fv*/
.fvhd{background: url(../images/bg.jpg) center 0 no-repeat;background-size: cover;padding: 15px 0;}
.fv{text-align: center;}

/*ctn1*/
.ctn1{padding: 20px 0;background: #fff4f4; position: relative;}
.ctn1:before{content: url(../images/bg1.png);position: absolute;left: 13%;top: 40%;z-index: 0;}
.ctn1:after{content: url(../images/bg2.png);position: absolute;right: 13%;top: 55%;z-index: 0;}
.ctn1 .crn{line-height: 1.6em;font-size: 14px;padding: 30px;background: #fff;border: 1px solid #fad2dd;color: #F9486A;margin: 0 auto;width: 85%;}
.ctn1 .inner{z-index: 2;position: relative;}
.ctn1 .sum{text-align: center;margin: 20px auto 0;}
.ctn1 .ctn{overflow: hidden;}
.ctn1 .ctn .txt{float: left;width: 50%;}
.ctn1 .ctn .img{float: right;width: 47%;overflow: hidden;}
.ctn1 .ctn .img img{float: left;width: 50%;text-align: center;}
.ctn1 .ctn .img .tx{float: right;width: 45%;}
.ctn1 .ctn .img .ti{color: #e60039;font-size: 28px;margin: 0 0 15px;letter-spacing: 2px;}

/*ctn2*/
.ctn2{padding: 40px 0;position: relative;}
.ctn2 .inner{z-index: 2;position: relative;}
.ctn2:before{content: url(../images/bg3.png);position: absolute;left: 13%;top: 40%;z-index: 0;}
.ctn2:after{content: url(../images/bg1.png);position: absolute;right: 13%;top: 55%;z-index: 0;}

/*ctn3*/
.ctn3{padding: 40px 0;background: url(../images/ctn3-bg.png);}
.ctn3 .ctn{background: #fff;padding: 25px 0;border: 2px solid #ffb8c5;border-radius: 4px;}
.ctn3 .inr{padding: 0 15px 10px;overflow: hidden;z-index: 2;position: relative;}
.ctn3 .inr .img{width: 51%;text-align: center;}
.ctn3 .inr .txt{width: 49%;}
.ctn3 .inr a{margin: 20px auto 0;display: block;}

/*ctn4*/
.ctn4{position: relative;}
.ctn4 .inner{z-index: 2;position: relative;}
.ctn4:before{content: url(../images/bg2.png);position: absolute;left: 13%;top: 8%;z-index: 0;}
.ctn4:after{content: url(../images/bg1.png);position: absolute;right: 13%;top: 20%;z-index: 0;}
.ctn4 .bg{padding: 40px 0;position: relative;}
.ctn4 .bg:before{content: url(../images/bg1.png);position: absolute;left: 13%;bottom: 40%;z-index: 0;}
.ctn4 .bg:after{content: url(../images/bg3.png);position: absolute;right: 13%;bottom: 30%;z-index: 0;}
.ctn4 .center{margin: 20px 0;font-size: 18px;line-height: 1.8em;}
.ctn4 .plc{display: flex;flex-wrap: wrap;justify-content: center;}
.ctn4 .plc li{display: inline-block;width: 24%;padding: 6px;background: #fff;margin: 3px;box-shadow: rgba(243, 231, 233, 1) 2px 2px 2px;border-radius: 3px;border: 1px solid #f3e7e9;}
.ctn4 .plc .img{text-align: center}
.ctn4 .plc .txt{padding: 10px 2px;line-height: 1.6em;}
.ctn4 .plc .ti{text-align: center;font-weight: bold;font-size: 18px;line-height: 1.4em;color: #e60039;margin: 10px 0;}
.ctn4 .plc .dtl{letter-spacing: 0;font-size: 14px;line-height: 1.4em;margin: 15px 0 0;}
.ctn4 .adr{padding: 3px 0 3px 23px;background: url(../images/ico1.png) 0 3px no-repeat;}
.ctn4 .tel{padding: 3px 0 3px 23px;background: url(../images/ico2.png) 0 5px no-repeat;}
.ctn4 .time{padding: 3px 0 3px 23px;background: url(../images/ico3.png) 0 5px no-repeat;}
.ctn4 .off{padding: 3px 0 3px 23px;background: url(../images/ico4.png) 0 7px no-repeat;}

@media screen and (max-width: 1024px) {
.inner{padding: 0 15px;}
.btn li{width: 49%;}
}