@charset "utf-8";
/*
Theme Name: 軽井沢ブライダル情報センター
Theme URI: https://center.karuizawa-wedding.co.jp
Author: karuizawawedding
Author URI: https://center.karuizawa-wedding.co.jp
Description: 軽井沢ブライダル情報センター
*/
/* ===================================================================
 style info : 各cssファイル読み込み用
 author     : name
=================================================================== */

/*----------------------------------------------------------------------------------------------------------------------
リセット
----------------------------------------------------------------------------------------------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
section { 
	margin: 0;
	padding: 0;
}
div {border: 0;}

/* tables still need 'cellspacing="0"' */
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
fieldset,img { border: 0;}
img {vertical-align: bottom;}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal;
}
strong{font-weight: normal !important;}
ol,ul {list-style: none;}
caption,th {text-align: left;}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,
q:after {
	content:'';
}
abbr,acronym {border:0;}
*{
	margin:0;
	padding:0;
	border:0;
}

/*----------------------------------------------------------------------------------------------------------------------
基本設定　ベース
----------------------------------------------------------------------------------------------------------------------*/
body * {font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}
body {
background:#F1EAE0 !important;
color:#555 !important;
-webkit-font-smoothing: antialiased !important;
}
* html body {font-size: 75%; /* for IE6 */}
*:first-child+html body {font-size: 75%; /* for IE7 */}

a{color:#2A332E !important;}
a:hover{text-decoration:none !important;
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
a:hover img{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
/*----------------------------------------------------------------------------------------------------------------------
基本設定　その他
----------------------------------------------------------------------------------------------------------------------*/
h1,h2{color:#333 !important;}
a.btn{
background:#FFF ;
border:1px dashed #BBB;
border-radius: 0; 
-webkit-border-radius: 0; 
-moz-border-radius: 0; 
padding:7px 16px 6px 16px;
}
a.btn span{
background: url("img/icon_arrow.png") no-repeat left top;
background-size:26px 19px;
padding:0px 0 3px 33px;
font-family: Verdana, Meiryo, sans-serif;
}
a.btn:hover,
a.btn-big:hover,
a.btn-mid:hover{
filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.btn-big{width:390px;
text-align:center;
display:inline-block;
background:#AAC979;
color:#FFF !important;
font-family: Verdana, Meiryo, sans-serif;
font-size:20px;
border-radius: 2px;
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
padding:16px 45px;
box-shadow: 0px 4px 0px 0px rgba(140,167,100,1.0);
}

.btn-mid{width:250px;
text-align:center;
display:inline-block;
background:#AAC979;
color:#FFF !important;
font-family: Verdana, Meiryo, sans-serif;
font-size:20px;
border-radius: 2px;
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
padding:16px 45px;
box-shadow: 0px 4px 0px 0px rgba(140,167,100,1.0);
}

.btn-big span img,
.btn-mid span img{margin-right:10px;
vertical-align:0%;
}
.emphasize{
font-size:24px;
margin-bottom:40px;
}

div.polaframe{
position: relative;
padding: 10px;
padding-bottom: 40px;
-webkit-box-shadow: 3px 3px 3px #ccc;
-moz-box-shadow: 3px 3px 3px #ccc;
box-shadow: 3px 3px 3px #ccc;
background: #fff;
margin:30px auto;
width:96%;
max-width:450px;
}

div.polaframe2{
position: relative;
padding: 10px;
padding-bottom: 40px;
-webkit-box-shadow: 3px 3px 3px #ccc;
-moz-box-shadow: 3px 3px 3px #ccc;
box-shadow: 3px 3px 3px #ccc;
background: #fff;
margin:30px auto;
width:96%;
max-width:342px;
}

div.polaframe img,
div.polaframe2 img{max-width:430px;}
div.polaframe span,
div.polaframe2 span{
display:block;
position: absolute;
bottom:6px;
height: 30px;
line-height: 30px;
font-style:italic;
font-size:0.95em;
}

div.polaframe2 span.fnt-s{
display:block;
position: absolute;
bottom:6px;
height: 30px;
line-height: 30px;
font-style:italic;
font-size:0.86em;
}

.photoframe{
border:8px solid #fff;
box-shadow: 1px 1px 5px rgba(20,20,20,0.2);
}
.polaroid {
	width: 451px; /* imgと合わせます */
	position: relative;
	padding: 8px;
	padding-bottom: 40px;
	border: 1px solid #ccc;
	-webkit-box-shadow: 3px 3px 3px #ccc;
	   -moz-box-shadow: 3px 3px 3px #ccc;
	        box-shadow: 3px 3px 3px #ccc;
	/* IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=3,enabled=true)";
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=3,enabled=true); /* IE5.5+ */
	background: #fff;
}
.polaroid img {
	width: 451px; /* .photo02と合わせます */
}
.polaroid p {
	position: absolute;
	height: 24px;
	line-height: 24px;
	bottom: 8px;
	font-size: 14px;
	color: #666;
}

.center{text-align:center !important;}
.right{text-align:right !important;}
.left{text-align:left;}
.grey{color:#9F9F95 !important;}
.kuro555{color:#555 !important;}
.kuro333{color:#333 !important;}
.red{color:#FF494E !important;}
.white{color:#FFF !important;}
.green{color:#79B93F !important;}
.greensec{color:#74C6A2 !important;}
.brown{color:#3e0001 !important;}
.ftg{font-family:Verdana, Meiryo, sans-serif;}
.bold{font-weight:bold!important;}
.normal{font-weight:normal!important;}
.lh17{line-height:1.7!important;}
.lh2{line-height:2!important;}
.attention{
font-size:16px;
color:#FF494E;
}
.gothic{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;}
.fsi{font-style:italic !important;}
.ft13{font-size:13px !important;}
.ft14{font-size:14px !important;}
.ft15{font-size:15px !important;}
.ft16{font-size:16px !important;}
.ft17{font-size:17px !important;}
.ft18{font-size:18px !important;}
.ft19{font-size:19px !important;}
.ft20{font-size:20px !important;}
.ft21{font-size:21px !important;}
.ft22{font-size:22px !important;}
.ft23{font-size:23px !important;}
.ft24{font-size:24px !important;}
.ft25{font-size:25px !important;}
.ft26{font-size:26px !important;}
.ft27{font-size:27px !important;}
.ft28{font-size:28px !important;}
.ft29{font-size:29px !important;}
.ft30{font-size:30px !important;}
.ft31{font-size:31px !important;}
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}

/*----------------------------------------------------------------------------------------------------------------------
レイアウト設定
----------------------------------------------------------------------------------------------------------------------*/
div#container{width:100%;}
div#container section{padding:30px 0 40px 0;}
div#container section div.inner{
width:960px;
margin:0px auto 0px auto;
overflow:hidden;
}

/*----------------------------------------------------------------------------------------------------------------------
ヘッダー設定
----------------------------------------------------------------------------------------------------------------------*/
header{
border-bottom:1px solid #FEFEFE;
padding-top:75px;
}

header nav{
background: #90b067; /* Old browsers */
background: -moz-linear-gradient(top,  #90b067 0%, #a6c575 34%, #a9c97d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90b067), color-stop(34%,#a6c575), color-stop(100%,#a9c97d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #90b067 0%,#a6c575 34%,#a9c97d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #90b067 0%,#a6c575 34%,#a9c97d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #90b067 0%,#a6c575 34%,#a9c97d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #90b067 0%,#a6c575 34%,#a9c97d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90b067', endColorstr='#a9c97d',GradientType=0 ); /* IE6-9 */
}

/*-------------------------- ナビゲーション設定--------------------------------- */
#toggle{ 
 display: none;
}
.menu-box{
width:960px;
margin:0 auto !important;
}
.navbar {
margin:0 auto !important;
border:none !important;
}
.navbar h1{
color:#FFF;
font-size:16px;
font-weight:100;
float:left;
height:30px;
margin:35px 0 10px 0;
}
header nav h1 a{color:#FFF !important;
background:url("img/icon_title.png") no-repeat left top;
padding:22px 0 22px 70px;
}
.navbar-nav{
float: right !important;
width:600px;
margin: 30px 0 0 0 !important;
overflow:hidden;

}
.navbar-nav li {
text-align: center;
float: left;
font-size:14px;
margin:0 16px;
}
.navbar-nav li a{padding: 0 0 !important;}

/*----------------------------------------------------------------------------------------------------------------------
トップページ設定
----------------------------------------------------------------------------------------------------------------------*/

section#promotion{position:relative;padding-bottom:0 !important;}
section#promotion div.inner{
background:url("img/bg_promotion.png") no-repeat left top;
width:1095px !important; 
overflow:hidden;
min-height:431px;
}
#img2,#img3,#img4,#img5,#img6,#img7,#img8,#img9,#img10,#img11,#img12,#img13,#img14,#img15{display:none;}
section#promotion div.bxArea{margin:0 auto !important; width:865px !important; height:442px;}
section#promotion .bx-wrapper .bx-viewport{
background:none;
border:none;
-moz-box-shadow:none;
-webkit-box-shadow: none;
box-shadow: none;
left:0;
}
section#promotion .bx-wrapper .bx-pager,
section#promotion .bx-wrapper .bx-controls-auto {display:none;}
section#promotion div.image{float:right;}
section#promotion div.box{
width:400px;
position:absolute;
right:455px;
top:128px;
}
section#promotion div.box dl{}
section#promotion div.box dl dt{
background:#412001;
color:#FEF6EB;
font-family:Verdana, Meiryo, sans-serif;
font-size:17px;
padding:10px 0 !important;
text-align:center;
font-weight:100;
}
section#promotion div.box dl dd{
background:#FEF6EB;
font-size:40px;
color:#333;
padding:17px 20px;
line-height:1.1;
letter-space:1px;
}
section#promotion div.box p{
background:rgb(254,246,235);
font-size:25px;
color:#333;
padding:28px 20px 28px 28px;
line-height:1.5;
letter-space:1px;
}
section#promotion a div.boxWhite:hover{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
section#promotion div.boxWhite{
background:#FFF;
width:630px;
margin:-20px auto 0 auto;
display:block;
padding:20px 0 25px 0;
text-align:center;
}
section#promotion h2 {margin-bottom:12px !important;}
section#promotion h2 span{border-bottom:none;}
section#promotion h2 span.line{background: url(img/bg_border-topsprit.png) left bottom repeat-x;line-height:1.8;}
section#promotion span.promotionarrow{
font-size:16px;
font-family:Verdana, Meiryo, sans-serif;
padding:10px 0 10px 0;
}

section#goodWedding{
background: url(img/bg_goodwedding.jpg) left;
margin-top:-90px;
padding-top:110px !important;
padding-bottom:20px !important;
}
section#goodWedding article{
background: url(img/bg_goodweddingttl.png) center 40px no-repeat;
width:460px;
margin:0 auto;
}
section#goodWedding article h2{font-size:25px; margin-bottom:0px;}
section#goodWedding article h2 span{border:none;font-size:25px !important;}
section#goodWedding article p{
text-align:center;
font-size:18px;
margin:40px auto;
line-height:1.6;
}
section#goodWedding article p.lastChild{margin:20px auto;}
section#goodWedding div.inner{position:relative;overflow:visible !important;}
section#goodWedding div.inner  p.planner{
position:absolute;
left:0;
top:15px;
}
section#goodWedding div.inner  p.illst{
position:absolute;
right:-30px;
top:70px;
}
section#faq{
background: url(img/bg_faq.png) center bottom repeat;
padding:0 !important;
position:relative;
}
section#faq p.arrow{
position:absolute;
top:0;
left:50%;
margin-left:-21px;
}
div#faqInner{
padding:50px 0 40px 0;
overflow:hidden;
}
section#faq div.inner{position:relative;overflow:visible !important;}
section#faq div.inner .illst01{
position:absolute;
left:106px;
top:0px;

}
section#faq div.inner .illst02{
position:absolute;
right:-40px;
top:-40px;
z-index:999 !important;
}
section#faq article{
float:left;
width:281px;
text-align:center;
margin:40px 56px 50px 0;
}
section#faq article:last-child{margin-right:0;}
section#faq article div.quest{
background: url(img/bg_quest.png) center top no-repeat;
color:#4F3416;
font-family:Verdana, Meiryo, sans-serif;
font-size:18px;
line-height:1.6;
padding:30px 0 70px 0 ;
overflow:hidden;
}
section#faq article div.quest span{
display:block;
font-size:14px;
color:#777367;
}
section#faq article hr{
background: url(img/border_quest.png) center top no-repeat;
height:3px;
margin:10px auto;
}
section#faq article dl{}
section#faq article dl dt{
background: url(img/bg_border-q.png) left bottom no-repeat;
/*min-height:67px;height:67px;*/
padding-bottom:15px;
font-weight:100;
/*color:#F2A299;*/
color:#000;
}
section#faq article dl dt span{
background:url(img/icon_q.png) left top no-repeat;
/*font-family:Verdana, Meiryo, sans-serif;*/
padding-left:43px;
line-height:1.7;
font-size:18px;
text-align:left;
display:block;
}
section#faq article dl dd{
background: url(img/icon_a.png) left top no-repeat;
/*font-family:Verdana, Meiryo, sans-serif;*/
text-align:left;
padding-left:67px;
line-height:1.7;
padding-top:5px;
margin-top:10px;
}

