@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
margin-top:0;
padding-top:0;
border:none;}
h1,h2,h3,h4{clear:both;}
*{margin:0;padding:0;font-family:/*"ＭＳ Ｐゴシック"*/, Osaka, "ヒラギノ角ゴ Pro W3", sans-serif, monospace;}

/** ボーダーを追加した際、ボーダーの値を計算で考えなくてよくする方法 **/
*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
.text-strong{font-weight:bold;}
.option-mark{font-size:0.8em;color:#f667bd;font-weight:100;border:solid 2px #f667bd;padding:2px;width:80px;text-align:center;line-height:1em;border-radius:6px;margin-right:6px;}
ul.list01 li{list-style:disc;}
.list1 li,.list01 li{margin-left:1.5em;font-size:15px;color:#666;margin:12px 0;list-style-position:outside;}
.list2 li,.list02 li{margin-left:1.2em;list-style-type:disc;list-style:inside;list-style-position:outside;}
.list3 li,.list03 li{list-style-type:none;list-style:inside;display:inline;}
.list04 li{list-style-type:none;list-style:inside;display:inline-flex;margin-right:20px;}

article section{/*margin-bottom:2em;*/}

/* レイアウト */
.right,.text-R{text-align:right!important;}
.center{text-align:center!important;}
.left,.text-L{text-align:left!important;}
p.right,p.center,p.left{padding-bottom:0!important;}
.ti0{text-indent:0!important;}

/* ボタン(共通) */
.btn01{text-align:center;float:none;width:auto;}
.btn01 a:hover{color:#fff;opacity:0.7;text-decoration:none;}
.btn01 a{border-radius:4px;font-size:1em;color:#fff;padding:14px;text-decoration:none;line-height:1.5em;display:inline-flex;margin-bottom:20px;clear:both;}
.btn-brown a{
background: rgb(191,93,61);
background: -moz-linear-gradient(top, rgb(191,93,61) 0%, rgb(119,40,14) 50%, rgb(117,34,1) 50%, rgb(104,26,1) 51%, rgb(142,53,21) 100%);
background: -webkit-linear-gradient(top, rgb(191,93,61) 0%,rgb(119,40,14) 50%,rgb(117,34,1) 50%,rgb(104,26,1) 51%,rgb(142,53,21) 100%);
background: linear-gradient(to bottom, rgb(191,93,61) 0%,rgb(119,40,14) 50%,rgb(117,34,1) 50%,rgb(104,26,1) 51%,rgb(142,53,21) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf5d3d', endColorstr='#8e3515',GradientType=0 );
}
.btn-orange a{
background:rgb(255,141,28);
background:-moz-linear-gradient(top, rgb(255,141,28) 0%, rgb(255,140,10) 50%, rgb(255,124,0) 51%, rgb(234,92,4) 100%);
background:-webkit-linear-gradient(top, rgb(255,141,28) 0%,rgb(255,140,10) 50%,rgb(255,124,0) 51%,rgb(234,92,4) 100%);
background:linear-gradient(to bottom, rgb(255,141,28) 0%,rgb(255,140,10) 50%,rgb(255,124,0) 51%,rgb(234,92,4) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8d1c', endColorstr='#ea5c04',GradientType=0 );
}


/* テキスト装飾（共通） */
.font01{font-size:1em!important;}
.font02{font-size:1.15em!important;line-height:1.4;}
.font03{font-size:1.25em!important;line-height:1.4;}
.font04{font-size:1.35em!important;line-height:1.4;}
.font05{font-size:1.5em!important;line-height:1.4;}
.font06{font-size:1.75em!important;line-height:1.4;}
.mini{font-size:0.75em!important;line-height:1.4em;padding-bottom:0px!important;}
.bold{font-weight:bold!important;}
.red{color:#aa0023!important;}
.gold{color:#c18a37!important;}
.fw500{font-weight:500!important;}

/* 共通パーツ */
table{
word-break:break-all;/* 英文の改行をきれいに見せる指定 */
width:100%;border-collapse:collapse;}
table thead,table tfoot,table th,table td{border:1px solid #ccc;padding:4px;}
table th{background-color:#f9f9f9;}
table td{background-color:#fff;}
.swiper-container img{width:100%;}
p.mark-menkyo{color:#fff;background:#833223;;padding:4px 6px!important;border-radius:6px;text-align:center;max-width:130px;font-size:14px;margin:0 auto 20px;text-indent:0!important;}
.clear-both,.clear{clear:both;}


.column,.area01{margin-bottom:23px;padding:16px 26px;background-color:#fbf8f3;border:solid 2px #dbc196;border-radius:12px;}
.column_title,.area01 h2,.area01 h3,.area01 h4,.area01 h5,.area01 h6{clear:both;color:#c18a37;font-size:1.25em;border-bottom:1px solid #b99c6d;padding-bottom:0.25em;margin-bottom:1em;}
.column ul{font-size:1em;list-style:none;padding:0px;}

@media screen and (max-width:499px){
.column,.area01{padding:15px;}
.column_title,.area01 h2,.area01 h3,.area01 h4,.area01 h5,.area01 h6{font-size:1em;}
.column ul{}
/*
.area01 h2,.area01 h3,.area01 h4,.area01 h5,.area01 h6{color:#c18a37;font-size:1em;border-bottom:1px solid #b99c6d;padding-bottom:0.25em;margin-bottom:1em;}
*/
}



/* 空間調整 */
.w25{width:23%;margin:1%;}
.w30{width:28%;margin:1%;}
.w33{width:31%;margin:1%;}
.w40{width:37%;margin:1.5%;}
.w50{width:46%;margin:2%;}
.w60{width:58%;margin:1%;}
.w70{width:68%;margin:1%;}
.w100{width:100%;}

.w25PC{width:23%;margin:1%;}
@media screen and (max-width:499px){
.w25PC{width:100%;}
}
.w25PC2{width:23%;margin:1%;}
@media screen and (max-width:499px){
.w25PC2{width:48%;margin:1%;}
}
.w30PC{width:28%;margin:1%;}

.w30PC2{width:28%;margin:1%;}
.w30PC-mr{margin-right:3.5%;}
@media screen and (max-width:499px){
.w30PC{width:100%;}
.w30PC2{width:46%;margin:2%;}
.w30PC-mr{margin-right:0;}
}
.w33PC{width:31%;margin:1%;}
.w33PC2{width:29%;margin:2%;}
@media screen and (max-width:499px){
.w33PC{width:100%;}
.w33PC2{width:46%;margin:2%;}
}
.w40PC{width:37%;margin:1.5%;}
@media screen and (max-width:499px){
.w40PC{width:100%;}
}
.w50PC{width:46%;margin:2%;}
@media screen and (max-width:499px){
.w50PC{width:100%;}
}
.w60PC{width:58%;margin:1%;}
@media screen and (max-width:499px){
.w60PC{width:100%;}
}
.w70PC{width:68%;margin:1%;}
@media screen and (max-width:499px){
.w70PC{width:100%;}
}
.w80PC{width:78%;margin:1%;}
@media screen and (max-width:599px){
.w80PC{width:100%;margin:0%;float:none!important;}
}
.w90PC{width:88%;margin:1%;}
@media screen and (max-width:599px){
.w90PC{width:100%;margin:0%;float:none!important;}
}
.w100PC{width:100%;}
@media screen and (max-width:499px){
.w100PC{width:100%;}
}
.w100PC2{width:100%;}
@media screen and (max-width:499px){
.w100PC2{width:46%;margin:0 2%;}
}

/* 空間調整 */
/*
.w30{width:30%;margin-right:3.3%;float:left;}
.w50{width:47%;margin-right:3%;float:left;}
*/
.three-column{width:100%;overflow:hidden;margin:0;padding:0;}
.three-column .w30 .title03{margin-top:30px;padding:0.75em 1em;}


.mt0{margin-top:0!important;}
.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:60px!important;}
.mt70{margin-top:70px!important;}
.mt80{margin-top:80px!important;}
.mt90{margin-top:90px!important;}
.mt100{margin-top:100px!important;}

.mb0{margin-bottom:0!important;}
.mb10{margin-bottom:10px!important;}
.mb20{margin-bottom:20px!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;}
.mb80{margin-bottom:80px!important;}
.mb90{margin-bottom:90px!important;}
.mb100{margin-bottom:100px!important;}

.ml0{margin-left:0!important;}
.ml10{margin-left:10px!important;}
.ml20{margin-left:20px!important;}
.ml30{margin-left:30px!important;}
.ml40{margin-left:40px!important;}
.ml50{margin-left:50px!important;}
.ml60{margin-left:60px!important;}
.ml70{margin-left:70px!important;}
.ml80{margin-left:80px!important;}
.ml90{margin-left:90px!important;}
.ml100{margin-left:100px!important;}

.mr0{margin-right:0!important;}
.mr10{margin-right:10px!important;}
.mr20{margin-right:20px!important;}
.mr30{margin-right:30px!important;}
.mr40{margin-right:40px!important;}
.mr50{margin-right:50px!important;}
.mr60{margin-right:60px!important;}
.mr70{margin-right:70px!important;}
.mr80{margin-right:80px!important;}
.mr90{margin-right:90px!important;}
.mr100{margin-right:100px!important;}

.pdgb0{padding-bottom:0!important;}
.w30{width:30%;margin-right:3%;}
.w50{width:48%;}
.w100{width:100%;}

/*複数行に渡り、均等配置 mana基礎編P155*/
.container-flex{display:flex;flex-wrap:wrap;align-content:space-around;}
/*
.container-flex .item{margin:10px 0;}
.container-flex li,.container-flex div,.container-flex section{margin-left:10px;}
*/

/* スマートフォン対応 */
@media screen and (max-width:500px){
/* 共通パーツ */
/* BODY */
body{
max-width:500px;
min-width:320px;
margin:0 auto;
background-color:#fff;
word-wrap:break-word;}

/* コンテナ */
#container{width:100%;}
#main-content p{text-indent:15px;}
.route-sora p,.price p,.process p,p.mini{text-indent:0!important;}
p,li,th,td{color:#333;font-size:15px;line-height:1.75em;}
#main-content p{padding-bottom:24px;}
p li,ul li{text-indent:none;list-style-type:none;}
.ti0{text-indent:0;}

a{color:#444;text-decoration:underline;}
a:hover{color:#f17639;text-decoration:underline;}
.p_list{font-size:1em;list-style-type:none;list-style:none;color:#303432;text-indent:none;}

.float-L{float:left;}
.float-R{float:right;}
h4,h5,h6{color:#444;}


/* グローバルナビ */
.nav-menulist{}
#gnavi_side{display:none;}
#PC-navi{display:none;}
.PC{display:none;}
nav{width:100%;height:auto;border:solid 1px #bca994;border-radius:6px;
background:rgb(255,255,255);
background:-moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(255,242,209) 50%, rgb(244,229,198) 51%, rgb(255,242,216) 100%);
background:-webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,242,209) 50%,rgb(244,229,198) 51%,rgb(255,242,216) 100%);
background:linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(255,242,209) 50%,rgb(244,229,198) 51%,rgb(255,242,216) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff2d8',GradientType=0 );
}

/* ヘッダー */	
header{width:100%;height:auto;list-style-type:none;padding:6px;
background:-webkit-gradient(top, #ffffff, #eef2f4;); /**Chrome**/
background:-webkit-gradient(top, #ffffff, #eef2f4;); /**Safari以外のWebKit系**/
background:-webkit-gradient(linear, left top,left bottom, from(#ffffff), to(#f7f8f8)); /**Safari**/
background:-moz-linear-gradient(top, #ffffff 0%, #eef2f4 100%;); /**Firefox**/
background:-ms-linear-gradient(top, #ffffff 0%, #eef2f4 100%;); /**IE10**/
background:-o-linear-gradient(top, #ffffff 0%, #eef2f4 100%;); /**Opera**/ 
}

.header_left-area{width:46%;float:left;}
.header_left-area p{font-size:12px!important;line-height:1.2em;}
.header_left-area img{width:100%;}
p.header_info_reservation{font-size:12px;border:solid 1px #833223;color:#833223;text-align:center;/*height:18px;*/line-height:1.5em;}
.header_right-area{width:54%;float:right;}
p.header_right_linktext a{/*font-weight:bolder;*/background-color:#833223;padding:4px 8px;border-radius:4px;text-decoration:none;color:#fff;margin:10px 4px 0 0;line-height:2em;}
.header_right-area{float:right;margin-right:0;padding-right:0;}
.header_right-area p.header_right_linktext{font-size:13px;margin:4px 0;}
.header_right-area p{font-size:0.9em;line-height:1em;padding:2px 0;}
.bread{clear:both;margin-top:6px;padding:2px 10px 0 10px;}
.bread li{display:inline-block;list-style-type:none;font-size:11px;}

/* ドロップダウンメニュー */
.dropmenu{*zoom:1;list-style-type:none;width:100%;margin:0 auto;vertical-align:middle;}
.dropmenu:before,.dropmenu:after{content:"";display:table;}
.dropmenu:after{clear:both;}
.dropmenu li{position:relative;width:25%;height:100%;float:left;margin:0;padding:0;text-align:center;}
.dropmenu li a{display:block;line-height:2;margin:0;padding:0;color:#833223;font-size:15px;font-weight:bold;text-decoration:none;border-right:solid 1px #bca994;}
.dropmenu li a:hover{}
.dropmenu li ul{list-style:none;position:absolute;z-index:9999;top:100%;left:0;margin:0;padding:0;width:100%;}
.dropmenu li ul li{width:180px;}
.dropmenu li ul li a{padding:6px 5px;border-bottom:solid 1px #bca994;background:#fbf8ed;text-align:left;line-height:1.8em;margin:0;padding-left:6px;height:100%;border-left:solid 1px #bca994;}
/*
.dropmenu li:hover > a{background:#f8f1d8;}
.dropmenu li a:hover{background:#f8f1d8;}
*/
/*動きをつける*/
.dropmenu li ul li{overflow:hidden;height:0;transition:.2s;}
.dropmenu li:hover ul li{overflow:visible;height:38px;}

/* 写真の横幅 */
.w100{width:100%;}

/* メインコンテンツ(共通) */
#main-container{width:100%;}
#main-content{margin:0 auto;padding:0 10px;}

/* テキスト装飾(共通) */
.title01{text-align:center;font-size:1.5em;color:#84654e;font-weight:bold;margin-bottom:10px;}
.title01 ul li{font-size:22px;line-height:1.2em;color:#84654e;font-weight:100;}
.title01 ul{list-style-type:none;}
.title01 li{display:inline;}
.title01_vertical-align{vertical-align:0;}
.title01 img{width:36px;}
.title02{text-align:center;color:#555;font-weight:100;line-height:1.5em;border-bottom:dotted 1px #596d75;margin-top:30px;margin-bottom:10px;}
.title03{text-align:left;line-height:1.5em;padding:8px;margin-top:30px;color:#555;font-weight:100;border:solid 1px #e0e2e3;border-radius:10px;margin-bottom:10px;
background:-webkit-gradient(top, #ffffff, #eef2f4;); /**Chrome**/
background:-webkit-gradient(top, #ffffff, #eef2f4;); /**Safari以外のWebKit系**/
background:-webkit-gradient(linear, left top,left bottom, from(#ffffff), to(#eef2f4)); /**Safari**/
background:-moz-linear-gradient(top, #ffffff, #eef2f4;); /**Firefox**/
background:-ms-linear-gradient(top, #ffffff, #eef2f4;); /**IE10**/
background:-o-linear-gradient(top, #ffffff, #eef2f4;); /**Opera**/
}
.title04{font-weight:100;text-align:center;color:#746143;line-height:1.5em;margin-top:30px;margin-bottom:10px;padding:8px 13px;border-radius:4px;background-color:#fbf9f7;border:solid 1px #746143;}
.title05{text-align:left;color:#5e6b73;line-height:1.5em;margin-bottom:20px;padding:8px 13px;}

.keypoint{margin-bottom:23px;padding:15px;background-color:#fbf8f3;border:solid 2px #dbc196;border-radius:12px;}

.try-text{}
.try-photo{margin-bottom:40px;width:100%;}
.try-photo img{width:100%;}

.kansou{border:solid 1px #dcd0b9;padding:2px;background-color:#f3f2e4;}
.kansou_border{border:solid 1px #dcd0b9;padding:15px;background-color:#fbfbf5;}
p.kansou_title{width:100%;padding:5px 0;margin-bottom:10px;text-align:center;border-radius:4px;border:solid 1px #dcd0b9;background-color:#fff;padding-bottom:0!important;}
.kansou_title p{padding-bottom:0;font-size:15px;font-weight:100;color:#9e937e;}
.kansou_section	{margin-bottom:10px;}
.kansou_p{}
.kansou_p img{max-width:480px;}

.process{
border:solid 3px #f7ece9;
border-radius:6px;
padding:16px;
background-color:#ffffff;}
.process_left{float:left;margin-top:5px;}
.process_text{padding-left:55px;}
p.process_order{padding-bottom:0!important;}
.process_title{
font-size:1em;
font-weight:500;
padding-bottom:4px;
margin-bottom:20px;
color:#713427;
border-bottom:solid 1px #f7ece9;}
.process_order{
font-weight:bolder;
padding-bottom:2px;
color:#713427;
border-bottom:solid 1px #713427;}
.process h2,.process h3{clear:none;}
.price{
width:100%;
border:solid 2px #ebe6e1;
font-size:0.85em;
font-weight:100;
line-height:1.5em;
text-align:left;
color:#494949;
margin-bottom:20px;
border-collapse:collapse;}

.price td,.price th{border-left:dotted 1px #ebe6e1;border-bottom:solid 1px #ebe6e1;/*padding:10px 10px 10px 12px;*/}

.price th{
background-color:#f6f6f6;
font-weight:100;}

.price_option{
background-color:#fd6fa8;
font-size:0.75em;
color:#000000;
margin-right:4px;
padding:3px;
-moz-border-radius:2px;
border-radius:2px;}

.go-to-top{
clear:both;
font-size:0.75em;
text-align:right;
margin:7px 7px 25px 0;}


.img_L img,.img_R img{width:100%;}
.img_R{margin:0 0 15px 10px;width:100%;}
.img_L{margin:0 10px 15px 0;width:100%;}

.number{
font-size:0.75em;
color:#ffffff;
text-align:center;
padding:3px 7px;
margin-right:5px;
background-color:#713427;
border-radius:20px;
-moz-border-radius:20px;
}		

.text{margin-bottom:50px;}

p a.btn_reservation{text-align:center;}
.fontsize-callto,.fontsize-mailto{line-height:1em;font-size:18px;font-weight:900;text-decoration:none;font-family:'Shanti',sans-serif;color:#9d4b29;}


/* メインコンテンツ(Topページのみ) */
#top_mv	{
margin-top:20px;
margin-bottom:25px;
/*border:solid 1px #dce1e6;*/}
.swiper-container{width:100%;height:100%;}
#top_space{margin-bottom:10px;}
.soraMV{border:solid 1px #dce1e6;margin-bottom:15px;width:100%;}

#topix_design{
height:30px;
border-bottom:dotted 1px #f9f9f9;}

.sora_top_allmenullist{
font-size:1em;
line-height:30px;}
.sora_top_allmenullist dd{
margin-left:150px;
margin-top:-30px;}
.news-topix{
margin-bottom:20px;
border:solid 1px #a56e2f;
border-radius:6px;
background-color:#fffcec;
background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fffcec));
background:-moz-linear-gradient(#ffffff 0%, #fffcec 100%);
background:-ms-linear-gradient(#ffffff 0%, #fffcec 100%);}
.news-topix-content{
padding:15px;
border-top:solid 1px #a56e2f;}
.news-topix-content:first-child{
border:none;}
.news-topix-content ul{}
.news-topix-content li{
list-style-type:none;}
.news-topix-title{
vertical-align:middle;
color:#7a2d20;
font-size:16px;
font-weight:100;}
.news-topix p{
line-height:20px;
margin-top:4px;
text-align:left;}

.incho_comment{}
.incho_profile{padding:0;}

/* メインコンテンツ(Topページのみ) */
.discount-fair img{
width:100%;
margin-bottom:20px;
}

/* メインコンテンツ(アクセスページのみ) */
.route{list-style-type:none;}
.route ul{display:inline;}
.route_li{
width:220px;
height:200px;
float:left;
color:#303432;
font-size:14px;
line-height:19px; 
margin-right:12px;
margin-bottom:20px;
display:inline;}
.route img{max-width:100%;}
img.shop_img_awaji{width:135px;}

/* 左サイドメニュー(SP共通) */

/* アクセス(SP) */
.route-sora img{width:100%;}

/* フッター(SP) */
footer{border-top:solid 1px #e6e8e9;padding:5px;width:100%;margin-top:5px;}
.footer_content img{width:220px;}
.footer_logo{text-align:center;}
.footer_logo img{width:75%;max-width:280px;margin-top:15px;}
footer p{font-size:12px;line-height:18px;}
address{
font-style:normal;}
.footer_sitemap a{
color:#666666;}
.footer_sitemap ul{list-style-type:none;display:inline;}
.footer_sitemap li{
font-size:12px;
line-height:18px;
float:left;
width:33%;
margin-bottom:20px;}
.footer_textarea a	{text-decoration:underline;}
.fotter_sitemap a:hover{text-decoration:underline;}
.footer_sitemap_title{
font-weight:bold;
margin-bottom:100px;}
.footer_sitemap_title a{
text-decoration:none;}
.footer_sitemap_title a:hover{
text-decoration:underline;}

.footer_info{border-top:solid 1px #e6e8e9;
padding-top:12px;
margin-top:20px;}
.footer_shopinfo{margin-bottom:10px;}
.copyright{text-align:center;}

} /* --- @スマートフォン対応 ここまで --- */


/* PC用 */
@media screen and (min-width:501px){
/* グローバルナビ */
/* BODY */
body{
width:960px;
margin-left:auto;
margin-right:auto;
background-color:#fdfdfd;
position:static;top:0;left:0;width:960px;height:1000px;
word-wrap:break-word;}

/* コンテナ */
#container{
width:100%;
border-left:solid 1px #f2f2f2;
border-right:solid 1px #f2f2f2; 
padding:0px 8px 0px 8px;
background-color:#ffffff;
}

p,li,th,td,h3,h4,h5,h6{color:#444;font-size:15px;line-height:26px;margin:0;padding-bottom:10px;}
p li,ul li{text-indent:none;list-style-type:none;line-height:1.5em;}
a{color:#444;text-decoration:underline;}
a:hover{color:#f17639;text-decoration:none;}
.p_list{font-size:1em;list-style-type:none;list-style:none;color:#303432;text-indent:none;}


/* 文章のカラム */
.text-column{column-gap:60px;column-count:2;column-rule-style:dotted;column-rule-width:1px;column-rule-color:#444;margin-bottom:40px;}

.float-L{float:left;}
.float-R{float:right;}


/* ヘッダー */	
header{
height:6em;
border:solid 1px #dce1e6;
border-top:none;
border-radius:0 0 9px 9px;
-moz-border-radius-bottomleft:0 0 9px 9px;
list-style-type:none;
padding:0 15px 12px 20px;
background:-webkit-gradient(top, #ffffff, #eef2f4;); /**Chrome**/
background:-webkit-gradient(top, #ffffff, #eef2f4;); /**Safari以外のWebKit系**/
background:-webkit-gradient(linear, left top,left bottom, from(#ffffff), to(#f7f8f8)); /**Safari**/
background:-moz-linear-gradient(top, #ffffff 0%, #eef2f4 100%;); /**Firefox**/
background:-ms-linear-gradient(top, #ffffff 0%, #eef2f4 100%;); /**IE10**/
background:-o-linear-gradient(top, #ffffff 0%, #eef2f4 100%;); /**Opera**/ 
}

.header_left-area{float:left;}
.header_left-area img{width:100%;max-width:410px;margin-top:10px;}

.header_info{float:right;}
.header_right-area{float:right;width:160px;}
.header_right-area p{
font-size:0.75em;
line-height:1.25em;
padding-bottom:4px;}
p.header_info_reservation{font-size:0.75em;background-color:#833223;color:#ffffff;text-align:center;padding:3px 0;border-radius:5px;-moz-border-radius:5px;}

.header_info_left{
width:280px;
float:right;
padding-top:1em;}
.header_info_left p/* ご予約・お問い合わせ */{font-size:10px;font-weight:100;line-height:0;padding-top:5px;}
.bread{clear:both;font-size:10px;line-height:0;margin-top:2px;}
#top_space ol.bread li{font-size:10px;list-style:none;display:inline-block;margin-right:4px;}

/* メインコンテンツ(共通) */
#main-container{width:100%;}
#main-content{
width:720px;
float:right;
margin:0 auto;}
#gnavi_side_toppage{}
#gnavi_side{}
.title01{text-align:center;margin-bottom:10px;}
.title01 ul li{font-size:30px;line-height:1.2em;color:#84654e;font-weight:100;}
.title01 ul{list-style-type:none;}
.title01 li{display:inline;}
.title01_vertical-align{vertical-align:4px;}
.title02{
padding-left:2em;
margin-top:1em;
margin-bottom:12px;
/*
font-family:mplus-2p-medium;
*/
color:#596d75;
line-height:80px;
background-image:url(../img/sora_h3_bgimg.png);
background-size:100%;
background-repeat:no-repeat;}
.title03{
line-height:1.35em;
/*
font-family:mplus-2p-medium;
*/
font-weight:100;
margin-bottom:1em;
padding:0.75em 1.1em;
color:#5e6b73;
border:solid 1px #e0e2e3;
border-radius:10px;
background:-webkit-gradient(top, #ffffff, #eef2f4;); /**Chrome**/
background:-webkit-gradient(top, #ffffff, #eef2f4;); /**Safari以外のWebKit系**/
background:-webkit-gradient(linear, left top,left bottom, from(#ffffff), to(#eef2f4)); /**Safari**/
background:-moz-linear-gradient(top, #ffffff, #eef2f4;); /**Firefox**/
background:-ms-linear-gradient(top, #ffffff, #eef2f4;); /**IE10**/
background:-o-linear-gradient(top, #ffffff, #eef2f4;); /**Opera**/}
.title04{
color:#746143;
font-weight:100;
line-height:1.5em;
margin-top:20px;
margin-bottom:10px;
padding:8px 13px;
border-radius:4px;
background-color:#fbf9f7;
border:solid 1px #746143;
}
.title05{
text-align:left;
font-size:1.15em;
font-weight:bold;
color:#5e6b73;
line-height:1.5em;
padding:8px 13px;
}


.try-text{width:400px;}
.try-photo{width:320px;margin-bottom:40px;}
.try-photo img{width:100%;padding-left:40px;}

.kansou{border:solid 1px #dcd0b9;
margin:0px;
padding:2px;
background-color:#f3f2e4;}
.kansou_section{padding-top:20px;}
.kansou_section:first-child{padding:0;}
.kansou_border{border:solid 1px #dcd0b9;
padding:23px 18px 23px 18px;
background-color:#fbfbf5;}
.kansou_title{float:left;
width:170px;
padding:8px 0;
text-align:center;
border-radius:4px;
border:solid 1px #dcd0b9;
background-color:#ffffff;}
.kansou_title p{padding-bottom:0;
font-size:15px;
font-weight:100;
color:#9e937e;}
.kansou_p{width:480px;
float:right;
padding-left:12px;
border-left:solid 1px #dcd0b9;}
.kansou_p img{max-width:480px;}

.process{border:solid 5px #f7ece9;
border-radius:20px;
margin:0px;
padding:22px 18px 5px 25px;
background-color:#ffffff;}
.process_left{float:left;}
.process_text{font-size:1em;line-height:1.5em;margin-bottom:20px;width:600px;float:right;}
.process_title{font-size:1.5em;
font-weight:500;
margin:0 0 10px 0;
padding:0 0 5px 4px;
color:#713427;
border-bottom:solid 3px #f7ece9;}
.process_order{font-size:1.35em;
margin-bottom:10px;
padding:0;
padding-bottom:5px;
color:#713427;
border-bottom:solid 1px #713427;}

.price{
width:100%;
border:solid 2px #ebe6e1;
font-size:1em;
font-weight:100;
line-height:1.5em;
text-align:left;
color:#494949;
margin-bottom:20px;
border-collapse:collapse;}

.price td,.price th{
border-left:dotted 1px #ebe6e1;
border-bottom:solid 1px #ebe6e1;
padding:10px 10px 10px 12px;}

.price th{
background-color:#f6f6f6;
font-weight:100;}

.price_option{
background-color:#fd6fa8;
font-size:0.75em;
color:#000000;
margin-right:4px;
padding:3px;
-moz-border-radius:2px;
border-radius:2px;}

.go-to-top{
clear:both;
font-size:0.75em;
text-align:right;
margin:40px 0 10px;
padding:7px 7px 0 0;}

.img_R{
float:right;
margin:0px 2px 15px 15px;
border:solid 1px #d0dbde;}
.img_L{
float:left;
margin:0px 15px 15px 2px;
border:solid 1px #d0dbde;}		

.number{
font-size:20px;
color:#ffffff;
text-align:center;
padding:5px 13px;
margin-right:15px;
background-color:#713427;
border-radius:4px;
-moz-border-radius:4px;
}		

.text{
margin-bottom:50px;}

/* メインコンテンツ(トップページ) */
.swiper-container{border:1px solid #dfdfdf;}
.swiper-container{width:100%;height:443px;}
.page-top_menubtn a:hover{opacity:0.7;}

/* メインコンテンツ(施術ページで使用) */

/* メインコンテンツ(ご予約ページのみ) */
/*
.reservation_tel,.reservation_mail{width:30%;float:left;margin:15px 0;}
.reservation_line{width:30%;float:right;margin:15px 0;}

.fontsize-callto{padding-top:50px;text-align:center;line-height:1.2em;font-size:1.3em;font-weight:700;font-family:'Ubuntu', sans-serif;}
.fontsize-callto a{color:#9D4B29;text-decoration:none;}
.fontsize-callto a:hover{color:#9D4B29;}
*/
.fontsize-callto,.fontsize-mailto{font-weight:900;font-family:'Shanti',sans-serif;color:#9d4b29;}
p.btn_reservation{font-size:18px;text-align:center;padding:0;}

/* メインコンテンツ(Topページのみ) */
#top_mv{margin-top:20px;margin-bottom:25px;
/*border:solid 1px #dce1e6;*/}
#top_space{margin-bottom:24px;}				
.soraMV{border:solid 1px #dce1e6;margin:0 0 15px 0;width:100%;}

#topix_design{height:30px;border-bottom:dotted 1px #f9f9f9;}

.sora_top_allmenullist{
font-size:1em;
line-height:30px;}
.sora_top_allmenullist dd{
margin-left:150px;
margin-top:-30px;}
.news-topix{
margin-bottom:20px;
padding:0;
border:solid 2px #a56e2f;
border-radius:12px 12px 12px 12px;
background-color:#fffcec;
background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fffcec));
background:-moz-linear-gradient(#ffffff 0%, #fffcec 100%);
background:-ms-linear-gradient(#ffffff 0%, #fffcec 100%);}
.news-topix-content{
padding:17px 17px 17px 24px;
border-top:solid 1px #a56e2f;}
.news-topix-content:first-child{
border:none;}
.news-topix-content ul{
padding:0;
margin:0;}
.news-topix-content li{
list-style-type:none;}
.news-topix-title{
width:500px;
vertical-align:middle;
color:#7a2d20;
font-size:16px;
font-weight:100;
text-align:left;}
.news-topix p{
line-height:20px;
margin-left:3px;
margin-top:4px;
padding-left:12px;
text-align:left;
border-left:dotted 1px #a56e2f;}

.incho_info{margin-top:20px;}
.incho_comment{
float:left;
width:370px;
border-right:dotted 1px #b99c6d;
padding-right:10px;
}
.incho_profile{
float:right;
width:280px;
}




/* メインコンテンツ(Topページのみ) */
.discount-fair img{width:100%;margin-bottom:20px;}

/* メインコンテンツ(アクセスページのみ) */
.route{
list-style-type:none;
margin:0px;
padding:0px;}
.route ul{
display:inline;}
.route_li{
width:220px;
height:180px;
float:left;
color:#303432;
font-size:14px;
line-height:19px; 
margin-right:12px;
margin-bottom:20px;
display:inline;}
.shop_info{margin-left:210px;}
img.shop_img_awaji{width:180px;}

.map_hirakata_list{margin:0 20px 30px 0;padding:0;width:340px;height:300px;float:left;}
.map_hirakata_list img{width:100%;display:block;}

/* 左サイドメニュー(共通) */
nav{border:solid 2px #bca994;line-height:0;width:200px;height:auto;float:left;margin-bottom:20px;}
nav img{width:196px;}
#SP-navi{display:none;}
.SP{display:none;}
.nav-pc{list-style:none;font-size:16px;line-height:32px;}
.nav-pc li{border-bottom:1px solid #ddd;list-style-type:none;height:60px;}
.nav-pc nav ul li.btn-big{height:90px!important;padding-top:15px;}
.nav-pc li a{display:block;}
.nav_toppage{position:absolute;top:170px;}
.nav_toppage img{width:196px;}
.gnavi_pc-off a,.gnavi_pc-on a{text-decoration:none;}
.gnavi_pc-off{background-image:url(../img/sora_g-nav_off.jpg);}
.gnavi_pc-off:hover{background-image:url(../img/sora_g-nav_on.jpg);}
.gnavi_pc-on{background-image:url(../img/sora_g-nav_on.jpg);}
.gnavi_pc-off,.gnavi_pc-on{background-size:100% 100%;background-repeat:no-repeat;}
.nav-btn_jp{font-size:20px;padding:8px 0 0 24px;color:#555;line-height:1.5em;}
.nav-btn_us{font-size:10px;padding-left:24px;color:#D8B56A;line-height:1em;}


/* アクセス(PC) */
.map_accessroute_list img{width:100%;}

/* フッター(PC) */
footer{border-top:solid 1px #e6e8e9;padding:20px;}
footer p{font-size:12px;line-height:18px;}
.footer_content{}
.footer-about{float:left;width:400px;}
.footer_logo{}
.footer_logo img{width:360px;}
address{font-style:normal;}
.footer img{float:left;}
.footer_sitemap{float:right;width:470px;text-align:left;margin-bottom:30px;}
.footer_sitemap a{color:#666666;}
.footer_sitemap ul{list-style-type:none;}
.footer_sitemap li{font-size:12px;line-height:18px;float:left;margin:0 16px 40px 0;width:100px;}
.footer_textarea a{text-decoration:underline;}
.fotter_sitemap a:hover{text-decoration:underline;}
.footer_sitemap_title{font-weight:bold;margin-bottom:100px;}
.footer_sitemap_title a{text-decoration:none;}
.footer_sitemap_title a:hover{text-decoration:underline;}
.footer_info{margin-bottom:20px;}
.footer_shop-hirakata_info{margin-right:30px;}
}

/* PC／SP共通CSS */

/* サイドバナー */
.banner img{/*margin-bottom:10px;*/}
@media screen and (min-width:501px){
.banner{float:left;width:200px;}
}

@media screen and (max-width:500px){
.banner{width:100%;}
}
.banner_toppage{top:1020px;}

.page-top_menubtn{}
.page-top_menubtn img{width:112px;float:left;margin-right:8px;margin-bottom:8px;border:1px solid #ccc;}
@media screen and (max-width:500px){
.page-top_menubtn{}
.page-top_menubtn img{width:31.333%;margin:0 1%;}
}