@charset "UTF-8";
/*
Theme Name: 美容鍼灸専門サロン まほろば様 テーマ
Description: Produced by Tomoko Miyawaki
Theme URI: http://miyawakitomoko.jp/
Author: Tomoko Miyawaki 
Author URI: http://miyawakitomoko.jp/
Version: 1.0
*/

/****************************************

          読み込み

*****************************************/
/*レイアウト*/
@import url("css/layout.css");

/* 各ページ用CSS：個人で設定するときに利用 */
@import url("css/design.css");

/* home.css */
@import url("css/home.css");

/* マテリアライズ */
@import url("css/materialize.css");

/****************************************

          サイトカラーコード

*****************************************/
/*
ベースカラー（基調色）：
ドミナントカラー（主調色）：#F39801
アソートカラー（従属色）：#826F4B
アクセントカラー（強調色）：#FF5C26
文字色ベース：#371F00
*/


/****************************************

          リセット

*****************************************/
html, body {margin: 0; padding: 0;}
a {text-decoration:none;}
ul,ol {list-style:none; margin: 0; padding: 0;}
img {max-width :100%; vertical-align: middle; border: 0;}
a img {border: 0;}
input, select {vertical-align:middle;}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,pre { margin-top: 0}

/****************************************

          Normalize

*****************************************/
/*! normalize.css v2.0.1 | MIT License | git.io/normalize.css */
/* HTML5 display definitions */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block}
audio,canvas,video {display : inline-block}
audio:not([controls]) { display: none;height: 0}
[hidden] {display: none}
/* Links */
a:focus { outline: none}
a:hover,a:active { outline : 0}
/* 禁則処理の追加 */
p,li,dt,dd,th,td,pre{-ms-line-break: strict; line-break: strict; -ms-word-break: break-strict; word-break: break-strict}
abbr[title] { border-bottom : 1px dotted}
b, strong { font-weight : bold}
dfn { font-style: italic}
mark { background: #ff0; color: #000}
code, kbd, pre, samp {font-family: monospace, serif; font-size: 1em}
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word}
q {quotes: “\201C” “\201D” “\2018” “\2019”;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline}
sup {top: -0.5em}
sub {bottom: -0.25em}
svg:not(:root) {overflow: hidden}
figure {margin: 0}
/* Forms */
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0; }
button, input, select, textarea {font-family: inherit; font-size: 100%; margin: 0; }
button,input {line-height: normal; }
button,
input[type="button"],  
input[type="reset"], 
input[type="submit"] {
-webkit-appearance: button; 
cursor: pointer; }/
}
button[disabled],
input[disabled] {cursor: default}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box;  padding: 0; }
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;  box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0}
textarea {overflow: auto; vertical-align: top; }
/* Tables */
table { border-collapse: collapse; border-spacing: 0;}


/****************************************

          基本設定

*****************************************/
body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	line-height:1.375;
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%;
	font-size:100%;
	background:#BDAF92;
}

/****************************************

          リンク

*****************************************/
a { color:#0000FF;}

a:hover, a:focus {
	color:#FF5A85;
	text-decoration:underline;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
} 


/****************************************

          タイポグラフィー

*****************************************/
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	clear:both;
}

h1, h2, h3 {
	margin-bottom:20px;
}

h4, h5, h6{
	margin-bottom:10px;
}

h1 {
	font-size:1.5em;
}

h2 {
	font-size:1.5em;
}

h3 {
	font-size:1.25em;
}

h4 {
	font-size:1.188em;
}

h5, h6 {
	font-size:1em;
}

blockquote {
	margin-bottom: 2em;
	margin-left:20px;
	margin-right:20px;
	padding:20px;
	background:#EFEFEF;
	border-radius:10px;
}

cite {
	font-size:87.5%;
}

hr {
	margin-bottom:20px;
}

/****************************************

          Setting

*****************************************/
/* テキスト */
.t-aligncenter	{
	text-align:center;
}

.t-alignleft	{
	text-align:left;
}

.t-alignright	{
	text-align:right;
}
	
/* イメージ
----------------------------------*/
img {max-width:100%;}

/* イメージfloat */
img.aligncenter	{display: block;
	margin-left: auto;
	margin-right: auto}

img.alignleft	{float: left;
	margin-right: 15px;
	margin-bottom: 10px}

img.alignright	{float: right;
	margin-left: 15px;
	margin-bottom: 10px;
	text-align:right}

/* イメージfloat-モバイルclear */
img.alignleft-mbclear	{float: left;
	margin-right: 15px;
	margin-bottom: 10px}

img.alignright-mbclear {float: right;
	margin-left: 15px;
	margin-bottom: 10px;
	text-align:right}


/* 定義リスト
----------------------------------*/
dl {
	margin-top:0;
	margin-bottom:20px;
}

dt, dd {
	line-height:1.5em;
}

dt {
	font-weight:bold;
}

dd {
	margin-left:0;
}


