@charset "utf-8";
/*
 * 
 * Copyright 2015 マサクリエイツ
 * http://www.masa-cr.com/
 *
 */
/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━  初期設定  */
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html {
	line-height: 1.75;
	font-size:15px;
	font-family: 'Open Sans', 'Droid Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
	color:#333;
	background-color:transparent;
}
blockquote {border:dotted 1px #999}
dl {border:solid 1px #ccc}
table {border-collapse: collapse;}
caption {background: #999;color: #fff}
th {border-bottom: #d0d0d0 1px dotted;background:#f0f0f0;}
td {border-bottom: #d0d0d0 1px dotted;}
tr:hover {color: #999;}
hr {color:#ccc;background-color:#ccc}
fieldset {border:1px solid #ccc}
a {text-decoration:underline;color:#06c}
a:visited {text-decoration:;color:#609}
a:hover {text-decoration:none;}
a:active {text-decoration:underline;}

h2,h3,h4,h5,h6,.noto {
    font-family: 'noto sans japanese';
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━  ボックス  */
/***** レスポンシブbox *****/
.box1,
.box2-a, .box2-b,
.box3-a, .box3-b, .box3-c,
.box4-a, .box4-b, .box4-c, .box4-d,
.box12-a, .box12-b,
.box23-a, .box23-b,
.box13-a, .box13-b,
.box24-a, .box24-b {
	margin-bottom:1.5em;
}
@media screen and (min-width: 560px) {
	.box2-a, .box2-b {width:48.5%}
	.box3-a, .box3-b, .box3-c {width:31.3%}
	.box4-a, .box4-b, .box4-c, .box4-d {width:22.75%}
	.box12-a, .box23-b {width:65.7%}
	.box12-b, .box23-a {width:31.3%}
	.box13-a, .box24-b {width:74.25%}
	.box13-b, .box24-a {width:22.75%}
	.box2-a,
	.box3-a, .box3-b,
	.box4-a, .box4-b, .box4-c,
	.box12-a,
	.box23-a,
	.box13-a,
	.box24-a {float:left}
	.box2-b,
	.box3-c,
	.box4-d,
	.box12-b,
	.box23-b,
	.box13-b,
	.box24-b {float:right}
	.box3-a,
	.box4-a, .box4-b {margin-right:3%}
}

/***** grid *****/
@media screen and (min-width: 520px) {
    .grid01, .grid02, .grid03, .grid04, .grid05, .grid06, .grid07, .grid08, .grid09, .grid10, .grid11 {
        float:left;
        margin:0;
        padding:0;
    }
    .grid01 {width:8.333%}
    .grid02 {width:16.666%}
    .grid03 {width:25%}
    .grid04 {width:33.333%}
    .grid05 {width:41.666%}
    .grid06 {width:50%}
    .grid07 {width:58.333%}
    .grid08 {width:66.666%}
    .grid09 {width:75%}
    .grid10 {width:83.333%}
    .grid11 {width:91.666%}
    .gridFirst {margin-left:0;clear:left}
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━  共通設定  */
/***** 文字色 *****/
.txc_01,a.txc_01 {color:#176bc7}/* 青 */
.txc_02,a.txc_02 {color:#ef821d}/* オレンジ */
.txc_03,a.txc_03 {color:#b79932}/* 金 */
.txc_04,a.txc_04 {color:#c00}/* 赤 */

/***** 背景 *****/
.bgc_01 {background: url('../images/back_05.png');}/*  */
.bgc_02 {background: url('../images/back_03.png');}/*  */
.bgc_03 {}/*  */

/***** 見出し *****/
.h_01 {
    background: url('../images/back_04.png');
    padding: 1.2em 2%;
    color:#176bc7;
    border-radius: 6px;
    font-size:1.2em;
}
.h_02 {
    border-left:solid 4px #176bc7;
    padding:.2em 0 .2em .4em;
    color:#666;
}
.h_03 {
    border-bottom:dotted 1px #ddd;
    padding-bottom:.4em;
    color:#b79932/*#666*/;
}
.h_04 {
    border:solid 1px #176bc7;
    color:#176bc7;
    padding: 1em .5em;
    font:bold 1.2em 'noto sans japanese';
    text-align: center;
}

/***** ボタン *****/
.btn_01 a, a.btn_01 {
    color:#333;
    border:solid 1px #ccc;
    padding: .9em 3.5em .9em 2.5em;
    text-decoration: none;
    position: relative;
    background: #fff;
}
.btn_01 a:after, a.btn_01:after {
    content:"\f054";
    font-family: FontAwesome;
    font-size:1.1em;
    position: absolute;
    right:.4em;
    color:#ef821d;
}
.btn_01 a:hover, a.btn_01:hover {
    background: #f3f3f3;
}
.btn_02 a, a.btn_02 {}
.btn_03 a, a.btn_03 {}

/***** リスト *****/
.list_01 {}
.list_02 {}
.list_03 {}

/***** その他 *****/
.fa {margin-right:.2em}
.contentTable {
    width:100%;
    max-width: 640px;
}
.contentTable tr:first-child th {
    border-top:solid 4px #176bc7;
}
.contentTable tr:first-child td {
    border-top:solid 4px #ddd;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━  レイアウト  */
.inner {
	margin-left:4%;
    margin-right:4%;
}
#header {
    padding-bottom: 1em;
}
#globalNavArea {
    clear:both;
}
#contents {
	overflow:hidden;
	padding-top:30px;
}
#contents>.inner {
	margin-left:0;
    margin-right:0;
}
#main {
	margin-bottom: 60px;
}
#sub {
    padding-bottom:40px;
    overflow: hidden;
}
#sub .inner {
    width: 92%;
    float:left;
    margin-left:4%;
    margin-right:0;
    margin-bottom: 20px;
}
#footer {
	clear:both;
}
@media screen and (min-width: 520px) {
    #sub .inner {
        width: 44%;
    }
}
@media screen and (min-width: 900px) {
	.inner {
		margin-left:1%;
        margin-right:1%;
	}
	#header .inner {
	}
	#header,
    #keyVisual,
    #pageInfo,
    #contents,
    #globalNavArea ul,
    #footer1,
    #footer2,
    #copyright,
    #eventKeyVisual {
		max-width: 1024px;
		margin: 0 auto;
	}
    #header {
        padding-bottom: 1.7em;
        overflow: hidden;
    }
    #contents {
		padding-top:30px;
	}
    #contents>.inner {
        margin-left:1%;
        margin-right:1%;
    }
    #main {
		width: 100%;
		float: left;
		margin-right: -270px;
	}
	#main>.inner {
        margin-left:0;
		margin-right: 270px;
	}
	#sub {
		width: 240px;
		float: right;
        padding: 0 0 10px;
	}
	#sub .inner {
        width: 100%;
		display:block;
		margin:0 0 20px;
	}
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━  header  */
#container {
    border-top:solid 6px #176bc7;
}
#header {
    text-align: center;
}
#header h1 {
    display: none;
}
#logo {
    margin:.8em 0;
}
#logo img {
    width:190px;
}
#headerBox1 div {
    display: block;
}
.headerTelMain img {
    width:240px;
}
.headerTelMain a img {
    opacity: 1;
}
.headerTelSub img {
    width:144px;
    margin-top: .2em;
}
#headerBox1 div.headerTelFax {
    display:none;
}
@media screen and (min-width: 520px) {
    #headerBox1 div {
        display:inline;
    }
    #headerBox1 div.headerTelFax {
        display:none;
    }
    .headerTelMain img,
    .headerTelMain img {
        width:auto;
    }
}
@media screen and (min-width: 900px) {
    #header {
        text-align: left;
    }
    #header h1 {
        display: block;
        margin:.4em 0;
        font-size: .866em;
        font-weight:normal;
        text-align: right;
    }
    #logo {
        float:left;
        width:280px;
        margin: 0;
    }
    #logo img {
        width:auto;
    }
    #headerBox1 {
        float:right;
        width: 500px;
        text-align: right;
        padding-top: .7em;
    }
    #headerBox1 div.headerTelFax {
        display:block;
        margin-right:3px;
    }
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━  グローバルナビ  */
#globalNavArea {
    border-top:solid 1px #ddd;
    border-bottom:solid 1px #ddd;
}
#globalNavArea ul {
    margin: 0 auto;
    list-style:none;
    font-size: 17px;
    font-family: 'noto sans japanese';
    line-height: 1.2;
}
#globalNavArea li {
    margin:0;
    padding:0;
}
#globalNavArea a {
    text-decoration: none;
    color:#666;
    display: block;
    padding:.7em;
}
#globalNav ul {
    padding:0;
}
#globalNav ul a:before {
    content:"\f097";
    font-family: FontAwesome;
    margin-right:.5em;
}
.btnMenu {
    display: block;
	cursor:pointer;
    text-align: center;
    padding: .866em;
    color:#666;
}
.btnMenu:before {
    content:"\f0c9";
    font-family: FontAwesome;
    margin-right: .3em;
}
.btnMenu.active:before {
    content: "\f00d";
}
#globalNav {
	display:none;
    text-align: center;
    border-top:solid 1px #ddd;
    padding:0;
}
#globalNav>li {
    border-top: dotted 1px #ddd;
}
#globalNav>li:first-child {
    border-top:none;
}
#globalNavArea .dropDown>a {
    cursor: default;
    color:#aaa;
}
@media screen and (min-width: 900px) {
	.btnMenu {
		display:none;
	}
	#globalNav {
		display:block;
        border-top:none;
        padding:0;
	}
	#globalNav li {
        float:left;
        width:14%;
        position: relative;
    }
    #globalNav>li {
        border-top:none;
    }
    #globalNav ul {
		display:none;
        position: absolute;
        top:76px;
        left:0;
        z-index: 100;
        background: #fff;
        border:solid 1px #ddd;
        width: 100%;
        padding:.8em 0;
	}
	#globalNav ul a {
        padding: .8em 0;
        height: auto;
    }
    #globalNav ul a:before {
        content:"";
        margin-right:0;
    }
    #globalNav li.dropDown li {
        width: 100%;
        float:none;
    }
    #globalNavArea a {
        padding:0;
        padding-top:26px;
        height: 50px;
        width: 85%;
        margin:0 auto;
    }
    #globalNavArea a:hover {
        color: #000;
    }
    #globalNavArea .menuHome a {
        padding-top:19px;
        height: 57px;
    }
    #globalNavArea .menuPrice a,
    #globalNavArea .menuF-living a {
        padding-top:19px;
        height: 57px;
    }
    #globalNavArea .menuContact a {
        padding-top:18px;
        height: 54px;
    }
    #globalNav span {
        display: block;
        margin-right:0;
        font-size: 12.4px;
        margin-right:.2em;
    }
    #globalNavArea .dropDown>a {
        color:#666;
    }
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━  pageInfo */
#pageInfoWrap {
    background: url('../images/back_title.jpg') center bottom no-repeat;
}
.pageTitle {
    margin:0;
    color:#176bc7;
    font-weight: normal;
    text-shadow: 1px 1px 0 #fff;
    background: url('../images/back_pagetitle.png') left center no-repeat;
    padding-left: 38px;
}
#pageInfo {
    padding-top:40px;
    padding-bottom: 5px;
}
.breadcrumb {
    margin:15px 0 0;
    padding: 0;
    list-style: none;
    text-align: right;
    font-size: .8em;
}
.breadcrumb li {
    display:inline;
    margin-left:.2em;
}
.breadcrumb li:before {
    content:"\f105";
    font-family: FontAwesome;
    margin-right:.2em;
}
.breadcrumb li:first-child:before {
    content:"";
}
.breadcrumb,
.breadcrumb a {
    color:#666;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━  main */
.eyecatch {
    margin:0 -4% 6%;
}
@media screen and (min-width: 900px) {
    .eyecatch {
        margin:0 0 7%;
    }
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━  sub */
a.subLink {
    border:solid 4px #eee;
    background: url('../images/back_link_01.png') right bottom no-repeat;
    display: block;
    padding-left: 4%;
    padding-right:4%;
    color:#333;
    text-decoration: none;
    font-size:.933em; 
}
a.subLink:hover {
    background-color: rgba(222,222,222,0.30);
}
a.subLink h4 {
    font-size:1.333em;
    color:#176bc7;
    font-weight:normal;
    margin:0 -4%;
    padding-top: 22px;
    padding-left:84px;
    min-height: 44px;
    background: url('../images/deco_sublink.png') right top no-repeat;
}
.backImage_01 {
    background: url('../images/sub_immediately_back.jpg') right bottom no-repeat #fff;
}
.backImage_02 {
    background: url('../images/sublink_img_02.jpg') 4px 4px no-repeat #fff;
}
.backImage_03 {
    background: url('../images/sublink_img_03.jpg') 4px 4px no-repeat #fff;
}
.backImage_04 {
    background: url('../images/sublink_img_04.jpg') 4px 4px no-repeat #fff;
}
.backImage_05 {
    background: url('../images/sublink_img_05.jpg') 4px 4px no-repeat #fff;
}
.subOtoiawase {
    background: url('../images/back_02.png');
    text-align: center;
}
.subOtoiawase .box {
    margin:6px;
    border:solid 1px #176bc7;
}
a.subLink2 {
    border:solid 4px #e8e6d9;
    display: block;
    color:#333;
    text-decoration: none;
    font-size:.933em;
    padding-bottom: 30px;
}
.subLink2 h4 {
    background: url('../images/sub_immediately_h.jpg') no-repeat center center;
    text-indent: -9999px;
    height: 40px;
    margin:8px -4px;
}
.subLink2 p {
    padding-left: 4%;
    padding-right: 50%;
}
a.subLink2:hover {
    background-color: rgba(232,230,217,0.30);
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━  footer  */
#footer1wrap {
    background: url('../images/back_01.png');
	overflow:hidden;
    padding: 1.5em 0;
}
#footer .inner {
    margin-left:6%;
    margin-right:6%;
}
#footer1 h4 {
    color:#666;
    border-bottom:solid 1px #fff;
    margin-top:.8em;
    /*margin-right:10%;*/
}
#footer1 h4:after {
    content:"";
    display:block;
    background: #dbdbdb;
    height:1px;
    margin-top:4px;
}
@media screen and (min-width: 520px) {
    #footer .inner {
        margin-left:3%;
        margin-right:3%;
    }
    #footer1 .grid03 {
        width:31.332%;
        margin-left:3%;
    }
    #footer1 .gridFirst {
        margin-left:0;
    }
    #footer1 .lastGrid {
        clear:both;
        margin-left:0;
    }
}
@media screen and (min-width: 800px) {
    #footer1 .grid03 {
        width:22.749%;
    }
    #footer1 .lastGrid {
        clear: none;
        margin-left:3%;
    }
}
.footerNav {
    margin: 0 0 1em;
    padding: 0;
    list-style: none;
    font-size:.933em;
}
.footerNav li:before {
    content:"\f054";
    font-family: FontAwesome;
    font-size:.933em;
    color:#ef821d;
    margin-right:.4em;
}
.footerNav a {
    color:#666;
    text-decoration: none;
}
.footerNav a:hover {
    text-decoration: underline;
}
#footer2 .inner {
    padding: 2em 0;
}
#footer2 .inner>div {
    display:inline-block;
    vertical-align: middle;
    line-height: 1.5;
    margin-right:20px;
    margin-bottom: .2em;
}
#footer2 a.btn_01:after {
    top:10px;
}
#copyrightWrap {
    background:#176bc7;
    color:#fff;
    font-size: .8em;
    text-align: center;
    padding:1em 0;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━  pagetop */