div.page  h1{
text-align:center;
margin:10px auto 30px auto;
}

div#topic{
    position:relative;
    margin:0px auto;
    text-align:center;
    max-width:968px;
    padding-bottom:5em;
    width:100%;
}
div#topic h3{
    color:#333 !important;
    margin:0px;
}
div#topic h4{
    font-size:14px;
    margin:0 0 5px 0;
}
div#topic .head {
    clear:both;
    margin:0 auto; padding:0;
    text-align:left;
    /*max-width:1020px;*/
    width:94%;
    background:#FFFEF9;
    position:relative;
    z-index:90;
    border:1px solid #B8AD9B;
    border-width:1px 1px 0 1px;
}
.triangle-l {
    border-color:transparent #264F00 transparent transparent;
    border-style:solid;
    border-width:15px;
    width:0; height:0;
    position:relative;
    left:-30px;
    top:50px;
    z-index:-1;
}
div#topic .rectangle {
    position:relative;
    left:-15px;
    top:30px;
    margin:0; 
    padding:0 15px 5px 70px;
    background:#407B14;
    float:left;
    z-index:100;
}
div#topic .rectangle p {
    margin:0; padding:0;
    font-size:18px;
    color:#fff;
    padding-top:5px;
    text-align:center;
}
div#topic .details {
    margin:50px 0 0 0; 
	padding:10px 3.2% 2em 5.33%;
	border:1px solid #B8AD9B;
	border-width:0 0px 1px;
	overflow:hidden;
}
div#topic div.fLeft{
float:left;
width:43.9%;
max-width:400px;
margin-right:4.59%;
}
div#topic div.fRight{
float:left;
width:50.8%;
}
div#topic div.fLeft2{
float:left;
width:50.8%;
}
div#topic div.fRight2{
float:left;
width:43.9%;
max-width:400px;
margin-left:4.59%;
}
div#topic div.fLeft img,
div#topic div.fRight2 img{max-width:100%; height:auto;}
div#topic article .details dl{overflow:hidden;}
div#topic .details dl dt{
float:left;
clear:left;
}
div#topic .details dl dd{
margin-left:2.5em;
margin-bottom:0.3em;
}

/*=============process（一覧） =============*/
section#process{
padding:0 !important;
position:relative;
}
div#processInner{
padding:50px 0 60px 0;
overflow:hidden;
}
section#process div.inner{
width:100% !important;
max-width:960px !important;
}
section#process p.arrow{
position:absolute;
top:0;
left:50%;
margin-left:-21px;
}
section#process ul{
overflow:hidden;
margin:45px auto 15px auto;
width:96%;
max-width:890px;
}
section#process ul li{
display:inline-block;
width:20%;
max-width:174px;
vertical-align:top;
margin-bottom:30px;
min-height:220px;
color:#3e0001;
position:relative;
text-align:center;
}
section#process ul li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
section#process ul li:hover{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
section#process ul li p span{display:block;margin:5px 0 0 0;}
section#process ul li.iconTop{
text-align:center;
width:100%;
}
section#process ul li.iconBottom{
text-align:center;
}
section#process li p.iconTop{margin:0;}
section#process li p.iconTop img{
width:116px;
height:85px;
}
section#process li p.iconBottom{
position: absolute;
bottom:0;
left: 50%;
-webkit-transform: translate(-50%, 0); /* Safari用 */
transform: translate(-50%, 0);
margin:0;
z-index:1000;
}
section#process li p.iconBottom img{
width:116px;
height:85px;
}
section#process li p span.txt{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;text-align:left;}
section#process ul li.iconTop{background-position:bottom !important;}
section#process ul li.iconBottom{background-position:top !important;}

section#process ul p.balloon01{
background:url(img/process-fkd_ue_1.jpg) no-repeat;
width:142px;
height:135px;
position:relative;
margin:0 auto;
}
section#process ul p.balloon02{
background:url(img/process-fkd_ue_2.jpg) no-repeat;
width:142px;
height:135px;
position:relative;
margin:0 auto;
}
section#process ul p.balloon03{
background:url(img/process-fkd_ue_3.jpg) no-repeat;
width:142px;
height:135px;
position:relative;
margin:0 auto;
}
section#process ul p.balloon04{
background:url(img/process-fkd_ue_4.jpg) no-repeat;
width:142px;
height:135px;
position:relative;
margin:0 auto;
}
section#process ul p.balloon05{
background:url(img/process-fkd_shita_1.jpg) no-repeat;
position:relative;
width:175px;
height:115px;
margin:0 auto;
}
section#process ul p.balloon06{
background:url(img/process-fkd_shita_2.jpg) no-repeat;
position:relative;
width:175px;
height:115px;
margin:0 auto;
}
section#process ul p.balloon07{
background:url(img/process-fkd_shita_3.jpg) no-repeat;
position:relative;
width:175px;
height:115px;
margin:0 auto;
}
section#process ul p.balloon08{
background:url(img/process-fkd_shita_4.jpg) no-repeat;
position:relative;
width:175px;
height:115px;
margin:0 auto;
}

section#process ul p span.txt{
position: absolute;
line-height:1.4;
top: 45%;
left: 50%;
-webkit-transform: translate(-45%, -50%); /* Safari用 */
transform: translate(-45%, -50%);
white-space: nowrap; 
}

section#process article.tags{color:#888;}
section#process article.tags p{color:#333;font-size:15px;}
section#process article.tags span{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin:0 0.5em 10px 0;
background:#FFF;
padding:2px 8px;
display:inline-block;
border-radius: 4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}
section#process article.tags span a{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#3e0001 !important;
font-size:15px;
}

section#contact{
background: url(img/bg_contact.jpg) left top;
position:relative;
padding-bottom:0 !important;
padding-top:0 !important;
}
section#contact div#contactInner{background: url(img/bg_faqborder.png) center top repeat-x;
padding-top:30px;
padding-bottom: 30px;
}

section#contact p.arrow{
position:absolute;
top:0px;
left:50%;
margin-left:-23px;
}
section#contact div.inner{
position:relative;
width:996px !important;
}
section#contact div.inner2{
position:relative;
width:700px !important;
margin: 0px auto 0px auto;
overflow: hidden;
}

section#contact div.contactArea7{
float:left;
width:68%;
margin:0px 30px 0 30px;
}
section#contact div.contactArea7-2{
float:left;
width:60%;
margin:10px 20px 0 0px;
}
section#contact div.contactArea7 h4{
margin-bottom:20px;
}
section#contact div.contactArea7 h4 span{
font-size: 20px !important;
border-bottom: 1px solid #333;
display: inline;
padding-bottom: 8px;
line-height: 1.7;
}
section#contact div.contactArea3{
float:left;
width:25%;
margin:35px 0 0 0;
}
section#contact div.contactArea3-2{
float:left;
width:25%;
margin:0px 0 0 0;
}


section#contact div.imageArea{
float:left;
width:370px;
margin:50px 50px 0 35px;
}

section#contact div.contactArea{
float:left;
width:540px;
margin:35px 0 0 0;
}
section#contact div.contactArea h2{
text-align:left;
margin-left:13px;
font-size:22px;
line-height:1.4;
margin-bottom:20px;
}
section#contact div.contactArea dl{clear:both;}
section#contact div.contactArea dl dt{
float:left;
width:100px;
/*margin-top:25px;*/
}
section#contact div.contactArea dl dd{margin-left:100px; color:#777 !important;}
section#contact div.contactArea .tel{
font-size:22px;
background:url(img/icon_tel.png) no-repeat left;
padding-left:30px;
margin-right:20px;
text-decoration:none;
}
section#contact div.contactArea dl dd p{margin-bottom:0;font-size:14px;}
section#contact div.contactArea .floatLeft{
width: 255px;
float: left;
}
section#contact div.contactArea .floatRight{
width: 255px;
float: right;
}

section#contact .bx-wrapper .bx-viewport{
background:#F1EAE0;
border:none;
-moz-box-shadow:none;
-webkit-box-shadow: none;
box-shadow: none;
left:0;
}
section#contact .bx-wrapper .bx-pager,
section#contact .bx-wrapper .bx-controls-auto {display:none;}

section#example{
background:#F1EAE0;
border-top:1px solid #cdcdcd;
}
section#example.nobd{border-top:none !important;}
section#example div.inner,
div#portfolio div.inner{
width:968px !important;
background-image:none !important;
}
section#example h3,
div#portfolio h3{
font-size:18px;
margin:10px 0;
line-height:1.4;
text-align:left;
}
section#example h3 a,
div#portfolio h3 a{
color:#55B798 !important;
/*font-family:Verdana, Meiryo, sans-serif;*/
}
section#example div.inner ul,
div#portfolio div.inner ul{overflow:hidden;}
section#example div.inner ul li,
div#portfolio div.inner ul li{
float:left;
width:292px;
margin-top:30px;
margin-right:40px;
text-align:center;
}
section#example div.inner ul li:nth-child(3n),
div#portfolio div.inner ul li:nth-child(3n){margin-right:0;}
section#example div.inner ul li p.photo,
div#portfolio div.inner ul li p.photo{
display: table-cell;  
 text-align: center;  
 vertical-align: middle;  
width:292px !important;
width: auto;
height:270px !important;
height: auto;
}
section#example div.inner ul li p.photo img,
div#portfolio div.inner ul li p.photo img{max-width:292px;max-height:270px; height:auto; width:auto;}
section#location{border-top:1px solid #cdcdcd;}
section.locNoborder{border-top:0 !important;}
section#location div.inner ul{
overflow:hidden;
margin-top:40px;
}

section#example div.list {
  position: relative;
  overflow: hidden;
  margin:40px auto;
  }

section#example div.list ul {
  position: relative;
  left: 50%;
  float: left;
  margin:0 0 !important;
}
section#example div.list ul li {
  position: relative;
  left: -50%;
  float: left;
  width:auto;
  margin:0 20px; 
  padding:0 0;
}






section#proposal{
background:#FFF2DD;
border-top:1px solid #cdcdcd;
}
section#proposal div.inner{width:968px !important;}
section#proposal h3{
font-size:18px;
margin:0px 0 0 0;
line-height:1.4;
text-align:left;
}
section#proposal h3 a{
color:#55B798 !important;
}
section#proposal p.text{
font-size:14px;
margin:15px 0 4px 0;
text-align:left;
}
section#proposal div.inner ul{overflow:hidden;}
section#proposal div.inner ul li{
float:left;
width:292px;
margin-top:20px;
margin-bottom:30px;
margin-right:40px;
text-align:center;
}
section#proposal div.inner ul li:nth-child(3n){margin-right:0;}
section#proposal div.inner ul li p.photo{
display: table-cell;  
 text-align: center;  
 vertical-align: middle;  
width:292px !important;
width: auto;
/*height:270px !important;*/
height: auto;
}
section#proposal div.inner ul li p.photo img{max-width:292px;/*max-height:270px;*/ height:auto; width:auto;}