/* テーブル
----------------------------------*/
table {
	font-size: 93.75%;
	text-align:left;
	width:100%;
	border: #999 solid 1px;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 2em;
}

th, td {
	margin:0;
	padding:3px 4px;
	vertical-align:top;
	border-right:#999 solid 1px;
	border-bottom:#999 solid 1px;
}

th {
	font-weight:bold;
	background:#E6E6E6;
}

/* Grid System
----------------------------------*/
.row {
	margin-bottom: 10px;
}

.row:after {
  content: "";
  clear: both;
  display: block;
}

.col {
  float: left;
  margin-right: 2.5641%;
}

.col2 {
  float: left;
  margin-right: 2.5641%;
}

.col:last-child {
  margin-right: 0;
}

.col1 {width: 5.9829%;}
.col2 {width: 14.5299%;}
.col3 {width: 23.0769%;}
.col4 {width: 31.6239%;}
.col5 {width: 40.1709%;}
.col6 {width: 48.7179%;}
.col7 {width: 57.2649%;}
.col8 {width: 65.8119%;}
.col9 {width: 74.3589%;}
.col10 {width: 82.9059%;}
.col11 {width: 91.4529%;}
.col12 {width: 100%;}


/****************************************

          Post Setting

*****************************************/
/* 記事中のリンク
----------------------------------*/
.post-entry a {
	color:#0000FF;
	text-decoration:underline;
}

.post-entry a:hover, a:focus {
	color:#FF5A85;
	text-decoration:underline;
}

/* リスト
----------------------------------*/
.post ul {
	list-style:disc;
}

.post ul > li > ul {
	list-style:circle;
}

.post ul > li > ul > li > ul {
	list-style:square;
}

.post ol {
	list-style:decimal;
}

.post ol > li > ol {
	list-style:lower-roman;
}

.post ul, .post  ol {
	padding-left:30px;
	margin-bottom:10px;
}


/****************************************

         Common
		  
*****************************************/
.f-min {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.att {
	color:#FF0000;
	font-weight:bold;
}

.inner {
	margin:0 30px;
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.small {
	font-size:93.75%;
}

.none {
	display:none;
}

/* 続きを読むボタン＆カテゴリ単位の続きを読むボタン */
.more, .more-btn {
	text-align:right;
	margin-bottom:20px;
}

/* 続きを読むボタン */
.more a {
	color:#FFFFFF; /* 文字の色 */
	text-decoration:none;
	overflow:hidden;
	font-size:0.938em;
	padding:3px 10px;
	margin-right:10px;
	width:80px;
	text-align:center;
	border-radius:3px;
	text-shadow:-1px -1px 2px #983C4B;
	box-shadow:0px 2px 2px #444;
}

.more a:hover {
	color:#FFFFFF; /* 文字の色 */
	background:#0C51D9;
	text-decoration:none;
}

/* カテゴリ単位の続きを読むボタン */
.more-btn {
	margin:0 0 30px ;
}

.more-btn a {
	position: relative;
	padding:7px 37px 7px 20px;
	border-radius:20px;
	color:#FFFFFF;
	font-size:0.938em;
	text-shadow:-1px -1px 2px #D23A5C;
	box-shadow:0px 2px 2px #444;
	background:#D23A5C url(images/line-bg.gif) ;
}

.more-btn a span:after {
	position: absolute;
	content:url("images/more-ico.png");
	top: 5px;
}

.more-btn a:hover {
	background:#FF648A url(images/line-bg2.gif) ;
	text-decoration:none;
}

/* メッセージボード */
.massage {
	clear:both;
	margin-bottom:30px;
}

.topmassage {
	margin-bottom:10px;
	padding:0 0 15px;
}

.massageOn, .topmassageOn {
}

.massageOff, .topmassageOff {
	display:none;
}


/* ボタン設定
----------------------------------*/
/* ボタン画像の透過なしへ */
.click-btn a:hover img, 
.click-btn2 a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
} 

/* 基本のボタン:tel */
.click-btn a {
	display:block;
	padding:10px 10px;
	margin-bottom:10px;
	text-align:center;
	border-radius:7px;
	box-shadow:0px 2px 4px #444;
}

/* 共通グラデーション
----------------------------------*/
/* a　電話・続きを読む・お客様の声へ・問い合わせフォーム色（文字と角丸は別） */
.click-btn a,.click-btnAdd a, .more a, .wpcf7 input[type="submit"] {
background: #e47679; /* Old browsers */
background: -moz-linear-gradient(top,  #e47679 0%, #d15458 53%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e47679 0%,#d15458 53%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e47679 0%,#d15458 53%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e47679', endColorstr='#d15458',GradientType=0 ); /* IE6-9 */
}

/* a:hover　電話・続きを読む・お客様の声へ・問い合わせフォーム色（文字と角丸は別） */
.click-btn a:hover, .click-btnAdd a:hover, .more a:hover, .wpcf7 input[type="submit"]:hover {
background: #ff9eb4; /* Old browsers */
background: -moz-linear-gradient(top,  #ff9eb4 0%, #ff648a 53%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff9eb4 0%,#ff648a 53%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff9eb4 0%,#ff648a 53%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9eb4', endColorstr='#ff648a',GradientType=0 ); /* IE6-9 */
}

/* 個別グラデーション
----------------------------------*/
/* サブボタン:resrv */
.click-btn2 a {
	display:block;
	text-align:center;
	border:solid 1px #e47679;
	box-shadow:0px 2px 4px #444;
	border-radius:5px;
background: #e47679; /* Old browsers */
background: -moz-linear-gradient(top,  #e47679 0%, #d15458 53%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e47679 0%,#d15458 53%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e47679 0%,#d15458 53%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e47679', endColorstr='#d15458',GradientType=0 ); /* IE6-9 */
}

.click-btn2 a:hover {
	background: #f85032; /* Old browsers */
background: #ff9eb4; /* Old browsers */
background: -moz-linear-gradient(top,  #ff9eb4 0%, #ff648a 53%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff9eb4 0%,#ff648a 53%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff9eb4 0%,#ff648a 53%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9eb4', endColorstr='#ff648a',GradientType=0 ); /* IE6-9 */
}

/* .click-btn2 a {
	border-radius:0px;
	padding:5px 9px;
	margin-bottom:10px;
} */


/****************************************

        Header
		  
*****************************************/
header {
	position: relative;
}

.head-mail > .row {
	margin-bottom:0;
}

/* ヘッダーの表示
----------------------------------*/
#title {
	display:none;
}

/* グローバルメニュー
----------------------------------*/
#global {
	position:relative;
	clear: both;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:0.93em;　/* グローバルメニューで改行落ちを解消のため、0.938emを0.93em　に変更  */
	text-shadow:-1px -1px 1px #B84648;
}

#global ul {
	margin:0;
	padding:0;
}

#global ul.menu {
	border-bottom:solid 5px #BE9E69;
	background:#E47679 url(images/global-bg.png) repeat-x left top;
	height:65px;
	margin-bottom:15px;
}

#global ul.menu > li {
	float:left;
}

