@charset "utf-8";
/*
	CSS Documen # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #

	#post の中に表示される要素のスタイルです。ビジュアルエディタ内にも反映されます。
	".editor-area"は、ビジュアルエディタのプレビューに適用させるクラス名
*/

body.mceContentBody {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #fefefe;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}

#tinymce {
	font-size: 100% !important;
}

.editor-area p,
.editor-area div {
	border: 1px dotted #ddd;
}

/* ===== post wordpress image テンプレート実装時に要チェック ===== */

#post a:link,
#post a:active {
	color: #D1103F;
	text-decoration: underline;
}

#post a:visited {
	color: #9E5667;
}

#post a:hover {
	color: #5D904B;
	text-decoration: none;
}

#post img,
.editor-area img {
	border-radius: 0px;
}

#post div img,
#post table {
	max-width: 100%;
}

#post .wp-caption,
#post .gallery-caption,
.editor-area .wp-caption,
.editor-area .gallery-caption {
}

#post .wp-caption .wp-caption,
.editor-area .wp-caption .wp-caption {
}

#post .wp-caption img,
.editor-area .wp-caption img {
}

#post .wp-caption p,
#post .wp-caption .wp-caption-dd,
.editor-area .wp-caption p,
.editor-area .wp-caption .wp-caption-dd {
	font-size: 82%;
	line-height: 125%;
	color: #333;
	padding: 0px;
	margin: 0px;
}

#post .wp-caption img,
.editor-area .wp-caption img {
	margin: 0px !important;
	margin-top: 0.35em !important;
}

#post .wp-caption .wp-caption-text,
.editor-area .wp-caption .wp-caption-text {
	text-align: center !important;
}

#post .alignnone,
.editor-area .alignnone {
	margin-right: 15px;
}

#post .alignleft,
.editor-area .alignleft {
	float: left;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-right: 20px;
	text-align: left;
}

#post .alignleft img,
.editor-area .alignleft img {
	margin-top: 5px;
	margin-bottom: 15px;
}

#post .aligncenter,
.editor-area .aligncenter {
	clear: both;
	display: block;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
}

#post .alignright,
.editor-area .alignright {
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: 20px;
	float: right;
	text-align: right;
}

#post .alignright img,
.editor-area .alignright img {
	margin-bottom: 20px;
}

/* ===== post wordpress gallery ===== */

/* ギャラリーはビジュアルエディタにプレビューされないので省略 */

#post .wp-gallery-set {
	margin-top: 35px;
	margin-bottom: 35px;
	margin-left: 0px;
	margin-right: 0px;
}

#post .wp-gallery-set:after {
	content: ".";/* 新しい要素を作る */
	display: block;/* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

#post .wp-gallery-set dl {
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	margin-right: 12px;
}

#post .wp-gallery-set dt {
	margin: 0px;
	padding: 0px;
}

#post .wp-gallery-set .gallery-caption {
	/*width: 160px;*/
	width: 100%;
	height: 2.6em;
	font-size: 80%;
	line-height: 130%;
	color: #333;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0px;
	padding-top: 7px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	word-break: break-all
}

#post .wp-gallery-set img {
	margin: 0px;
	vertical-align: middle;
	border: 5px solid #fff;
	box-shadow: 0px 0px 1px rgba(0,0,0,0.20);
}

/* #post 内のスタイル */

#post h2,
#post h3 {
	line-height: 1.5em;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
}

#post h2 {
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 125%;
	color: #222;
	margin-top: 50px;
	margin-bottom: 35px;
}

#post h3 {
	font-size: 100%;
	color: #111;
	margin-top: 40px;
	margin-bottom: 35px;
}

#post h4,
#post h5,
#post h6 {
	font-size: 95%;
	color: #111;
	margin-top: 40px;
	margin-bottom: 35px;
}

#post p,
.editor-area p {
	font-size: 85%;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	line-height: 2.0em;
}

#post hr,
.editor-area hr {
	width: 100%;
	height: 1px;
	margin-top: 50px;
	margin-bottom: 50px;
	border-top: 1px dashed rgba(0,0,0,0.25);
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
}

#post del,
.editor-area del {
	color: rgba(0,0,0,0.65);
}

