@charset "utf-8";
/*
Theme Name: お多福餅本舗PCテーマ
Theme URI: 
Author: LEG
*/
/*======================================

Font-size Adjustment
77% = 10px	| 	122% = 16px	|	167% = 22px	
85% = 11px	|	129% = 17px	|	174% = 23px
92% = 12px	|	136% = 18px	|	182% = 24px
100% = 13px	|	144% = 19px	|	189% = 25px
107% = 14px	|	152% = 20px	|	197% = 26px
114% = 15px	|	159% = 21px	|

=======================================*/

/* 1.マージン・インデント
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.m1b { margin-bottom: 1px !important; }
.m2b { margin-bottom: 2px !important; }
.m3b { margin-bottom: 3px !important; }
.m4b { margin-bottom: 4px !important; }
.m5b { margin-bottom: 5px !important; }
.m6b { margin-bottom: 6px !important; }
.m7b { margin-bottom: 7px !important; }
.m8b { margin-bottom: 8px !important; }
.m9b { margin-bottom: 9px !important; }
.m10b { margin-bottom: 10px !important; }
.m13b { margin-bottom: 13px !important; }
.m15b { margin-bottom: 15px !important; }
.m20b { margin-bottom: 20px !important; }
.m25b { margin-bottom: 25px !important; }
.m30b { margin-bottom: 30px !important; }
.m35b { margin-bottom: 35px !important; }
.m40b { margin-bottom: 40px !important; }
.m45b { margin-bottom: 45px !important; }
.m50b { margin-bottom: 50px !important; }
.m80b { margin-bottom: 80px !important; }

.m20t { margin-top: 20px !important; }
.m30t { margin-top: 30px !important; }
.m40t { margin-top: 40px !important; }
.m50t { margin-top: 50px !important; }
.m70t { margin-top: 70px !important; }
.m80t { margin-top: 80px !important; }
.m90t { margin-top: 90px !important; }
.m100t { margin-top: 100px !important; }

.m5l { margin-left: 5px !important; }
.m9l { margin-left: 9px !important; }
.m10l { margin-left: 10px !important; }
.m12l { margin-left: 12px !important; }
.m15l { margin-left: 15px !important; }
.m20l { margin-left: 20px !important; }
.m25l { margin-left: 25px !important; }
.m30l { margin-left: 30px !important; }
.m150l { margin-left: 150px !important; }
.m570l { margin-left: 570px !important; }

.m5r { margin-right: 5px !important; }
.m10r { margin-right: 10px !important; }
.m15r { margin-right: 15px !important; }
.m20r { margin-right: 20px !important; }
.m25r { margin-right: 25px !important; }
.m30r { margin-right: 30px !important; }
.m40r { margin-right: 40px !important; }
.m50r { margin-right: 50px !important; }

.p5b { padding-bottom: 5px !important; }
.p10b { padding-bottom: 10px !important; }
.p15b { padding-bottom: 15px !important; }
.p20b { padding-bottom: 20px !important; }
.p25b { padding-bottom: 25px !important; }
.p30b { padding-bottom: 30px !important; }
.p40b { padding-bottom: 40px !important; }
.p50b { padding-bottom: 50px !important; }
.p60b { padding-bottom: 60px !important; }
.p70b { padding-bottom: 70px !important; }
.p80b { padding-bottom: 80px !important; }

.p5t { padding-top: 5px !important; }
.p8t { padding-top: 8px !important; }
.p10t { padding-top: 10px !important; }
.p15t { padding-top: 15px !important; }
.p17t { padding-top: 17px !important; }
.p20t { padding-top: 20px !important; }
.p25t { padding-top: 25px !important; }
.p30t { padding-top: 30px !important; }

.p10a { padding: 10px !important; }
.p20a { padding: 20px !important; }
.p40a { padding: 40px 0 !important; }
.p50a { padding: 50px 0 !important; }

.p0r { padding-right: 0px !important; }
.p5r { padding-right: 5px !important; }
.p10r { padding-right: 10px !important; }
.p20r { padding-right: 20px !important; }
.p15r { padding-right: 15px !important; }
.p25r { padding-right: 25px !important; }
.p30r { padding-right: 30px !important; }
.p40r { padding-right: 40px !important; }
.p50r { padding-right: 50px !important; }
.p55r { padding-right: 55px !important; }
.p60r { padding-right: 60px !important; }
.p70r { padding-right: 70px !important; }
.p75r { padding-right: 75px !important; }
.p90r { padding-right: 90px !important; }
.p100r { padding-right: 100px !important; }
.p110r { padding-right: 110px !important; }
.p120r { padding-right: 120px !important; }


.p10l { padding-left: 10px !important; }
.p15l { padding-left: 15px !important; }
.p20l { padding-left: 20px !important; }
.p25l { padding-left: 25px !important; }
.p30l { padding-left: 30px !important; }
.p200l { padding-left: 200px !important; }

.box60 { width: 60px !important; }
.box85 { width: 85px !important; }
.box100 { width: 100px !important; }
.box110 { width: 110px !important; }
.box120 { width: 120px !important; }
.box130 { width: 130px !important; }
.box140 { width: 140px !important; }
.box160 { width: 160px !important; }
.box180 { width: 180px !important; }
.box200 { width: 200px !important; }
.box230 { width: 230px !important; }
.box250 { width: 250px !important; }
.box260 { width: 260px !important; }
.box280 { width: 280px !important; }
.box285 { width: 285px !important; }
.box290 { width: 290px !important; }
.box330 { width: 330px !important; }
.box340 { width: 340px !important; }
.box300 { width: 300px !important; }
.box310 { width: 310px !important; }
.box320 { width: 320px !important; }
.box350 { width: 350px !important; }
.box355 { width: 355px !important; }
.box365 { width: 365px !important; }
.box370 { width: 370px !important; }
.box400 { width: 400px !important; }
.box420 { width: 420px !important; }
.box450 { width: 450px !important; }
.box440 { width: 440px !important; }
.box460 { width: 460px !important; }
.box480 { width: 480px !important; }
.box500 { width: 500px !important; }
.box510 { width: 510px !important; }
.box530 { width: 530px !important; }
.box600 { width: 600px !important; }
.box640 { width: 640px !important; }
.box01 { width: 100% !important; }
.box02 { width: 720px !important; }

.bor01b{border-bottom:solid 1px #dddddd;}

/* 2.位置クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.clear { clear: both !important; }
.cen { text-align: center !important; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.fLeft { float: left !important; }
.fRight { float: right !important; }

/* 3.テキスト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.bold { font-weight: bold !important; }
.txtRed { color: #ff0000 !important; }
.txtRed2 { color: #cc0000 !important; }
.txtBlue { color: #0052E5 !important; }
.txtPink { color: #F246A4 !important; }
.txtGold { color: #A98552 !important; }
.txtGray { color: #666666 !important; }
.txtWhite { color: #FFFFFF !important; }


.txt11 { font-size: 92% !important; }
.txt13 { font-size: 109% !important; }
.txt14 { font-size: 117% !important; }
.txt15 { font-size: 125% !important; }
.txt17 { font-size: 142% !important; }
.txt18 { font-size: 150% !important; }
.txt20 { font-size: 167% !important; }

.lh190 { line-height: 190% !important; }
.bNone { border: none !important; }
.vaMiddle { vertical-align: middle !important; }

/* 投稿の画像配置 */
.alignright { display: block; margin: 0 0 10px auto; }/* 配置位置 左 */
.alignleft { display: block; margin: 0 auto 10px 0; }/* 配置位置 右 */
.aligncenter { display: block; margin: 0 auto 10px; }/* 配置位置 中央 */
/* .alignright { float: right; padding: 0px 0 10px 10px; } *//* 後続のテキスト左回り込み */
/*.alignleft { float: left; padding: 0px 10px 10px 0; }*//* 後続テキスト右回り込み */