#global .menu li{
	position: relative;
	border:none;
}

/* サブメニュー設定 */
#global ul li span {
	font-size:0.75em;
	color:#F3E39F;
}

#global .menu li:last-child {
	border:none;
}

#global ul li a {
	display:block;
	text-align:center;
	padding:13px 41px 12px 40px; /* 幅調整 */
	color:#FFF; /* 文字色 */
	background:#E47679 url(images/global-bg.png) repeat-x left top;
	border-bottom:none;
}

#global ul li a:hover {
	background:#FF648A url(images/global-bg2.png) repeat-x left bottom;
	text-decoration:none;
}

#global ul.menu  > li.current_page_item > a {
	background:#FF648A url(images/global-bg2.png) repeat-x left bottom;
}

/* 入れ子 */
#global ul.sub-menu,
#global ul.children {
	position: absolute;
	left:-1px;
	display: none;
	margin-left: 0;
	width: auto;
	border: 1px solid #BE9E69;
	background: #FF648A;
}

#global .sub-menu li,
#global .children li {
	position: relative;
	border-left: 1px solid #BE9E69;
}

#global ul li ul li a {
	border-bottom:solid 1px #BE9E69;
	width: 120px;
}
#global ul li ul li:last-child a {
	border-bottom:none;
}

#global ul.sub-menu ul,
#global ul.children ul {
	top:-1px;
	left:200px;
}

#global .menu li:hover > ul{
	display: block;
}

/****************************************

        ぱんくず
		  
*****************************************/
#breadcrumb {
	clear:both;
	font-size:0.925em;
	margin-bottom:25px;
	padding:0;
}

#breadcrumb ul {
	padding: 0;
	margin:0;
}

#breadcrumb ul li {
	display:inline;
	font-size: 0.925em;
}

#breadcrumb ul li a {
	color:#38260C;
	text-decoration: underline;
}

#breadcrumb ul li a:hover {
	color:#FF5A85;
	top: 0;
}

/****************************************

        Main
		  
*****************************************/

/* post
----------------------------------*/
.post {
	margin-bottom:40px;
}

.post-entry {
	clear:both;
	padding-bottom:20px;
}

/* タイトル */
.category-title {
	font-size:1.5em;
	color:#38260C;
	padding:8px 15px;
	background:#BA9D6D;
	margin-bottom:40px;
}

