@charset "UTF-8";
/* CSS Document */

/* ---------------------------------------------------------------------------------------------

　   ページタイトル

--------------------------------------------------------------------------------------------- */

.main_visual{
	position: relative;
	bottom: 95px;
	z-index: 0;
	text-align: center;
	width: 100%;
	height: 280px;
	background: url("../../img/common/page_ttl_bg00.jpg") no-repeat top center;
	background-size: cover;
	margin:  0 auto;
	}

.main_visual .main_visual_block{
	width: 100%;
	height: 100%;
	max-width: 1400px;
	margin: 0 auto;
	background-image:
		url("../../img/common/page_ttl_bg_left3.jpg"),
		url("../../img/common/page_ttl_bg_right3.jpg");
	background-repeat:
		no-repeat,
		no-repeat;
	background-size:
		contain,
		contain;
	background-position: 
		left bottom,
		right bottom;
	display: flex;
	justify-content: center;
	align-items: center;
	}
.main_visual::after{
	content: '';
	display: inline-block;
	width: 100%;
	height: 48%;
	background-image: url(../../img/common/page_ttl_bottom.png);
	background-position: center bottom;
	background-size: cover;
	vertical-align: middle;
	position: absolute;
	bottom:0;
	left: 0;
	right: 0
	}
.main_visual h2{
	color: #be7400;
	font-size: 41px;
	font-weight: normal;
	font-family:"ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	letter-spacing: -0.05em;
	position: relative;
	-moz-text-shadow: 0px 0px 10px rgba(253, 235, 191, 1),0px 0px 10px rgba(253, 235, 191, 1),0px 0px 10px rgba(253, 235, 191, 1),0px 0px 10px rgba(253, 235, 191, 1),0px 0px 10px rgba(253, 235, 191, 1);
	-webkit-text-shadow: 0px 0px 10px rgba(253, 235, 191, 1),0px 0px 10px rgba(253, 235, 191, 1),0px 0px 10px rgba(253, 235, 191, 1),0px 0px 10px rgba(253, 235, 191, 1),0px 0px 10px rgba(253, 235, 191, 1);
	-ms-text-shadow: 0px 0px 10px rgba(253, 235, 191, 1),0px 0px 10px rgba(253, 235, 191, 1),0px 0px 10px rgba(253, 235, 191, 1),0px 0px 10px rgba(253, 235, 191, 1),0px 0px 10px rgba(253, 235, 191, 1);
	text-shadow: 0px 0px 10px rgba(253, 235, 191, 1),0px 0px 10px rgba(253, 235, 191, 1),0px 0px 10px rgba(253, 235, 191, 1),0px 0px 10px rgba(253, 235, 191, 1),0px 0px 10px rgba(253, 235, 191, 1);
	}

	@media only screen and (min-width: 1200px) {
		.main_visual{
			bottom: 95px;
			}
		}
	@media only screen and (min-width: 1400px) {
		.main_visual{
			bottom: 130px;
			}
		}
	@media only screen and (max-width: 1100px) {
		.main_visual{
			height: 220px;
			background: url("../../img/common/page_ttl_bg00.jpg") no-repeat bottom center;
			background-size: contain;
			}
		.main_visual h2{
			font-size: 32px;
			margin-top:0.75em ;
			}
		.main_visual .main_visual_block{
			background-size:
				30%,
				30%;
			}
		}
	@media only screen and (max-width: 800px) {
		.main_visual{
			height: 160px;
			background-size: cover;
			}
		.main_visual h2{
			font-size: 28px;
			}
		}
	@media only screen and (max-width: 700px) {
		.main_visual .main_visual_block{
			background-image:
			none,
			none;
			}
		}
	@media only screen and (max-width: 600px) {
		.main_visual{
			height: 120px;
			bottom: 65px;
			}
		.main_visual h2{
			font-size: 22px;
			margin-top:0;
			}
		}

/* ---------------------------------------------------------------------------------------------

　   パンくず

--------------------------------------------------------------------------------------------- */