/*
====================================================================


/*
====================================================================
基本設定
	1.枠組み
	2.リンク
	3.clearfixセレクタ指定
	4.ナビゲーション設定
	5.枠組み各詳細設定
	6.各ページ設定
====================================================================
*/

/* 1.枠組み
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

body {
	background:url(../assets/wp-content_themes_otafuku_pc_img_bg01.jpg) !important;
	color: #333333;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6;
	font-size: 14px;
}

#container {
	position: relative;

}


/* 2.リンク
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
/* リンク文字
──────────────────── */
a:link,
a:visited { text-decoration: none; color: #f6783b; }
a:hover  { text-decoration: none; color: #f6783b; }
a:active { text-decoration: none; color: #f6783b; }

/* 画像リンクロールオーバー共通
──────────────────── */
.on_img,
.on_nav li { position: relative; z-index: 3;}
.on_img a,
.on_nav li a{
	display: -moz-inline-box;
	display: inline-block;
	}
.on_img a:hover,
.on_nav li a hover { position: static;}
.on_img a:hover img,
.on_nav li a:hover img,
.on_nav li.current a img{ position: relative; z-index: -1;}
a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* 3.clearfixセレクタ指定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
/* clearfix */
/* -------------------------------------------------- */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/*4.ナビゲーション
-------------------------------------------------------------*/



/* 5.枠組み各詳細設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
/* コンテンツ部分 */

/* 6.各ページ設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
/*Webkit*/
::-webkit-input-placeholder{
  color: #ccc;
}
 
/*Firefox 19以降*/
::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}
 
/*IE10以降*/
/* http://msdn.microsoft.com/en-us/library/ie/hh772745(v=vs.85).aspx */
:-ms-input-placeholder {
  color: #ccc;
}
/*========================================================
共通設定
========================================================*/
/* ヘッダー */

#header{
	position:fixed;
	top:0;
	height:100%;
	z-index:9998;
	right:0;
	background:#fe4e38;
	width:100px;
	text-align:center;
}
#header h1 a img{
	margin-bottom:20px;
	cursor: pointer;
}
#header p{
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;

}
.sb-toggle-right{
	cursor: pointer;
}
.sb-slidebar {
	width:250px !important;
	background:url(../assets/wp-content_themes_otafuku_pc_img_bg04.jpg);
	padding:30px 20px !important;
	}