.post-title {
	font-size:1.5em;
	margin-bottom:20px;
	padding:10px 15px;
	background-color:#826F4B;
	background-image: url(images/ttl-bg-br.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	color:#FFFFFF;
}

.post-title a {
	color:#FFF;
}

.post-title a:hover, .post-title  a:focus {
	color:#FF5A85;
	text-decoration:underline;
}

/* メタ */
.post-meta {
	color: #999;
	font-size:0.875em;
	margin-bottom:25px;
}

.post-meta time {
	float:left;
	margin-right:15px;
}

.post-category a {
	color:#FFFFFF; /* 文字の色 */
	background:#D23A5C; /* ボタンの背景色 */
	text-decoration:none;
	overflow:hidden;
	font-size:0.825em;
	padding:1px 10px;
	margin-right:10px;
	width:80px;
	text-align:center;
	border-radius:3px;
}

.post-category a:hover {
	color:#FFFFFF; /* 文字の色 */
	background:#FF648A; /* ボタンの背景色 */
	text-decoration:none;
}

/* フッターメタ */
.foot-post-meta p {
	float:left;
	padding-right:15px;
	padding-bottom:20px;
	font-size:0.975em;
}

/* Post Typography
----------------------------------*/
.post-entry h1, 
.c-text h1 {
	color:#371F00;
	line-height:1.25em;
	font-weight:bold;
}

.post-entry h2, 
.c-text h2 {
	color:#371F00;
	border: solid 3px #BE9E69;
	line-height:1.25em;
	padding:10px 15px;
	font-weight:bold;
}

.post-entry h3, 
.c-text h3 {
	color:#371F00;
	background:#DCCBAE;
	border-left:solid 7px #826F4B;
	padding:7px;
	font-weight:bold;
}

.post-entry h4:before, 
.c-text h4:before {
	content:url(images/ttl-ico-pk.gif);
}
.post-entry h4, 
.c-text h4 {
	color:#D23A5C;
	padding:5px 0;
	font-weight:bold;
}

.post-entry h5,, 
.c-text h5 {
	color:#371F00;
	font-weight:bold;
}

.post-entry h6,, 
.c-text h6 {
	color:#826F4B;
	font-weight:bold;
}


/****************************************
        コメント
*****************************************/
.comment-author cite {
	font-style:normal;
}

.required{ color: #FF0000;}

.commets-list,
.trackback-list{
	overflow: hidden;
	margin-top: -20px;
	margin-bottom: 40px;
}

.commets-list li,
.trackback-list li {
overflow: hidden;
margin-top: -1px;
padding: 20px 0 0;
width: 100%;
border-top: 1px solid #ddd;
border-bottom: 1px solid transparent;
}

.commets-list .avatar {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.comment-meta,
.reply,
.comment-notes,
.form-allowed-tags,
span.small {
	font-size: 80%;
}

.comment-body p {
	clear: both;
}

.reply {
	text-align: right;
}

.bypostauthor{
	/* 記事投稿者のコメントのスタイル */
}

#comment-area .children{
	padding-left: 2em;
}

#respond{
	border:solid 1px #CCCCCC;
	padding:20px;
	margin-bottom: 40px;
}


/****************************************
        ページャー＆ページネーション
*****************************************/
/*ページネーション　ボタンのスタイルはフォームで設定
----------------------------------*/
.pagenation {
	margin:10px 0 32px 15px;
	font-size:0.725em;
	font-weight:bold;
}

.pagenation span.current, .page-numbers {
	padding:4px 7px;
	margin: 0 4px 0 0;
	color:#555;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border-radius: 3px;
}

/* ページネーション：サイズ設定 */
.pagenation span.current, .page-numbers {
	font-size:12px;
}

/* single ページャー 
----------------------------------*/
#pager {
	clear:both;
	margin-bottom:42px;
}

#pager a {
	color:#000000; /* ページャーリンク色設定 */
	text-decoration:underline;
}

#pager a:hover {
	color:#FF5A85;
}

#pager div {
	font-size:0.875em;
	line-height:1.1em;
	width:43%;
	overflow:hidden;
}

#pager .page-left {
	float:left;
	text-align:left;
	padding:6px 0 10px 0 ;
	margin-left:5px;
}

#pager .page-right {
	float:right;
	text-align:right;
	padding:6px 0 10px 0 ;
	margin-right:5px;
}

#pager .page-left a {
	background-image:url(images/old-ico.png); /* Oldアイコン */
	background-position:left top;
	background-repeat:no-repeat;
	padding:4px 0 8px 30px ;
	display:block;
}

#pager .page-left a:hover {
	background-position:left -175px;
}

#pager .page-right a {
	background-image:url(images/next-ico.png); /* Nextアイコン */
	background-position:right top;
	background-repeat:no-repeat;
	padding:4px 30px 8px 0 ;
	display:block;
}

#pager .page-right a:hover {
	background-position:right -175px;
}


/****************************************

        Sidebar
		  
*****************************************/

/* ウィジェット
----------------------------------*/
.widget {
	margin: 0 0 25px;
}

.widget img {
	text-align:center;
}

/* ウィジェット：タイトル */
.widget h3 {
	background:#CF5154 url(images/side-bg.gif) no-repeat right bottom; /* サイドバータイトル背景色 */
	font-size:1.125em;
	text-align:left;
   	margin:0; 
	padding:10px;
	color:#FFF;
	font-weight:bold;
}

.widget h3 a {
	color:#FFF;
}