section#location div.inner ul li{
background:url(img/bg_location.png) no-repeat left;
float:left;
width:300px;
padding-left:30px;
margin-right:30px;
text-align:center;
margin-bottom:40px;
}
section#location div.inner ul li:nth-child(3n){margin-right:0;}
section#location div.inner ul li:nth-child(4n){
width:470px;
float:none;
margin:20px auto 0 auto;
clear:both;
}
section#location h3{
font-size:18px;
margin:15px 0 0 0;
line-height:1.4;
text-align:left;
font-weight:100 !important;
}
section#location h3 a{
color:#78B649 !important;
font-family:Verdana, Meiryo, sans-serif;
}
section#location div.locationvisit{
min-height:110px;
font-size:14px;
margin:10px 0 0 0;
text-align:left;
}
section#location div.inner ul li:nth-child(4n) div.locationvisit{min-height:80px;}

section#location div.listww div.locationvisit{min-height:90px !important;}
section#location div.locationvisit p.data{
font-size:15px;
}
section#location div.locationvisit p.data span{
background:#F8D5CF;
display:inline;
color:#505050;
padding:5px 11px;
font-family:Verdana, Meiryo, sans-serif;
}
section#location .bx-wrapper .bx-viewport{
background:#F1EAE0;
border:none;
-moz-box-shadow:none;
-webkit-box-shadow: none;
box-shadow: none;
left:0;
}
section#location .bx-wrapper .bx-pager,
section#location .bx-wrapper .bx-controls-auto {display:none;}
section#location .bx-wrapper .bx-prev {
	left:150px;
	background: url(img/control-prev.png) no-repeat 0 0;
}
section#location .bx-wrapper .bx-next {
	right: 150px;
	background: url(img/control-next.png) no-repeat ;
}
section#location .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 29px;
	height: 46px;
	text-indent: -9999px;
	z-index: 9999;
}

section#forGuest{
background:#A9CB75;
border-top:1px solid #cdcdcd;
padding-bottom:0 !important;
}
section#forGuest h2{margin-bottom:15px;}
section#forGuest div.forGuestBox{background:#F1EAE0; padding-top:20px;}
section#forGuest div.forGuestBox div.inner{width:1135px;}
section#forGuest article{
text-align:center;
position:relative;
width:1135px;
margin:40px auto;
}
section#forGuest article.stay{
padding-left:119px;
background:url(img/bg_forgest-stay.png) no-repeat right top;
}
section#forGuest article.gourmet{
padding-left:122px;
background:url(img/bg_forgest-gourmet.png) no-repeat;
}
section#forGuest article.enjoy{
background:url(img/bg_forgest-enjoy.png) no-repeat 78px top;
padding-left:123px;
margin-bottom:70px;
}

section#forGuest article h3{
position:absolute;
font-size:100px;
color:#333;
font-weight:100;
clear:both;
}
section#forGuest article ul{
clear:both;
overflow:hidden;
}
section#forGuest article.stay h3{left:119px;top:0;}
section#forGuest article.gourmet h3{right:144px;top:10px;}
section#forGuest article.enjoy h3{left:119px;top:0px;}
section#forGuest article ul li{float:left;}
section#forGuest article.stay ul li:first-child{
margin-top:138px;
margin-right:38px;
}
section#forGuest article.stay ul li:nth-child(2){
margin-top:30px;
margin-right:42px;
}
section#forGuest article.gourmet ul li:first-child{
margin-top:17px;
margin-right:37px;
}
section#forGuest article.gourmet ul li:nth-child(2){margin-right:43px;}
section#forGuest article.gourmet ul li:nth-child(3){margin-top:138px;}
section#forGuest article.gourmet ul li:nth-child(4){
margin-top:100px;
margin-right:44px;
}
section#forGuest article.gourmet ul li:nth-child(5){
margin-top:53px;
margin-right:28px;
}
section#forGuest article.gourmet ul li:nth-child(6){margin-top:54px;}
section#forGuest article.enjoy ul li:first-child{
margin-top:164px;
margin-right:30px;
}
section#forGuest article.enjoy ul li:nth-child(2){margin-right:48px;}
section#forGuest article.enjoy ul li:nth-child(3){margin-top:21px;}
section#forGuest article.enjoy ul li:nth-child(4){
margin-top:32px;
margin-right:39px;
}
section#forGuest article.enjoy ul li:nth-child(5){margin-top:38px;}

section#forGuest article p{
padding:0 17px 0 30px;
text-align:left;
font-size:18px;
}


/*=============Facebook =============*/
.facebookLikeBox{
width:500px;
margin:0 auto;
}
.facebookLikeBox .fbcomments,
.facebookLikeBox .fb_iframe_widget,
.facebookLikeBox .fb_iframe_widget[style],
.facebookLikeBox .fb_iframe_widget iframe[style],
.facebookLikeBox .fbcomments iframe[style],
.facebookLikeBox .fb_iframe_widget span{
    width: 100%! important;
}

/*=============Facebook =============*/
section#topic{padding:30px 0 0 0 !important;border-top:1px solid #cdcdcd;}
section#topic hr{
background:url("img/border_hr.png") no-repeat left top;
height:3px;
margin:45px auto;
}
section#maparea{padding:0 0 0 0 !important;}
section#maparea p.mapmobile img{width:100%;}

section#maparea div.summary{
width:900px;
margin:45px auto 0 auto;
font-size:16px;
overflow:hidden;
}
section#maparea div.summary .floatLeft{
width:455px;
float:left;
font-family:Verdana, Meiryo, sans-serif;
}
section#maparea div.summary .floatRight{
width:445px;
float:left;
text-align:right;
}
section#maparea div.summary .boxWhite{
background:#FFF;
color:#000;
padding:15px 24px 13px 24px;
font-family:Verdana, Meiryo, sans-serif;
}
section#maparea div.summary dl{font-size:15px;}
section#maparea div.summary dl dt{
font-family:Verdana, Meiryo, sans-serif;
font-size:16px;
font-weight:100;
color:#000;
}
section#maparea div.summary dl dd{font-family:Verdana, Meiryo, sans-serif;}

/*=============Instagram =============*/
/*div#snsArea div.wrapper{
width:98%;
max-width:400px;
margin:60px auto;
text-align:center;
}*/

div.sb_instagram_header{text-align:center !important;}
div.sb_instagram_header .sbi_header_text{padding-top:15px !important;margin-bottom:50px;}
div.sb_instagram_header p.sbi_bio{display:none !important;}
div.sb_instagram_header a{margin:0 auto !important;display:inline-block !important;float:none !important;}

/*----------------------------------------------------------------------------------------------------------------------
コンテンツ設定
----------------------------------------------------------------------------------------------------------------------*/
section#standard{
background:url("img/bg_standard.png") no-repeat center 50px;
}

section#standard div.inner{
width:900px !important;
margin:0 auto;
padding-bottom:10px;
}
section#standard div.bgwht{
width:850px;
margin:0 auto;
padding:10px 0 10px 0;
background:rgba(255,255,255,0.7);
box-shadow:rgba(33, 33, 33, 0.290196) 4px 4px 5px 0px;
-webkit-box-shadow:rgba(33, 33, 33, 0.290196) 4px 4px 5px 0px;
-moz-box-shadow:rgba(33, 33, 33, 0.290196) 4px 4px 5px 0px;  
}

section#standard article{
width:620px;
margin:20px auto 20px auto;
line-height:1.8;
}
section#standard article.txt p{
line-height:2.3 !important;
font-size:1.15em;
}
section#standard article p.boxleft{
float:right;
font-family:Verdana, Meiryo, sans-serif;
font-size:12px;
line-height:1.8;
margin-top:40px;
}
section#standard article p.boxright{
float:right;
margin-left:20px;
}
section#standard article p.borderBox{
border:1px solid #BCBCBC;
color:#BCBCBC;
font-family:Verdana, Meiryo, sans-serif;
font-size:14px;
padding:10px 18px;
margin-top:40px;
}
section#standard article dl{}
section#standard article dl dt{
float:left;
text-align:right;
color:#79B93F;
width:75px;
line-height:2.3;
}
section#standard article dl dd{
margin-left:100px;
font-family:Verdana, Meiryo, sans-serif;
margin-bottom:20px;
line-height:2.3;
}
section#standard article dl dd span{
font-size:16px;
font-weight:bold;
font-family:Verdana, Meiryo, sans-serif;
}
section#standard article dl dd span.gray{
font-weight:normal;
font-size:14px;
font-family:Verdana, Meiryo, sans-serif;
color:#ababa9 !Important;
}
/*-------------------------- よくあるご相談 設定--------------------------------- */
section#faqContent{
background: url(img/bg_faq.png) center bottom repeat;
}
section#faqContent div.inner{
width:1090px !important;
background: url(img/bg_faqInner.png) right 320px no-repeat;
position:relative;
}
section#faqContent h1{margin:20px auto;}
section#faqContent h1 span{}
section#faqContent p.ttl{
background: url(img/icon_faqttl.png) left 6px no-repeat;
font-size:28px;
padding:1px 0 0px 60px;
margin:60px auto -55px auto;
width:480px;
height:100px;
color:#000;
}
section#faqContent div.quest{
background: url(img/bg_quest2.png) center top no-repeat;
position:absolute;
left:0;
top:40px;
color:#4F3416;
font-family:Verdana, Meiryo, sans-serif;
font-size:20px;
line-height:1.6;
width:240px;
padding:45px 40px 70px 40px ;
text-align:center;
}
section#faqContent div.quest span.brk{
color:#4F3416;
font-family:Verdana, Meiryo, sans-serif;
font-size:20px;
    content: "\A";
    white-space: pre;
}

section#faqContent div.quest span{
display:block;
font-size:14px;
color:#777367;
}
section#faqContent hr{
background: url(img/border_quest.png) center top no-repeat;
height:3px;
margin:10px auto;
}
section#faqContent div.inner .illst01{
position:absolute;
left:300px;
top:10px;
}
section#faqContent div.inner .illst02{
position:absolute;
right:50px;
top:165px;
z-index:999 !important;
}
section#faqContent div.faqBoxOut{
width:774px;
position:relative;
margin:0 auto 0 135px;
}
section#faqContent div.faqBoxtop{
background: url(img/bg_faqBoxtop.png) center top no-repeat;
height:99px;
}
section#faqContent div.faqBox{
background: url(img/bg_faqBoxbody.png) center top repeat-y;
overflow:hidden;
}
section#faqContent div.faqBoxInner{
margin:40px 60px 0 60px;

}
section#faqContent div.faqBoxInner p{
background: url(img/bg_letter-border.png) left top repeat;
font-size:18px;
margin-bottom:20px;
line-height:47px;
}

section#faqContent div.faqBoxInner p a{
color:#74C6A2 !important;
text-decoration:underline;
}
section#faqContent div.faqBoxInner p:last-child{margin-bottom:0px !important;}
section#faqContent div.faqfoot{
background: url(img/bg_faqfoot.png) center top no-repeat;
height:93px;
}
section#faqContent div.otherfaq{margin:100px 0 40px 0;}
section#faqContent div.otherfaq h3{color:#f3a285; font-size:27px;}

section#faqContent div.otherfaq article{
min-height:230px;
clear:both;
}
section#faqContent div.otherfaq article div.quest{
background: url(img/bg_quest2.png) center top no-repeat;
position:static;
color:#4F3416;
font-family:Verdana, Meiryo, sans-serif;
font-size:20px;
line-height:1.6;
width:240px;
padding:45px 40px 70px 40px ;
text-align:center;
float:left;
}
section#faqContent div.otherfaq article div.quest span.brk{
color:#4F3416;
font-family:Verdana, Meiryo, sans-serif;
font-size:20px;
    content: "\A";
    white-space: pre;
}
section#faqContent div.otherfaq article div.quest span{
display:block;
font-size:14px;
color:#777367;
}
section#faqContent div.otherfaq article hr{
background: url(img/border_quest.png) center top no-repeat;
height:3px;
margin:10px auto;
}
section#faqContent div.otherfaq article ul{
margin:40px 0px 40px 50px;
float:left;
width:470px;
}
section#faqContent div.otherfaq article ul li{
background: url(img/bg_border-q.png) left bottom repeat-x;
/*min-height:67px;height:67px;*/
padding-bottom:12px;
font-weight:100;
/*color:#F2A299;*/
color:#000;
margin-bottom:15px;
}

