@charset "utf-8";
/*■■■■■■■■■■■■■■■■■■■■■■
　　共通設定
■■■■■■■■■■■■■■■■■■■■■■*/

/*------------------------------------------
■ CSS初期設定
------------------------------------------*/
* {margin: 0;padding: 0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
img {vertical-align: middle;margin: 0;padding: 0;border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
h5 { margin: 20px 0; }
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
input, textarea, select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
*font-size:100%;
max-width:100%;
}


/*------------------------------------------
■ リンク設定
------------------------------------------*/
a img {border: none;}
a {color: #6cbb5a; text-decoration: underline;}
a:hover {color: #FF3399; font-weight: bold; text-decoration: none;opacity: 0.9;/*--IE,FF対応--*/filter: alpha(opacity=90);-ms-filter: "alpha( opacity=90)";}
a:visited {color: #6cbb5a;text-decoration: underline;}

/*------------------------------------------
■ リンク画像のhover半透明化設定
------------------------------------------*/
a:hover img {
opacity: 0.85;/*--IE,FF対応--*/
filter: alpha(opacity=85);
-ms-filter: "alpha( opacity=85)";
}

/*------------------------------------------
■ float対策
------------------------------------------*/
.fcl {zoom: 100%;}

.fcl:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}


/*------------------------------------------
■ PC・スマホ切り替え用
------------------------------------------*/
.pc_none {display: none !important;}
.sp_none {}

.br-pc {}
.br-sp { display:none; }


/*■■■■■■■■■■■■■■■■■■■■■■
　　各コンテンツ　【　基本設定　】
■■■■■■■■■■■■■■■■■■■■■■*/

/*------------------------------------------
■ メイン設定
------------------------------------------*/
body {
width: 100%;
min-width:1200px;
font-family: "メイリオ","ＭＳ Ｐゴシック","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;
font-size: 18px;
line-height: 200%;
background:#fff;
color: #333;
}

/*--幅100％の場合--*/
#wrap {
margin: 0 auto;
}

/*--幅1100pxで区切る場合
#wrap {
background-color: #ffffff;
box-shadow: 0 10px 10px #999999;
margin: 0 auto;
width: 1100px;
}
--*/

#frame {
padding: 0px;
margin:0 auto;
}

#main {
padding: 0px;
margin:0 auto;
}

.section {
clear: both;
margin: 0 auto 0px;
}


/*------------------------------------------
■ h1
------------------------------------------*/
h1 {
margin: 0 auto;
padding: 8px 0;
height: 25px;
font-size: 14px;
line-height: 25px;
background: linear-gradient(#6cbb5a,#7dcc6b);
color: #fff !important;
}

.h1_txt {
display: block;
margin: 0 auto;
width: 1074px;
}


/*------------------------------------------
■ ヘッダーエリア
------------------------------------------*/
#header {
margin: 0 auto;
padding: 10px 0 0 0;
width: 100%;
height: 110px;
/*
background: #e6fce1;
border-bottom: 1px solid #6cbb5a;
*/
}

#header_in {
margin: 0 auto;
position: relative;
width: 1050px;
}

#header .header_logo{
left: 0;
position: absolute;
top: 0px;
max-width: 400px;
}

#header .header_logo img {
max-width: 380px;
}

#header .header_btn {
}

#header .header_txt {
padding: 0;
font-size: 16px;
line-height: 24px;
float: left;
letter-spacing: -1px;
}

#header .header_txt2 {
}

#header_in .header_tel {
position: absolute;
padding: 0;
top: 0px;
right: 235px;
}

#header_in .header_tel_number {
cursor: default;
white-space: nowrap;
display: block;
margin-bottom: 2px;
height: 40px;
font-size: 26px;
font-weight: bold;
text-indent: 45px;
line-height: 40px;
background: transparent url("../img/tel-img.png") no-repeat scroll 0px 0px;
background-size: 40px;
color: #333;
}

.header_btn {
display: block;
padding: 0;
text-align: right;
position: absolute;
right: 0px;
top: 0px;
}


#header_in .header_btn a {
}


