@charset "UTF-8";
/* --------------------------------------------------------------------
 Copyright (c) 2018 plusi
 -------------------------------------------------------------------- */
/* ====================================
 ブラウザ デフォルト値のリセット
 ====================================== */
*{ margin: 0; padding: 0; box-sizing: border-box; }

/* block */
address,blockquote,dl,fieldset,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,object{
}
div, mg, p, a, ul, form, input, label, h1, h2, h3, table,object{
padding:0; margin:0;
}
/* inline */
button,cite{
}

/* other */
caption,dd,dt,li,td,th,tr{
}

/* form */
form,input,option,select,textarea{
}

/* style */
div,span{  }

/* img */
img { vertical-align: top; }

/* link */
a{
	text-decoration: none;
}
a:link{ color: #0d0d0d; }
a:visited{ color: #0d0d0d; }
a:hover{ color: #da3a20; text-decoration: underline;}
a:active{ color: #666666; }

a img{ border-style: none; }

/* iframe */
object{ overflow: auto; border: none; background-color: #d8caa8;}

/* ====================================
 基本タグ
 ====================================== */
body{
	background-color:#f2f2f2;
	position: relative;
	margin: 0;
	/*font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;*/
	/*font-family: 'Hannari', serif;*/

	font-size: 16px;
}

/* --------------------------------
	HEADER_AREA
   -------------------------------- */
#header_area{
	position: relative;
	z-index: 99;
	width: 100%;
	margin: 0 auto;
	padding: 10px 0px 10px 0px;
	/*background-color: rgba(232,224,208,1);*/
	background-color: #333;
	border-bottom: solid 1px #dddddd;
}
#header_area.pos_fix{ position: fixed; }

#header_box{

}
/* LOGO */
img.logo	{ width: 360px; padding: 0 0 0 20px;}

/* --------------------------------
	H1, H2
   -------------------------------- */
h2.for_member{
	width: 90%;
	margin: 30px  auto;
	position: relative;

	padding: 0.2rem;
	margin-bottom: 0.2rem;
	font-weight: bold;
	text-align: center;
}

h2.for_member span {
	background: linear-gradient(transparent 60%, #FFFE03 60%);
	font-size: 26px!important;
}

/* --------------------------------
	Title_Area
   -------------------------------- */
#title_area{
	position: relative;
	width: 100%;
	margin: auto;
	padding-top: 108px;
	z-index: 1;
	text-align: left;
}
#title_area img{
	width: 100%;
	height: auto;
}
#title_area:before{
	content: "";
	display: block;
}
#title_area img.big{
}
#title_box{
	position: absolute;
	top: 80%;
	left: 20%;
}

#title_box h1.top_title{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: normal;
	font-size: 36px;
}
#title_box h1.top_title span{
	font-weight: normal;
	font-size: 28px;
	padding-right: 20px;
}
#title_box p.name_E{
	font-family: 'Open Sans', sans-serif;
	color: #3077be;
}
/* --------------------------------
	STAGE
   -------------------------------- */

#stage{
	padding-top: 125px;
	padding-bottom: 25px;
}

/* --------------------------------
	見出し
   -------------------------------- */
h2{
	font-size: 24px;
	font-weight: bold;
}
h2.sp{ margin: 40px 0 40px 0px; }
h3{
	margin: 20px 0 20px 0px;
	font-size: 20px;
	font-weight: bold;
}
@media (max-width: 599px){
	h2.sp{ margin: 20px 0 20px 0px; }
}
/* --------------------------------
	PHOTO_BOX
   -------------------------------- */