section#faqContent div.otherfaq article ul li span{
background:url(img/icon_q.png) left top no-repeat;
/*font-family:Verdana, Meiryo, sans-serif;*/
padding-left:43px;
line-height:1.7;
font-size:18px;
text-align:left;
display:block;
}
section#faqContent div.otherfaq article ul li a:hover span{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}

div#faqInner2{
padding:0px 0 40px 0;
overflow:hidden;
}

/*-------------------------- 式場 設定--------------------------------- */
section#locationContent{padding-bottom:0 !important;}
section#locationContent div.inner{
padding-top:40px; 
width:1110px !important;
background:url(img/bg_locationcont.png) no-repeat left 200px; 
}
section#locationContent article{
width:960px;
margin:60px auto 40px auto;
padding-bottom:45px;
overflow:hidden;
}

section#locationContent article img{
float:left !important;
margin:0 3px 3px 0;
}
.mybackground { background:url(img/bg_contenthover.png); }
section#locationContent article li.ch_element{float:left;margin:0 3px 3px 0;}
.contenthover { padding:15px 15px 10px 15px; position:relative;height:100%;}
.contenthover, .contenthover h3, contenthover a { color:#8CC248; }
.contenthover h3{ 
color:#432204; 
line-height:1.4;
text-align:left !important;
font-size:20px !important;
font-weight:bold !important;
}
.contenthover p { 
margin:5px 0 10px 0; 
line-height:1.4em; 
padding:0; 
color:#000;
text-align:left;
font-size:14px !important;
}
.contenthover p.locBtn{
position:absolute;
left:50%;
margin-left:-95px;
bottom:15px;
}
.contenthover a.mybutton { 
display:block; 
padding:10px 0;
width:190px; 
text-align:center;
font-family:Verdana, Meiryo, sans-serif;
background:#8CC248; 
color:#FFF !important; 
-moz-border-radius: 2px; 
-webkit-border-radius: 2px; 
border-radius: 2px; 
}
.contenthover a.mybutton:hover { background:#8CC248; }

/*-------------------------- 事例 設定--------------------------------- */
section#case{
background:#F1EAE0 url("img/bg_standard.png") no-repeat center 50px;
border-top:1px solid #cdcdcd;
}
section#case.bg-moya{
background:#F1EAE0 url("img/bg_moyamoya.png") no-repeat center 50px;
border-top:1px solid #cdcdcd;
}
section#case a{
color:#79B93F !important;
text-decoration:underline;
}
section#case.nobd{border-top:none !important;}
section#case div.inner{
width:700px !important;
margin:0 auto;
padding-bottom:10px;
}
section#case div.inner div.img50 img{width:75px !important;height:auto;}
section#case h2{
text-align:left;
font-size:18px;
letter-spacing:1px;
line-height:1.8;
}
/*section#case h2:first-letter {font-size:36px;}*/
section#case div.inner p{
line-height:1.9 !important;
font-size: 1.1em;
}
section#case div.inner p.ftbg{font-size:18px; color:#333;}

section#case p.writting{
text-align:center;
margin-bottom:1em;
font-style:italic;
font-size:14px;
color:#7D7C78;
}
section#case p.writting img{
vertical-align:bottom;
margin-left:1em;
}
section#case div.voice{
background: url(img/img_voice.png) no-repeat center top;
width:550px;
padding-top:140px;
margin:50px auto;
overflow:hidden;
}
section#case div.voiceInner{
background: url(img/bg_voice.png) no-repeat center top;
padding:20px 0;
}

section#case div.voiceStaff{overflow:hidden;}
section#case div.voiceStaff p.txt{
float:left;
width:550px;
line-height:1.4 !important;
margin-top:30px;
}
section#case div.voiceStaff p.img{
float:right;
width:100px;
font-size:13px;
}
section#case div.voiceStaff img{display:block;}

section#case div.voiceInner p{font-family: Verdana, Meiryo, sans-serif;}

section#case hr,
section#contact hr{
background: url(img/border_hr.png) no-repeat top;
height:3px;
margin:0px auto 30px;
}
section#case div.creatBox{
padding-top:1em;
color:#8F8F86 !important;
font-style:italic;
font-size:14px;
}
section#case div.creatBox a{
color:#8F8F86 !important;
text-decoration:underline;
}


section#casebtm{}
section#casebtm div.inner{width:968px !important;}
section#casebtm h3{
font-size:18px;
margin:10px 0;
line-height:1.4;
min-height:50px;
text-align:left;
}
section#casebtm h3 a{
color:#55B798 !important;
/*font-family:Verdana, Meiryo, sans-serif;*/
}
section#casebtm div.inner ul{overflow:hidden;}
section#casebtm div.inner ul li{
float:left;
width:292px;
margin-top:30px;
margin-bottom:30px;
margin-right:40px;
text-align:center;
}
section#casebtm div.inner ul li:nth-child(3n){margin-right:0;}
section#casebtm div.inner ul li p.photo{
display: table-cell;  
 text-align: center;  
 vertical-align: middle;  
width:292px !important;
width: auto;
height:270px !important;
height: auto;
}
section#casebtm div.inner ul li p.photo img{max-width:292px;max-height:270px; height:auto; width:auto;}

/*----------------------- 事例（スライド） 設定--------------------- */
section#case2{
background:#F1EAE0 url("img/bg_standard.png") no-repeat center 50px;
}
section#case2 div.inner{
width:700px !important;
margin:0 auto;
padding-bottom:10px;
}

section#case2 div.inner h2{line-height:1.9 !important; width:580px; margin:0px auto;}
section#case2 div.inner p{line-height:1.9 !important; width:580px; margin:0px auto;}
section#case2 div.inner p.ftbg{font-size:18px; color:#333;}
section#case2 div.fl p:first-letter {font-size:36px; line-height:1.3;}
section#case2 div.inner dl{overflow:hidden;clear:both; width:580px; margin:0px auto;}
section#case2 p.writting{
text-align:center;
margin-bottom:1em;
font-style:italic;
font-size:14px;
color:#7D7C78;
}
section#case2 p.writting img{
vertical-align:bottom;
margin-left:1em;
}
section#case2 div.inner dl dt{
float:left;
clear:left;
width:63px;
font-size:16px;
font-weight:normal;
color:#79B93F;
}
section#case2 div.inner dl dd{
margin-left:63px;
margin-bottom:10px;
font-size:16px;
line-height:1.6;
}
section#case2 div.inner p.icon{text-align:right; width:100%;margin:50px auto 0px auto !important;}
section#case2 div.bxArea{margin:0 auto !important;}
section#case2 .bx-wrapper .bx-viewport{
background:none;
border:none;
-moz-box-shadow:none;
-webkit-box-shadow: none;
box-shadow: none;
left:0;
}
section#case2 .bx-wrapper{max-height:620px;}
section#case2 .bx-wrapper .bx-pager,
section#case2 .bx-wrapper .bx-controls-auto {display:none;}
section#case2 div.image{}
section#case2 div.box{width:660px; margin:20px 0 0 10px;}
section#case2 div.box dl{font-size:17px;}
section#case2 div.box dl dt{
background:#412001;
color:#FEF6EB;
font-family:Verdana, Meiryo, sans-serif;
padding:10px 30px !important;
font-weight:100;
}
section#case2 div.box dl dd{
background:#FEF6EB;
color:#333;
padding:17px 30px;
line-height:1.6;
letter-space:1px;
}



/*-------------------------- 特設 設定--------------------------------- */
section#specially{background:#EFEDC6;}
section#specially div.inner{
width:968px !important; 
text-align:center;
padding-top:40px;
position:relative;
}
section#specially p.ttl{
position:absolute;
left:260px;
top:60px;
}
section#specially h1{
font-size:25px !important;
}
section#specially h1 span{
border:none;
display:block;
font-size:16px !important;
color:#79B93F;
}
section#specially p{font-size:15px; line-height:1.7;}
section#specially p a{color:#79B93F !important; text-decoration: underline !important;}
section#specially p.photo {margin:40px 0 60px 0;overflow:hidden;}
p.photo-sp {margin:40px auto 60px auto;overflow:hidden;text-align:center;}
section#specially p.photo img{float:left;}
p.photo-sp img{float:none;}
section#specially h3{
font-size:18px;
line-height:1.6;
}
section#specially div.haikeishiro{
width:700px;
margin: 0 auto;
text-align:left;
background-color:rgba(255,255,255,0.6);
padding:25px 40px 20px 40px;
}
section#specially div.haikeishiro a{
color:#79B93F !important;
text-decoration: underline !important;
}
section#specially div.haikei700{
width:700px;
margin: 0 auto;
text-align:left;
}
section#specially strong{
color:#6faa3a;
}
section#specially div.inner .illst02{
position:absolute;
right:0px;
top:95px;
z-index:999 !important;
}
section#interview{
background:url(img/bg_interview.jpg) top left;
padding-top:60px !important;
border-bottom:1px solid #6E6A61;
}
section#interview div.inner{position:relative;}
section#interview h1 span{font-size:30px !important;}
section#interview p.interviewcaption{font-size:20px;}

section#interview div.intvwBox{
width:855px;
margin:40px auto 40px auto;
overflow:hidden;
clear:both;
}
section#interview div.intvwBox div.intvwImg{
float:left;
width:305px;
}
section#interview div.intvwBox div.intvwTxt{
float:left;
width:550px;
}
section#interview div.intvwBox div.intvwTxt dl{overflow:hidden;clear:both;}
section#interview div.intvwBox div.intvwTxt dl dt{
float:left;
clear:left;
width:83px;
font-size:16px;
font-family:Verdana, Meiryo, sans-serif;
font-weight:normal;
color:#70B908;
}
section#interview div.intvwBox div.intvwTxt dl dd{
margin-left:83px;
margin-bottom:50px;
font-size:16px;
line-height:1.6;
}
section#interview article{
background: url(img/bg_goodweddingttl.png) center 10px no-repeat;
width:620px;
margin:0 auto;
}
section#interview article h2{font-size:26px; margin-bottom:40px;}
section#interview article p{
font-size:16px;
margin:40px auto;
line-height:1.7;
color:#333 !important;
}
section#interview div.inner  p.planner{
position:absolute;
right:40px;
bottom:65px;
}
section.caseSpecially{position:relative;}
section#case.caseSpecially {background:#FAEDE5 url("img/bg_standard.png") no-repeat center 120px;}
section#case.caseSpecially div.inner{padding-top:70px !important;}
section.caseSpecially p.arrow{
position:absolute;
top:-1px;
left:50%;
margin-left:-23px;
}

/*-------------------------- イベント 設定--------------------------------- */
section#event{
background:#F1EAE0 url("img/bg_standard.png") no-repeat center 50px;
}
section#event div.inner{
width:646px !important;
margin:0 auto;
padding-bottom:10px;
}
section#event h2{
font-size:20px !important;
letter-spacing:1px;
padding-top:20px !important;
margin-bottom:40px;
}
section#event div.inner p{
line-height:1.9 !important;
margin-bottom:20px;
font-size: 1.1em;
}
section#event div.inner p.ftbg{font-size:18px;}
section#event div.inner dl.summary,
section#specially div.inner dl.summary{
border-bottom:1px dotted #D6CDC6;
font-size:16px;
margin:60px 0 30px;
}
section#event div.inner dl.summary dt,
section#specially div.inner dl.summary dt{
width:75px;
float:left;
color:#78B83E;
font-size:14px;
}
section#event div.inner dl.summary dd,
section#specially div.inner dl.summary dd{
margin-left:85px;
margin-bottom:30px;
font-family:Verdana, Meiryo, sans-serif;
}
section#event div.inner dl.summary dd span,
section#specially div.inner dl.summary dd span{
display:block;
font-family:Verdana, Meiryo, sans-serif;
font-size:13px;
padding-top:5px;
color:#A4A19C;
}

section#event div.contactArea{
width:540px;
margin:35px auto 40px auto !important;
padding-top:20px;
font-family:Verdana, Meiryo, sans-serif;
}

