@charset "UTF-8";
/*
Theme Name: cloudtpl_628
Theme URI: http://c-tpl.com/
Description: cloudtpl_628
Version: 1.0
Author: Cloud template
Author URI: http://c-tpl.com/
Tags: simple

	Cloud template v1.0
	 http://c-tpl.com/

	This theme was designed and built by Cloud template,
	whose blog you will find at http://c-tpl.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td{
padding:0;
margin:0;
}

table{
border-collapse: collapse;
border-spacing:0;
}
img{
border:0;
line-height:0;
}
ol,ul{
list-style:none;
}

body{
font:12px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333;
}

a:link,a:visited{color:#999;text-decoration:none;}
a:hover{color:#ddd;}
a:active, a:focus {outline:0;}
img{border:0;}

#wrapper a:hover img {
opacity: 0.8;
background: #fff;
}

#clear_fix {clear: both;}

p {
line-height: 180%;
}

/*******************************
レイアウト
*******************************/
#header, #mainNav, #wrapper{
margin:0 auto;
width:950px;
clear:both;
}

#sidebar{
float:right;
width:233px;
padding:0 0 30px;
}

#main{
float:left;
width:690px;
padding:0 0 50px;
}

/*******************************
/* ヘッダー
*******************************/
#headerWrap{
height:250px;
background:#fff;
}

#header{
position:relative;
height:250px;
margin-top: 5px;
}

#header h1,#header h2,#header p{
position:absolute;
top:31px;
font-size:10px;
font-weight:normal;
line-height:22px;
}

/* スローガン */
#header h1{
top:2px;
left:0;
color:#555;
}

/* ロゴ */
#header h2{
left:0;
}

/*******************************
/* メイン
*******************************/
.none {
display: none;
}

#cate_bana {
margin: 0 0 12px;
clear: both;
}

#large_bana {
    margin: 0 0 20px;
}

#large_bana img {
    max-width: 690px;
    height: auto;
    margin: 0 0 10px;
}

ul#top_bana {
margin: 0 0 20px;
overflow: hidden;
clear: both;
}

ul#top_bana li {
float: left;
margin: 0 5px 0 0;
}

ul#top_bana li:nth-child(even) {
margin: 0;
}

ul#taxo {
font-size: 120%;
line-height: 180%;
margin: -10px 0 40px 88px;
}

ul#taxo li {
margin: 0 0 5px 0;
display: inline-block;
}

ul#taxo li a {
margin-left: -7px;
margin-right: 15px;
}

ul#taxo li ul.children li a {
margin-left: 0px;
margin-right: 15px;
}

ul#taxo li ul.children li a {color: #777;}
ul#taxo li ul.children li a:hover {color: #bbb;}

ul#taxo li ul.children li {
display: inline-block;
}

ul#sns_btn li.btn_2 {
  margin: 0 !important;
}


#sp_bana img {
margin: 0 0 15px;
}

h3.heading{
clear:both;
padding-left:15px;
line-height:34px;
font-size:14px;
font-weight:normal;
color:#000;
background:url(images/headingBg.png) no-repeat 0 0;
}

.article{
border:0;
margin:0 0 20px 0;
padding: 0 10px 0 10px;
background:none;
border:1px solid #dcdcdc;
}

.article_cell{
clear:both;
padding:20px 0 25px;
border-bottom:1px dashed #dcdcdc;
}

.main{
padding:20px 10px 20px 10px;
margin:0 0 20px 0;
border:0;
background:none;
border:1px solid #dcdcdc;
}

.last{border-bottom:none;}

#main h2{
padding:0px 10px 10px 10px;
font-size:16px;
color:#333333;
border-bottom:1px solid #dcdcdc;
}

.main h4{
margin:0 0 10px 10px;
font-size:16px;
font-weight:normal;
color:#999;
}

.article h4{
margin:0 0 10px 10px;
font-size:16px;
font-weight:normal;
color:#999;
}

.alignleft{
float:left;
padding:0 15px 15px 10px;
}