/*------------------------------------------
■　box
------------------------------------------*/
.box {
clear: both;
margin:0px auto 0;
width:1074px;
padding: 0;
}


/*------------------------------------------
■　メインビジュアル
------------------------------------------*/

#main_img {
padding: 30px 0;
background: url("../img/main_bg.jpg");
}

#main_img img {
display: block;
margin-left: auto;
margin-right: auto;
padding: 20px 0;
}


/*------------------------------------------
　■オーダー枠
------------------------------------------*/
#order {
background: url("../img/order_bg.jpg");
/*background: linear-gradient(#ffae73,#fff);*/
/*background-size: 100%;*/
}

#order span {
font-size: 43px;
line-height: 50px;
}

.free {
clear: both;
margin: 0 auto 0;
padding: 0;
text-align:center;
}

.free_inquiry {
width:1034px;
margin:0 auto;
padding:20px 0;
}


h3.free {
display: block;
padding: 0 0 20px 0;
font-family: Times New Roman,"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",meiryo,serif;
font-weight: bold;
font-size: 35px;
line-height: 40px;
color: #333;
text-shadow: 2px 2px 2px #fff;
}

.free_area_bg {
background:url(../img/5-1.png) no-repeat;
width:1036px;
height:200px;
position:relative;
}

.order-box div:first-of-type {
margin: 10px 0 0 0;
float: left;
}

.order-box div:nth-of-type(2) {
margin: 10px 0;
float: right;
}

.txt_tel_read {
font-size: 14px;
line-height: 14px;
margin: 20px 0 0 0;
text-align: left;
}

.txt_tel {
background: transparent url("../img/tel-img.png") no-repeat 0px 6px;
cursor: default;
display: block;
font-size: 40px;
text-indent: 50px;
white-space: nowrap;
font-weight: bold;
text-align: left;
font-family: arial;
letter-spacing: 2px;
height: 50px;
line-height: 50px;
background-size: 40px auto;
}

#order .order-img {
box-shadow: 2px 2px 2px #ccc;
padding: 0;
}



/*------------------------------------------
■　アピール枠
------------------------------------------*/
#appeal {
padding: 0 0 80px 0;
background: #e6fce1;
}

#appeal h4,
#riyu h4,
#voice h4,
#service h4,
#menu h4,
#faq h4,
#owner h4,
#about h4,
#inquiry h4 {
display: block;
position: relative;
z-index: 0;
clear: both;
margin: 0;
padding: 30px 10px;
min-width: 1074px;
height: 45px;
text-align: center;
text-shadow: 2px 2px 2px #4e4e4e;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",meiryo,serif;
font-size: 40px;
font-weight: bold;
letter-spacing: 1px;
line-height: 45px;
color: #fff;
background: url("../img/h4_bg.jpg") no-repeat center -70px;
background-size: 100%;
box-shadow: 0px 5px 10px 5px #888;
}

#appeal h4 span,
#riyu h4 span,
#voice h4 span,
#service h4 span,
#menu h4 span,
#faq h4 span,
#owner h4 span,
#about h4 span,
#inquiry h4 span {
font-size: 60px;
}

#appeal h5 {
clear: both;
display: block;
margin: 40px 10px 20px 10px;
padding: 20px;
height: 70px;
border-radius: 10px;
text-align: center;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",meiryo,serif;
font-size: 30px;
font-weight: bold;
line-height: 34px;
letter-spacing: 1px;
color: #fff;
background: linear-gradient(#ff931f,#ffbf7b);
}

#appeal>div>div {
margin: 0;
width: 100%;
}

#appeal>div>div>div {
display: table;
table-layout: fixed;
text-align: center;
width: 100%;
}

#appeal>div>div>div>div {
display: table-cell;
padding: 0 10px;
}

#appeal p {
margin: 20px 0 10px 0;
text-align: left;
}

/*
#appeal p:last-of-type {
clear: both;
margin: 80px -20px 0 -20px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",meiryo,serif;
font-size: 45px;
font-weight: bold;
text-align: center;
text-shadow: 2px 2px 3px #888;
line-height: 60px;
color: #ff2e00;
}
*/

#appeal span {
color: #ff3636;
font-weight: bold;
}