.sb-slidebar ul{
	margin-bottom:15px;
}
.sb-slidebar ul li {
	position:relative;
}
.sb-slidebar ul li a{
	display:block;
	text-align:left;
	padding:10px 0;
	border-bottom:solid 1px #cac0b2;
}

.sb-slidebar ul li:after{
	content:url(../assets/wp-content_themes_otafuku_pc_img_list01.png);
	position:absolute;
	right:0;
	bottom:6px;
}
.sb-slidebar dl{
	text-align:left;
	font-size:12px;
	color:#333;
	margin-bottom:10px;
}
.sb-slidebar dl dt{
	clear:both;
	float:left;
	margin-right:10px;
}
.sb-slidebar h1{
	text-align:left;
	color:#333;
	font-size:12px;
}
/* .fb_iframe_widget {
	height: 86px;
	overflow: hidden;
}
#u_0_6._56zz._56z-._56-1 {
	display: none;
} */

/* サイド　aside */

aside#s4 ul{
	height:250px;
}
#s6 h2{
	float:left;
	width:30px;
}
#s6 ul{
	float:right;
	width:430px;
}
#s6 ul li{
display: inline-block; /* 横並び */
	/display: inline; /*forIE7*/
	/zoom: 1; /*forIE7*/
  vertical-align: top; /* li要素を上端揃えに */
	width:200px;
	margin-left:10px;
	margin-bottom:10px;
	position:relative;
}
#s6 ul li span{ /* 150709追加 */
	position:absolute;
	top:0;
	left:0;
	padding:2px 5px;
	display:inline-block;
	/display: inline; /*forIE7*/
	/zoom: 1; /*forIE7*/
	background:rgba(254,71,49,0.8);
	background:rgb(254,71,49)\9;
	color:#fff;
}
#s6 ul li span.span1{
	position:absolute;
	top:0;
	left:0;
	padding:2px 5px;
	display:inline-block;
	/display: inline; /*forIE7*/
	/zoom: 1; /*forIE7*/
	background:rgba(254,71,49,0.8);
	background:rgb(254,71,49)\9;
	color:#fff;
}

#s6 ul li span.span2{
	position:absolute;
	bottom:0;
	left:0;
	padding:2px 5px;
	display:block;
	width:190px;
   color:#fff;
	background:rgba(0,0,0,0.4);
	background:rgb(0,0,0)\9;
} 