.alignright{
float:right;
padding: 0 10px 15px 15px;
}

.aligncenter{
padding: 20px 0 20px 0;
text-align: center;
}

.main p{
padding:0 10px 0 10px;
}

.article p{
padding:0 10px 0 10px;
}

.picture{
width:193px;
float:left;
text-align:center;
background-color:#ffffff;
border-top:1px solid #eaeaea;
border-right:1px solid #ddd;
border-bottom:1px solid #ccc;
border-left:1px solid #eaeaea;
padding:5px 0 5px 0;
margin:5px 0 0 5px;
}

.picture:hover{
background-color:#fffaef;
}

#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#333333;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

/*******************************
/* 店舗詳細一覧
*******************************/
#sub_box {
max-width: 218px;
min-height: 248px;
float: left;
padding: 0 6px 0;
margin: 0;
color: #da5d94;
}

#sub_box img {
max-width: 210px;
height: auto;
padding: 3px;
border: 1px solid #ccc;
}

#sub_box h3 {
font-size: 12px;
font-weight: normal;
}

#sub_box ul {
margin: 5px 0 0 20px;
}

#sub_box li {
list-style-type: circle;
}

#sub_box li a {
margin: 0 7px 0 0;
color: #da5d94;
}

.wp-pagenavi {
clear: both;
text-align: center;
padding: 30px 0 0;
}

/*******************************
/* 店舗詳細ページ
*******************************/
#mark {
margin: 0;
float: left;
}

#cat_space {
width: 615px;
margin: 15px 0 45px;
padding: 0 0 7px;
border-bottom: 1px solid #bbb;
float: right;
font-size: 18px;
color: #da5d94;
}

#cat_space2 {
width: 615px;
margin: 15px 0 20px;
padding: 0 0 7px;
border-bottom: 1px solid #bbb;
float: right;
font-size: 18px;
color: #da5d94;
}

#cat_space2 a {
margin: 0 15px 0 0;
}

#cat_space3 {
width: 615px;
margin: 15px 0 20px;
padding: 0 0 7px;
border-bottom: 1px solid #bbb;
float: right;
}

#main #cat_space3 h2 {
font-size: 18px;
font-weight: normal;
border: none;
padding: 0;
color: #da5d94;
}

#main #cat_space3 h2 span {
font-size: 12px;
color: #999;
}

#main h2#page {
width: 300px;
margin: 0 0 15px;
padding: 0px 10px 3px 2px;
font-size: 16px;
color: #FF9E24;
border-bottom: 1px solid #dcdcdc;
float: right;
}

#main_photo {
margin: 0 20px 0 0;
float: left;
}

#main_photo img {
width: 350px;
height: auto;
padding: 3px;
border: 1px solid #ccc;
}

p#catch {
width: 312px;
font-size: 16px;
margin: 0 0 8px;
float: right;
}

p#sub_catch {
width: 312px;
line-height: 175%;
float: right;
}

#sub_photo {
width: 690px;
margin: 0 0 20px 0;
padding: 25px 0 0;
clear: both;
overflow: hidden;
}

#subimg_01, #subimg_02, #subimg_03 {
width: 223px;
float: left;
}

#subimg_02 {
margin: 0 10px;
}

#subimg_01 img, #subimg_02 img, #subimg_03 img {
max-width: 215px;
height: auto;
padding: 3px;
border: 1px solid #ccc;
}

p#cap {
padding: 6px 0 0;
}

#main h2#page_wide {
margin: 0 0 15px;
padding: 0px 10px 3px 2px;
font-size: 20px;
color: #FF9E24;
border-bottom: 1px solid #dcdcdc;
letter-spacing: 1px;
}

#info_box {
width: 686px;
border: 2px solid #FF9E24;
overflow: hidden;
margin: 0 0 20px;
}

#map_box {
width: 300px;
padding: 10px;
float: left;
}

.acf-map {
width: 100%;
height: 300px;
border: #ccc solid 1px;
margin: 0;
}