#appeal img {
margin: 0 0 0 0;
max-width: 100%;
border-radius: 5px;
}

#appeal .lead {
margin: 0 0 60px 0;
padding: 10px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",meiryo,serif;
font-size: 35px;
font-weight: bold;
letter-spacing: 1px;
line-height: 160%;
background: #fff;
border-radius: 100px;
box-shadow: 2px 2px 2px #ccc !important;
}

#appeal .lead p {
text-align: center;
}

#appeal .lead span {
font-size: 45px;
}



/*------------------------------------------
■　お悩み枠
------------------------------------------*/
#onayami {
padding: 10px 0 30px 0;
background: #fff;
}

#onayami h4 {
clear: both;
position: relative;
margin: 0 auto;
margin-top: 60px;
margin-bottom: 40px;
margin-right: 20px;
margin-left: 20px;
padding: 30px 0 20px 0;
text-align: center;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",meiryo,serif;
font-size: 40px;
font-weight: bold;
text-shadow: 1px 1px 1px #333;
letter-spacing: 1px;
background: linear-gradient(#ff931f,#ffbf7b);
border-radius: 4px;
color: #fff;
}
#onayami h4::after {
position: absolute;
top: 3px;
bottom: 3px;
right: 3px;
left: 3px;
content: '';
border: 2px dashed #fff;
border-radius: 4px;
}
#onayami h4 span {
padding: 0 10px;
font-size:50px;
color: #fff;
}

#onayami h4 img {
display: block;
margin-left: auto;
margin-right: auto;
border: 3px solid #512814;
}

#onayami p {
margin: 70px 0 30px 0;
text-align: center;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",meiryo,serif;
font-size: 35px;
font-weight: bold;
line-height: 50px;
}

#onayami img {
display: block;
margin-left: auto;
margin-right: auto;
border: none;
}



/*------------------------------------------
■　選ばれる理由
------------------------------------------*/
#riyu {
padding: 0 0 80px 0;
background: #e6fce1;
}

#riyu h5 {
clear: both;
display: block;
margin: 40px 0 20px 0;
padding: 20px;
border-radius: 10px;
text-align: center;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",meiryo,serif;
font-size: 30px;
font-weight: bold;
line-height: 34px;
letter-spacing: 1px;
color: #fff;
background: linear-gradient(#6cbb5a,#7dcc6b)
}

#riyu h5 .no {
margin: 0 10px 0 0;
padding: 0 15px;
color: #6cbb5a;
font-size: 45px;
font-family: Times New Roman;
font-style: italic;
font-weight: normal;
background: #fff;
border-radius: 100px;
box-shadow: 2px 2px 2px #567a4d;
}

#riyu h5 span {
}

#riyu>div>div {
margin: 10px 0 20px 0;
padding: 30px 30px;
min-height: 250px;
font-size: 20px;
background: #fff;
border: 3px solid #6cbb5a;
border-radius: 5px;
/*box-shadow: 3px 3px #ccc;*/
}

#riyu>div>div span {
padding: 0 5px;
font-weight: bold;
color: #ff2020;
}

#riyu>div>div>p {
padding: 0 0 20px 0;
}

#riyu>div>div>p:last-of-type {
padding: 0;
}

#riyu>div>div>h6 {
margin: 30px 0 20px 0;
padding: 8px 20px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",meiryo,serif;
font-size: 22px;
font-weight: bold;
color: #fff;
background: #512814;
}

#riyu>div>div>h6.list-ttl {
margin: 30px 0 20px 0;
padding: 0 10px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",meiryo,serif;
font-size: 22px;
font-weight: bold;
color: #ff2e00;
background: #fff;
border-bottom: 2px solid #ff2e00;
}

#riyu>div>div>ul li {
margin: 10px 20px;
padding-left: 30px;
text-indent: -30px;
}

#riyu>div>div>ul li::before {
margin: 0 10px 0 0;
content: "◆";
color: #ff2e00;
}



#riyu>div>div img {
float: right;
margin: 0 0 0 30px;
max-width: 100%;
border-radius: 5px;
}

/*
#riyu>div>div>img {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
max-width: 100%;
}
*/