/* フッター */
#pagetop a{
	display:block;
	clear:both;
	float:right;
	width:150px;
	padding:10px;
	text-align:center;
	background:url(../assets/wp-content_themes_otafuku_pc_img_bg04.jpg);
	line-height:1;
}
.footer-bg{
	clear:both;
	padding:40px 0;
	background:url(../assets/wp-content_themes_otafuku_pc_img_bg04.jpg);
}
footer h1{
	width:550px;
	float:right;
	margin-bottom:20px;
	font-size: 85%;
}
footer hr{
	clear:both;
	margin-bottom:20px;
	border:solid 1px #fff;
}
footer a.link-c{
	color: #f6783b;
}

footer .fRight{
	width:550px;
}
footer .fRight h2{
	margin-bottom:5px;
}
footer .fRight p,footer .fRight ul{
font-size: 12px;
}
footer .foot-nav li{
	float:left;
	margin-bottom:5px;
	width:130px;
		padding-left:20px;
	background:url(../assets/wp-content_themes_otafuku_pc_img_list01.png) no-repeat 0px 3px;
}
footer .foot-nav li a{
	color:#333;
}
footer .foot-nav li a:hover{
	color:#f6783b;
}
.foot-copy{
	padding:20px;
	background:url(../assets/wp-content_themes_otafuku_pc_img_bg05.png) repeat;
	font-size:12px;
}
/*その他*/
.container{
	width:960px;
	margin:0 auto;
	clear:both;
	overflow:hidden;
}
/* タイトル */
.tit1 {
	clear:both;
	color:#759d2f;
	font-size:30px;
	letter-spacing:3px;
	border-bottom:solid 1px #759d2f;
	margin-bottom:20px;
}

.tit2 {	
}

.tit3 {	
}


/* パンくず */
.blead{
	background:#e2d9cc;
}
#breadcrumb{
	width:960px;
	margin:0 auto;
	padding:10px 0;
}
#breadcrumb a{
	color:#333;
}
#breadcrumb li{
	float:left;
	margin-right:5px;
	font-size:12px;
}

/* ページャー */
#pager {
	display: inline-block;
	/display: inline; /*forIE7*/
	/zoom: 1; /*forIE7*/
	margin-right: -3px;
	font-size: 117%;
}

#pager li {
	color: #996600;
	float: left;
	margin-right: 3px;
}

#pager li.currentBtn {
	padding: 0 6px;
	background: #996600;
	color: #FFFFFF;
	border: 1px #996600 solid;
}

#pager a {
	border: 1px #996600 solid;
	display: block;
	padding: 0 6px;
	color: #FFFFFF;
}

#pager a:hover {
	background: #996600;
	color: #FFFFFF;
}

/*Pagenation*/
.pagenation {
    margin: 1em 0;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
	display:table;
    margin: 0 auto;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 7px;
	border:solid 1px #f6783b;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #fe4731;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 5px 10px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #fff;
    color:  #fe4731;
    display: block;
    padding: 5px 10px;
    text-decoration: none;
}
.pagenation li a:hover {
    background-color: #fbf0ee;
}
.pagenation li.prev a{
	padding:5px 20px 5px 35px;
	background:#fff url(../assets/wp-content_themes_otafuku_pc_img_list02.png) no-repeat 10px 9px;
}
.pagenation li.prev a:hover{
	background:#fbf0ee url(../assets/wp-content_themes_otafuku_pc_img_list02.png) no-repeat 10px 9px;
}
.pagenation li.next a{
	padding:5px 35px 5px 20px;
	background:#fff url(../assets/wp-content_themes_otafuku_pc_img_list01.png) no-repeat 100px 9px;
}
.pagenation li.next a:hover{
	background:#fbf0ee url(../assets/wp-content_themes_otafuku_pc_img_list01.png) no-repeat 100px 9px;
}

/* サブページメイン画像 */