section#event div.contactArea dl{clear:both;}
section#event div.contactArea dl dt{
float:left;
width:140px;
margin-top:25px;
}
section#event div.contactArea dl dd{margin-left:140px; color:#777 !important;}
section#event div.contactArea .tel{
font-size:22px;
background:url(img/icon_tel.png) no-repeat left;
padding-left:30px;
margin-right:20px;
}
section#event div.contactArea dl dd p{margin-bottom:0;font-size:14px;}
section#eventschdl{background:#F1EAE0;padding-bottom:0 !important; }
section#eventschdl div.inner{background:url("img/bg_evntsch_orange.png") no-repeat left bottom 120px;}
section#eventschdl div.eventBox{
width:560px;
margin:20px auto 15px auto;
height:204px;
position:relative;
}
section#eventschdl div.eventBox img.fkdsh{
position:absolute;
left:244px;
top:0;
}
section#eventschdl div.eventBox img.cpl{
position:absolute;
right:75px;
bottom:0;
}
section#eventschdl ul{
width:560px;
margin:10px auto 0 auto;
}
section#eventschdl ul li{margin-bottom:60px;}
section#eventschdl ul li:last-child{margin-bottom:0px;}
section#eventschdl ul h3{
text-align:left;
font-size:20px;
}
section#eventschdl ul h3 a{
font-family:Verdana, Meiryo, sans-serif;
color:#79B93F !important;
}
section#eventschdl ul p.data span{
font-family:Verdana, Meiryo, sans-serif;
border-bottom:1px solid #333;
padding-bottom:2px;
}
section#eventschdl ul p.caption{font-size:14px;}
section#eventschdl p.flag{text-align:right;
margin-bottom:0;
}
section#calendar{
border-top:1px solid #333;
}
section#calendar div.inner{
padding-top:60px;
position:relative;
}
section#calendar img.flower{
position:absolute;
left:50px;
top:90px;
}
section#calendar img.tree{
position:absolute;
bottom:20px;
right:110px;
}
section#calendar div.calendar{
max-width:730px;
min-width: 300px;
margin:40px auto 140px auto;
border:20px solid rgba(255,255,255,0.6);
border-radius: 3px; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
}

.googlecal {
  position: relative;
  padding-bottom: 69.6%; /* 縦横比 */
  overflow: hidden;
}
.googlecal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
    height: 100% !important;
}

.iframe-content {
  position: relative;
  width: 100%;
  padding: 56.25% 0 0 0;
}
.iframe-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

div.calendar iframe {margin-bottom:-6px !important;}
/*-------------------------- スタッフ紹介 設定--------------------------------- */
section#staff{background:#FAEDE5;}
section#staff div.inner{
background:url("img/illst_bird.png") no-repeat 200px 10px;
}
section#staff div.inner ul{overflow:hidden;}
section#staff div.inner ul li{
float:left;
width:243px;
margin-top:30px;
margin-bottom:30px;
margin-right:110px;
text-align:center;
}
section#staff div.inner ul li:nth-child(3n){margin-right:0;}
section#staff div.inner ul li p.photo{
display: table-cell;  
 text-align: center;  
 vertical-align: middle;  
width:243px !important;
width: auto;
height:300px !important;
height: auto;
}
section#staff div.inner ul li p.photo img{max-width:243px;max-height:300px; height:auto; width:auto;}
section#staff div.inner ul li h3{
text-align:left;
font-size:18px;
line-height:1.4;
margin-bottom:5px;
}
section#staff div.inner ul li h3 span{
display:block;
border:none;
font-size:15px !important;
}

section#staffDetails{
background: url(img/bg_goodwedding.jpg) left;
}
section#staffDetails div.contents{position:relative;}
section#staffDetails div.contents p.illst{
position:absolute;
left:50%;
top:0;
margin-left:180px;
}
section#staffDetails div.inner{
width:1020px;
background: url(img/bg_staff_detail.png) left 30px no-repeat;
}

section#staffDetails div.inner div.staffPrf{
width:860px;
margin:90px 0 60px 100px;
clear:both;
overflow:hidden;
}
section#staffDetails div.inner div.staffImg{
float:left;
width:250px;
margin-right:55px;
}
section#staffDetails div.inner div.staffTxt{
width:555px;
float:left;
}
section#staffDetails div.inner div.staffTxt h1{text-align:left; margin:0 0;}
section#staffDetails div.inner div.staffTxt h1 span{font-size:19px !Important; font-weight:bold;}
section#staffDetails div.inner div.staffTxt h2{
text-align:left;
border:none;
font-size:16px;
color:#898987 !Important;
}
section#staffDetails div.inner div.staffTxt dl{}
section#staffDetails div.inner div.staffTxt dl dt{
width:160px;
float:left;
font-size:12px;
font-family:Verdana, Meiryo, sans-serif;
font-weight:normal;
color:#79B93F;
}
section#staffDetails div.inner div.staffTxt dl dd{
margin-left:160px;
margin-bottom:20px;
}
/*section#staffDetails div.inner div.staffTxt p{
margin-left:10px;
margin-top:40px;
font-size:14px;
line-height:1.7;
}
section#staffDetails div.inner div.staffTxt span.green{
display:block;
font-size:12px;
font-family:Verdana, Meiryo, sans-serif;
margin-bottom:8px;
margin-left:-10px  !important;
}*/
section#staffDetails div.boxPrtfl{
background:url(img/bg_staffarrow.png) top no-repeat;
padding-top:34px;
}

/*-------------------------- お問い合わせ 設定--------------------------------- */

section#standard div.contact{
margin:0 auto 26px auto;
text-align:center;
}
section#standard div.contact p{
font-size:21px;
color:#79B93F;
margin-bottom: 0px;
}
section#standard div.contact p a{color:#64463B;}
section#standard div.contact p span{
display:inline;
font-size:15px;
vertical-align:middle;
margin-right:0.5em;
color:#000;
}
section#standard div.contact span{
display:block;
font-size:13px;
color:#8E8983;
}