#pagetop {
	position:fixed;
	right:0;
	bottom:20px;
	width:80px;
}
#pagetop a {
	display:block;
	margin:auto;
	background:rgba(255,255,255,0.60);
	border-radius:10px 0 0 10px;
    border: solid 1px #ccc;
    border-right:none;
    text-align: center;
    padding: 8px 0;
    color: #999;
}
#pagetop a:hover {
	background:rgba(255,255,255,0.80);
}
#pagetop .fa {
    margin-right:0;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━  オリジナル設定  */


/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━  pageIndex */
.flexslider {
    border:none;
    margin-bottom:30px;
}
.flexslider a img {
    opacity: 1;
}
.flex-control-nav {
   /* bottom:0;
    z-index: 10;*/
}
.pageIndex #keyVisual .flexslider {
    display: none;
}
@media screen and (min-width: 520px) {
    .pageIndex .eyecatchSp {
        display:none;
    }
    .pageIndex #keyVisual .flexslider {
        display: block;
    }
}

.mainPlanList {
    border-left:solid 1px #ddd;
    margin-bottom:30px;
}
.mainPlanList img {
    max-width: none;
}
.mainPlanList .kazokusou {
    background:url('../images/index_plan_image_01.jpg') no-repeat center 52px #fff;
}
.mainPlanList .ichinichisou {
    background:url('../images/index_plan_image_02.jpg') no-repeat center 52px #fff;
}
.mainPlanList .kasousou {
    background:url('../images/index_plan_image_03.jpg') no-repeat center 52px #fff;
}
.mainPlanList a {
    background-position: right bottom;
    background-repeat: no-repeat;
    overflow: hidden;
}
.kazokusou a {
    background-image:url('../images/back_link_02.png');
}
.ichinichisou a {
    background-image:url('../images/back_link_03.png');
}
.kasousou a {
    background-image:url('../images/back_link_04.png');
}
.mainPlanList a {
    display: block;
    text-decoration: none;
    color:#333;
    border:solid 1px #ddd;
    border-left:none;
}
.mainPlanList a:hover {
    background-color: rgba(222,222,222,0.30);
}
@media screen and (min-width: 520px) {
    .mainPlanList a {
        height:380px;
    }
}
@media screen and (min-width: 640px) {
    .mainPlanList a {
        height:350px;
    }
}
/*@media screen and (min-width: 900px) {
    .mainPlanList a {
        height:350px;
    }
}*/
@media screen and (min-width: 960px) {
    .mainPlanList a {
        height:330px;
    }
}
.mainPlanList h3 {
    margin:0 0 100px;
    background-position: left top;
    background-repeat: repeat-x;
}
.kazokusou h3 {
    background-image:url('../images/index_plan_h_01.png');
}
.ichinichisou h3 {
    background-image:url('../images/index_plan_h_02.png');
}
.kasousou h3 {
    background-image:url('../images/index_plan_h_03.png');
}
.mainPlanList a img {
    opacity: 1;
}
.mainPlanList p {
    margin-left:5%;
    margin-right:5%;
}