/*========================================================
トップ
========================================================*/
.mainimage {width: 100%; height:auto; overflow-x: hidden;overflow-y:hidden;} .slide_all {width: 960px; margin: 0 auto; height: 642px; position: relative;} .slide_wrap {width: 2880px; position: absolute; left: 50%; margin-left: -1440px;} .slide_body {width: 100%;} .slide {width: 960px; font-family: 'arial'; background: #000; color: #fff; font-size: 50px; line-height: 642px; text-align: center;} .slide img {width: 100%; vertical-align: bottom;}

/* 装飾 */ .bx-controls-direction,.bx-pager {margin-top:-30px;text-align: center;height: 25px;} .bx-controls-direction a,.bx-pager-item {display: inline-block;} .bx-pager-item a{display: block; height: 12px; width: 12px; text-indent: -9999px; background: #fff; margin:10px 5px 0 5px;} .bx-pager-item a.active {background:#fe4731;} .bx-controls-direction a{text-decoration: none; color: #fff; padding:0 5px;} .bx-controls {position: absolute;bottom: 5px;z-index: 100;width: 100%;}
.slide{
	transition:all .3s;
	/*opacity:.8;*/
	}
.slide.active{ opacity:1;} 

#s1{
	background:url(../assets/wp-content_themes_otafuku_pc_img_bg03.jpg) repeat;
	padding:40px 0;
}
#s1 ul li{
	float:left;
	margin-right:26px;
}
#s1 ul li.last{
	margin-right:0;
}
#s1 ul li a:hover img{
	opacity: 1;
	filter: alpha(opacity=100);
}
#s2{
	padding:40px 0;
	background:url(../assets/wp-content_themes_otafuku_pc_img_bg02.jpg);
	overflow:hidden;
}
#s2 h2{
	float:left;
}
#s2 ul{
	float:right;
	width:920px;
	overflow:hidden;
}
#s2 ul li{
display: inline-block; /* 横並び */
	/display: inline; /*forIE7*/
	/zoom: 1; /*forIE7*/
  vertical-align: top; /* li要素を上端揃えに */
	width:200px;
	margin-left:25px;
	margin-bottom:10px;
	position:relative;
}
#s2 ul li span{
	position:absolute;
	top:0;
	left:0;
	padding:2px 5px;
	display:inline-block;
	/display: inline; /*forIE7*/
	/zoom: 1; /*forIE7*/
	background:rgba(254,71,49,0.8);
	background:rgb(254,71,49)\9;
	color:#fff;
}
#s2 ul li img{
	margin-bottom:5px;
}
#s3{
	padding:40px 0;

}
#s3 .container{
	position:relative;
}
#s3 h2,#s3 h3{
	margin-bottom:20px;
}
#s3 ul{
	position:absolute;
	bottom:0px;
	right:0px;
	width:460px;
}
#s3 ul li{
	margin-bottom:5px;
}

#s4{
	padding:40px 0;
}
#s4 h2{
	padding-bottom:20px;
	border-bottom:solid 2px #ccc;
}
#s4 ul{
	margin-top:20px;
	height:260px;
	padding:10px 0;
	overflow-y: auto;
	scrollbar-base-color: #96ba57;
}
#s4 ul li{
	margin-bottom:20px;
}
#s4 ul dt{
	float:left;
	width:115px;
}
#s4 ul dd{
	margin-left:120px;
	margin-right:10px;
}
#s4 ul dd a{
	color:#333;
}
#s5{
	padding:40px 0;
}
#s5 h2{
	padding-bottom:20px;
}
._h7l {
overflow-x:hidden !important;
}
/*========================================================
▼下層ページ
お多福本舗とは
========================================================*/
.sub-image h1 img{
	width:100%;
	height:auto;
}
article{
	background:url(../assets/wp-content_themes_otafuku_pc_img_bg01.jpg) repeat;
}
/*======================================================*/
.about_s01 h2{
	float:right;
	width:50px;

}
.about_s01 .fLeft{
	width:864px;
}
.about_s02{
	border-bottom:solid 1px #e2d9cc;
	overflow:hidden;
	padding-bottom:70px !important;
}
.about_s03 div.about-box01{
	width:470px;
	float:left;
	margin-bottom:30px;
}
.about_s03 div.about-box01 h3{
	overflow:hidden;
	margin-bottom:10px;
}
.about_s03 div.about-box01 p img{
	float:left;
}
.about_s03 div.about-box01 div{
	width:230px;
	padding:20px 0;
}
.about-box02{
	padding:30px 20px;
	margin-bottom:50px;
	clear:both;
	background:url(../assets/wp-content_themes_otafuku_pc_img_bg02.jpg);
	overflow:hidden;
}
.about-box02 h3{
	text-align:center;
	margin-bottom:40px;
}
.about-box02 .ul01{
	float:left;
	width:550px;
	margin-right:10px;
	border-right:solid 1px #e2d9cc;
}
.about-box03{
	background:url(../assets/wp-content_themes_otafuku_pc_img_about_about_fig08.jpg) no-repeat right;
	border:solid 8px #e4e4e4;
	height:146px;
	margin-bottom:30px;
}
.about-box03 p{
	padding:35px 40px;
}