.widget h3 img {
	display:none;
}

/* ウィジェット：リスト */
.widget > div {
	background:#FFFFFF;
	border:solid 10px #F5C2B0;
}

.widget li {
	border-bottom:dotted 2px #F5C2B0; /* B-仕切り線 */
	color:#333;/* リンクなしの文字色 */
	line-height:1.25em;
	padding:10px 10px 10px 20px;/* 幅 */
	background-image:url(images/list-side.png);/* 画像リストアイコン */
	background-position:9px 12px;
	background-repeat:no-repeat;
	font-size:93.8%;
}

.widget li a {
	color:#371F00;
}

.widget li a:hover {
	color:#FF5A85;
}

.widget > div > ul > li:last-child {
	border-bottom:none;
}

/* ウィジェット入れ子 */
.widget > div > ul > li > ul {
	margin-left:-20px;
	margin-right:-10px;
	margin-top:10px;
	border-top:dotted 2px #F5C2B0; /* B-仕切り線 */
}

.widget > div > ul > li > ul > li {
	padding:10px 10px 10px 35px;
	background-image:url(images/list-side-child.png);/* 画像リストアイコン-child */
	background-position:23px 13px;
}

.widget > div > ul > li > ul > li:first-child {
}

.widget > div > ul > li > ul > li:last-child {
border-bottom:none;
padding-bottom:0;
}

/* ウィジェット：バナー */
.widget_bana {
	margin:10 10px;
}

/* ウィジェット：テキスト */
.widget_text {
	font-size:0.9375em;
}

/* ウィジェット：最近の投稿 */
ul#npcatch {
	font-size:0.9375em;
}

ul#npcatch li {
	clear:both;
	padding-left:0px;
	padding-left:10px;
	overflow:hidden;
	padding-bottom:0;
	background:none;
}

ul#npcatch li img {
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}

/* ウィジェット：最近の投稿日付 */
.widget .post-date, .widget .rss-date {
	display: block;
	font-size:81.3%;
	color:#717171;
}

/* ウィジェット：カレンダー */
.widget div#biz_calendar {
	border:none;
}

/* エキテン */
.ekiten iframe, 
.ekiten_waku {
	width:230px;
	overflow:hidden;
}

/****************************************

        Footer
		  
*****************************************/
footer {
	padding-top:0;
	background:#826F4B url(images/footer-bg.gif) no-repeat right bottom;
}

.footer > div.col3 {
	width:20%;
}

.footer .col4 {
	margin-right:0;
}

/* フッターナビ */
#footer-nav {
	text-align:center;
	font-size:0.875em;
	padding:15px 0;
	margin-bottom:20px;
	background:#BE9E69;
}

#footer-nav li {
	display:inline-block;
	padding:0 10px;
	border-right:solid 1px #000000;
}

#footer-nav li a {
	color:#2D1900;
}

/* フッターレイアウト
----------------------------------*/
.footer .col3 {width: 23%;}
.footer .col4 {width: 34%;}

/* Footer 営業時間
----------------------------------*/
.foot-eigyo {
	font-size:0.813em;
	width:95%;
	margin:0 auto 0px;
	overflow:hidden;
}

.foot-eigyo dt {
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	background:#BA9D6D;
	width:80px;
	padding:0 10px 5px;
	margin:0 20px 3px 0;
	font-weight:bold;
}

.foot-eigyo dd {
	color:#FFF;
	padding: 0;
	margin:0 0 10px;
}

.foot-eigyo-att {
	color:#2A1903;
	font-weight:bold;
}

.foot-eigyo-info {
}

/* アドレス */
address {
	background:#2D1900;
	color:#FFFFFF;
	text-align:center;
	font-style:normal;
	font-size:0.875em;
	padding:5px 0;
}

address a {
	color:#FFFFFF;
}

/****************************************
        スクロールトップ
*****************************************/
/* フッター部固定 */
.totop {
	clear:both;
}

.totop a {
	color:#371F00; /* 文字色 */
	background:#BE9E69; /* 背景色 フッター背景色と同じに */
	margin: -20px 0 0 0;
	clear:both;
	display:block;
	font-size:0.813em;
	text-align:right;
	float:right;
	padding:3px 15px;
	border-radius:5px 5px 0 0;
	text-decoration:none;
}

.totop a:hover {
	text-decoration:underline;
}

/* Scroll Top 800pxを過ぎてから表示 */
#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
}
#page-top a {
    background: #FF648A; /* totopの背景色設定(画像はtotop.pngで透過) */
    color: #FFFFFF;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	font-weight:bold;
    text-decoration: none;
    width: 40px;
    padding:5px 2px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
}