.breadcrumb {
	width: 100%;
	max-width: 980px;
	margin: 20px auto;
	background-color: #ffffff;
	color: #562D00;
	font-size:		12px;
	}
.breadcrumb ul{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.breadcrumb ul li{
	list-style: none;
	}
.breadcrumb ul li:before{
	content: '\00a0>\00a0';
	}
.breadcrumb ul li:first-child:before{
	content: none;
	}
.breadcrumb a {	
	color:			#ff6e00;
	text-decoration:none;
	}
.breadcrumb a:hover {
	text-decoration:underline;
	}
.breadcrumb .post{
	float:none;
	}
	@media only screen and (max-width: 1024px) {
		.breadcrumb ul {
			width: 88%;
			}
		}
	@media only screen and (max-width: 600px) {
		.breadcrumb {
			margin: 20px auto 10px auto;
			font-size:		11px;
			}
		.breadcrumb{
    		word-break :break-all;
			padding: 7px 0;
			line-height: 120%;
			}
		}

/* ---------------------------------------------------------------------------------------------

　   コンテンツ

--------------------------------------------------------------------------------------------- */

.main_container{
	width: 100%;
	padding-bottom: 20px;
	margin: 0 auto;
	}

	@media only screen and (max-width: 1000px) {
		.main_container{
			width: 94%;
			}
		}
	@media only screen and (max-width: 650px) {
		.main_container{
			width: 92%;
			}
		}

/*　記事　*/
.tex{
	width: 100%;
	max-width: 980px;
	margin: 0 auto ;
	}

/*　タイトル　*/
.tex h3{
	background: url("../../img/common/ttl_h3_bg.jpg") no-repeat center left;
	background-size: cover;
	color: #ffffff;
	font-size: 31px;
	font-weight: normal;
	padding: 22px 30px;
	margin: 40px 0 18px 0;
	line-height: 120%;
	clear: both;
	}
.tex h4{
	color: #ff6e00;
	font-size: 27px;
	font-weight: normal;
	padding: 12px 0;
	line-height: 150%;
	}
.tex h5{
	font-size: 20px;
	font-weight: normal;
	padding: 5px 0;
	display:flex;
	align-items:center;
	}

.tex h6{
	font-size: 18px;
	}
	@media only screen and (max-width: 800px) {
		.tex h3{
			background-size: cover;
			font-size: 22px;
			padding: 14px 22px 13px 22px;
			margin: 30px 0 10px 0;
			line-height: 130%;
			}
		.tex h4{
			font-size: 20px;
			padding: 12px 0;
			line-height: 150%;
			}
		}
	@media only screen and (max-width: 600px) {
		.tex h3{
			background-size: cover;
			font-size: 18px;
			padding: 9px 16px 9px 16px;
			margin: 30px 0 6px 0;
			}
		.tex h4{
			font-size: 16px;
			padding: 8px 0;
			}
		.tex h5{
			font-size: 18px;
			line-height: 140%;
			}
		.tex h6{
			font-size: 15px;
			}
		}

/*　画像　*/
.tex img{
	max-width: 100%;
	height: auto;
	}

/*　テキスト　*/
.tex p{
	font-size: 17px;
	line-height: 190%;
	}
	@media only screen and (max-width: 800px) {
		.tex p{
			font-size: 16px;
			}
		}
	@media only screen and (max-width: 600px) {
		.tex p{
			font-size: 14px;
			line-height: 180%;
			}
		}

/*　リスト　*/
.tex ul.list01,
.tex ul.list04{
	font-size: 17px;
	line-height: 190%;
	}
.tex ul.list01 li,
.tex ul.list04 li{
	list-style: none;
	padding-left:17px;
	text-indent:-17px;
	}
.tex ul.list01 li::before{
	content: '●';
	color: #ffba00;
	}

.tex dl.list02,
.tex dl.list03{
	line-height: 190%;
	margin: 20px 0;
	}
.tex dl.list02 dt,
.tex dl.list03 dt{
	font-size: 18px;
	color: #ff6e00;
	font-weight: bold;
	margin-top: 5px;
	}
.tex dl.list02 dd,
.tex dl.list03 dd{
	font-size: 16px;
	list-style: none;
	margin-left: 17px;
	}

.tex dl.list03 dt{
	color: #562D00;
	}

	@media only screen and (max-width: 800px) {
		.tex ul.list01,
		.tex ul.list04{
			font-size: 16px;
			}
		.tex dl.list02 dt,
		.tex dl.list03 dt{
			font-size: 16px;
			margin-top: 5px;
			}
		.tex dl.list02 dd,
		.tex dl.list03 dd{
			font-size: 16px;
			margin-left: 16px;
			}
		}
	@media only screen and (max-width: 600px) {
		.tex ul.list01,
		.tex ul.list04{
			font-size: 14px;
			}
		.tex dl.list02 dt,
		.tex dl.list03 dt{
			font-size: 14px;
			margin-top: 5px;
			}
		.tex dl.list02 dd,
		.tex dl.list03 dd{
			font-size: 14px;
			margin-left: 14px;
			}
		}
/*　メッセージ　*/
.tex .message{
	color: #be7400;
	font-size: 32px;
	line-height: 145%;
	margin-bottom: 25px;
	font-weight: bold;
	font-family:"ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	}
.tex .message.m2{
	font-size: 28px;
	margin-top: 40px;
	margin-bottom: 25px;
	}
	@media only screen and (max-width: 800px) {
		.tex .message{
			font-size: 24px;
			margin-bottom: 8px;
			}
		}
	@media only screen and (max-width: 600px) {
		.tex .message{
			margin-top: 8px;
			font-size: 18px;
			line-height: 180%;
			}
		.tex .message.m2{
			font-size: 22px;
			line-height: 180%;
			margin-top: 20px;
			margin-bottom: 5px;
			}
		}


/* ---------------------------------------------------------------------------------------------

　   回りこみ解除

--------------------------------------------------------------------------------------------- */
.clearfix:after {
	content: " "; 
	display: block;
	clear: both;
	}

.tex img.aligncenter {
    display:		block;
    margin-left:	auto;
    margin-right:	auto;
	clear:			none;
	}
.tex img.alignright {
    margin-left:	1.5em;
    margin-right:	0;
    margin-bottom:	0.5em;
    display:		inline;
	clear:			none;
	}
.tex img.alignleft {
	margin-left:	0;
	margin-right:	1.5em;
	margin-bottom:	0.5em;
	display:		inline;
	clear:			none;
	}
.tex img.alignnone {
    margin-left:	0;
    margin-right:	0;
    margin-bottom:	0.5em;
	clear:			none;
	}
.tex .alignright {
	float:			right;
	}
.tex .alignleft {
	float:			left;
	}
	@media screen and (max-width: 900px){
		.tex img.alignright,
		.tex img.alignleft,
		.tex img.alignnone,
		.tex img.aligncenter {
			display:		block;
			margin-left:	auto;
			margin-right:	auto;
			clear:			both;
			}
		.tex .alignright {
			float:			none;
			}
		.tex .alignleft {
			float:			none;
			}
		.tex .aligncenter {
			clear:			both;
			display:		block;
			margin-left:	auto;
			margin-right:	auto;
			}
		}

/* ---------------------------------------------------------------------------------------------

　   TABLE

--------------------------------------------------------------------------------------------- */

table{
	width:100%;
	border-top:1px solid #ddd;
	margin:5px 0 30px 0;
	border-collapse:collapse;
	line-height: 180%;
	}
table th{
	text-align:center;
	padding:10px;
	border-bottom:1px solid #ddd;
	}
table td{
	padding:12px;
	border-bottom:1px solid #ddd;
	}
table.mobile-block{
	}
table.mobile-block input,
table.mobile-block select{
	margin: 0 0 10px 0;
	}
	@media only screen and (max-width: 650px) {
		table{
			line-height: 160%;
			}
		table th{
			padding: 8px 10px ;
			border-top:1px solid #ddd;
			white-space: nowrap;
			}
		table td{
			padding:8px 10px;
			}
		table.mobile-block td,
		table.mobile-block th{
			display:block;
			}
		table.mobile-block {
			border:none;
				}
		table.mobile-block th{
			text-align:left;
			font-weight: bold;
			}
		table.mobile-block td{
			border:none;
			}
		table.mobile-block th br{
			display: none;
			}
		}

/* ---------------------------------------------------------------------------------------------

　   お知らせ・ブログページ

--------------------------------------------------------------------------------------------- */

.blog_cont{
	display: flex;
	flex-wrap: wrap;
	}
.blog_cont .blog_inner{
	width: 64%;
	margin: 0 6% 0 0;
	}
aside.aside{
	width: 30%;
	margin: 0 0 0 0;
	}
	@media only screen and (max-width: 680px) {
		.blog_cont .blog_inner{
			width: 100%;
			margin: 0;
			float: none;
			}
		aside.aside{
			display: none;
			}
		}
aside ul li{
	list-style: none;
	margin: 0 0 50px 0;
	font-size:0.95em;
}
aside h2.widgettitle{
	color:#ff6e00;
	font-size:1em;
	font-weight:bold;
	line-height: 160%;
	margin-bottom:20px;
	padding-bottom: 5px;
	border-bottom: dotted 1px #ff6e00;
}
aside .widget_categories ul li:before,
aside .widget_recent_entries ul li:before,
aside .widget_archive ul li:before{
	content: "・";
}
aside .widget_categories ul li,
aside .widget_recent_entries ul li,
aside .widget_archive ul li{
	line-height: 140%;
	margin-bottom: 8px;
}
aside .widget_categories ul li a,
aside .widget_recent_entries ul li a,
aside .widget_archive ul li a,
aside .widget_categories ul li,
aside .widget_recent_entries ul li,
aside .widget_archive ul li{
	text-decoration:none;
	color:#562D00;
}
aside .widget_categories ul li a:hover,
aside .widget_recent_entries ul li a:hover,
aside .widget_archive ul li a:hover{
	text-decoration:underline;
}

aside .widget_recent_entries ul li{
	padding-left:1em;
	text-indent:-1em;
}


/*	arvhive
/* ------------------------------------- */
.info_box1{
	margin: 20px 0px 0px 0px;
}
.info_box {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
}

.i_cat{
	color: #777;
	font-size: 11px;
	margin: 0;
	padding: 6px 10px 4px 10px;
}

.i_date{
	display: inline-block;
	font-size: 12px!important;
	line-height: 100%;
	margin: 0;
	padding: 10px 0 0 0;
}
.i_text_box{
	margin: 24px 0px 50px 0px;
	padding: 0px;
}
	@media only screen and (max-width: 600px) {/* スマホ幅 */
		.i_text_box{
			margin: 0 ;
			padding: 0px;
			}
		}

.i_m{
	color: #777;
	margin: 0px 10px 0px 0px;
	clear:both;
}
.i_text a {
	color: #ff6e00;
	text-decoration: none;
}

.i_text a:hover {
	color: #ff6e00;
	text-decoration: underline;
}
h4.i_title{
	border-bottom: dotted 1px #ff6e00;
}
/*エントリータイトル*/
.i_title a{
	position: relative;
	display: inline-block;
	font-size:21px;
	font-weight: 400;
	color: #ff6e00;
	text-decoration: none;
	line-height:160%;
	}
.i_title a:hover {
	opacity: 0.7;
	}
	@media only screen and (max-width: 650px) {
			/*エントリータイトル*/
			.i_title a{
				font-size:16px;
				line-height:150%;
				}
			}

/* ---------------------------------------------------------------------------------------------

　   ページネーション スタイル

--------------------------------------------------------------------------------------------- */

.pagenavi {
	padding: 10px 20px 10px 0px;
	display:block;
	clear:both;
	}
	@media only screen and (max-width: 650px) {
			.pagenavi {
				font-size: 0.7em;
				padding: 0 !important;
				margin: 0 !important;
				}
			}
.pagenavi a,
.pagenavi a:link {
	padding: 6px 8px !important;
	margin: 2px !important;
	text-decoration: none !important;
	border:1px solid #e2e5e5 !important;
	color: #8c9c9c !important;
	background:url(images/pagination-bg.png) repeat-x !important;
	font-weight: normal !important;
	}
	@media only screen and (max-width: 650px) {
		.pagenavi a,
		.pagenavi a:link {
			padding: 5px 6px !important;
			margin: 1px !important;
			}
		}
.pagenavi span.pages {
	padding: 6px 8px !important;
	margin: 2px !important ;
	border: none !important;
	color: #bcc9c9 !important;
	background: none !important;
	}
	@media only screen and (max-width: 650px) {
		.pagenavi span.pages {
			padding: 5px 6px !important;
			margin: 1px !important ;
			}
		}
.pagenavi span.current,
.pagenavi span.extend,
.pagenavi a:active,
.pagenavi a:hover {
	padding: 6px 8px !important;
	margin: 2px;
	font-weight: bold;
	background:url(images/pagination-bg.png) repeat-x !important;
	border:1px solid #e2e5e5 !important;
	color:#8c9c9c !important;
	}
	@media only screen and (max-width: 650px) {
		.pagenavi span.current,
		.pagenavi span.extend,
		.pagenavi a:active,
		.pagenavi a:hover {
			padding: 5px 6px !important;
			margin: 1px;
			}
		}
.pagenavi a,
.pagenavi a:link,
.pagenavi span.current,
.pagenavi span.extend,
.pagenavi a:active {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	}
	@media only screen and (max-width: 650px) {
		.pagenavi a,
		.pagenavi a:link,
		.pagenavi span.current,
		.pagenavi span.extend,
		.pagenavi a:active {
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px;
			}
		}
.pagenavi a:hover {
	color: #000 !important;
	}

/* ---------------------------------------------------------------------------------------------

　   パンくず

--------------------------------------------------------------------------------------------- */

.pan {
	width: 100%;
	color:  #494749;
	font-size:		12px;
	margin:			0 auto 3em auto;
	padding: 12px 0;
	}
.pan ul{
	max-width: 1024px;
	margin:			0 auto;
	}
.pan ul li{
	float: left;
	list-style: none;
	}
.pan ul li:before{
	content: '\00a0>\00a0';
	}
.pan ul li:first-child:before{
	content: none;
	}
.pan a {	
	color:			#777;
	text-decoration:none;
	}
.pan a:hover {
	color:			#dca558;
	text-decoration:underline;
	}
.pan .post{
	float:none;
	}
	@media only screen and (max-width: 1024px) {
		}
	@media only screen and (max-width: 560px) {
		.pan ul {
			font-size:		0.8em;
			margin:			0 auto;
			}
		.pan{
    		word-break :break-all;
			padding: 0.5em 0;
			margin:			0 auto 5em auto;
			line-height: 120%;
			}
		}

/* ---------------------------------------------------------------------------------------------

　   ボタン

--------------------------------------------------------------------------------------------- */

.postmetadata a{
	margin: 5px 0 20px 0;
	padding: 7px 22px 5px 20px;
	color: #ffffff;
	display: inline-block;
	background-color:#ffba00;
	border-radius: 5px;
	text-decoration: none;
	transition-duration: 0.3s;
	}
.postmetadata a:hover{
	opacity:0.7;
	}

	@media only screen and (max-width: 800px) {
			.postmetadata a{
				margin: 10px 0;
				}
			}
	@media only screen and (max-width: 680px) {
			.postmetadata a{
				margin: 5px 0;
				padding: 5px 17px 3px 15px;
				}
			}