/*========================================================
喫茶メニュー /  商品紹介
========================================================*/
.cate-list01{
	margin-bottom:10px;
	overflow:hidden;
}
.cate-list01 li a{
	display:block;
	padding:8px 40px;
	margin: 0 10px 10px 0;
	float:left;
	background:#f6783b;
	color:#fff;
}
.cate-list01 li a:hover{
	background:#f78b57;
}
.page-id-427 article section,.page-id-419 article section{
	margin-bottom:60px;
	overflow:hidden;
}
.page-id-427 article section h2,.page-id-419 article section h2{
	margin-bottom:30px;
}
.page-id-427 article section h3,.page-id-419 article section h3{
	font-size:26px;
	margin-bottom:30px;
	color:#f6783b;
	background:url(../assets/wp-content_themes_otafuku_pc_img_line01.png) no-repeat bottom;
	letter-spacing:8px;
}
.page-id-419 article section h3{
	margin-bottom:10px;
}
.content {
    position:relative;
    width:210px;
    height:210px;
	margin-bottom:10px;
    overflow:hidden;
}
.caption1 {
    position:absolute;
    left:0;
    top:210px;
    background-color: rgba(254, 71, 49, 0.8);
	background:rgb(254,71,49)\9;
    color:#fff;
    padding:10px;
    width:190px;
    height:190px;
}
.cate-list02 li{
	display: inline-block; /* 横並び */
	/display: inline; /*forIE7*/
	/zoom: 1; /*forIE7*/
 	 vertical-align: top; /* li要素を上端揃えに */
	width:210px;
	margin-right:20px;
	margin-bottom:10px;
	position:relative;
}
.cate-list02 .season{
	float:left;
}
.cate-list02 .season img{
	margin-right:5px;
}
/*
.cate-list02 .season li{
	margin-right:5px;
	padding:3px 4px 2px;
	line-height:1;
	font-size:12px;
}
.cate-list02 .season li.spring{
	border:dotted 1px #f56394;	
	color:#f56394;
}
.cate-list02 .season li.summer{
	border:dotted 1px #7ab94b;
	color:#7ab94b;
}
.cate-list02 .season li.autumn{
	border:dotted 1px #f15d5d;	
	color:#f15d5d;
}
.cate-list02 .season li.winter{
	border:dotted 1px #449ce0;	
	color:#449ce0;
}
*/
.cate-list02 .price{
	float:right;
}
/*========================================================
店舗紹介
========================================================*/
.shop-s1{
	position:relative;
	height:900px;
	background:url(../assets/wp-content_themes_otafuku_pc_img_shop_shop_bg01.png) no-repeat 0px 100px;
	overflow:hidden;
}
.shop-s1 h2{
	margin-left:30px;
	margin-top:0px;
}
.shop-s1 .img01{
	position:absolute;
	right:0;
	bottom:50px;
}
.shop-s2{
	background:#fff;
}
.shop-s2 dl{
	border:solid 1px #ccc;
	margin-bottom:30px;
}
.shop-s2 dt,.shop-s2 dd{
	padding:15px;
	border-bottom:solid 1px #ccc;
	font-size:16px;
	letter-spacing:3px;
}
.shop-s2 dt.last,.shop-s2 dd.last{
	border-bottom:none;
}
.shop-s2 dt{
	float:left;
	width:220px;
	text-align:center;
}
.shop-s2 dd span{
	margin-left:20px;
}
.shop-s3{
		border-bottom:solid 1px #e2d9cc;
}
.shop-s4{
	padding:70px 0;
	overflow:hidden;
}
.shop-s4 ul {
	display:table;
	margin:10px auto 20px;
}
.shop-s4 ul li{
	float:left;
	margin-right:30px;
}
.shop-s4 ul li.last{
	margin-right:0;
}
#photoboxDemo{
	width:940px;
	margin:0 auto;

}
#photoboxDemo li{
list-style:none;perspective:100px;
-webkit-perspective:100px;
margin:0 10px 20px;
letter-spacing:normal;
display:inline-block;
position:relative;
transition:.1s;
-webkit-transition:0.1s
}
#photoboxDemo a{
display:block;
width:210px;
height:146px;
vertical-align:bottom;
overflow:hidden;
background:rgba(0,0,0,0.1);
transition:.4s ease-out;
-webkit-transition:0.4s ease-out;
-webkit-transform:rotateX(90deg) translate(-50px,-50%);
transform:rotateX(90deg) translate(-50px,-50%)
}
#photoboxDemo a:active, #gallery a:focus{outline:none}#photoboxDemo a img{
min-height:100%;width:100%;transition:.3s ease-out;-webkit-transition:0.3s ease-out
}
#photoboxDemo .loaded a{
-webkit-transform:rotateX(0deg) translate(0,0);transform:rotateX(0deg) translate(0,0)
}
#photoboxDemo li.loaded:hover{
z-index:2;transform:scale(1.05);-webkit-transform:scale(1.05)
}
#photoboxDemo li.loaded a:hover{
box-shadow:0 0 0 2px #FFF, 0 0 10px 5px #aaa;transition:.1s;
-webkit-transition:0.1s
}
#photoboxDemo li.loaded:hover img{
transform:scale(1.2);
-webkit-transform:scale(1.2)
}
#photoboxDemo li.loaded.video:hover::before{opacity:0
}
/*#pbAutoplayBtn.play:before,#pbAutoplayBtn:before
{font-family:Helvetica,Arial,sans-serif
}*/
/*========================================================
最新情報
========================================================*/
.news-box{
	padding:20px 0;	
	overflow:hidden;
border-bottom:solid 1px #dddddd;
position:relative;
}
/*カテゴリーページ*/
.cate-list01 .current-cat a{
	background:#fe4731 !important;
}


