/*
メイン #F79C56
背景　#FEFFEE

グロナビホバー#F9B784
サイドホバー#EEFFED

リンク #86AF00
h2リンク　#F79C56

https://coolors.co/F79C56-F9B784-feffee-eeffed-86af00
HTML Entity (Hexadecimal)	☎ → \00260E
*/

/* ================================================================================
Reset
================================================================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1.8;
	color:#000;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}
/*
nav ul {
	list-style:none;
}
*/

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	outline: none;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}
/*
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
*/
input, select {
	vertical-align:middle;
}

p {margin-bottom: 20px;}
li {margin-left: 20px;}
select,
option,
label,
input {padding: 10px 5px; box-sizing: border-box; cursor: pointer;}
input[type="text"] {cursor: auto;}

select {border:2px solid #F79C56; box-sizing: border-box;}

/* ================================================================================
Layout
================================================================================== */
html,
body	{
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

/* ==================== Header ==================== */

header {
width: 100%;
min-width: 1000px;
border-top: 10px solid  #F79C56;
/*border-bottom: #C2E6E8 solid 2px;*/
margin-bottom: 30px;
}

header .inner:first-child {padding: 25px 0 20px 0;}

/*ロゴ箇所*/
header #logo {min-width: 574px; width: 600px;}

/*電話番号*/
header #tel-box {width: 240px; text-align: right; margin-right: 20px; box-sizing: border-box;}
header #tel-box p {margin-bottom: 0px; font-size: 80%;}
header #tel-box p.tel {font-size: 130%;}
header #tel-box p.tel a {color: #50382F; font-weight: bold;}

/*オンライン予約・院長無料メール相談 ボタン*/
header #info {width: 160px;}
header #info button {font-size: 80%; padding: 8px; font-weight: bold;}
header #info button:first-child {margin-bottom: 10px;}

header nav {
	background-color: #F79C56;
	background-color: #F9B784;
	background-color: #FDEDE0;
	margin: 0;
	overflow:hidden;
}

header nav ul {
	margin: 0;
	padding: 0;
}

header nav ul li {
	display: inline-block;
	text-align: center;
	margin:0;
	padding: 0;
	box-sizing: border-box;
	border-right: 1px solid #fff;
}

header nav ul li:first-child {
border-left: 1px solid #fff;
width: 30%;
min-width: 300px;
}

header nav ul li:nth-child(2) {width:30%; min-width: 300px;}
header nav ul li:nth-child(3) {width:20%; min-width: 200px;}
header nav ul li:nth-child(4)  {width:20%; min-width: 200px;}

header nav ul li a {
	display: block;
	box-sizing: border-box;
	margin: 0;
	padding: 30px 0;
	color: #F79C56;
	font-weight: bold;
}

header nav ul li a:hover {background-color: #F79C56; color: #fff;}

#container	{width: 100%; background-color: #fff;}

/* Computer Only View - 768px以上
-------------------------------------------------------------- */
@media all and (min-width:768px) {
	.inner	{
		width:80%;
		max-width:1000px;
		min-width: 1000px;
		margin: 0 auto;
	}

	#content {
		order: 2;
		background-color: #9ff;
		width: 74%;
		min-width: 740px;
		margin: 0 0 20px 0;
		margin-left: 2%;
	}

	#sidebar	{
		order: 1;
		background-color: #f00;
		width: 24%;
		min-width: 240px;
		margin: 0 0 20px 0;
	}
}

/* ==================== Footer ==================== */
footer	{
    width: 100%;
    min-width: 1000px;
    background-color: #FEFFEE;
font-size: 90%;
/*    border-top: 1px solid #eee;*/
}

footer .inner {padding: 30px 0 30px 0;}

footer ul {
padding: 0 0 30px 0;
border-bottom: 1px dotted #ddd;
margin-bottom: 30px;
}

footer li {
	list-style-type: none;
	margin: 0 25px 10px 0;
	display: inline-block;
	white-space: nowrap;
}

footer p {margin: 0;}

footer li:before {content: " \0025B6 "; font-size: 60%; margin-right: 5px; vertical-align: 3px; color: #F9B784;}
footer a {text-decoration: underline;}
footer a:hover {color: #F79C56;}

footer p.copyright	{
    background-color: #F79C56;
    color: #fff;
    border-top: 1px solid #fff;
    padding: 20px 10px;
    text-align: center;
}



.illst img {width: 100%; margin-bottom: 20px;}

/* ==================== Post==================== */
a {color: #000; text-decoration: none}

#content a {color: #86af00; text-decoration: none}
#content a:hover {color: #86af00;
	text-decoration:underline;}

/* ==================== Contents ==================== */
.flex-box {
	display: flex;
	justify-content: space-between;
}

#content	{background: none;}

.post {margin-bottom: 40px;}

h1 {
	padding: 30px 20px;
	background-color: #F79C56;
/*ストライプ
    border-top: 4px solid #F79C56;
    border-bottom: 4px solid #F79C56;
    background: -webkit-repeating-linear-gradient(-45deg, #F79C56, #F79C56 3px, #F9B784 3px, #F9B784 6px);
    background: repeating-linear-gradient(-45deg, #F79C56, #F79C56 3px, #F9B784 3px, #F9B784 6px);
*/
/*水玉
 background-color: #F79C56;
 background-image: radial-gradient(#F9B784 10%, transparent 20%), radial-gradient(#F9B784 10%, transparent 20%);
 background-size: 20px 20px;
 background-position: 0 0, 10px 10px;
*/
     border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	color: #fff;
	margin-bottom: 20px;
	font-size: 130%;
}

h2 {
	color: #fff;
	color: #F79C56;
	font-size: 110%;
	background-color: #FEFFEE;
	padding: 15px 15px 15px 15px;
	margin: 0 0 20px 0;
	 border-bottom: 2px solid #F79C56;
	 border-top: 1px solid #F79C56;
	 border-bottom: 1px solid #F79C56;
/*	border-left: 6px solid #F9B784;*/
}

/*.post h2:hover {background-color: #F79C56; color: #fff;}*/

#content .list h2 {padding: 0;}
#content .list h2 a {color: #F79C56; display: block; padding: 15px 15px 15px 15px;}
#content .list h2 a:hover {color: #F79C56;}

.post h3 {
	margin: 0 0 20px 0px;
	border-left: 5px solid #F79C56;
	padding-left: 15px;
}

.post ul,
.post ol {margin-bottom: 20px;}
.post li {margin-left: 20px;}

.post-contents {margin-bottom: 10px; padding-bottom:0px; border-bottom: 2px dotted #ddd; font-size: 105%;}
.postmeta{margin: 0; color: #666; font-size: 90%; line-height: 2;}
.post-contents img {display: block; margin-bottom: 20px;}


.post-contents #question-box { flex-direction: row;}
.post-contents #answer-box { flex-direction: row-reverse;}

.post-contents #question-box div:first-child {width: 140px; margin-right: 20px;}
.post-contents #question-box div:last-child {margin-right: 20px;}
.post-contents #answer-box div:first-child {width: 180px; margin-left: 40px;}
.post-contents #answer-box div:last-child {margin-left: 20px;}
.post-contents #question-box img,
.post-contents #answer-box img {
	width: 120px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
   }


.post-contents #question,
.post-contents #answer {
 position: relative;
padding: 20px 20px 20px 20px;
border:2px solid #ddd;
border-radius: 12px
;-webkit-border-radius: 12px;
-moz-border-radius: 12px;
 margin-bottom: 30px;
}

.post-contents #question p:last-child,
.post-contents #answe p:last-child {
	margin-bottom: 0;
}

/*.post-contents #question {margin-left: 150px;}*/
.post-contents #question:after {
    position: absolute;
    content: '';
    top: 30px;
    left: -32px;
    border: 16px solid transparent;
    border-right: 16px solid #ddd;
    width: 0;
    height: 0;
/*    margin-left: -16px;*/
}

.post-contents #answer {}
.post-contents #answer:after {
    position: absolute;
    content: '';
    top: 40px;
    right: -32px;
    border: 16px solid transparent;
    border-left: 16px solid #ddd;
    width: 0;
    height: 0;
/*    margin-left: -16px;*/
}