#riyu .sub-img {
margin: 20px 0px;
height: 220px;
text-align: center;
}

#riyu .sub-img img {
display: block;
float: left;
margin: 0 8px;
max-width: 100%;
}



/*------------------------------------------
■　お客様の声
------------------------------------------*/
#voice {
padding: 0 0 80px 0;
background: #e6fce1;
}

#voice h5:nth-of-type(odd) {
clear: both;
display: block;
margin: 50px 0 20px 0;
padding: 20px 10px;
text-align: center;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",meiryo,serif;
font-size: 30px;
font-weight: bold;
line-height: 34px;
letter-spacing: 1px;
border-radius: 20px;
position: relative;
background: #fff;
border: 3px solid #ff931f;
}
#voice h5:nth-of-type(odd)::after {
position: absolute;
top: 100%;
right: 200px;
content: '';
width: 0;
height: 0;
border: 20px solid transparent;
border-top: 40px solid #ff931f;
}

#voice h5:nth-of-type(even) {
clear: both;
display: block;
margin: 50px 0 20px 0;
padding: 20px 10px;
text-align: center;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",meiryo,serif;
font-size: 30px;
font-weight: bold;
line-height: 34px;
letter-spacing: 1px;
border-radius: 20px;
position: relative;
background: #fff;
border: 3px solid #ff931f;
}
#voice h5:nth-of-type(even)::after {
position: absolute;
top: 100%;
left: 200px;
content: '';
width: 0;
height: 0;
border: 20px solid transparent;
border-top: 40px solid #ff931f;
}

#voice>div>div {
margin: 40px 20px 0 20px;
min-height: 250px;
font-size: 20px;
}

#voice>div>div:nth-of-type(odd) p {
padding: 0 0 30px 0;
}

#voice>div>div:nth-of-type(even) p {
padding: 0 0 30px 0;
}

#voice>div>div>p:last-of-type {
padding: 0;
}

#voice>div>div:nth-of-type(odd) img {
float: right;
margin: 0 0 0 30px;
max-width: 100%;
border-radius: 500px;
}

#voice>div>div:nth-of-type(even) img {
float: left;
margin: 0 30px 0 0;
max-width: 100%;
border-radius: 500px;
}


/*------------------------------------------
■　サービスの流れ
------------------------------------------*/
#service {
padding: 0 0 80px 0;
background: #fff;
}

#service h5 {
clear: both;
display: block;
margin: 50px 0 0 0;
padding: 20px;
border-top-right-radius: 30px;
border-top-left-radius: 30px;
text-align: center;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",meiryo,serif;
font-size: 30px;
font-weight: bold;
line-height: 34px;
letter-spacing: 1px;
color: #fff;
background: linear-gradient(#6cbb5a,#7dcc6b);
}

#service h5 span {
font-family: Times New Roman;
font-size: 50px;
font-style: italic;
font-weight: normal;
}

#service>div>div {
margin: 0;
padding: 40px;
min-height: 250px;
border: solid #6cbb5a;
border-width: 0 3px 3px 3px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
font-size: 25px;
line-height: 35px;
background: #e6fce1;
}

#service>div>div>p {
padding: 0 0 30px 0;
}

#service .sub {
font-size: 18px;
line-height: 150%;
letter-spacing: 0px;
}

#service .sub h6 {
}

#service li {
margin: 10px 20px;
padding-left: 10px;
text-indent: -30px;
}

#service li::before {
margin: 0 10px 0 0;
content: "◆";
color: #6cbb5a;
}


#service>div>div>p:last-of-type {
padding: 0 0 20px 0;
}

#service>div>div>img {
float: right;
margin: 0 0 0 10px;
max-width: 100%;
border-radius: 5px;
}

#service>div>img {
max-width: 100%;
display: block;
margin: auto;
margin-top: -40px;
margin-bottom: -40px;
height: 100px;
}



/*------------------------------------------
■　メニュー・料金
------------------------------------------*/
#menu {
padding: 0 0 80px 0;
background: #e6fce1;
}