.news-box img{
	float:left;
}
.news-box .date{
	color:#f6783b;
	margin-bottom:10px;
}
.news-box .n-text{
	font-size:20px;
	margin-bottom:10px;
}
.news-box .more a{
	display:block;
	position:absolute;
	right:0;
	bottom:20px;
	padding:5px 15px;
	border:solid 1px #f6783b;
	font-size:16px;
	background:#fff;
	line-height:1;
	letter-spacing:3px;
}
.news-box .more img{
	float:right;

}
.cate-list03{
	display:inline-block;
	/display: inline; /*forIE7*/
	/zoom: 1; /*forIE7*/
	margin-bottom:20px;
	overflow:hidden;
}
.cate-list03 li{
	padding:2px 20px;
	margin: 0 5px 5px 0;
	float:left;
	background:#f6783b;
	color:#fff;
}

#single{
	margin-top:30px;
	padding:30px;
	background:#fff;
	overflow:hidden;
}
#single .date{
	color:#f6783b;
	margin-right:10px;	
}
#single h1{
	clear:both;
	font-size:20px;
	margin-bottom:30px;
	padding-bottom:20px;
	background:url(../assets/wp-content_themes_otafuku_pc_img_line01.png) bottom no-repeat;
}
#single figure{
	clear:both;
	float:right;
	width:400px;
	margin:0 0px 20px 30px;
}
#single figure img{
	margin-bottom:5px;
	width:100%;
	height:auto;
}
#single p img{
	max-width:960px;
	height:auto;

}
.single-a{
	display:table;
	margin:0 auto;
}
.single-a li{
	float:left;
}
.single-a li.previous a{
	display:block;
	width:160px;
	height:0;
	padding-top:31px;
	background:url(../assets/wp-content_themes_otafuku_pc_img_news_pre.png) no-repeat;
}
.single-a li.previous{
	width:160px;
	height:31px;
	background:url(../assets/wp-content_themes_otafuku_pc_img_news_pre.png) no-repeat;
}
.single-a li.allback{
	width:638px;
	height:31px;
}
.single-a li.allback img{
	opacity: 1;
	filter: alpha(opacity=100);
}
.single-a li.next{
	width:160px;
	height:31px;
	background:url(../assets/wp-content_themes_otafuku_pc_img_news_next.png) no-repeat right;
}
.single-a li.next a{
	display:block;
	width:160px;
	height:0;
	padding-top:31px;
	background:url(../assets/wp-content_themes_otafuku_pc_img_news_next.png) no-repeat right;
}
.single-a li.next,.single-a li.previous{
	background:#f5f4f2;
}
.single-a li.first{
	margin-left:0;
}
.bor01{
	border:none;
	margin-top:30px;
	border-bottom:solid 1px #ddd;
}
.archive-fb{
	height: 22px;
	overflow: hidden;
}
.single-fb{
	float:right;
	height: 22px; /* 150714追記 */
	overflow: hidden; /* 150714追記 */
}