/****************************************

        フォーム
		  
*****************************************/
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"], 
input[type="tel"], 
textarea {
	margin: 0;
	margin-bottom:5px;
	padding: 6px 4px;
	outline: none;
	border: 1px solid #AAA;
	vertical-align: top;
	font-size:13px;
	color:#38260C;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus, 
input[type="tel"]:focus, 
textarea:focus {
	border: 1px solid #E47679;
	box-shadow: 0 0 5px #F5C2B0;
}

textarea {
	overflow: auto;
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.pagenation span.current, .page-numbers {
	vertical-align: center;
	display: inline-block;
	margin:0px;
	padding: 4px 15px;
	text-decoration: none;
	line-height: normal;
	cursor: pointer;
	font-size:13px;
	border-radius:0;
	/* ボタンのデザイン */
	border:solid 1px #CF5154;
	color: #FFF;
	font-weight:bold;
	text-shadow:1px 1px #8E3436;
	box-shadow:1px 2px 2px #38260C ;
	background: #CF5154; /* Old browsers */
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover, 
.pagenation span.current,
.pagenation a:hover,
.pagenation a:hover {
	text-decoration:none;
	text-decoration:none;
	text-shadow:none;
	color:#AD3E40;
	border:solid 1px #CF5154;
	box-shadow:none;
	background: #FFDCCE;
}

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	position: relative;
	top:1px;
}

/* コメントフォームの回り込みなし */
#comment-area input[type="text"],
#comment-area textarea{
	display: block;
}

/* お問合せフォーム */
.wpcf7 {}

.wpcf7 dl {
	padding:30px 20px 5px;
}

.wpcf7 dl textarea {
	width:90%;
}

.wpcf7 dl input[type="radio"] {
	margin:5px 0 10px;
}

.wpcf7 dt {
	float:left;
 	background:#F1EFE3;
	width:160px;
	padding:5px 10px;
	font-weight:bold;
	text-align:left;
	color:#371F00;
}

.wpcf7 dd {
	margin-left:200px;
	margin-bottom:15px;
 	text-align:left;
}

.wpcf7 dl p {
	font-size:0.938em;
	line-height:1.25em;
	margin-bottom:10px;
}

.wpcf7 dt p {
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:0;
}

.wpcf7 dl p.small {
	margin-top:-7px;
	margin-bottom:20px;
	font-size:0.825em;
}

.memo {
	margin-top:-10px;
}

/* お問合せフォーム　個別 */
.wpcf7-list-item {
	display:block;
	padding:2px 0;
}

/* お問合せフォーム　ボタン(グラデは別設定) */
.wpcf7 input[type="submit"] , 
.wpcf7 input[type="submit"]:hover {
	text-align:center;
	border:none;
	color:#FFFFFF;
	width:200px;
	font-size:1.125em;
	padding:7px;
	border-radius:5px;
	text-shadow:1px 1px 2px #000000;
	margin-bottom:20px;
}

.wpcf7 p.sousin {
	text-align:center;
}


/****************************************

        モバイル　767px〜

*****************************************/
@media screen and (max-width : 767px) {
body {
	font-size:0.93em;　	/* グローバルメニューで改行落ちを解消のため、0.938emを0.93em　に変更  */
}

.widget {
	font-size:1.188em;
}

/****************************************
        Setting
*****************************************/
/* イメージfloat-モバイルclear */
img.alignleft-mbclear	{float: none;}

img.alignright-mbclear {float: none;}

/* フレーム */
iframe {
	width:100%;
}

/* グリッド */
.footer .col {
	float:none;
	width:100%;
 	margin-bottom:10px;
	text-align:center;
}

/* フォーム */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"], 
input[type="tel"], 
textarea {
	padding: 12px 4px;
	box-sizing: border-box;
   width: 100%;
}

input[type="checkbox"], 
input[type="radio"] {
	height:30px; 
	width:30px;
}

/* お問合せフォーム */
.wpcf7 {
	font-size:1.25em;
}

.wpcf7 dl {
	padding:0 0 5px;
}

.wpcf7 dt {
	float:none;
}

.wpcf7 dd {
  margin:10px 0 20px 0;
}

.wpcf7 .toiawase {
	width:90%;
}

.wpcf7-list-item {
	padding:5px 0;
}

/* Common */
.inner {
	margin:0 10px;
}

/* モバイルでの非表示 */
.hiddn-mb {
	display:none;
}

/* Common
----------------------------------*/
.img50 {
	width:50%;
}

/****************************************
        Header
*****************************************/
/* ヘッダー
----------------------------------*/
.description {
	color:#FFFFFF;
	font-size:0.688em;
	background:#66130C;
	padding:3px 10px;
}

/* ヘッダーイメージ
----------------------------------*/
.header-img {
	margin-bottom:15px;
}

/* 営業時間インフォメーション
----------------------------------*/
.head-info-mb {
	padding:15px 0px 0;
	margin-bottom:25px;
	font-size:0.938em;
}

/* ぱんくず
----------------------------------*/
#breadcrumb {
	background:#F5C2B0;
	padding:10px 20px;
	margin-left:-10px;
	margin-right:0px;
	margin-bottom:0;
	color:#371F00;
	font-weight:bold;
}

#breadcrumb ul li a {
	color:#371F00;
}