#menu h5 {
clear: both;
margin: 50px 0 0 0;
position: relative;
padding: 20px;
text-align: center;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",meiryo,serif;
font-size: 30px;
font-weight: bold;
line-height: 34px;
letter-spacing: 1px;
background: linear-gradient(#ff931f,#ffbf7b);
border-radius: 4px;
color: #fff;
}
#menu h5::after {
position: absolute;
top: 3px;
bottom: 3px;
right: 3px;
left: 3px;
content: '';
border: 2px dashed #fff;
border-radius: 4px;
}
#menu h5:nth-of-type(n+2) {
margin: 80px 0 0 0;
}

#menu>div>div {
margin: 40px 20px 0 20px;
padding: 0px 0px 50px 0px;
min-height: 250px;
font-size: 20px;
}

#menu>div>div>p {
padding: 0 0 30px 0;
}

#menu>div>div>p:last-of-type {
padding: 0;
}

#menu>div>div>img {
float: right;
margin: 0 0 0 30px;
max-width: 100%;
border-radius: 5px;
}

#menu h6 {
margin: 50px 0 0 0;
padding: 10px 10px 10px 20px;
text-align: center;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",meiryo,serif;
font-size: 30px;
font-weight: bold;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
background: linear-gradient(#ff931f,#ffbf7b);
color: #fff;
}

#menu h6:nth-of-type(1) {
margin-top: 60px;
}

#menu h6 span {
margin: 0 10px 0 0;
padding: 0 15px;
letter-spacing: 0px;
border-radius: 5px;
background: #fff;
color: #fe3276;
}

.menu-sub1 {
position: relative;
margin: 0 !important;
padding: 20px !important;
min-height: 250px !important;
border: solid #ff931f;
border-width: 0 3px 3px 3px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
background: #fff;
font-size: 18px !important;
line-height: 24px !important;
}

.menu-sub2 {
margin: 0 !important;
padding: 20px !important;
min-height: 10px !important;
border: solid #fe3276;
border-width: 0 3px 3px 3px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
background: #fff;
font-size: 18px !important;
line-height: 24px !important;
}

.menu-price {
position: absolute;
margin: 0 !important;
padding: 0 !important;
bottom: 30px;
right: 300px;
text-align: right;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",meiryo,serif;
font-size: 30px;
font-weight: bold;
color: #fe3276;
}

.menu-sub2 p {
margin: 0 0 30px 0;
}

.menu-sub2 table {
width: 100%;
}

.menu-sub2 tr {
border-bottom: 1px dashed #a7a7a7;
}

.menu-sub2 tr:last-of-type {
border-bottom: none;
}

.menu-sub2 th {
text-align: left;
padding: 5px 0 5px 20px;
}

.menu-sub2 td {
text-align: right;
padding: 5px 20px 5px 0;
}

.web-price,
.price {
margin-top: 40px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",meiryo,serif;
text-align: center;
}

.web-price p:nth-of-type(1),
.price {
font-size: 30px;
line-height: 150%;
}

.web-price p:nth-of-type(2) {
margin: -20px 0 0 0;
font-size: 40px;
color: #ff2020;
line-height: 70px;
}

.web-price p:nth-of-type(3) {
font-size: 35px;
font-weight: bold;
color: #ff2020;
}

.web-price p:nth-of-type(3) span {
margin: 0 20px 0px 0;
padding: 0 10px;
letter-spacing: 1px;
color: #ff2020;
border-radius: 10px;
border: 2px solid #ff2020;
}



/*------------------------------------------
■　Q&A
------------------------------------------*/
#faq {
padding: 0 0 80px 0;
background: #fff;
}

#faq>div:first-of-type {
background: #e6fce1;
}

#faq>div>div {
clear: both;
}

#faq>div>div:nth-child(odd)>p:nth-child(odd) {
float: left;
min-height: 30px;
margin: 0;
width: 30px;
padding: 5px 5px;
text-align: center;
font-size: 20px;
font-weight: normal;
font-family: Times New Roman;
line-height: 30px;
background: linear-gradient(#6cbb5a,#7dcc6b);
border-radius: 500px;
color: #fff;
}