/*========================================================
お問合せ
========================================================*/
.privacy-box{
	margin-bottom:30px;
	padding:15px;
	height:70px;
	overflow-y:scroll;
	border: 1px #e2d9cc solid;
	background:#fff;
}
.privacy-box h3{
	margin-bottom:5px;
	font-weight:bold;
}
.privacy-box p{
	margin-bottom:10px;
}
#contact1 {
	padding: 10px 0 30px;
	text-align: center;
	font-size: 125%;
	line-height: 1.8;
}

#contact2 {
	height: 150px;
	width: 700px;
	padding: 10px 0 30px 0px;
	margin: 0 auto;
	position: relative;

}

#contact3 {
	padding: 0 0 0 0;
	margin: 0 auto;
	position: relative;
}

#contact1Txt {
	width: 670px;
	height: 106px;
	margin: 0 auto;
	padding: 20px 0 0 30px;
	text-align: left;
	background: none;
}

#contactTelWrap {
	width: 580px;
	padding: 10px 0 0px;
	margin: 0 auto;
}

#contactTel {
	padding-bottom: 10px;
}

#contactTelTime {
	font-size: 117%;
}

#flow {
	width: 700px;
	margin: 0 auto;
	padding: 0 0 20px;
}

#contactTable {
	margin-bottom: 30px;
	font-size: 16px;
	width:100%;
}

#contactTable tr.bg01{
	background:rgba(226,217,204,0.4);
	background:#f0ece8\9;
}
#contactTable th {
	width: 280px;
	padding: 20px;
	vertical-align:top;
}

#contactTable td {
	padding: 20px;

}

#contact3 .confirm td {
	color: #333333;
}

#contactTable input {
	background: #FFFFFF;
	border: 2px #e2d9cc solid;
	padding: 5px;
}
#contactTable textarea {
	width: 370px;
	height: 150px;
	background: #FFFFFF;
	border: 2px #e2d9cc solid;
	padding: 5px;
}
.required {
	float:right;
	border:solid 1px #cc0000;
	padding: 0 5px;
	color: #cc0000;
	font-size: 84%;
}

#ppCheck {
	text-align: center;
	/*padding-bottom: 30px;*/
}

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

#sendBtn {
	display: inline-block;
	/display: inline; /*forIE7*/
	/zoom: 1; /*forIE7*/
}

#backBtn {
	float: left;
	padding-right: 10px;
}

#nextBtn {
	float: left;
}

#conTxt {
	padding: 30px 0;
	font-size: 125%;
	display: inline-block;
	/display: inline; /*forIE7*/
	/zoom: 1; /*forIE7*/
	text-align: left;
}

#homeBtn {
	text-align: center;
}

.contact-bottom p{
	text-align:center;
}

/*========================================================
サイトマップ
========================================================*/
#sitemap {
	padding-bottom: 50px;
	position: relative;
}

#sitemapList li {
	border-bottom: 1px #CCCCCC dotted;
	font-size: 117%;
}

#sitemapList li a {
	display: block;
	padding: 10px 0 10px 30px;
	text-decoration: none;
	background: none;
}

#sitemapList li a:hover {
	display: block;
	padding: 10px 0 10px 30px;
	color: #FFFFFF;
	background: #B98E31;
}


/*========================================================
プライバシーポリシー
========================================================*/
#pp1 {
	padding-bottom: 40px;
	position: relative;
}

.ppTit {
	margin-bottom: 10px;
	font-size: 150%;
	font-weight: bold;
	border-bottom: 1px #3F2301 solid;
	color: #3F2301;
}

.commonTxt {
	font-size: 117%;
	line-height: 1.4;
}


.tit5 {
	font-size: 124%;
	font-weight: bold;
	padding-left: 10px;
	margin-bottom: 3px;
	border-left: 5px #F58541 solid;
}

.ppTxt {
	padding-bottom: 40px;
}

.ppList {
	padding-bottom: 40px;
}