#post div,
#post li,
.editor-area div,
.editor-area li {
	font-size: 85%;
	line-height: 2.0em;
}

#post ul,
#post ol,
.editor-area ul,
.editor-area ol {
	margin-top: 1.35em;
	margin-bottom: 1.35em;
}

#post div div {
	font-size: 100%;
	margin-left: 0px;
	margin-right: 0px;
}

#post li li,
#post table table,
.editor-area li li,
.editor-area table table {
	font-size: 100%;
}

.table_wrap {
	margin-top: 15px;
	margin-bottom: 25px;
}

#post table,
.editor-area table {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border-spacing: 2px;
	border: 1px dotted rgba(0,0,0,0.30);
	background-color: rgba(255,255,255,0.20);
}

.editor-area table {
	margin-top: 15px;
	margin-bottom: 25px;
}

#post table td,
#post table th,
.editor-area table td,
.editor-area table th {
	font-size: 100%;
	line-height: 1.50em;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border-spacing: 1px;
	border: 1px dotted rgba(0,0,0,0.65);
}

#post table caption,
.editor-area table caption {
	font-size: 70%;
	font-weight: normal;
	color: #333;
	line-height: 150%;
}

#post table ul,
#post table ol,
.editor-area table ul,
.editor-area table ol {
	margin: 0px;
	padding-right: 15px;
	padding-left: 15px;
}

#post table li,
.editor-area table li {
}

.heading-simple,
.editor-area .heading-simple {
	font-weight: bold;
	font-size: 140% !important;
	color: #333;
	margin-top: 35px;
	margin-bottom: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 0px;
	clear: both;
}

.googlemap,
.editor-area .googlemap {
	float: right;
	text-align: right !important;
	margin-top: 0px;
}

.googlemap a,
.editor-area .googlemap a {
}

/* TinyMCE Style */

/* フロートクリア */

.tinymce-float-clear:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

	/* IE7 */
	*:first-child+html .tinymce-float-clear {
		display:inline-block;
	}

	/* IE6 */
	* html .tinymce-float-clear {
		display:block;
	}

.editor-area .tinymce-float-clear {
	background-color: #fafafa;
	background-image: url(../image/editor_line_break.svg);
	background-repeat: no-repeat;
	background-position: right 15px bottom 15px;
	background-size: 50px auto;
}

.editor-area .tinymce-float-clear:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


/* テーマ内オリジナルスタイル */

/* 明朝体太文字 */

.tinymce_big_mintyou,
.editor-area .tinymce_big_mintyou,
.tinymce_middle_mintyou,
.editor-area .tinymce_middle_mintyou,
.tinymce_small_mintyou,
.editor-area .tinymce_small_mintyou {
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-weight: bold;
	line-height: 1.15em !important;
}

/* 大サイズ */

.tinymce_big_mintyou,
.editor-area .tinymce_big_mintyou {
	font-size: 145% !important;
	margin-top: 50px !important;
	margin-bottom: 35px !important;
}

/* 中サイズ */

.tinymce_middle_mintyou,
.editor-area .tinymce_middle_mintyou {
	font-size: 125% !important;
	margin-top: 50px !important;
	margin-bottom: 35px !important;
}

/* 標準サイズ */

.tinymce_small_mintyou,
.editor-area .tinymce_small_mintyou {
	font-size: 95% !important;
	margin-top: 35px !important;
}

/* 色付きタイトル向け */

.tinymce_bg_sepia,
.editor-area .tinymce_bg_sepia,
.tinymce_bg_green,
.editor-area .tinymce_bg_green,
.tinymce_bg_violet,
.editor-area .tinymce_bg_violet {
	font-weight: bold;
	font-size: 125% !important;
	margin-top: 50px !important;
	margin-bottom: 35px !important;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 12px;
	padding-right: 12px;
}

/* セピア調 */

.tinymce_bg_sepia,
.editor-area .tinymce_bg_sepia {
	background-color: #FDFAF3;
	color: #7F5116;
	border-bottom: 1px dotted #F3ECDB;
}

/* グリーン調 */

.tinymce_bg_green,
.editor-area .tinymce_bg_green {
	background-color: #F4F8F3;
	color: #5C7347;
	border-bottom: 1px dotted #E2EDDF;
}