/*
.post-contents #answer p:first-child {
	    position: relative;
}
.post-contents #answer p:first-child:before {
position:absolute;
content: url("http://aa109q5he1.smartrelease.jp/faq/wp-content/themes/skinnaviclinic/images/photo_hattori.jpg");
content: '';
display: inline-block;
width: 120px;
height: auto;
background-image: url("http://aa109q5he1.smartrelease.jp/faq/wp-content/themes/skinnaviclinic/images/photo_hattori.jpg");
background-size: contain;
vertical-align: top;
top: 0px;
right: -190px;*/
/*vertical-align: top;
	background-repeat: none;
}
*/

#content .postmeta a {
display: inline-block;
line-height: 1;
background-color:#E7C545;
background-color:#86AF00;
color:#fff;
padding: 6px 12px;
border-radius: 12px
;-webkit-border-radius: 12px;
-moz-border-radius: 12px;
margin-right: 10px;
margin-bottom: 5px;
white-space: nowrap;
}

/*#content .postmeta a:hover {text-decoration:none; background-color:#F4E5A8; color: #50382F;}*/
#content .postmeta a:hover {text-decoration:none; background-color:#C8DA8B; /*color: #86af00;*/}

.postmeta span {display: block; margin-bottom: 10px;}
.postmeta .date-and-time {}
.postmeta .category {}
.postmeta .tag {}