#faq>div>div:nth-child(odd)>p:nth-child(even) {
margin: 80px 0 0 0;
padding: 6px 0 0 55px;
font-size: 24px;
font-weight: bold;
line-height: 30px;
color: #6cbb5a;
}

#faq>div>div:nth-child(even)>p:nth-child(odd) {
float: left;
min-height: 30px;
margin: 0;
width: 30px;
padding: 5px 5px;
text-align: center;
font-size: 20px;
font-weight: normal;
font-family: Times New Roman;
line-height: 30px;
background: linear-gradient(#ff931f,#ffbf7b);
border-radius: 500px;
color: #fff;
}

#faq>div>div:nth-child(even)>p:nth-child(even) {
margin: 20px 0 0 0;
padding: 6px 0 0 55px;
font-size: 18px;
font-weight: normal;
line-height: 30px;
}

#faq img {
display: block;
margin-left: auto;
margin-right: auto;
width: 100%;
}


/*------------------------------------------
■　代表者の声
------------------------------------------*/
#owner {
padding: 0 0 80px 0;
background: #e6fce1;
}

#owner>div>div {
position: relative;
margin: 40px 20px 39px 20px;
padding: 50px 40px;
font-size: 20px;
line-height: 30px;
border-radius: 10px;
background: #fff;
box-shadow: 3px 3px #ccc;
}
#owner>div>div::after {
position: absolute;
top: 6px;
bottom: 6px;
right: 6px;
left: 6px;
content: '';
border: 2px dashed #6cbb5a;
border-radius: 4px;
}

#owner>div>div>p {
padding: 0 0 30px 0;
}

#owner>div>div>p:first-of-type {
margin: 10px 0 5px 0;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",meiryo,serif;
font-size: 24px;
font-weight: bold;
}

#owner>div>div>p:last-of-type {
padding: 0;
}

#owner>div>div>img {
float: right;
margin: 0 0 0 30px;
max-width: 100%;
border-radius: 500px;
}


/*------------------------------------------
■　店舗案内
------------------------------------------*/
#about {
padding: 0 0 80px 0;
background: #fff;
}

#about>div:first-of-type {
}

/* シンプルtable */
#about table {
margin: 40px 20px;
margin-left: auto;
margin-right: auto;
width: 1000px;
font-size: 20px;
border: 2px solid #888;
}

#about th {
padding: 5px;
width: 200px;
font-weight: normal;
border: 1px solid #888;
background: #e6fce1;
}

#about td {
padding: 10px 30px;
border: 1px solid #888;
background: #fff;
}

/* キラキラtable */
/*
#about table {
margin: 40px 20px;
margin-left: auto;
margin-right: auto;
width: 1000px;
font-size: 20px;
}

#about th {
padding: 5px;
width: 200px;
font-weight: normal;
border-bottom: 5px solid #fff;
background: linear-gradient(#864120,#512814);
color: #fff;
}

#about td {
padding: 10px 30px;
border-bottom: 5px solid #fff;
background: linear-gradient(#d6ebf2,#b6c5cb);
}
*/

#about img {
display: block;
margin-left: auto;
margin-right: auto;
width: 100%;
}

#about h6 {
margin: 0px 30px;
padding: 0px 10px;
font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝",meiryo,serif;
font-size: 25px;
font-weight: bold;
line-height: 30px;
border-bottom: 4px solid rgb(81, 40, 20);
color: rgb(81, 40, 20);
}

.map_area {
margin: 10px auto 40px;
width: 1000px;
text-align: right;
font-size: 16px;
line-height: 100%;
border: 2px solid #888;
}
.map_in {
display: block;
margin: 0 auto;
width: 100%;
height: 600px;
}



/*------------------------------------------
■　お問い合わせフォーム
------------------------------------------*/
#inquiry {
padding: 0 0 80px 0;
background: #e6fce1;
}

.form_area {
margin: 40px auto;
}

#inquiry p {
margin: 50px 40px 20px 40px;
letter-spacing: 1px;
line-height: 26px;
font-size: 18px;
}

#inquiry span {
color: #ff5b5b;
}