/* あずき色 */

.tinymce_bg_violet,
.editor-area .tinymce_bg_violet {
	background-color: #FAF5F3;
	color: #90423E;
	border-bottom: 1px dotted #E3D0CB;
}

/* タイトル向けスタイルに画像を入れた場合(文字中央揃え) */

.tinymce_big_mintyou img,
.editor-area .tinymce_big_mintyou img,
.tinymce_middle_mintyou img,
.editor-area .tinymce_middle_mintyou img,
.tinymce_small_mintyou img,
.editor-area .tinymce_small_mintyou img,
.tinymce_small_mintyou img,
.editor-area .tinymce_small_mintyou img,
.tinymce_bg_sepia img,
.editor-area .tinymce_bg_sepia img,
.tinymce_bg_green img,
.editor-area .tinymce_bg_green img,
.tinymce_bg_violet img,
.editor-area .tinymce_bg_violet img {
	vertical-align: middle;
	margin-right: 10px;
}

/* 枠線ブロック向け */

.tinymce_gray_frame,
.editor-area .tinymce_gray_frame,
.tinymce_sepia_frame,
.editor-area .tinymce_sepia_frame,
.tinymce_green_frame,
.editor-area .tinymce_green_frame {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

/* 灰色点線 */

.tinymce_gray_frame,
.editor-area .tinymce_gray_frame {
	background-color: #fcfcfc;
	border: 1px dotted #bbb;
}

/* セピア点線 */

.tinymce_sepia_frame,
.editor-area .tinymce_sepia_frame {
	background-color: #FDFDF7;
	border: 1px dotted #E1D5B9;
}

/* グリーン点線 */

.tinymce_green_frame,
.editor-area .tinymce_green_frame {
	background-color: #F8FBF8;
	border: 1px dotted #CADDC5;
}

/* 文字範囲指定向け */

.tinymce_gray_span,
.editor-area .tinymce_gray_span,
.tinymce_green_span,
.editor-area .tinymce_green_span,
.tinymce_violet_span,
.editor-area .tinymce_violet_span {
	color: #fff;
	margin-left: 3px;
	margin-right: 3px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
	border-radius: 2em;
}

/* 灰色 */

.tinymce_gray_span,
.editor-area .tinymce_gray_span {
	background-color: #333;
}

/* 緑色 */

.tinymce_green_span,
.editor-area .tinymce_green_span {
	background-color: #3F5839;
}

/* あずき色 */

.tinymce_violet_span,
.editor-area .tinymce_violet_span {
	background-color: #90423E;
}

/* 表向け */

/* セルの小さい表 */

.tinymce_small_table,
.editor-area .tinymce_small_table {
	background-color: #888 !important;
	border-spacing: 1px !important;
	min-width: 100%;
}

.tinymce_small_table th,
.tinymce_small_table td,
.editor-area .tinymce_small_table th,
.editor-area .tinymce_small_table td {
	background-color: #fff;
	font-size: 90% !important;
	line-height: 1.25em;
	padding-top: 4px !important;
	padding-bottom: 3px !important;
	padding-left: 7px !important;
	padding-right: 7px !important;
	border-spacing: 1px !important;
	border-width: 0px !important;
	text-align: center;
}

/* リスト向け */

/* 料理用 */

.tinymce_cuisine_list,
.editor-area .tinymce_cuisine_list {
	list-style-type: none;
	padding-left: 0px;
}

.tinymce_cuisine_list li,
.editor-area .tinymce_cuisine_list li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../image/mark_hoarse.png);
	background-position: left center;
	background-repeat: no-repeat;
	width: 50%;
	float: left;
	padding-top: 0.35em;
	padding-bottom: 0.35em;
	padding-left: 20px;
	padding-right: 15px;
	line-height: 1.15em !important;
}

.tinymce_cuisine_list:after,
.editor-area .tinymce_cuisine_list:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

@media screen and (max-width: 590px) {

.tinymce_cuisine_list li,
.editor-area .tinymce_cuisine_list li {
	width: 100%;
	float: none;
}

}

@media screen and (min-width: 591px) {

.tinymce_cuisine_list li,
.editor-area .tinymce_cuisine_list li {
	width: 50%;
	float: left;
}

}