/*
.alignleft{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;}

.alignright	{
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;}

.aligncenter	{
	clear: both;
	display: block;
	margin: 25px auto;
	}*/

.wp-caption-text	{margin: 5px 0 0;}

.wp-caption	{border: solid 1px #cccccc;
	background-color: #f1f1f1;
	text-align: center;
	padding: 5px 0;
	margin-bottom: 25px;}

a img	{border: none;}


/* Ç°áá¤Î¥Ú©`¥¸¤Ø¤Î¥ê¥ó¥¯ 
.prevnext	{font-size: 14px;
	font-family: Verdana, sans-serif;
	margin-top: 30px;
	overflow:hidden;}*/

/*.prevnext a: {color: #86af00;}
.prevnext a:hover {color: #86af00;}*/
/*
.prev	{margin: 0;
	float: left;}

.next	{margin: 0;
	float: right;}*/

/* Pagination */
.prevnext	{
	-webkit-display: flex; 
	display: flex; 
	-webkit-flex-direction:row;
	flex-direction:row;
	margin: 0px 0 20px 0;
	text-align: center;
}

.prev	{margin: 0 2% 0 0; width: 48%;}
.next	{margin: 0 0 0 2%; width: 48%;}

#content .prevnext a {color: #F79C56; padding: 10px 0; background-color: #FEFFEE; display: block; border-bottom: 1px dotted #ddd;}
#content .prevnext a:first-child {border-top: 1px dotted #ddd;}

/*関連ページのリンク要素個所*/
#content .related-page {border: 3px solid #ddd; padding: 20px; margin-bottom: 20px;}
#content .related-page a:after {content: "\0bb"} /*&#187*/

.fa {margin-right: 10px;}

/* ==================== Side Navigation ==================== */

aside#sidebar {background: none;}

aside ul {margin: 0 0 20px 0; padding: 0;}
aside ul li {list-style-type: none; margin: 0;}
/*
#menu h2	{
	color: #fff;
	color: #F79C56;
	font-size: 110%;
	background-color: #FEFFEE;
	padding: 10px 15px;
	 margin: 0 0 20px 0;
	 border-bottom: 2px solid #F79C56;
	 border-top: 1px solid #F79C56;
	 border-bottom: 1px solid #F79C56;
}*/

#menu li li {
	display: block;
	margin-bottom: 0px;
	background-color: #FEFFEE;
/*	background-image: url(images/mark.png);*/
	background-repeat: no-repeat;
	padding: 10px;
	margin-left: 0px;
	border-bottom: 1px dotted #ddd;
}

#menu li li:first-child {
 border-top: 1px dotted #ddd;
}

/*#menu li li:hover {background-color: #EEFFED;}*/

#menu li li {padding: 0;}
#menu li li a {display: block; padding: 10px; color: #86af00;}
#menu li a:hover {
	background-color: #EEFFED;
	/*color: #86af00;*/
	text-decoration: underline;
}

#menu label.screen-reader-text {display: none;}
#menu select#cat,
#menu select#archives-dropdown-2 {width: 100%; box-sizing: border-box; margin-bottom: 20px;}

#menu #profile img {
border-radius: 50%;
width: 140px;
height: auto;
margin: 0 auto 20px auto;
display: block;
}

#menu #profile p#name {font-weight: bold; font-size: 110%; text-align: center;}
#menu #profile p:last-child {}