#txt_box {
width: 344px;
min-height: 300px;
padding: 10px;
border-left: 2px solid #FF9E24;
float: left;
}

#txt_box table {
width: 348px;
}

#txt_box table th {
width: 110px;
text-align: left;
vertical-align: middle;
padding: 5px 0 4px 3px;
border-top: 1px dotted #e3e3e3;
border-bottom: 1px dotted #e3e3e3;
border-right: 1px dotted #e3e3e3;
}

#txt_box table td {
vertical-align: middle;
padding: 5px 0 4px 7px;
border-top: 1px dotted #e3e3e3;
border-bottom: 1px dotted #e3e3e3;
}

#coupon {
width: 400px;
min-height: 100px;
border: 5px solid #FF9E24;
padding: 20px 15px;
background: #fcdeb6;
}

#service {
font-size: 22px;
font-weight: bold;
line-height: 125%;
margin: 0 0 10px;
}

#coupon_txt {
color: #666;
}

/*******************************
/* SNSボタン
*******************************/
ul#sns_btn {
clear: both;
height: 30px;
margin: 0 0 8px 76px;
}

ul#sns_btn li {
display: inline-block;
}

ul#sns_btn li.btn_1 {margin: 0 10px 0 0;}
ul#sns_btn li.btn_2 {margin: 0 -30px 0 0; height: 20px; overflow: hidden;}
ul#sns_btn li.btn_3 {margin: 0 10px 0 0;}
ul#sns_btn li.btn_4 {margin: 0 0 0 0;}

ul#sns_btn2 {
clear: both;
margin: 0 !important;
padding: 0 !important;
border: none !important;
}

ul#sns_btn2 li {
border: none !important;
margin: 0 !important;
padding: 3px !important;
float: left;
}

ul#sns_btn2 li a {
padding-left: 0 !important;
text-decoration: none !important;
background: none !important;
}

/*******************************
/* 会社概要
*******************************/
table#company {
width: 100%;
font-size: 13px;
line-height: 180%;
border-top: 1px solid #ddd;
}

table#company th {
width: inherit;
text-align: left;
padding: 16px;
font-weight: normal;
border-bottom: 1px solid #ddd;
background: #f5f5f5;
}

table#company td {
padding: 16px;
border-bottom: 1px solid #ddd;
}

/*******************************
/* お問い合わせ
*******************************/
#form_sp {
display: none;
}

table#form {
width: 100%;
font-size: 13px;
}

table#form th {
width: 250px;
text-align: right;
padding: 16px 0 0;
font-weight: normal;
vertical-align: top;
}

table#form td {
padding: 8px;
}

span.wpcf7-list-item {
margin-left: 0.5em;
margin-right: 6em;
}

.yoyaku span.wpcf7-list-item {
    display: block;
}

/*******************************
/* サイトマップ
*******************************/
ul#sitemap {
margin: 40px 0 0 95px;
font-size: 120%;
line-height: 215%;
}

ul#sitemap li {
list-style-type: disc;
}

/*******************************
/* 404
*******************************/
p.txt_404 {
text-align: center;
font-size: 16px;
clear: both;
}

/*******************************
/* サイトバー
*******************************/
#sidebar h3{
clear:both;
padding-left:15px;
line-height:34px;
font-size:14px;
font-weight:normal;
color:#000;
background:url(images/side_headingBg.png) no-repeat 0 0;
}

#sidebar img {
    margin-bottom: 10px;
    max-width: 232px;
    height: auto;
}

#sidebar ul{
overflow:hidden;
padding:0 0 10px 17px;
border:1px solid #dcdcdc;
margin-bottom:20px;
}

#sidebar ul li{
line-height:0;
padding:10px 0;
margin-right:15px;
border-bottom:1px dashed #dcdcdc;
}

#sidebar ul a:link,#sidebar ul a:visited{
display: block;
padding-left:12px;
line-height:normal;
text-decoration:none;
color:#313131;
background:url(images/linkArrow.gif) no-repeat 0 50%;
}