/* 幅100%の写真 */
.photo_box{
	position: relative;
	clear: left;
	width: 100%;

	margin: 0;
	padding: 0;
}
.photo_box img{
	width: 100%;
}
img.cls{ background-color: #f2f2f2; }
img.borderB{ border: 10px solid #f2f2f2; }
img.borderB_w10{ border: 10px solid #fff; }
@media (max-width: 599px){
	img.borderB{ border: 4px solid #f2f2f2; }
	img.borderB_w10{ border: 4px solid #fff; }
}
/* --------------------------------
 box_line
   -------------------------------- */
.box_line{
	padding: 10px 0 10px 0;
}
.box_line .box_photo_row{	/* 写真一覧 */
	clear: left;
	width: 100%;
}
.box_line .box_photo_row img{
	float: left;
	width: 20%;
	padding: 1%;
}
/* ================================
			600px以上
   ================================ */
@media (min-width: 600px){
	.box_line .box_det{
		float: left;
		width: 48%;
	}
	.box_line .box_photo{
		float: right;
		width: 48%
	}
}

/* --------------------------------
	ROW_BOX (style.css .row内を想定）
   -------------------------------- */
.row_box{
	clear: left;
	position: relative;
	width: 100%;
	margin: auto;
}
.row_box p{
	font-size: 16px;
}
.row_box p.det{
	padding-top: 20px;
	font-size: 16px;
}
.row_box p.memo{
	padding-top: 20px;
	font-size: 12px;
}


/* --------------------------------
	footer_area
   -------------------------------- */
footer{
}
#footer_area{
	clear: left;
	background-color: #333;
	border: 1px solid #333!important;
	color: #fff;
}

.footer_box{
	clear: left;
	padding: 0;
	margin: 0;
	width: 100%;
}
.footer_info{
	margin-top: 0px;
	padding: 10px;
}
.footer_info h2{
	font-size: 14px;
	padding: 10px 0;
}
.footer_info p{
	padding: 10px;
	font-size: 14px;
}


/* コピーライト */
.copyright p{
	margin: 0;
	color: #fff;
	font-size: 12px;
	padding: 10px 0 20px 20px;
}

/* --------------------------------
 more
   -------------------------------- */
/* 続きを読む */
.more{
	margin: 0 auto;
	text-align: center;
	padding: 5px 15px!important;

	font-size: 16px!important;
	color: #ffffff;

	display: inline-block;
	background-color: #3077be;
	border-radius: 20px;
}

.more i{ margin-left: 6px; }

/* --------------------------------
	gMap
   -------------------------------- */
.gMap{
	margin-left: 5px;
	border: 1px solid #ccc;
	width: 96%;
	height: 300px;
}

/* --------------------------------
	dl
   -------------------------------- */
dl{
	margin: 20px;
}
dt{
	font-weight: bold;
	font-size: 18px;
	width: 100%;
	border-bottom: 1px dotted #ddd;
	padding-left: 10px;
}
dd{
	padding: 5px 10px;
	color: #999;
}
dd a, dd a:link{ color: #999!important；}
/* --------------------------------
	装飾
   -------------------------------- */
p.point{
	font-size: 18px;
	font-weight: bold;
}
em.point{
	background-color: #fffacd;
	font-style: bold;
}
.red{ color: red; }
/* --------------------------------
	共通
   -------------------------------- */
.clearfix:after{
	clear: both;
	content: '';
	display: block;
}
/* --------------------------------
	font-awsome
   -------------------------------- */
i.pdf{
	color: red!important;
	padding-right: 10px;
}
/* --------------------------------
	スクロール
   -------------------------------- */
#page-top{
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a{
	background: #aaa;
	text-decoration: none;
	color: #fff;
	width: 80px;
	padding: 20px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover{
	text-decoration: none;
	background: #666;
}

/*
	smart phone 	480
	tablet + PC		600
	大画面PC		1280
*/
/* ================================
			359px以下
   ================================ */
@media (max-width: 359px){
}


/* ================================
			599px以下
   ================================ */
@media (max-width: 599px){

	img.logo{ width: 320px; height: auto; padding: 15px 0 15px 5px;}

	#stage{
		padding-top: 25px;
	}

	#header_area{
		position: relative;
		padding: 0px;
	}
	#title_area{
		padding-top: 50px;
	}
	#title_area img{	/* 頁トップの画像 */
		width: 100%;
		height: 260px;
		object-fit: cover; 
	}
	#title_box{
		position: absolute;
		top: 80%;
		left: 13%;
	}

	#title_box h2.top_title{
		font-weight: normal;
		font-size: 16px;
	}
	#title_box h2.top_title span{
		font-weight: normal;
		font-size: 12px;
		padding-right: 10px;
	}
	#title_box p.name_E{
		font-size: 10px;
	}





	.box_det{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.box_det p{
		width: 100%;
		text-align: left;
	}
	.box_det img{
		width:auto;
		height:auto;
		max-width:96%;
		max-height:96%;
	}
	.box_det h1{
	}
	.box_photo{
		width: 100%;
	}

	.footer_info{
		width: 100%;
	}

	/* コピーライト */
	.copyright p{
		padding-top: 10px;
	}

	.more{
		padding: 3px;
		font-size: 12px!important;
	}
}
/* ================================
		600px以上(Tablet+PC)
   ================================ */
@media (min-width: 600px){
	#stage:after{
		content: "";
		display: block;
		clear: both;
	}

	/* LOGOとmenu_areaを横に並べる設定 */
	#header_area:after{
		content: "";
		display: block;
		clear: both;
	}

}
/* ================================
			1280px以上
   ================================ */
@media (min-width: 1280px){

	/* 全体の横幅を固定 */
	#stage{
		width: 1140px;
		margin-left: auto;
		margin-right: auto;
	}

	img.logo{
		padding: 0;
		margin: 0;
	}

	/* 全体の横幅を固定 */
	#header_box,
	.footer_box{
		width: 1140px;
		margin-left: auto;
		margin-right: auto;
	}

	/* 罫線を挿入 */
	#header_area{
		margin-bottom: 20px;
		border-bottom: solid 1px #dddddd;
	}

	/* 全体の横幅を固定 */
	#title_area{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	#title_area{
		/*
		max-height: 800px!important;
		*/
	}


}