#menu li#search-2 form {margin-bottom: 20px;}
#menu li#search-2 form input {border:2px solid #F79C56; box-sizing: border-box;}
#menu li#search-2 form input[type="text"] {width: 71%; margin-right: 4%;}
#menu li#search-2 form input[type="submit"] {width: 22%;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	cursor: pointer; 
	color: #50382F;
	font-size: 100%; 
	font-weight: bold; 
	padding: 5px 0; 
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-sizing: border-box;
	border: 1px solid #AF8B6B;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #E7C545), color-stop(0.00, #F4E5A8));
background: -webkit-linear-gradient(#F4E5A8, #E7C545);
background: -moz-linear-gradient(#F4E5A8, #E7C545);
background: -o-linear-gradient(#F4E5A8, #E7C545);
background: -ms-linear-gradient(#F4E5A8, #E7C545);
background: linear-gradient(#F4E5A8, #E7C545);
}
aside#sidebar iframe {
	width: 100%;
	height: auto;
	min-height:600px;
	padding:0 30px 0 0;
	margin-bottom: 20px;
}

.banner {margin: 0 auto 20px auto; display:block;  text-align: center;}
.banner img {border: 2px solid #ddd; width: 100%; margin: 0 auto; background-color: #f00; box-sizing: border-box; max-width: 240px;}

/* ==================== ¥³¥á¥ó¥È ==================== */
#com	{border: solid 1px #F79C56;
	padding: 20px;
	margin-top: 30px;
	clear: both;
	font-size: 14px;}

#com h3	{margin: 0;
	background-color: #ff8800;
	padding: 3px 10px;
	color: white;}

textarea	{width: 450px;
	height: 100px;}

#tr	{background-color: #ffddaa;
	font-size: 12px;
	padding: 10px;}

.commentlist	{list-style-type: none;
	clear: both;
	margin: 0;
	padding: 0;}

.commentlist li	{border-top: dotted 1px #ffcc00;
	padding-top: 10px;}

.comment-meta	{font-size: 12px;}

#sns-box {padding:20px 0 8px 0; margin-bottom: 30px; border-bottom: 1px dotted #ddd; border-top: 1px dotted #ddd; background-color: #FEFFEE;}
#sns-box ul {margin: 0; padding: 0;}
#sns-box li {list-style-type: none; display: inline-block; vertical-align: top;}

.frame {
border: 2px solid #ddd;
padding: 20px 20px;
margin-bottom: 20px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background-color: #FFF9DD; 
color: #50382F;
font-size: 110%;
position: relative;
}
#content .frame h4 {font-size: 110%; padding:6px 10px; background-color:#50382F; color: #fff; text-align: center; margin-bottom:15px;}
#content .frame p.tel {margin-bottom: 5px;}
#content .frame a.tel {font-size: 180%; font-weight: bold; display: block; text-align: center;}
#content .frame a.tel,
#content .frame a.tel:hover {color:#50382F;}
.annotation {font-size: 80%;}
#content .frame p {font-size: 90%;}

.frame.inquiry {width:49%; margin-right: 1%; font-weight: bold; padding-bottom: 75px;}
.frame.reservation {width:49%; margin-left: 1%; font-weight: bold; padding-bottom: 75px;}
.frame button {position: absolute; bottom: 20px; left:10%; width: 80%;}

button {
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	width: 100%; 
	cursor: pointer; 
	color: #50382F;
	font-size: 120%; 
	font-weight: bold; 
	padding: 10px 0; 
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-sizing: border-box;
	border: 1px solid #AF8B6B;
/*F4E5A8   E7C545*/
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #E7C545), color-stop(0.00, #F4E5A8));
background: -webkit-linear-gradient(#F4E5A8, #E7C545);
background: -moz-linear-gradient(#F4E5A8, #E7C545);
background: -o-linear-gradient(#F4E5A8, #E7C545);
background: -ms-linear-gradient(#F4E5A8, #E7C545);
background: linear-gradient(#F4E5A8, #E7C545);
}

button:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F2D970), color-stop(0.00, #F9EEB5));
background: -webkit-linear-gradient(#F9EEB5, #F2D970);
background: -moz-linear-gradient(#F9EEB5, #F2D970);
background: -o-linear-gradient(#F9EEB5, #F2D970);
background: -ms-linear-gradient(#F9EEB5, #F2D970);
background: linear-gradient(#F9EEB5, #F2D970);
}

button:before {content: "\0025b6  ";}
button:hover:before {content: "\0025b6  ";}


/* ==================== Archive ==================== */

body.archive .post p,
body.archive .post dl {
	-webkit-display: flex; 
	display: flex; 
	-webkit-flex-direction:row;
	flex-direction:row;
	border-bottom:1px solid #ddd; 
	padding: 0 20px 20px 20px; 
	margin-bottom: 20px;
}
body.archive .post dt {width: 120px;  margin-right:20px; white-space: nowrap;}
body.archive .post dd {width: 600px;}

/*1000 = 240 + 20 +740*/

/*768以上は適用*/
@media all and (min-width: 768px) {
nav button {display: none;}
}


/*768以下はスマホ表示*/
@media all and (min-width: 320px) and (max-width: 767px) {

#wapper {width: 100%;}

.inner	{width:94%; margin: 0 auto; max-width:auto; min-width: auto;}
#content {width: 100%; min-width: 100%;}
#sidebar {width: 100%; min-width: 100%;}
.flex-box {display: block;}

/* ==================== Header ==================== */
header {width:100%; min-width: 100%;}
header .inner:first-child {padding: 15px 0;}

/*ロゴ箇所*/
header #logo {width:100%; min-width:100%; margin: 0 0 0px 0;}
header #logo img {width:100%; max-width: 320px; height: auto;}

/*電話番号*/
header #tel-box {
width: 100%;
text-align: center;
border: 2px solid #ddd;
padding: 5px 10px;
margin: 10px 0;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background-color: #FFF9DD;
color: #50382F;
}

header #tel-box p {margin-bottom: 0px; font-size: 70%; display: inline-block;}
header #tel-box p:first-child {
    width: 100%;
    padding: 6px 10px;
    background-color: #50382F;
    color: #fff;
    text-align: center;
    margin-bottom: 5px;
    box-sizing: border-box;
}
header #tel-box p.tel {font-size: 100%;}
header #tel-box p:last-child {margin-left: 10px;}

/*オンライン予約・院長無料メール相談 ボタン*/
header #info {width: 100%;}
header #info li {display: inline-block;}
header #info button {width: 48.5%; font-size: 70%; padding: 10px 5px;}
header #info button:first-child {margin: 0 0.5% 0 0;}
header #info button:last-child {margin: 0 0 0 0.5%;}



header nav {background-color: none; border:none;}
header nav button {
	text-align: left;
	color: #fff;
	padding: 10px 10px; 
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	font-size: 100%; 
	font-weight: bold;
	border: none;
	background: none;
	background-color: #F79C56;
	border-bottom: 1px dotted #fff;
}

header nav button:hover {
background: none;
background-color: #F9B784;
border: 0;
border-bottom: 1px dotted #fff;
}

header nav button:before {
    content: " \0025BC  ";
}

header nav button:hover:before {
    content: " \0025BC  ";
}

	header nav ul.inner {display:none; width: 100%;}
	header nav ul li {display:block; width: 100%; border: 0; padding: 0;}
	header nav ul li:first-child {border-left: none; width: 100%;}
	header nav ul li:nth-child(2) {width:100%;}
	header nav ul li:nth-child(3) {width:100%;}
	header nav ul li:nth-child(4)  {width:100%;}
	header nav ul li a {
	    display: block;
	    box-sizing: border-box;
	    margin: 0;
	    padding: 10px 20px;
	    font-weight: bold;
	     text-align: left;
	     border-bottom: 1px dotted #fff;
	}

/* ==================== Footer ==================== */
footer	{
    width: 100%;
    min-width: 100%;
}

footer ul {padding-bottom: 0;}
footer li {margin-bottom: 20px;}

/* ==================== Contents ==================== */
/*#content .flex-box {display: inline;}
.post-contents #question-box.flex-box { flex-direction: row !important;}
.post-contents #answer-box.flex-box { flex-direction: row-reverse !important;}*/

.post-contents #question-box div:first-child {width: 50%; margin: 0 auto;}
.post-contents #question-box div:last-child {margin:0 2% 30px 2%;}
.post-contents #answer-box div:first-child {width: 50%; margin: 0 auto;}
.post-contents #answer-box div:last-child {margin:0 2% 30px 2%;}
.post-contents #question-box img,
.post-contents #answer-box img {
	width: 100%;
	max-width: 120px;
	text-align: center;
	margin: 0 auto 30px auto;
   }
/*
.post-contents #question,
.post-contents #answer {
 position: relative;
padding: 20px 20px 20px 20px;
border:2px solid #ddd;
border-radius: 12px
;-webkit-border-radius: 12px;
-moz-border-radius: 12px;
 margin-bottom: 30px;
}
*/

.post-contents #question p:last-child,
.post-contents #answe p:last-child {
	margin-bottom: 0;
}

.post-contents #question:after {
    position: absolute;
    content: '';
    top: -32px;
    left: 47%;
    border: 16px solid transparent;
    border-bottom: 16px solid #ddd;
    width: 0;
    height: 0;
}

.post-contents #answer {}
.post-contents #answer:after {
    position: absolute;
    content: '';
    top: -32px;
    left: 47%;
    border: 16px solid transparent;
    border-bottom: 16px solid #ddd;
    width: 0;
    height: 0;
}


/* ==================== Archive ==================== */
body.archive .post dl{
	display: block; 
}
body.archive .post dt {width: 100%; margin-right:0px;}
body.archive .post dd {width: 100%;}

body .illst img {width: 100%; margin:-10px 0 10px 0;}


.frame {padding: 10px 10px; font-size: 100%;}
#content .frame h4 {font-size: 90%;}
#content .frame a.tel {font-size: 160%; text-align: center;}
#content .frame p {font-size: 90%;}

.frame.inquiry {width:100%; margin-right: 0%; padding-bottom: 10px; box-sizing: border-box;}
.frame.reservation {width:100%; margin-left: 0%; padding-bottom: 10px; box-sizing: border-box;}
/*.frame button {position: absolute; bottom: 20px; left:10%; width: 80%;}*/
.frame button {position: static; margin-left: 0%; width: 100%;}

.frame.inquiry button,
.frame.reservation button {padding: 10px 20px; font-size: 90%; box-sizing: border-box;}

#sns-box {padding:10px 0 0 0; margin-bottom: 20px;}
#sns-box ul {margin: 0; padding: 0;}
#sns-box li {margin:0 10px;}

/* Pagination */
.prevnext	{
	display: block; 
	margin: 0 0 20px 0;
}

.prev	{margin: 0; width: 100%;}
.next	{margin: 0; width: 100%;}

#content .prevnext a {color: #F79C56; padding: 10px 0; background-color: #FEFFEE; display: block; border-bottom: 1px dotted #ddd;}
#content .prevnext a:first-child {border-top: 1px dotted #ddd;}


/* ==================== Side Navigation ==================== */

aside#sidebar iframe {
	width: 100%;
	height: auto;
	min-height:auto;
	padding:0 30px 0 0;
	margin-bottom:10px;
}

}

/* ==================== Abouts Area ==================== */
#abouts-area {margin-bottom: 20px;}
#abouts-area h3 {margin-bottom: 10px; color: #F79C56; font-size: 105%;}
#abouts-area ul {margin-left: 10px;}
#abouts-area hr {
	border:none;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 2px dotted #ddd;
}

#abouts-area table {
	border-collapse: collapse;
	text-align: center;
	width: 100%;
	margin-bottom: 30px;
	font-size: 90%;
	color: rgb(109, 87, 30);
}

/*table thead th {text-align:center;}*/

#abouts-area table th {
	padding: 12px;
	font-weight: bold;
	vertical-align: top;
	text-align: center;
	border: 1px solid #ccc;
	background-color: #feffee;
	box-sizing: border-box;
}
#abouts-area table td {
	padding: 12px;
	vertical-align: top;
	text-align:center;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

#abouts-area .box .indent {padding-left:2em; text-indent:-0.8em;}

#abouts-area .notes:before {	content: "\203B ";}
#abouts-area .notes {padding-left:1.3em; text-indent:-1.3em; font-size: 90%;}

#abouts-area ul.notes {margin-left: 0; padding-left:0em; text-indent:0em;}
#abouts-area ul.notes:before {content:none;}
#abouts-area ul.notes li {list-style-type: none;}
#abouts-area ul.notes li:before {content: "\203B ";}
#abouts-area ul.notes li {padding-left:1.3em; text-indent:-1.3em;}