/* グローバルナビ
----------------------------------*/
#global {
	margin-bottom:0;
	background:#E47679;
	height:203px;
}

#global  ul {
	background-image:none;
}

#global  ul.menu {
	border:none;
}

#global ul li {
	width:49.84375%;
	background:#E0678A;
}

#global ul li:first-child {
	border-left:none;
}

#global ul li:nth-child(2) {
	font-size:0.825em
}

#global ul li:nth-child(2) a {
	padding:18px 0;
}

#global ul li a {
	text-align:center;
	padding-left:0;
	padding-right:0;
	padding:14.8px 0; /*グローバルメニューで改行落ちを解消のため15pxを14.8pxに変更*/
	border-bottom:solid 1px #BE9E69;
	background-position:left -7px;
}

#global ul li:nth-child(2n+1) {
	border-right:none;
}

#global ul li:nth-child(2n+1) a {
	border-right:solid 1px #BE9E69;
}


/****************************************
        サイドバー
*****************************************/
.widget div {
	border:none;
}

/* ウィジェット：バナー */
.widget-bana {
	text-align:center;
	margin-bottom:25px;
}

/* ウィジェット：カレンダー */
#calendar_wrap {
	padding:10px;
}

/* ウィジェット：リスト */
.widget > ul {
	border:none;
	border-bottom:dotted 2px #F5C2B0; /* B-仕切り線 */
}

.widget li {
	padding-top:15px;
	padding-bottom:15px;
	background-position:9px 18px;
}

.widget > ul > li:last-child {
	border-bottom:none;
}

.widget > ul > li > ul > li {
	background-position:23px 19px;
}

/* ウィジェット：RSS */
.rsswidget img{
	display:none;
}

/* 調整 */
.widget .searchform,
.widget .textwidget,
.widget .tagcloud {
	padding:10px;
}

/****************************************
        メイン
*****************************************/
.category-title {
	margin:0 -10px 20px;
	font-size:1.25em;
	padding:8px 0;
}

.category-title span {
	padding:5px 10px;
}

/* Post Headline
----------------------------------*/
.post-title {
	font-size:1.25em;
	line-height:1.125em;
	background-position:left 17px;
	margin-left:-10px;
	margin-right:-10px;
}

.post-entry h1 {
	font-size:1.313em;
}

.post-entry h2 {
	font-size:1.313em;
}

.post-entry h3 {
	font-size:1.25em;
}

.post-entry h4 {
	font-size:1.188em;
}


/* Add Post
----------------------------------*/
/* 記事下基本のボタン:tel */
.click-btnAdd a {
	width:90%;
}

/* 電話の注意書き */
.click-btnAdd span {
	display:block;
}

/* AddpostFooter */
.boxAddPost .eigyo dt {
	float:none;
}


/****************************************
        フッター
*****************************************/
.foot-ttl {
	background:#F39801;
	font-size:1.25em;
	text-align:center;
	padding:10px 0;
	font-weight:bold;
	color:#FFF;
	text-shadow:2px 2px 2px #000000;
}


/* フッターボタン
----------------------------------*/
.footer-tel {
	margin-bottom:20px;
}

.footer-tel a {
	padding:10px;
}

.click-btn3, .click-btn2-pc {
	margin-bottom:20px;
}

}


/****************************************

        タブレット　768px〜960px

*****************************************/
@media screen and (min-width: 768px) {
/* グリッド */
footer > div > div.col {
 	margin-bottom:15px;
}

/* ヘッダー
----------------------------------*/
.header-title {
	display:none;
}

/* メールボタン */
.head-mail {
	margin:0;
	padding:0;
}
.head-mail .col7 {
	display:none;
}

.head-mail .col5 {
	position:absolute;
	top:10px;
	margin-left:57%;
}

.head-mail-btn {
	text-align:right;
	margin-right:-50px;
}

}


/****************************************

          PC　960px

*****************************************/
@media screen and (min-width : 960px) {
/* Common PCでの非表示 */
.hiddn-pc {
	display:none;
}

}

/****************************************

        Clearfix
		  
*****************************************/
.clearfix:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    zoom: 1; /* for IE6/7 */
}

.clear {
    clear: both;
}


#contents, .totop, .address {
	clear: both;
}

footer {
	clear:both;
}


/****************************************

        調整
		  
*****************************************/
@media screen and (min-width: 768px) and (max-width : 959px) {
/* Common タブレット端末での非表示 */
.hiddn-tb {
	display:none;
}

/* globalメニュー */
#global ul.menu {
	height:62px;
}

#global ul li {
	width:20%;
	font-size:12px;
}

#global ul li a {
	display:block;
	border-right:solid 1px #BE9E69;
	padding:0;
	padding-top:15px; /* 幅調整 */
	padding-bottom:15px; /* 幅調整 */
}

#global ul li:nth-child(5) a {
	border:none;
}

/* 入れ子 */
#global ul li ul li a {
	width: 150px;
}

#global ul.sub-menu ul,
#global ul.children ul {
	left:150px;
}