section.brdr{border-top:1px solid #cdcdcd;}

table.form{}
table.form tr{}
table.form th{
padding:10px 10px;
color:#6dba1e;
text-align:right;
vertical-align: top;
font-size:16px;
white-space: nowrap;
}
table.form th span{color:#f1aea8;}
p.txtT{
float:left;
font-size:13px !important;
font-family:Verdana, Meiryo, sans-serif !important;
}
table.form td{
	padding:10px 10px;
	line-height: 2;
	font-size: 15px;
}
table.form td div.selectbox{
position: relative; /* 選択ボックスの位置指定 */
display: block; /* ブロックレベル要素化にする */
width: 100%; /* ボックスの高さを指定する */
font-family:Verdana, Meiryo, sans-serif !important;
/*border: 1px solid #dcdcdc; ボックスの境界線を実線で指定する */
/*border-radius: 5px;  ボックスに角丸を指定する */
/*background: #fff;  ボックスの背景色を指定する */
}
table.form td div.selectbox-widthnone{
position: relative; /* 選択ボックスの位置指定 */
display: inline-block; /* ブロックレベル要素化にする */
font-family:Verdana, Meiryo, sans-serif !important;
 /*border: 1px solid #dcdcdc; ボックスの境界線を実線で指定する */
 /*border-radius: 5px;  ボックスに角丸を指定する */
/*background: #fff;  ボックスの背景色を指定する */
}
table.form td div.selectbox:before,
table.form td div.selectbox-widthnone:before{
position: absolute; /* 矢印の位置を指定する */
content: ""; /* 矢印のコンテンツ */
top: 20px; /* 下部から配置の基準位置を決める */
right: 10px; /* 右側から配置の基準位置を決める */
width:0px; /* ボックスの横幅をなしに指定する */
height:0px; /* ボックスの高さをなしに指定する */
margin: -2px 0 0 0; /* ボックス外側の余白を指定する */
border: 5px solid transparent; /* 矢印の境界線を透過する */
border-top: 5px solid #555555; /* 矢印ボックス上部の境界線を実線で指定する */
cursor: pointer; /* マウスカーソルの形を指定する */
pointer-events: none; /* マウスイベントを制御する */
}
table.form td div.selectbox select{
-webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
-moz-appearance: none; /* ベンダープレフィックス(Firefox用) */
appearance: none; /* 標準のスタイルを無効にする */
display: block; /* ブロックレベル要素化する */
width: 100%; /* ボックスの高さを指定する */
height: 42px !important;
padding: 5px 15px; /* ボックス内側の余白を指定する */
color: #555; /* フォントの色を指定 */
border: 1px solid #dcdcdc; /* 境界線をなしに指定する */
border-radius: 5px; /* 角丸を指定する */
background: #fff;/* 背景を透過指定する */
}
table.form td div.selectbox-widthnone select{
-webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
-moz-appearance: none; /* ベンダープレフィックス(Firefox用) */
appearance: none; /* 標準のスタイルを無効にする */
display: inline-block; /* ブロックレベル要素化する */
padding: 5px 15px; /* ボックス内側の余白を指定する */
color: #555; /* フォントの色を指定 */
border: 1px solid #dcdcdc; /* 境界線をなしに指定する */
border-radius: 5px; /* 角丸を指定する */
background: #fff;/* 背景を透過指定する */
}
::-ms-expand {
    display: none;
}

table.form td span{
font-family:Verdana, Meiryo, sans-serif;
font-size:12px;
color:#9f9f9f;
}

div.mw_wp_form_confirm table.form td span{display:none !important;}
div.mw_wp_form_confirm table.form td{font-family:Verdana, Meiryo, sans-serif !important;}
div.mw_wp_form_confirm table.form td div.selectbox:before,
div.mw_wp_form_confirm table.form td div.selectbox-widthnone:before{display:none}
table.formInner{}
table.formInner td{padding:0 0; font-size:16px;}
/*table.form td span,table.formInner td span{display:block;}*/
table.form td span.mwform-checkbox-field-text,table.formInner td span.mwform-checkbox-field-text,table.form td span.mwform-radio-field-text,table.formInner td span.mwform-radio-field-text{display:inline;font-size:13px;color:#555 !important;}

table.formInner td span{margin:0 0 10px 26px;}
table.formInner ul{
margin-top:10px;}
table.formInner ul li,
table.form ul li{
vertical-align: top;
font-family:Verdana, Meiryo, sans-serif;
font-size:13px;
margin-bottom:15px;
margin-left:23px;
background:url("img/icon_list.png") left 12px no-repeat;
padding-left:10px;
}
div.mw_wp_form_confirm table.form{font-family:Verdana, Meiryo, sans-serif !important;}
div.mw_wp_form_confirm table.formInner ul li,
div.mw_wp_form_confirm table.form ul li{margin-left:0 !important;}
div.mw_wp_form_confirm table.formInner p.inputarea{margin-left:0 !important;}
table.formInner p.inputarea{
font-family:Verdana, Meiryo, sans-serif;
font-size:13px;
margin-left:25px;
margin-bottom:15px;
}
.brk {
    display: block;
}
td.lab span{display:inline !important;font-size:15px !important;}

label{font-family:Verdana, Meiryo, sans-serif; font-weight:100 !important; margin-right:15px; color:#555555 !important;}
textarea{border:1px solid #dcdcdc;font-family:Verdana, Meiryo, sans-serif !important;padding:0 5px; }
input[type="text"]{
	border:1px solid #dcdcdc;
	padding:2px 5px;
	width: 100%;
	height:42px !important;
	font-family:Verdana, Meiryo, sans-serif;
    border-radius: 5px;
}
input[type="radio"],
input[type="checkbox"]{
position: relative;
width: 16px;
height: 16px;
margin:0 5px 0 0;
top:3px;
border:1px solid #dcdcdc;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-appearance:none;
vertical-align: top;
background-color:#fff;
}
input[type="checkbox"]{margin-right:10px !important;}
input[type="radio"]{
border-radius: 12px;
background-color:#fff;
margin-right:5px !important;
}
input[type="radio"]:checked,
input[type="checkbox"]:checked{
background-color:#fff;
}
input[type="radio"]:checked:before,
input[type="checkbox"]:checked:before{
position: absolute;
left: 30%;
top: 30%;
display: block;
margin: -1px 0 0 -1px;
content: "";
width: 8px;
height: 8px;
background-color:#999;
}
input[type="radio"]:checked:before{
border-radius: 5px;
}
select{
border:1px solid #dcdcdc;
font-size:100% !important;
background: #FFF;
}
input[type="submit"]{
width:300px;
text-align:center;
margin:60px auto 40px auto;
display:inline-block;
background:#AAC979;
color:#FFF !important;
font-family: Verdana, Meiryo, sans-serif;
font-size:20px;
border-radius: 2px;
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
padding:16px 45px;
box-shadow: 0px 4px 0px 0px rgba(140,167,100,1.0);
}
input[type="submit"]:hover{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}

/*----------------------------------------------------------------------------------------------------------------------
トップ／コンテンツ共通設定
----------------------------------------------------------------------------------------------------------------------*/
div.page h1{
text-align:center;
margin:10px auto 40px auto;
}

div.page h1 span{
font-size:23px !important;
font-weight:100;
letter-spacing:1px;
border-bottom:1px solid #333;
display:inline;
padding-bottom:8px;
}
div.page div.process h1{
margin-bottom:15px;
font-size:1.8em !important;
font-weight:100;
text-align:center;
line-height:1.5;
color:#79B93F !important;
background:url(img/brdr_casettl.gif) no-repeat center bottom;
padding-bottom:0.4em;
}
div.top h2,div.page h2{
text-align:center;
margin:10px auto 25px auto;
}
div.top h2 span,div.page h2 span{
font-size:25px !important;
letter-spacing:1px;
border-bottom:1px solid #333;
display:inline;
padding-bottom:8px;
}
div.page h2{font-size:24px;}
div.top h2 span.ftbg,div.page h2 span.ftbg{
font-size:25px !important;
font-weight:100;
}

div.page h3{
/*text-align:center;
margin:10px auto;*/
}
div.page h3 span{
font-size:28px !important;
font-weight:100;
letter-spacing:1px;
border-bottom:1px solid #333;
display:inline;
padding-bottom:5px;
}
/*-------------------------- テーブルレイアウト--------------------------------- */
table.price{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 100%;
	border-collapse: collapse;
	background-color: rgba(255, 255, 255, 0.5);
}
table.price th{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 5px;
	border: 1px solid #ccc;
}
table.price td{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 15%;
	padding: 5px;
	border: 1px solid #ccc;
	text-align: right;
}
table.price th{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
table.price thead th{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#E9EFC1;
	text-align: center;
}

@media only screen and (max-width:200px){
	table.price{
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		display: block;
	}
		table.price thead{
			font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			display: none;
		}
		table.price tbody{
			font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			display: block;
		}
			table.price tbody tr{
				font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				display: block;
				margin-bottom: 1.5em;
			}
			table.price tbody th,
			table.price tbody td{
				font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				display: list-item;
				border: none;
			}
			table.price tbody th{
				font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				margin-bottom: 5px;
				list-style-type: none;
				color: #fff;
				background: #000;
			}
			table.price tbody td{
				font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				width: 100%;
				margin-left: 20px;
				padding: 0;
			}
			table.price tbody td:nth-of-type(1):before { content: "[品詞]"; }
			table.price tbody td:nth-of-type(2):before { content: "[意味]"; }
			table.price tbody td:nth-of-type(3):before { content: "[用例]"; }
}

/*-------------------------- ページトップ設定--------------------------------- */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index:10000;
}
#page-top a {
font-size:50px;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}

/*----------------------------------------------------------------------------------------------------------------------
フッター設定
----------------------------------------------------------------------------------------------------------------------*/
footer{padding-top:108px;}

#footerInner{
position:relative;
background:#A9CB75;
}
img.image{
position:absolute;
top:-103px;
left:50%;
margin-left:-545px;
}
footer address{
text-align:center;
color:#fff;
font-family: "helvetica neue", helvetica, arial, sans-serif;
font-weight:200;
letter-spacing:0.1em;
}
footer .navbar-nav{
width:770px;
float:none !important;
margin:40px auto !important;
}
footer .navbar-nav li {
font-size:14px;
margin:0 16px;
}
footer .navbar-nav li a{
margin:0 0 !important;
padding:0 0 !important;
}
footer .navbar-nav li a:hover {
background:none;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
footer  a{color:#FFF !Important;}

/*----------------------------------------------------------------------------------------------------------------------
SP設定　タブレット表示用
----------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 641px) and (max-width: 767px) {
/*--- ヘッダー／ナビゲーション --*/
header{padding-top:68px;}
header nav{background:#FFF;}
.menu-box{width:100%;}
.navbar-header{background:#a9c97d;}
.navbar-header h1{margin:2% 5%;padding:20px 0 22px 0px;}
.navbar-header h1 span{color:#fff;}

.navbar-toggle{background:#FFF !important;}
.navbar-nav{
width:auto !important;
margin:auto 0 !important;
}
.navbar-nav > li {
text-align: left;
clear:both;
margin:0 auto !important;
width: auto;
padding:10px;
width: 100%;
min-width:640px;
}  
#navi li{width: 100%;}

/*--- 共通設定 --*/
div.page div.process h1{
margin-bottom:10px;
font-size:1.6em !important;
}
div#topic .details {padding:10px 3% 2em 3%;}
div#topic h3{font-size:21px;}
div#container section{padding:20px 0 10px 0;}
div#container section div.inner,
div#container section div.inner2{
max-width:760px;
width:96% !important;
overflow:hidden;
}

/*--- トップページ --*/
div.top h2 span.ftbg,div.page h2 span.ftbg{
font-size:21px !important;
}
div.top h2 span,div.page h2 span{
font-size:21px !important;
}
section#goodWedding article h2{font-size:21px; margin-bottom:0px;}
section#goodWedding article h2 span{border:none;font-size:21px !important;}
section#promotion div.inner{
width:100% !important; 
min-height:auto;
}
section#promotion div.bxArea{margin:0 auto !important; width:100% !important;height:auto !important;}
section#promotion div.image{clear:right; margin-bottom:10px;}
section#promotion div.box{left:0; width:300px;}
section#promotion div.box p{
font-size:21px;
padding:18px 18px 18px 18px;
}
section#promotion div.boxWhite{
width:100%;
margin:0 auto 0 auto;
padding:15px 5px 25px 5px;
}
section#promotion div.boxWhite h2 span{line-height:1.8;padding-bottom:5px;}
section#goodWedding div.inner  p.illst{right:0px;top:50px;}
section#faq div.inner .illst01{left:0;top:0px;}
section#faq div.inner .illst02{right:0;top:-40px;}
section#contact div.imageArea{
float:none;
width:100%;
max-width:340px;
margin:50px auto 0 auto;
}
section#contact div.contactArea{
float:none;
width:100%;
max-width:550px;
margin:0 auto;
}
section#contact div.contactArea .floatRight{
margin-bottom:20px
}
section#contact div.contactArea7,
section#contact div.contactArea7-2,
section#contact div.contactArea3,
section#contact div.contactArea3-2{
float: none;
width:100%;
max-width: 550px;
margin:0 auto;
}
section#contact div.contactArea7 h4{
margin-bottom:20px;
}
section#maparea div.summary{width:100%;}
section#maparea div.summary .floatLeft{width:60%;}
section#maparea div.summary .floatRight{width:40%;}

/*-------------------------- 基本ページ 設定--------------------------------- */
section#standard div.bgwht{width:96%;padding:10px 15px 10px 15px;}
section#standard article{
width:100%;
margin:40px auto 0 auto;
line-height:1.8;
}
section#standard article dl dt{line-height:1.8;}
section#standard article dl dd{
margin-left:90px;
margin-bottom:10px;
line-height:1.8;
}
section#case div.inner{width:100%;}
section#case div.inner img{width:100%; height:auto;}
section#case div.inner img.topicon{width:auto !important;}
section#case div.inner p.writting img{width:auto !important;}
section#case2 div.inner p.writting img{width:auto !important;}
section#case div.voiceStaff p.txt{
float:left;
width:480px;
line-height:1.4 !important;
margin-top:30px;
}
section#case2 div.inner{width:100%;}
section#case2 div.inner img{width:100%; height:auto;}
section#case2 div.inner img.topicon{width:auto !important;}
section#case2 div.inner p.icon img{width:auto !important;}
section#case2 div.bxArea{margin:0 auto !important; width:100% !important;height:auto !important;}
section#case2 div.image{margin-bottom:10px;}

/*-------------------------- よくあるご相談 設定--------------------------------- */
section#faqContent div.inner{width:100%; background-position:left 36%;}
section#faqContent div.quest{
background: url(img/bg_quest2.png) center top no-repeat;
position:static;
line-height:1.6;
width:240px;
margin:20px auto 0 auto;
}
section#faqContent p.ttl{
margin:0px auto 0px auto;
height:auto;
}
section#faqContent div.inner .illst01{left:0px;top:10px;}
section#faqContent div.inner .illst02{top:30px; right:0;}
section#faqContent div.faqBoxOut{
width:90%;
position:relative;
margin:0 auto;
float:right;
}
section#faqContent div.faqBoxtop{
background: url(img/bg_faqBoxtop.png) center bottom no-repeat;
background-size:100%;
}
section#faqContent div.faqBox{background-size:100%;}
section#faqContent div.faqBoxInner{margin:30px 30px 0 30px;}
section#faqContent div.faqfoot{background-size:100%;}

/*-------------------------- 特設 設定--------------------------------- */
section#specially div.inner{
padding-top:20px;
position:relative;
}
section#specially p.ttl{
position:static;
}
section#specially p.photo {margin:40px 0 60px 0;text-align:center !important;}
section#specially p.photo img{
margin:0 10px 10px 0;
clear:left;
float:none;
}
p.photo-sp img{float:none; margin:0 auto 20px;}
section#specially div.haikeishiro,
section#specially div.haikei700{
width:100%;
margin: 0 auto 40px;
}
section#specially div.inner .illst02{display:none;}
section#interview div.intvwBox{width:100%;}
section#interview div.intvwBox div.intvwImg{
float:none;
margin-bottom:20px;
width:100%;
text-align:center;
}
section#interview div.intvwBox div.intvwTxt{
float:none;
width:550px;
margin:0 auto;
}
section#interview div.inner  p.planner{
position:static;
text-align:center;
margin-bottom:30px;
}
section#case.caseSpecially{background-size:100%;}


/*---スタッフ紹介 ---*/
section#staff div.inner{
background:url("img/illst_bird.png") no-repeat left 60px;
}
section#staff div.inner ul li{
float:none;
margin:35px auto;
}
section#staff div.inner ul li:nth-child(3n){margin:35px auto;}

/*---スタッフ詳細 ---*/
section#staffDetails div.contents p.illst{
position:absolute;
left:60%;
top:0;
margin-left:0;
}
section#staffDetails div.inner{width:100%;}
section#staffDetails div.inner div.staffPrf{
width:100%;
margin:80px auto 40px auto;
}
section#staffDetails div.inner div.staffImg{
float:none;
width:100%;
text-align:center;
margin:0 auto 10px auto;
}
section#staffDetails div.inner div.staffTxt{
width:100%;
float:none;
}
section#staffDetails div.inner div.staffTxt dl dt{
width:140px;
float:left;
}
section#staffDetails div.inner div.staffTxt dl dd{
margin-left:140px;
margin-bottom:10px;
}
section#staffDetails div.inner div.staffTxt h1{text-align:center; margin:0 0;}
section#staffDetails div.inner div.staffTxt h1 span{font-size:16px !Important; font-weight:bold;}
section#staffDetails div.inner div.staffTxt h2{
text-align:center;
border:none;
font-size:14px;
color:#898987 !Important;
}

/*---footer---*/
footer address{margin-top:10px; color:#FFF;}
footer img.image{width:100%;margin:0 0;left:0;top:-70px;}
footer .navbar-nav{
width:100%;
max-width:650px;
float:none !important;
margin:40px auto !important;
}
footer .navbar-nav li {
float:left !important;
clear:none;
text-align:center;
width:auto !important;
min-width:100px !important;
}
footer .navbar-nav li a{
margin:0 0 !important;
padding:0 0 !important;
}
footer .navbar-nav li a:hover {
background:none;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
section#calendar img.flower{
left:0px;
top:0px;
}

section#example div.list ul {
  position: static;
  left: 0;
  float: none;
  margin:0 auto !important;
  width:100%;
}
section#example div.list ul li {
  position: static;
  left: 0;
  float: none;
  width:auto;
  margin:0 20px; 
  padding:0 0;
  text-align:center;
}
section#example div.inner ul,
div#portfolio div.inner ul{width:98%;margin:0 auto;}
section#example div.inner ul li,
div#portfolio div.inner ul li{
float:left;
max-width:292px;
width:46%;
margin-right:4%;
}
section#example div.inner ul li:nth-child(3n),
div#portfolio div.inner ul li:nth-child(3n){margin-right:4%;}
section#example div.inner ul li p.photo img,
div#portfolio div.inner ul li p.photo img{max-width:100%;height:auto !important;}

