@charset "utf-8";

/* Tiny MCE用CSS */

*{
	box-sizing:border-box;

	-webkit-text-size-adjust: 100%; /* iOSでのレイアウト崩れを避ける */
}

html{
}

body,
.mceContentBody {
	color: #111;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	font-feature-settings: 'palt';
	font-size: 14px;
	line-height: 2;
	margin: 0px;
	overflow-wrap: break-word;
	padding: 0px;
}

	body.viewmode-mobile {
	}

	/* PCでのモバイル表示（管理者用） */
	.desktop body.admin-bar.viewmode-mobile{
		margin:0px auto;
		max-width:320px;
	}

/* 管理画面のtinyMCE */
.mceContentBody{
	border:1px dotted #ccc;
	margin-left:auto;
	margin-right:auto;
	padding:20px 0px 20px 0px !important;
	max-width:760px;	/* 外観をあわせる */
}

	.mceContentBody.viewmode-mobile{
		padding-left: 9px !important;
		padding-right: 9px !important;
		max-width:320px;	/* 外観をあわせる */
	}

em{
	font-family:"ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	font-style:italic;
}

h1{
	font-size:24px;
	font-weight:bold;
	line-height:1.5;
}


h2{
	background-color:#fff;
	/*
	background-image:url(img/common/bg_h2.jpg);
	*/
	background-position:left bottom;
	background-repeat:repeat-x;
	border:1px solid #ccc;
	border-left:5px solid #D90000;
	color:#000;
	clear:both;
	font-size:15px;
	font-weight:bold;
	line-height:1.8;
	margin:0px 0px 20px 0px;
	padding:10px 5px 8px 15px;

	/*
	border-radius:10px 0 0 0;
	*/
	background:-moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

	.viewmode-mobile h2{
		margin:0px 0px 15px 0px;
		padding:10px 5px 8px 10px;
	}

	h2 a{
	}

		h2 a:visited{
		}

	/* スタイル1（未使用） */
	/*
	h2.type01{
		background-image:none;
		border:0px solid #fff;
		color:#D10905;
		font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-weight:bold;
		padding:0;

		transform:rotate(.03deg);
	}
	*/

h3{
	/*
	background-image:url(img/common/bg_h3.png);
	background-position:10px 10px;
	background-repeat:no-repeat;
	*/
	border-left:5px solid #D90000;
	border-bottom:1px solid #ccc;
	clear:both;
	font-size:15px;
	font-weight:bold;
	line-height:1.3;
	margin:0px 0px 15px 0px;
	padding:6px 5px 4px 10px;
}

	.viewmode-mobile h3{
	}

	/* スタイル1（未使用） */
	/*
	h3.type01{
		border-bottom:1px solid #ACCC40;
		margin-bottom:0.5em;
		padding-bottom:0.3em;
	}
	*/

h4{
	border-left:5px solid #d90000;
	clear:both;
	font-size:100%;
	font-weight:bold;
	line-height:1.5;
	margin:0px 0px 15px 0px;
	padding:4px 5px 2px 10px;
}

	.viewmode-mobile h4{

	}

	h4 a{
		text-decoration:underline;
		color:#666;	
	}
	
		h4 a:hover{
			text-decoration:underline;
			color:#000;
		}

h5{
	font-size:100%;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}

hr{
	background-color:#eee;
	border:none;
	height:5px;
}

ul{
	margin:0px;
	padding-left:20px;
}

	li{
		margin:0px;
		padding:0px;
	}

ol{
	margin:0px;
	padding-left:24px;
}




table{
	}

	.mce-item-table td{
		min-width:1em; /* 編集しやすいように最小幅を設定 */
	}

	/* スマホ表示の際、1カラムに可変 */
	.viewmode-mobile table.responsive{
		display:block;
		height:auto !important;
		max-width:100%;
	}

	table.aligncenter{
		display:table;
	}

	tbody{
	}
		.viewmode-mobile table.responsive > tbody{
			display:block;
			width:100%;
		}

	tr{
	}
		.viewmode-mobile table.responsive > tbody > tr{
			display:block;
			height:auto !important;
		}

	th{
	}
	
	td{
		font-size:inherit;
		font-family:inherit;
		margin:0;
	}

		.viewmode-mobile table.responsive > caption,
		.viewmode-mobile table.responsive > tbody > tr > th,
		.viewmode-mobile table.responsive > tbody > tr > td{
			display:block;
			height:auto !important;
			width:auto !important;
		}
		
			.viewmode-mobile td img{
				/*
				display:block;
				text-align:center;
				margin-left:auto;
				margin-right:auto;
				*/
			}
	
		td > h1:first-child,
		td > h2:first-child,
		td > h3:first-child,
		td > h4:first-child,
		td > h5:first-child{
			margin-top:0;
		}
		
		/* セル内で折り返さない（ビジュアルエディタ用） */
		th.nowrap,
		td.nowrap{
			white-space:nowrap;
		}

/* wp-content.cssでmax-width:100%に設定されているが、
変更するとコンテンツ幅を超えてはみ出す場合があるので注意。
ただし、max-width:100%のままだと、テーブル内に配置した際に親要素にあわせて縮小される（IE以外）
このことから以下のように設定した
【PC表示】 … max-widthを無効にし、img.size-fullの場合のみコンテンツ幅を上限に。
【モバイル表示】 … max-width:100%（デバイスによってコンテンツ幅が変動するため）。
*/
img{
	border:0px;
	max-width:none;
	/*
	vertical-align:bottom;
	*/
}

	img.size-full{
		/* コンテンツ幅と同じに設定 */
		max-width:760px;
	}

	.viewmode-mobile img{
		max-width:100%;
		height:auto;
	}

	/* 画像の汎用クラス */
	img.valigntop{
		vertical-align:top;
	}

	img.valignmiddle{
		vertical-align:middle;
	}

	img.valignbottom{
		vertical-align:bottom;
	}


a{
	color:#D90000;
	text-decoration:underline;
}
	a:focus{
	}
	a:hover{
		text-decoration:none;
	}
	a:visited{
		color:#820000;
	}

p{
	margin:0px;
	line-height:inherit;
}

div{}
	div > h1:first-child,
	div > h2:first-child,
	div > h3:first-child,
	div > h4:first-child,
	div > h5:first-child{
		margin-top:0;
	}


/*
***********************************************************************************************
Wordpressのビルトインクラス
***********************************************************************************************
*/

.wp-caption{
	display:inline-block;
}

	.wp-caption.aligncenter{
		display:block;
	}


/*
***********************************************************************************************
「部品を挿入」機能で挿入される汎用クラス付きの要素
***********************************************************************************************
*/

/* リンクボタン ━━━━━━━━━━━━━━━━━━━━━━━ */

/* スタイル1 角丸 */
a.btn{
	background-color:#D90000;
	border:2px solid #D90000;
	color:#fff;
	display:inline-block;
	padding:0.3em 1em 0.3em 2em;
	position:relative;
	text-decoration:none;

	transition:all .2s ease;
	border-radius:3px;
}

	/* tinymceで編集中の状態 */
	.mce-content-body a.btn[data-mce-selected]{
		padding:0.3em 1em 0.3em 2em;
	}

	a.btn:hover{
		background-color:#fff;
		border:2px solid #D90000;
		color:#D90000;
	}

	/* 矢印の飾り */
	a.btn:before{
		color:#fff;
		content:"\f054";	/* fa-chevron-right */
		display:block;
		font-family:FontAwesome;
		font-size:1em;
		line-height:1.5;
		top:0.6em;
		left:0.75em;
		position:absolute;
	}

		a.btn:hover:before{
			color:#D90000;
		}

		.android a.btn:before{
			top:0.8em;
		}

	a.btn + .icon_external{
		display:none;
	}

/* スタイル2 丸 */
a.btn.type02{
	border-radius:1.5em;
}

/* スタイル3 枠のみ */
a.btn.type03{
	background-color:transparent;
	border:2px solid #D90000;
	color:#D90000;

	border-radius:1.5em;
}

	a.btn.type03:hover{
		background-color:#D90000;
		border:2px solid #D90000;
		color:#fff;
	}

	a.btn.type03:before{
		color:#D90000;
	}

		a.btn.type03:hover:before{
			color:#fff;
		}


/* リスト ━━━━━━━━━━━━━━━━━━━━━━━ */

/* スタイル1 矢印 */
ul.type01{
	list-style-type:none;
}

	ul.type01 > li{
		list-style-type:none;
		position:relative;
	}

		ul.type01 > li:before{
			color:#D90000;
			content:"\f054";	/* fa-chevron-right */
			display:block;
			font-family:FontAwesome;
			font-size:0.8em;
			line-height:1.5;
			top:0.5em;
			left:-1em;
			position:absolute;
		}

/* スタイル2 米印 */
ul.type02{
	list-style-type:none;
}

	ul.type02 > li{
		list-style-type:none;
		position:relative;
	}

		ul.type02 > li:before{
			content:"※";
			display:block;
			font-size:1em;
			left:-1.35em;
			position:absolute;
		}

/* スタイル3 横並び（未使用） */
ul.type03{
	list-style-type:none;
	padding:0px;
}

	ul.type03 > li{
		border-left:1px solid #ccc;
		display:inline;	/* ie11でのバグのため、inline-blockでなくinlineにすること */
		margin:0 -0.4em 0 0;
		padding:0 1em;
		vertical-align:top;
	}

		ul.type03 > li:first-child{
			border-left:0px solid #fff;
		}

/* スタイル4 横並び・矢印（未使用） */
ul.type04{
	padding:0px;
}

	ul.type04 > li{
		display:inline;	/* ie11でのバグのため、inline-blockでなくinlineにすること */
		margin:0 1.5em 0 0;
		padding:0 0 0 1em;
		position:relative;
		vertical-align:top;
	}

		/* 矢印の飾り */
		ul.type04 > li:before{
			color:#D90000;
			content:"\f054";	/* fa-chevron-right */
			display:block;
			font-family:FontAwesome;
			font-size:0.8em;
			line-height:1.5;
			top:0.2em;
			left:0.3em;
			position:absolute;
		}

/*
***********************************************************************************************
float関連
***********************************************************************************************
*/

/* new clearfix */
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .clearfix            { zoom:1; } /* IE6 */ 
*:first-child+html .clearfix{ zoom:1; } /* IE7 */


/* margin,paddingの汎用クラス━━━━━━━━━━━━━━━━━━━━━━━ */

.mt0{ margin-top:0px !important; }
.mt3{ margin-top:3px !important; }
.mt5{ margin-top:5px !important; }
.mt6{ margin-top:6px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt35{ margin-top:35px !important; }
.mt50{ margin-top:50px !important; }

.mt-40{ margin-top:-40px !important;}

.mra{ margin-right:auto !important; }
.mr5{ margin-right:5px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }
.mr25{ margin-right:25px !important; }
.mr30{ margin-right:30px !important; }

.mla{ margin-left:auto !important; }
.ml0{ margin-left:0px !important; }
.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }
.ml25{ margin-left:25px !important; }
.ml30{ margin-left:30px !important; }
.ml40{ margin-left:40px !important; }
.ml50{ margin-left:50px !important; }
.ml100{ margin-left:100px !important; }
.ml115{ margin-left:115px !important; }

.mb0{ margin-bottom:0px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb40{ margin-bottom:40px !important; }
.mb45{ margin-bottom:45px !important; }

.pt0{ padding-top:0px !important; }
.pt10{ padding-top:10px !important; }
.pt15{ padding-top:10px !important; }
.pt20{ padding-top:20px !important; }
.pt25{ padding-top:25px !important; }
.pt30{ padding-top:30px !important; }
.pt40{ padding-top:40px !important; }

.pra{ padding-right:auto !important; }
.pr0{ padding-right:0px !important; }
.pr5{ padding-right:5px !important; }
.pr10{ padding-right:10px !important; }
.pr15{ padding-right:15px !important; }
.pr20{ padding-right:20px !important; }
.pr25{ padding-right:25px !important; }
.pr30{ padding-right:30px !important; }
.pr40{ padding-right:40px !important; }

.pda{ padding-bottom:auto !important; }
.pd0{ padding-bottom:0px !important; }
.pd5{ padding-bottom:5px !important; }
.pd10{ padding-bottom:10px !important; }
.pd15{ padding-bottom:15px !important; }
.pd20{ padding-bottom:20px !important; }
.pd25{ padding-bottom:25px !important; }
.pd30{ padding-bottom:30px !important; }
.pd40{ padding-bottom:40px !important; }

.pl0{ padding-left:0px!important; }
.pl10{ padding-left:10px!important; }
.pl15{ padding-left:15px!important; }
.pl20{ padding-left:20px!important; }
.pl25{ padding-left:25px!important; }
.pl30{ padding-left:30px!important; }
.pl40{ padding-left:40px!important; }
.pl45{ padding-left:45px!important; }
.pl65{ padding-left:65px!important; }


/* tableの汎用クラス━━━━━━━━━━━━━━━━━━━━━━━ */


/* スタイル1 */
table.type01{
	border:1px solid #ccc;
	border-collapse:collapse;
}

	.viewmode-mobile table.type01.responsive{
		border:0px solid #fff;
	}
	
	table.type01 > thead > tr > th{
		border:1px solid #ccc;
		background-color:#eee;
	}
	
	table.type01 > tbody > tr > th{
		border:1px solid #ccc;
		background-color:#eee;
	}
	
		.viewmode-mobile table.type01.responsive > tbody > tr > th{
			margin-top:-1px;
		}

	table.type01 > tbody > tr > td{
		border:1px solid #ccc;
	}
	
		.viewmode-mobile table.type01.responsive tbody > tr > td{
			margin-top:-1px;
		}


/* スタイル2 */
table.type02{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:0px solid #fff;
	border-right:0px solid #fff;
	border-collapse:collapse;
}

	.viewmode-mobile table.type02.responsive{
		border-top:0px solid #fff;
		border-bottom:0px solid #fff;
	}

	table.type02 > tbody > tr > th{
		background-color:#eee;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		border-left:0px solid #fff;
		border-right:0px solid #fff;
	}
	
		.viewmode-mobile table.type02.responsive > tbody > tr > th{
			margin-top:-1px;
		}

	table.type02 > tbody > tr > td{
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		border-left:0px solid #fff;
		border-right:0px solid #fff;
	}
	
		.viewmode-mobile table.type02.responsive > tbody > tr > td{
			margin-top:-1px;
		}

/* スタイル3 */
table.type03{
}
	table.type03 > tbody > tr > th{
		background-color:#999;
		color:#fff;
	}

	table.type03 > tbody > tr > td{
	}
	
		table.type03 > tbody > tr.odd > td{
			background-color:#eee;
		}

			.viewmode-mobile table.type03 > tbody > tr.odd > td{
				background-color:#fff;
			}