.indexArea1 {
    background: url('../images/back_04.png');
    border:solid 8px #fff;
    outline: solid 1px #e0ebf7;
    text-align: center;
    padding: 1em 4% 2.5em;
    margin:60px 0;
}
.mainReasonList {
    margin:60px 0;
}
.mainReasonList,
.mainReasonList img,
.mainReasonList h3,
.mainReasonList p {
    margin-left:2%;
    margin-right:2%;
}
@media screen and (min-width: 520px) {
    .mainReasonList,
    .mainReasonList img,
    .mainReasonList h3,
    .mainReasonList p {
        margin-left:5%;
        margin-right:5%;
    }
}
.mainReasonList .grid06 {
    margin-bottom:30px;
}
.mainReasonList h3 {
    color:#176bc7;
    font-size:1.333em;
    margin-top:1.2em;
    margin-bottom:.4em;
}
.staffMessageWrap {
    background: url('../images/back_03.png');
    margin:60px 0;
}
.staffMessage {
    padding:2% 5%;
}
.staffMessage p {
    font-size: 1.333em;
    font-weight:bold;
    font-family: 'noto sans japanese';
    line-height: 1.5;
    color:#666;
}
@media screen and (min-width: 640px) {
    .staffMessage {
        background-image: url('../images/index_salon.png');
        background-repeat:no-repeat;
        background-position:right center;
        padding:2% 170px 2% 5%;
    }
}
/* 写真を入れてた時
.staffMessage {
    background-image: url('../images/index_staff.jpg');
    background-repeat:no-repeat;
    background-position:center bottom;
    padding:10px 0 200px;
}
@media screen and (min-width: 800px) {
    .staffMessage {
        background-position:right bottom;
        background-size: 45%;
        padding:10px 45% 0 0;
        min-height: 174px;
    }
}
@media screen and (min-width: 800px) {
    .staffMessage {
        background-size: 36%;
        padding:10px 36% 0 0;
    }
}
*/
.infoList {
    border:none;
    max-width:26em;
    margin:0 auto 1em;
    line-height: 1.5;
}
.infoList dt {
    float:left;
    width: 6em;
    clear:left;
}