section#proposal div.list ul {
  position: static;
  left: 0;
  float: none;
  margin:0 auto !important;
  width:100%;
}
section#proposal div.list ul li {
  position: static;
  left: 0;
  float: none;
  width:auto;
  margin:0 20px; 
  padding:0 0;
  text-align:center;
}
section#proposal div.inner ul{width:98%;margin:0 auto;}
section#proposal div.inner ul li{
float:left;
max-width:292px;
width:46%;
margin-right:4%;
}
section#proposal div.inner ul li:nth-child(3n){margin-right:4%;}
section#proposal div.inner ul li p.photo img{max-width:100%;height:auto !important;}

}


/*----------------------------------------------------------------------------------------------------------------------
SP設定　スマホ表示用 横
----------------------------------------------------------------------------------------------------------------------*/
@media screen and  (max-width: 640px)  {

/*--- ヘッダー／ナビゲーション --*/

header nav{background:#FFF;}
.menu-box{width:100%;}
.navbar-header{background:#a9c97d;}
.navbar-header h1{margin-left:5%;}
/*.navbar-header h1{
font-size:16px;
line-height:1.3;
background-size:45px 45px;
margin:2% 5%;
color:#fff;
border:1px solid #333;
height:30px;
}
.navbar-header h1a{
padding:2px 0 2px 55px;
}*/
.navbar-header h1 span{color:#fff;}
/*.navbar-header h1 span:before {
    content: "\A";
    white-space: pre;
  }
*/
.navbar-toggle{background:#FFF !important;}
.navbar-nav{
width:auto !important;
margin:auto 0 !important;
}
.navbar-nav > li {
text-align: left;
clear:both;
margin:0 auto !important;
width: auto;
padding:10px;
width: 100%;
min-width:470px;
}  
#navi li{width: 100%;}

/*--- 共通設定 --*/
div.page h1{margin:0px auto 20px auto;}
div.page h1 span{font-size:17px !important;}
div.page div.process h1{
margin-bottom:10px;
font-size:1.4em !important;
}

div#container section{padding:20px 0 10px 0;}
div#container section div.inner,
div#container section div.inner2{
max-width:640px;
width:96% !important;
overflow:hidden;
}
div#container section div.inner .midashiillst img{
max-width: 40%; 
height:auto;
}
div#container section div.inner .midashiillst2 img{
max-width: 25%; 
height:auto;
}
div.top h2{
margin-top:0px !important;
}
div.top h2 span,div.page h2 span{
font-size:18px !important;
letter-spacing:0px ;
line-height:2;
}
div.top h2 span.ftbg,div.page h2 span.ftbg{
font-size:18px !important;
}
.btn-big,
.btn-mid{
width:100%;
text-align:center;
display:inline-block;
background:#AAC979;
color:#FFF !important;
font-family: Verdana, Meiryo, sans-serif;
font-size:16px;
border-radius: 2px;
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
padding:16px 20px;
box-shadow: 0px 4px 0px 0px rgba(140,167,100,1.0);
}
/*--- トップページ --*/
section#promotion div.inner{
background:none;
width:100% !important; 
min-height:auto;
}
section#promotion div.bxArea{margin:0 auto !important; width:100% !important;height:auto !important;}
section#promotion .bx-wrapper {margin-bottom:0;}
section#promotion div.image{clear:right; margin-bottom:10px;}
section#promotion div.box{
position:static;
clear:both;
width:100%;
}
section#promotion div.box dl dt{
font-size:15px;
padding:10px 13px !important;
text-align:left;
}
section#promotion div.box dl dd{
font-size:36px;
padding:15px 12px;
}
section#promotion div.boxWhite{
width:100%;
margin:0 auto 0 auto;
padding:15px 5px 20px 5px;
}
section#promotion div.boxWhite h2 span{line-height:1.8;padding-bottom:5px;}

section#goodWedding{
background: url(img/bg_goodwedding.jpg) left;
margin-top:-90px;
padding-top:110px !important;
padding-bottom:20px !important;
}
section#goodWedding article{
background: url(img/bg_goodweddingttl.png) center 30px no-repeat;
background-size:90%;
width:100%;
margin:0 auto;
}
section#goodWedding article h2{font-size:20px; margin-bottom:0px;}
section#goodWedding article h2 span{border:none;font-size:20px !important;}
section#goodWedding article p{
text-align:center;
font-size:15px;
margin:40px auto;
line-height:1.6;
}
section#goodWedding article p.lastChild{margin:20px auto;}
section#goodWedding div.inner{position:relative;overflow:visible !important; padding-bottom:140px;}
section#goodWedding div.inner  p.planner{
position:absolute;
left:50%;
margin-left:-57px;;
top:auto;
bottom:0 !important;
}
section#goodWedding div.inner  p.illst{
display:none;
position:absolute;
right:-30px;
top:70px;
}

section#faq div.inner {padding-top:40px; overflow:hidden !important;}
section#faq div.inner .illst01{
position:static;
margin:0 auto;
text-align:center;
}
section#faqContent div.inner .illst01{left:0px;top:10px;}
section#faq div.inner .illst02{display:none;}
section#faq article{
float:none;
max-width:281px;
width:100%;
margin:10px auto 30px auto !important;
}


section#faq article dl dt{
min-height:20px;
height:auto;
padding-bottom:10px;
}

section#contact div.inner,
section#contact div.inner2{width:100% !important;}
section#contact div.imageArea{
float:none;
width:100%;
max-width:340px;
margin:50px auto 0 auto;
}
section#contact div.contactArea{
clear:left;
width:100%;
margin:0 0;
}
section#contact div.contactArea7,
section#contact div.contactArea7-2,
section#contact div.contactArea3,
section#contact div.contactArea3-2{
clear:left;
width:100%;
margin:0 0;
}
section#contact div.contactArea7 h4{
margin-bottom:20px;
}
section#contact div.contactArea h2{
text-align:left;
margin-left:0;
font-size:17px;
line-height:1.4;
margin-bottom:20px;
margin-top:0;
}
section#contact div.contactArea dl{clear:both;}
section#contact div.contactArea dl dt{
clear:left;
width:100%;
margin-top:0px;
text-align:center;
}
section#contact div.contactArea dl dd{
margin-left:0;
/*padding-bottom:20px !important;*/
}
section#contact div.contactArea .floatLeft{
width:100%;
clear:left;
margin-bottom:0px
}
section#contact div.contactArea .floatRight{
width:100%;
clear:left;
margin-bottom:30px
}

section#example div.inner,
div#portfolio div.inner{
width:100% !important;
background-image:none !important;
}
section#example h3,
div#portfolio h3{
font-size:15px;
margin:10px 0;
line-height:1.4;
min-height:20px;
}
section#example h3 a,
div#portfolio h3 a{
color:#55B798 !important;
}
section#example div.inner ul,
div#portfolio div.inner ul{overflow:hidden;width:294px; margin:0 auto;}
section#example div.inner ul li,
div#portfolio div.inner ul li{
clear:left;
width:292px;
margin:15px auto;
}
section#example div.inner ul li p.photo,
div#portfolio div.inner ul li p.photo{
height:auto !important;
height: auto;
}
section#process ul{
width:96%;
max-width:600px;
}
section#process ul li{width:174px;}

section#proposal div.inner{width:100% !important;}
section#proposal h3{
font-size:15px;
margin:0px 0 0 0;
line-height:1.4;
min-height:20px;
}
section#proposal h3 a{
color:#55B798 !important;
}
section#proposal p.text{
font-size:14px;
margin:10px 0 3px 0;
text-align:left;
}
section#proposal div.inner ul{overflow:hidden;width:294px; margin:0 auto;}
section#proposal div.inner ul li{
clear:left;
width:292px;
margin:15px auto;
}
section#proposal div.inner ul li p.photo{
height:auto !important;
height: auto;
}

section#location .bx-wrapper .bx-prev {display:none;}
section#location .bx-wrapper .bx-next {display:none;}
section#location div.inner ul{
overflow:hidden;
max-width:302px;
margin: 0 auto;
}
section#location div.inner ul li{
background:none;
clear:left;
padding-left:0;
margin:0 auto 40px auto;
width:100%;
}

section#location div.inner ul li img{width:100%; height:auto;}
section#location p.right.illst{
text-align:center;
margin-top:20px !important;}
section#location div.locationvisit{
min-height:40px;
font-size:14px;
margin: 5px  0;
overflow:hidden;
width:267px;
}
section#location h3{font-size:15px;}

section#maparea div.summary{
width:100%;
font-size:15px;
}
section#maparea div.summary .floatLeft{
width:100%;
clear:left;
}
section#maparea div.summary .floatRight{
width:100%;
clear:left;
text-align:center;
}
section#maparea div.summary .boxWhite{padding:15px 15px 13px 15px;}
section#maparea div.summary dl{
font-size:14px;
width:96%;
margin:15px auto;
}
section#maparea div.summary dl dt{font-size:15px;}


section#forGuest article{
text-align:center;
position:relative;
width:100%;
padding-left:0 !important;
margin:20px auto;
background:none !important;
}
section#forGuest article.enjoy{margin-bottom:20px;}
section#forGuest article h3{
position:static;
font-size:80px;
color:#333;
font-weight:100;
clear:both;
}
section#forGuest article.stay h3{left:0;top:0;}
section#forGuest article.gourmet h3{right:0;top:0;}
section#forGuest article.enjoy h3{left:0;top:0;}
section#forGuest article ul{
clear:both;
overflow:hidden;
}
section#forGuest article ul li{float:none; text-align:centerl}
section#forGuest article.stay ul li:first-child,
section#forGuest article.stay ul li:nth-child(2),
section#forGuest article.stay ul li:nth-child(3){
margin-top:10px;
margin-right:0;
}
section#forGuest article.gourmet ul li:first-child,
section#forGuest article.gourmet ul li:nth-child(2),
section#forGuest article.gourmet ul li:nth-child(3),
section#forGuest article.gourmet ul li:nth-child(4),
section#forGuest article.gourmet ul li:nth-child(5),
section#forGuest article.gourmet ul li:nth-child(6){
margin-top:10px;
margin-right:0;
}

section#forGuest article.enjoy ul li:first-child,
section#forGuest article.enjoy ul li:nth-child(2),
section#forGuest article.enjoy ul li:nth-child(3),
section#forGuest article.enjoy ul li:nth-child(4),
section#forGuest article.enjoy ul li:nth-child(5){
margin-top:10px;
margin-right:0;
}


/*-------------------------- 基本ページ 設定--------------------------------- */
section#standard{
background:url("img/bg_standard.png") no-repeat left 80px;
background-size:200%;
}

section#standard div.inner{
width:100%;
padding-bottom:10px;
}
section#standard div.bgwht{
width:100%;
padding:10px 15px 10px 15px;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none; 
}

section#standard article{
width:100%;
margin:40px auto 0 auto;
line-height:1.8;
}
section#standard article p.boxleft{
clear:right;
margin-top:0px;
margin-right:10px;
}
section#standard article p.boxright{
clear:right;
margin-left:0px;
margin-right:10px;
}
section#standard article dl{}
section#standard article dl dt{line-height:1.8;}
section#standard article dl dd{
margin-left:90px;
margin-bottom:10px;
line-height:1.8;
}

section#case{
background:#F1EAE0 url("img/bg_standard.png") no-repeat left 80px;
background-size:200%;
}
section#case div.inner{width:100%;}
section#case div.inner img{width:100%; height:auto;}
section#case div.inner img.topicon{width:auto !important;}
section#case h2{font-size:16px !important;}
/*section#case h2:first-letter {font-size:28px;}*/
section#case div.inner p{line-height:1.9 !important;}
section#case p.writting img{width:auto !important;}
section#case2 p.writting img{width:auto !important;}
section#case div.voice{
width:100%;
margin:50px auto 20px auto;
}
section#case div.voiceInner{background-size:100%;}
section#case div.voiceStaff p.txt{
float:none;
width:100%;
line-height:1.4 !important;
margin-top:30px;
}
section#case div.voiceStaff p.img{
float:none;
width:100px;
margin:0 auto;
font-size:13px;
}
section#case div.creatBox{
padding-top:1em;
color:#8F8F86 !important;
font-style:italic;
font-size:13px;
}
section#case div.creatBox a{
color:#8F8F86 !important;
text-decoration:underline;
}

