@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%;}
h2{text-align: center;}

.inner{ max-width: 990px; margin: 0 auto;}
body{font-size: 15px;line-height: 2em; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}

/*fv*/
.fv{text-align: center;font-size: 0;letter-spacing: 0;padding: 0;margin: 0;background: url(../images/fv-bg.png);}
.fv .bg{background: url(../images/ln.png) center 0 repeat-x;background-size: contain;padding: 15px 0;position: relative;}
.fv img{width: inherit;}

/*family*/
.family h2{padding: 35px 0;text-align: center;background: url(../images/family-tibg.png);}
.family ul{margin: 40px 0 50px;text-align: center;}
.family li{display: inline-block;*zoom: 1;*display: inline; vertical-align: top; margin: 0 5px;width: 31%;border-radius: 6px;border: 1px solid #f47eb3;background: #fff}
.family li .inr{padding: 10px;}
.family li .ti{text-align: center;background: url(../images/family-tis.png) center bottom no-repeat;background-size: 100%;color: #fff;font-weight: bold;line-height: 1.3em;padding: 14px 0;font-size: 17px;}
.family li p.tx{text-align: left;margin: 10px 0;letter-spacing: 0;}

/*yado*/
.yado{padding: 50px 0 30px;background: url(../images/yado-bg.png);}
.yado ul{margin: 50px 0 0;text-align: center;}
.yado li{display: inline-block;*zoom: 1;*display: inline; vertical-align: top; margin: 0 5px;width: 31%;border-radius: 6px;border: 1px solid #4db84a;background: #fff}
.yado li .inr{padding: 10px;}
.yado li .ti{text-align: center;background: url(../images/yado-tis.png) center bottom no-repeat;background-size: 100%;color: #fff;font-weight: bold;line-height: 1.3em;padding: 14px 0;font-size: 17px;}
.yado li p.tx{text-align: left;margin: 10px 0;}
.yado .rg{text-align: right;color: #666;padding: 20px;}

@media screen and (max-width: 1024px) {
.container.is-fix > .inner, .is-fix + .container > .inner, .inner {width: 950px;}
.container > .inner, .inner {max-width: 950px;margin: 0 auto;}
}