.infoList dd {
    margin-left:6em;
    margin-bottom: 1em;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━  pageInformation */
.infoContents {
    margin-bottom: 40px;
    padding-bottom: 30px;
}
.infoContents article {
    margin-top: 2em;
}
.finished {
    position:relative;
}
.finished:after {
    content:url("../images/finished_stamp.png");
    display:block;
    width:300px;
    height:400px;
    position:absolute;
    left:0;
    right:0;
    top:30px;
    margin:auto;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━  pageCompany */
.pageCompany .contentTable th {
    width: 6em;
}
@media screen and (min-width: 520px) {
    .pageCompany .contentTable th {
        width: 8em;
    }
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━  pageMessage */
.messagePresident {
    max-width:800px;
    margin:0 auto;
    background: url('../images/message_eyecatch_sp.jpg') no-repeat center top;
    padding-top:180px;
    background-size:520px;
}
.messagePresident strong {
    font-size:1.066em;
}
@media screen and (min-width: 480px) {
    .messagePresident {
        padding-top:300px;
        background-size:800px;
    }
}
@media screen and (min-width: 700px) {
    .messagePresident {
        background: url('../images/message_eyecatch_pc.jpg') no-repeat center top;
        padding-top:300px;
    }
}
.messageStaff h4 {
    text-align: center;
    margin-top: .6em;
    font-size:1.2em;
    font-weight:normal;
}
.messageStaff .grid04 .inner,
.messageStaff .grid06 .inner {
    margin:0 5% 3em;
}
.messageStaff .grid04 img,
.messageStaff .grid06 img {
    max-width:80%;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━  pageVoice */
.pageVoice h3 {
    margin-bottom: 2em;
}
.voiceBox {
    background: url('../images/back_05.png');
    border-radius: 30px;
    padding: 2% 4%;
    margin:2em 4%;
    box-shadow: 5px 5px 0 #efe7cb;
}
.voiceBox h4 {
    color:#b79932;
    margin-top:0;
    margin-bottom: .5em;
}
.voiceBox h4:before {
    content:"\f0e5";
    font-family:FontAwesome;
    font-size:3em;
    color:#efe7cb;
    margin-right:.2em;
}
.voiceBox p {
    text-indent: 1em;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━  pageKawaguchi */
.flowList {
    list-style: none;
    margin:2.5em 0;
    padding:0;
}
.flowList li {
    border:solid 1px #c66;
    padding: 1.2em 4%;

    position:relative;
    margin-bottom:25px;
}
.flowList li:before {
    content:url('../images/flowList.png');
    display:block;
    position:absolute;
    top:-27px;
}
.flowList li:first-child:before {
    content:none;
}
.flowList .fs_l {
    color:#900;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━  pageF-living */
.my-gallery {
    margin:2em 0;
}
.my-gallery figure {
    margin:0 1% 1% 0;
    width:49%;
    float:left;
}

@media screen and (min-width: 520px) {
    .my-gallery {
        margin-left:1%;
    }
    .my-gallery figure {
        width:32%;
    }
    .my-gallery.gallery2 {
        margin-left:16%;
        margin-right:16%;
    }
    .my-gallery.gallery2 figure {
        width:49%;
    }
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━  pagePrice */
.priceTable {
    width:100%;
    margin-top:2em;
    margin-bottom: 3em;
}
.priceTable th,
.priceTable td {
    vertical-align: middle;
}
.priceTable th {
    font-size: .85em;
}
.priceTable td {
    text-align:center;
    font-size: 1.16em;
    padding-left:.2em;
    padding-right: .2em;
}
@media screen and (min-width: 520px) {
    .priceTable th {
        font-size: 1em;
    }
    .priceTable td {
        font-size: 1.5em;
        padding-left:.5em;
        padding-right: .5em;
    }
}
.priceTable .fa {
    color:#72be27;
}
th.kazokuHead,
th.ichinichiHead,
th.kasouHead {
    color:#fff;
    text-align: center;
    font-size: 1.25em;
    border-bottom: none;
}
th.kazokuHead {
    background: url('../images/index_plan_h_01.png');
}
th.ichinichiHead {
    background: url('../images/index_plan_h_02.png');
}
th.kasouHead {
    background: url('../images/index_plan_h_03.png');
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━  pageContact */
.contactTable {
    font-size:14px;
    width: 100%;
}
.contactTable th {
    width:13em;
    border-bottom: solid 1px #fff;
}
.contactTable td {
    border-bottom: none;
}
.contactTable ul,
.contactTable li {
    list-style: none;
    margin:0;
    padding:0;
}

.contactTable textarea,
.contactTable input[type="text"],
.contactTable input[type="email"],
.contactTable input[type="tel"] {
	width:97%!important;
	padding:.2em;
	border:solid 1px #ccc;
}
.contactTable .onamae input[type="text"] {
	width:60%!important;
}
.contactTable textarea {
    height: 120px!important;
}
.mfp_buttons button {
	border:none;
	background:#999;
	color:#fff;
	padding:.5em 1.5em;
	font-size:1.4em;
	text-shadow:none;
}
.mfp_buttons button[type="submit"],
.mfp_buttons button#mfp_button_send{
	background:#6c9;
}
@media screen and (max-width: 639px) {
	.contactTable th,
	.contactTable td {
		display:block;
        width:auto;
        border-bottom: none;
	}
    .contactTable td {
        padding-top: 1em;
        padding-bottom:2em;
    }
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━  プラン */
.pageKazokusou .pageTitle,
.pageIchinichisou .pageTitle,
.pageKasoushiki .pageTitle {
    font-size:2em;
}
.pageKazokusou .eyecatch span,
.pageIchinichisou .eyecatch span,
.pageKasoushiki .eyecatch span {
    background:#b79932;
    color:#fff;
    padding: .3em .9em;
    margin:0 .2em;
    font-size:.9em;
    border-radius:6px;
    display:inline-block;
}
.pageKazokusou .eyecatch span.off,
.pageIchinichisou .eyecatch span.off,
.pageKasoushiki .eyecatch span.off {
    background:#bbb;
    color:#eee;
}
.planContents {
    padding: 0;
    list-style: none;
}
.planContents li {
    display: inline-block;
    background: #f9f7ee;
    color:#a58000;
    border:solid 1px #b79932;
    padding: .2em .8em;
    margin-right:.5em;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━  pageImmediately */
.pageImmediately .flowList .fs_l {
    color:#333;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━  pageOption_01 */
.my-gallery.gallery3 figure {
    margin:0 1% 1% 0;
    width:32%;
    float:left;
}
.my-gallery figcaption {
    font-size:.8em;
    text-align: center;
}

@media screen and (min-width: 520px) {
    .my-gallery.gallery3 figure {
        width:24%;
    }
}
@media screen and (min-width: 700px) {
    .my-gallery.gallery3 figure {
        width:19%;
        margin-right:6%;
    }
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━  pageF-club */
.pageF-club #main ol {
    border:solid 1px #176bc7;
    padding: 5%;
    list-style:none;
    text-align:center;
}
@media screen and (max-width: 380px) {
    .pageF-club #main ol {
        padding-left: 2.6em;
    }
}
.pageF-club #main ol.pointList {
    border:none;
    list-style: none;
    background: #fff;
    padding: 3% 5% 3% 12%;
    margin:2em 3%;
}
.pageF-club #main ol.pointList li:before {
    content:"\f046";
    font-family:FontAwesome;
    margin-left:-1em;
    margin-right:.5em;
    color:#ef821d;
}
.hanadayoriList {
    margin:0;
    padding:0;
    list-style: none;
}
.hanadayoriList li {
    padding: 0;
    float:left;
    width:42%;
    margin:1em 4%;
    text-align: center;
}
@media screen and (min-width: 460px) {
    .hanadayoriList li {
        width:29%;
        margin:1em 2%;
    }
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━  イベント */
.pageNingyokuyo #eventKeyVisualWrap {
    background: url('../images/ningyokuyo_2025.jpg') no-repeat left center #333;
    background-size:cover;
    color:#fff;
    /*text-shadow: 1px 1px 3px #000;*/
}
.pageNingyokuyo #eventKeyVisualWrap a {
    color:#fff;
    text-decoration: none;
}
.pageNingyokuyo #eventKeyVisual {
    padding: 0 2%;
    height: 600px;
}
#eventKeyVisual .box {
    background: rgba(129,0,0,.8);
    max-width:280px;
    padding:50px 0 30px 20px;
}
.pageNingyokuyo #eventKeyVisualWrap {
    font-size:16px;
}
.pageNingyokuyo #eventKeyVisualWrap .fs1 {
    font-size:2em;
}
.pageNingyokuyo #eventKeyVisualWrap .fs2 {
    font-size:1.8em;
}
.pageNingyokuyo #eventKeyVisualWrap .fs3 {
    font-size:1.6em;
}
@media screen and (min-width: 460px) {
    #eventKeyVisual .box {
        max-width:350px;
        padding:40px 0 20px 40px;
    }
    .pageNingyokuyo #eventKeyVisualWrap {
        font-size:20px;
    }
}
.faqList {
    border:none;
}
.faqList dt {
    color:#176bc7;
    font-weight: bold;
}
.faqList dd {
    margin:.2em 0 2em;
}

@media screen and (min-width: 800px) {
    .my-gallery.gallery4 figure {
        width:24%;
    }
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━  セミナー一覧 */
.seminarList {
    margin:0;
    padding: 0;
    list-style: none;
}
.seminarList li {
    border:solid 1px #ddd;
    margin:0 0 1em;
    padding:0;
}
.seminarList h3 {
    margin-top:1em;
}
.seminarList a {
    text-decoration: none;
    color:#333;
    background: url(../images/back_link_01.png) right bottom no-repeat;
    display: block;
    padding: 1em 5%;
}
.seminarList a:hover {
    background-color: #f3f3f3;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━  写真撮影会 */
.pageSatsueikai #eventKeyVisualWrap {
    background: url(../images/satsueikai_2017.jpg) no-repeat center center #333;
    background-size: cover;
    color: #fff;
}
.pageSatsueikai #eventKeyVisualWrap h2 {
    text-align:right;
}
.pageSatsueikai #eventKeyVisualWrap h2 img {
    width:60%;
}
@media screen and (max-width: 699px) {
    .pageSatsueikai #eventKeyVisualWrap h2 {
        text-align:center;
    }
    .pageSatsueikai #eventKeyVisualWrap h2 img {
        width:88%;
    }
}