section#case2{
background:url("img/bg_standard.png") no-repeat left 80px;
background-size:200%;
}
section#case2 div.inner{width:100%;}
section#case2 div.inner p{width:100%;}
section#case2 div.inner img{width:100%; height:auto;}
section#case2 div.inner img.topicon{width:auto !important;}
section#case2 div.inner p.icon img{width:auto !important;}
section#case2 h2{font-size:15px !important;}
/*section#case2 p:first-letter {font-size:30px;}*/
section#case2 div.inner p{line-height:1.6 !important;}
section#case2 div.bxArea{margin:0 auto !important; width:100% !important;height:auto !important;}
section#case2 .bx-wrapper {margin-bottom:0;}
section#case2 div.image{clear:right; margin-bottom:10px;}
section#case2 div.box{width:95%;}
section#case2 div.box dl dt{
font-size:15px;
padding:10px 13px !important;
text-align:left;
}
section#case2 div.box dl dd{padding:15px 12px;}


/*-------------------------- よくあるご相談 設定--------------------------------- */
section#faqContent div.inner{
width:100%;
background: none;
}
section#faqContent p.ttl{
font-size:20px;
padding-left:40px;
margin:0px auto 0px auto;
width:100%;
height:auto;
background-size:30px;
}
section#faqContent div.quest{
background: url(img/bg_quest2.png) center top no-repeat;
position:static;
line-height:1.6;
width:240px;
margin:20px auto 0 auto;
}

section#faqContent div.inner .illst01{display:none;}
section#faqContent div.inner .illst02{display:none;}
section#faqContent div.faqBoxOut{
width:100%;
position:relative;
margin:0 auto;
}
section#faqContent div.faqBoxtop{
background: url(img/bg_faqBoxtop.png) center bottom no-repeat;
height:70px;
background-size:100%;
}
section#faqContent div.faqBox{background-size:100%;}
section#faqContent div.faqBoxInner{margin:30px 18px 0 18px;}
section#faqContent div.faqBoxInner p{
background: url(img/bg_letter-border.png) left top repeat;
font-size:15px;
margin-bottom:20px;
}
section#faqContent div.faqBoxInner p.lastChild{margin-bottom:0 !important;}
section#faqContent div.faqfoot{
background: url(img/bg_faqfoot.png) center top no-repeat;
background-size:100%;
}
section#faqContent div.otherfaq article div.quest{float:none;}
section#faqContent div.otherfaq article ul{
margin:20px auto 40px auto;
float:none;
width:95%;
}

/*--- 式場 ---*/
section#locationContent div.inner{background:none; }
section#locationContent h2{font-size:18px !important; line-height:1.8;}
section#locationContent article{
width:100%;
margin:40px auto 40px auto;
padding-bottom:20px;
}
section#locationContent article ul{
max-width:238px;
margin:0 auto;
}
section#locationContent article ul li.ch_element{float:none;}


/*--- イベント ---*/

section#event{
background:url("img/bg_standard.png") no-repeat left 80px;
background-size:200%;
}
section#event div.inner{width:100%;}
section#event div.inner img{width:100%; height:auto;}
section#event div.inner img.topicon{width:auto !important;}
section#event h2{font-size:15px !important;}
section#event div.inner p{line-height:1.6 !important;}
section#event div.inner dl.summary{margin:30px 0 30px;}
section#event div.contactArea{
width:100%;
margin:20px auto 40px auto !important;
padding-top:10px;
}
section#event div.contactArea img{width:auto !important;}
section#event div.contactArea dl dt{
float:none;
width:100%;
margin-top:25px;
text-align:center;
}
section#event div.contactArea dl dd{margin-left:0; }


/*---スタッフ紹介 ---*/
section#staff div.inner{
background:url("img/illst_bird.png") no-repeat left 60px;
}
section#staff div.inner ul li{
float:none;
margin:35px auto;
}
section#staff div.inner ul li:nth-child(3n){margin:35px auto;}

/*---スタッフ詳細 ---*/
section#staffDetails div.contents p.illst{
position:absolute;
left:60%;
top:0;
margin-left:0;
}
section#staffDetails div.inner{width:100%;}
section#staffDetails div.inner div.staffPrf{
width:100%;
margin:80px auto 40px auto;
}
section#staffDetails div.inner div.staffImg{
float:none;
width:100%;
text-align:center;
margin:0 auto 10px auto;
}
section#staffDetails div.inner div.staffTxt{
width:100%;
float:none;
}
section#staffDetails div.inner div.staffTxt dl dt{
width:140px;
float:left;
}
section#staffDetails div.inner div.staffTxt dl dd{
margin-left:140px;
margin-bottom:10px;
}
section#staffDetails div.inner div.staffTxt h1{text-align:center; margin:0 0;}
section#staffDetails div.inner div.staffTxt h1 span{font-size:16px !Important; font-weight:bold;}
section#staffDetails div.inner div.staffTxt h2{
text-align:center;
border:none;
font-size:14px;
color:#898987 !Important;
}


/*---お問い合わせ ---*/
table.form ,
table.formInner{width:100%;}
table.form tr{display: block;}
table.form th{
padding:0 0 0 0;
text-align:left;
}
table.form td{
display: list-item;
list-style:none;
width: 100%;
text-align:left;
}
table.form td{padding:0 0 10px 0;}
table.form td div.selectbox {
width:100%;
}
input[type="text"],
textarea{width:100%;}
input[type="submit"]{
width:98% !important;
margin:30px auto 0px auto;
font-size:20px;
padding:16px auto !important;
}
table.form span.horizontal-item{display:block !important;margin-left:0 !important;}

/*-------------------------- 特設 設定--------------------------------- */
section#specially div.inner{
padding-top:20px;
position:relative;
}
section#specially p.ttl{
position:static;
}
section#specially p.photo {margin:40px 0 60px 0;text-align:center !important;}
section#specially p.photo img{
margin:0 10px 10px 0;
clear:left;
float:none;
}
section#specially h1{
font-size:20px !important;
}
section#specially h1 span{
border:none;
display:block;
font-size:14px !important;
color:#79B93F;
}
p.photo-sp {margin:30px auto 30px auto;overflow:hidden;text-align:center;}
p.photo-sp img{float:none; margin:0 auto 20px;}
section#specially div.haikeishiro,
section#specially div.haikei700{
width:100%;
margin: 0 auto 40px;
}
section#specially div.inner .illst02{display:none;}
section#specially div.inner .illst03{width:100%;}
section#interview h1 span{font-size:26px !important;}
section#interview div.intvwBox{width:100%;}
section#interview div.intvwBox div.intvwImg{
float:none;
margin-bottom:20px;
width:100%;
text-align:center;
}
section#interview div.intvwBox div.intvwTxt{
float:none;
width:100%;
margin:0 auto;
}
section#interview div.inner  p.planner{
position:static;
text-align:center;
margin-bottom:30px;
}
section#interview article{width:100%;}
section#case.caseSpecially{background-size:100%;}
section#example img{max-width:100%; height:auto;}
section#proposal img{max-width:100%; height:auto;}

/*---footer---*/
footer{padding-top:30px;}
/*footer nav{display:none;}*/
footer .navbar-nav > li {
float:left !important;
clear:none;
width:50% !important;
min-width:120px;
padding:5px 10px;
}
footer address{margin-top:10px; color:#FFF;}
footer img.image{display:none;}
footer #navi li{width: 50%;}


/*--- facebook ---*/
.facebookLikeBox{
max-width:470px !important;
margin:0 auto;
width:100%;
}
section#eventschdl div.eventBox{width:100%;}
section#eventschdl ul{width:100%;}
section#calendar div.inner{padding-top:0px;}
section#calendar img.flower{position:static;}
  .googlecal {
    padding-bottom: 75%;
  }
section#eventschdl div.eventBox{text-align:center;}
section#eventschdl div.eventBox img.fkdsh{position:static;}
section#example div.list ul {
  position: static;
  left: 0;
  float: none;
  margin:0 auto !important;
  width:96%;
  max-width:460px;
}
section#example div.list ul li {
  position: static;
  left: 0;
  float: none;
  width:auto;
  margin:20px 0; 
  padding:0 0;
  text-align:center;
}
section#proposal div.list ul {
  position: static;
  left: 0;
  float: none;
  margin:0 auto !important;
  width:96%;
  max-width:460px;
}
section#proposal div.list ul li {
  position: static;
  left: 0;
  float: none;
  width:auto;
  margin:20px 0; 
  padding:0 0;
  text-align:center;
}

}
/*----------------------------------------------------------------------------------------------------------------------
SP設定　スマホ表示用
----------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 479px) {
header{padding-top:50px;}
.navbar-nav > li {
text-align: left;
clear:both;
margin:0 auto !important;
width: auto;
padding:10px;
width: 100%;
min-width:270px;
}  
section#process ul li{width:153px;}

.navbar-header h1{
font-size:15px;
line-height:1.3;
margin:2% 5%;
color:#fff;
height:30px;
}
.navbar-header h1 a{
padding:2px 0 2px 55px;
background-size:45px 45px;
display:block;
}
.navbar-header h1 span{color:#fff;}
.navbar-header h1 span:before {
    content: "\A";
    white-space: pre;
  }

div#topic{max-width:470px; width:100%;}
div#topic .head {width:90%;}
.triangle-l {
    border-color:transparent #264F00 transparent transparent;
    border-style:solid;
    border-width:15px;
    width:0; height:0;
    position:relative;
    left:-30px;
    top:43px;
    z-index:-1;
}
div#topic h3{font-size:18px;}
div#topic div.fLeft{
float:none;
width:100%;
max-width:400px;
margin:0 auto 1em auto;
}
div#topic div.fRight{
float:none;
width:100%;
max-width:400px;
margin:0 auto;
}
div#topic div.fLeft2{
float:none;
width:100%;
max-width:400px;
margin:0 auto 1em auto;
}
div#topic div.fRight2{
float:none;
width:100%;
max-width:400px;
margin:0 auto 1em auto;
}
div#topic .rectangle {padding:0 15px 2px 20px;}
div#topic .rectangle p {font-size:16px; text-align:left;}
div#topic .details {margin:3em 0 0 0;}

section#promotion div.box p{
font-size:19px;
padding:18px 18px 18px 18px;
}
section#promotion div.boxWhite h2 span{font-size:19px !important; line-height:1.4 !important; }
section#promotion h2 span.line{line-height:1.4;}
section#promotion span.promotionarrow{font-size:14px;}
section#interview article{background-size:100%;}
section#eventschdl div.eventBox img.fkdsh{position:static;}
section#calendar{text-align:center;}
section#calendar img.tree{position:static;margin-bottom:10px;}
section#calendar div.calendar{margin:30px auto 40px auto;border:4px solid rgba(255,255,255,0.6);}
section#specially div.haikeishiro{
margin: 0 auto;
padding:20px 20px 10px 20px;
}
p.photo-sp img{float:none; margin:0 auto 20px; max-width:460px;width:90%; height:auto;}
section#standard article{
margin:20px auto 0 auto;
}
}

/*----------------------------------------------------------------------------------------------------------------------
SP設定　スマホ表示用
----------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 320px) {
section#calendar div.calendar{
max-width: 320px !important;
width:100%;
border:3px solid rgba(255,255,255,0.6);
border-radius: 2px; 
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
}
.googlecal iframe {
  position: absolute;
  top: 0;
  left: 0;
width: 300px !important;
height: 100% !important;
}
section#specially div.haikeishiro{
margin: 0 auto;
padding:20px 20px 10px 20px;
}

section#process ul{width:100%;}
section#process ul li{width:48%;max-width:153px;}

div.polaframe span{font-size:12px;}
div.polaframe2 span,
div.polaframe2 span.fnt-s{font-size:0.7em;}
}