/* サイドバー */
.widget  > div {
	border:none;
}

}

@media screen and (min-width: 768px) and (max-width : 850px) {
body {
	font-size:0.938em;
}

/* フォームチェックボックス */
/* input[type="checkbox"], 
input[type="radio"] {
	height:25px; 
	width:25px;
} */

/* チェックボックス 行間 */
.wpcf7-list-item {
	padding:5px 0;
}

}

/* Contact ================================================ */
#contact {
  width: 100%;
}
#contact p{
  margin-bottom: 50px;
}
form {
  display: block;
  margin-top: 0em;
}
.contact-dl-table {
  margin-bottom: 50px;
}
.contact-dl-table dl {
  display: table;
  width: 100%;
}
.contact-dl-table dl {
  margin-bottom: 25px;
  border-bottom: 1px dotted #eee;
}
.contact-dl-table dt {
 display: table-cell;
  width: 200px;
  vertical-align: middle;
  padding-bottom: 25px;
  font-weight: bold;
	font-size: 14px;
}
.contact-dl-table dd {
  display: table-cell;
  width: calc(100% - 200px);
	font-size: 14px;
}
.contact-icon-inquiry {
  margin-right: 15px;
  padding: 2px 6px;
  background-color: #f30617;
  color: #fff;
  font-size: 12px;
}
textarea.w-long {
  width: 100%;
}
.input-txt, textarea {
  padding: 7px;
  border: 1px solid #cfcfcf;
  border-radius: 0;
  vertical-align: middle;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
	margin-bottom: 0;
}
.mwform-tel-field {
	display: flex;
	gap: 10px;
	align-items: center;
}
#tpl-form-button input{
  cursor: pointer;
}
textarea {
  -webkit-appearance: textarea;
  background-color: white;
  -webkit-rtl-ordering: logical;
  -webkit-user-select: text;
  flex-direction: column;
  resize: auto;
  cursor: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  border-width: 1px;
  border-style: solid;
  border-color: initial;
  border-image: initial;
  padding: 2px;
}
#tpl-form-button dt {
  display: block;
  width: 100%;
  margin: 0px auto;
  text-align: center;
}
#tpl-form-button dd {
  display: block;
  width: 100%;
  margin: 0px auto;
  text-align: center;
}
.tpl-btn-back {
  display: block;
  padding: 5px 20px;
  font-size: 16px;
  font-weight: bold;
  color: #828282!important;
  background: #dbdbdb!important;
  margin: 0px auto;
  width: 60%;
}
.tpl-btn-back:hover {
  color: #828282;
  background: #cccccc;
}
.tpl-btn {
  display: block;
  padding: 5px 20px;
  font-size: 16px;
  margin: 0;
  width: 60%;
}
.tpl-notice {
  color: #f30617;
}
#tpl-form-button  input[type="submit"] {
	width: 200px;
	margin: 0 auto;
   display: block;
}
@media screen and (max-width: 970px) {
input.re-width {
  width: 100%!important;
}
.contact-dl-table dt {
  display: block;
  width: 100%;
  padding-bottom: 5px;
}
.contact-dl-table dd {
  display: block;
  width: 100%;
}
textarea.w-long {
  width: 100%;
}
#tpl-form-button {
  display: block;
  min-width: 100%;
  margin-bottom: 30px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
#tpl-form-button dt {
  display: block;
  width: 100%!important;
}
#tpl-form-button dd {
  display: block;
  width: 100%!important;
}
.tpl-btn-back {
  display: block;
  font-size: 16px;
  font-weight: bold;
  padding: 5px 20px!important;
  color: #828282!important;
  background: #dbdbdb!important;
  width: 60%!important;
  margin-bottom: 20px;
}
.tpl-btn-submit {
  vertical-align: middle;
  margin: 0 auto;
  padding: 0px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border: none!important;
  cursor: pointer;
}
}
@media screen and (max-width: 786px) {
  .tpl-btn-back {
  display: block;
  font-size: 16px;
  font-weight: bold;
  padding: 5px 20px!important;
  color: #828282!important;
  background: #dbdbdb!important;
  width: 100%!important;
}

	.mwform-tel-field input[type="text"], .mwform-zip-field input[type="text"] {
      width: 100% !important;
	}
	
input[type="checkbox"], input[type="radio"] {
  height: 15px;
  width: 15px;
}
}
@media screen and (max-width: 472px) {
input.re-width {
  width: 100%!important;
}
.contact-dl-table dt {
  display: block;
  width: 100%;
  padding-bottom: 0;
}
.contact-dl-table dd {
  display: block;
  width: 100%;
}
#tpl-form-button {
  display: block;
  min-width: 100%;
  margin-bottom: 30px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
#tpl-form-button dt {
  display: block;
  width: 100%!important;
}
#tpl-form-button dd {
  display: block;
  width: 100%!important;
}

input[type="checkbox"], input[type="radio"] {
  height: 15px;
  width: 15px;
}