#sidebar ul a:hover, #sidebar ul li.current_page_item a, #sidebar ul li.current-menu-item a{color:#999;}

#sidebar ul li.last{border-bottom:none;}

#sidebar p{margin-bottom:20px;}

#box_sidebooks {}

#box_sidebooks #bana {}

#box_sidebooks #btn_app {
  float: left;
  margin: -6px 10px 0 0;
}

#box_sidebooks #btn_gp {
  float: right;
  margin: -6px 0 0 0;
}

/*******************************
/* フッター
*******************************/
#footer{
width: 950px;
margin: 0 auto;
padding: 20px 0 0;
clear: both;
}

#footer_cat {
width: 690px;
font-size: 85%;
border-bottom: 1px solid #ccc;
padding: 0 0 10px;
margin: 10px 0;
line-height: 175%;
color: #999;
clear: both;
}

ul#footer_links {
width: 690px;
font-size: 85%;
text-align: center;
clear: both;
color: #999;
}

ul#footer_links li {
display: inline-block;
margin: 0 3px;
padding: 0 !important;
}

#footer ul{
padding:2px 0;
text-align:center;
}

#footer li{
display: inline;
padding: 5px 16px;
}

p#copy{
width: 690px;
padding:10px 0 37px;
text-align:center;
font-size:10px;
}

/*******************************
/* フォーム
*******************************/
input[type="text"], input[type="tel"], input[type="email"], textarea, select{
vertical-align:middle;
width: 95%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}

textarea{
height: auto;
line-height: 1.5;
margin: 4px 0 0;
}

input[type="submit"],input[type="reset"],input[type="button"]{
width: 180px;
padding: 9px 0;
background: #da5d94;
background: -moz-linear-gradient(top, #da5d94 0%, #E686B0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#da5d94), color-stop(100%,#E686B0));
background: -webkit-linear-gradient(top, #da5d94 0%,#E686B0 100%);
background: -o-linear-gradient(top, #da5d94 0%,#E686B0 100%);
background: linear-gradient(to bottom, #da5d94 0%,#E686B0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da5d94', endColorstr='#E686B0',GradientType=0 );
border:0;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
line-height:1.5;
font-size:120%;
color:#fff;
}

input[name="upButton"],input[class="delButton"] {
width: 90px;
padding: 5px 0;
}

input[name="backDelivery"] {
width: 220px;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #E686B0;
background: -moz-linear-gradient(top, #E686B0 0%,#da5d94 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E686B0), color-stop(100%,#da5d94));
background: -webkit-linear-gradient(top, #E686B0 0%,#da5d94 100%);
background: -o-linear-gradient(top, #E686B0 0%,#da5d94 100%);
background: linear-gradient(to bottom, #E686B0 0%,#da5d94 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E686B0', endColorstr='#da5d94',GradientType=0 );
cursor:pointer;
}

*:first-child+html input[type="submit"]{padding:3px;}

/* PC・MOBILE 切り替え
--------------------------*/
.renderSwitcher {
padding: 25px 0;
margin: 0;
text-align: center;
font-weight: bold;
background: #fff;
}

.renderSwitcher ul li {
display:inline-block;
}

.renderSwitcher ul li.pc {
display: none;
}

.renderSwitcher ul li.mobile {
display: inline-block;
}

.renderSwitcher li.pc a {
background: white;
padding: 5px 20px;
border: 1px solid rgba(0, 0, 0, .3);
border-radius: 1em;
box-shadow: 3px 3px 6px rgba(0, 0, 0, .5);
-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, .5);
color: #666;
text-decoration: none;
margin:5px;
}

.renderSwitcher li.mobile a {
display: block;
width: 950px;
line-height: 90px;
font-size: 45px;
background: white;
border: 1px solid rgba(0, 0, 0, .3);
border-radius: 1em;
box-shadow: 3px 3px 6px rgba(0, 0, 0, .5);
-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, .5);
color: #666;
text-decoration: none;
margin: 5px;
}