/* --フォームテーブルの部分-- */
.table_box {
border-top: 1px dashed #666666;
margin: 50px auto;
width: 90%;
}
.inq_box {
border-bottom: 1px dashed #666666;
display: block;
font-size: 16px;
margin: 0 auto;
overflow: hidden;
padding: 0 0 30px;
}
.inq_box_top {
border-top: #cccccc 1px solid;
}
.inq_box_title {
border-left: 8px solid #6cbb5a;
float: left;
font-weight: bold;
line-height: 150%;
margin-top: 40px;
padding-left: 12px;
width: 260px;
}
.inq_box_txt {
display: block;
float: left;
line-height: 140%;
padding-left: 20px;
padding-top: 30px;
width: 450px;
}
input, textarea, select {
font-size: 16px;
margin: 5px auto;
padding: 5px;
}
input[type=text]:focus, textarea:focus, select:focus {
outline: 0;
background: #FFFFDD;
}

.form01 {
padding: 10px 30px;
line-height: 20px;
}


/*------------------------------------------
■ フッター
------------------------------------------*/
#footer {
display: block;
padding: 25px 0 0;
width: 100%;
height: auto;
text-align: center;
line-height: 30px;
background: #e6fce1;
}

#footer a {
color: #000;
}

.copyright {
margin: 0 auto 0;
padding: 15px 0;
height: 40px;
background: linear-gradient(#6cbb5a,#7dcc6b);
color: #FFFFFF;
}


/*------------------------------------------
■ ページトップへ戻るボタン
------------------------------------------*/
#go_top {
}

#go_top a {
position: fixed;
display: block;
padding: 10px 10px 8px 0;
width: 150px;
right: 20px;
bottom: 40px;
text-align: center;
font-size: 13px;
font-weight: bold;
border: 1px solid #fff;
border-radius: 5px;
background: linear-gradient(#6cbb5a,#7dcc6b);

color: #ffffff;
}



/*------------------------------------------
■ アニメーション（キラッと光る）
------------------------------------------*/
.reflection-img{
overflow: hidden;
}

.reflection-img2{
position: relative;
overflow: hidden;
}

.reflection {
height  :100%;
width   :20px;
position:absolute;
top :-180px;
left:0;
background-color: rgba(255,255,255,0.5);
opacity :0;
transform: rotate(45deg);
animation: reflection 2s ease-in-out infinite;
-webkit-transform: rotate(45deg);
-webkit-animation: reflection 2s ease-in-out infinite;
-moz-transform: rotate(45deg);
-moz-animation: reflection 2s ease-in-out infinite;
-ms-transform: rotate(45deg);
-ms-animation: reflection 2s ease-in-out infinite;
-o-transform: rotate(45deg);
-o-animation: reflection 2s ease-in-out infinite;
}
 
@keyframes reflection {
0% { transform: scale(0) rotate(45deg); opacity: 0; }
80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { transform: scale(4) rotate(45deg); opacity: 1; }
100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}


/* ふわふわさせたいものに fuwafuwaクラスを付与 */
.fuwafuwa {
	-webkit-animation-name:fuwafuwa; /* fuwafuwaっていうアニメーションをしてね！ */
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:fuwafuwa;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
}
/* fuwafuwaっていうアニメーションはこんなふうだよ！ */
@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -5px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -5px);}
	100% {-moz-transform:translate(0, 0);}
}

/*■■■■■■■■■■■■■■■■■■■■■■
　　サブページ設定
■■■■■■■■■■■■■■■■■■■■■■*/

/*------------------------------------------
■ サブページ共通(プライバシーポリシーなど)
------------------------------------------*/
#sub_page, #order_page, #privacypolicy, #law, #order_end, .privacypolicy {
font-size: 15px;
padding: 20px 0;
width: 1000px;
margin:0 auto;
}

.sub_page_title{
background: #548e00;
border-radius: 5px;
color: #ffffff;
font-size: 24px;
font-weight: bold;
margin: 30px auto;
padding: 20px 0;
text-align: center;
}

.box_sub{
padding: 0 50px;
}

.sub_page_h {
border-bottom: 2px solid #ccc;
font-weight: bold;
line-height: 130%;
margin: 0 0 15px;
padding: 5px 0 3px;
}