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


/*===============================================
●  画面の横幅が480pxまで：スマホ
===============================================*/
@media screen and (max-width:480px){


.wrap, .wrap02 {
	margin: 0px auto 0 auto;
	padding: 0px 2.08333% 0 2.08333%;
	max-width: 460px;
}



/*------------------- ヘッダー -----------------------*/

header .h_copy {
	margin: 0px;
	padding: 5px 0;
	width: 100%;
	background-color: #FF9600;
	font-size: 13px;
	line-height: 1.5em;
	color: #FFF;
	text-align: center;
}

.wrap_header {
	margin: 0px auto 0 auto;
	padding: 0px 2.08333% 3.26086% 2.08333%;
	max-width: 460px;
}


h1 {
	width: 100%;
	margin: 2.6737% auto 0 auto;
	padding: 0;
	float: none;
	text-align: center;
}



/*----- ナビ* -----*/

nav {
	width: 100%;
	margin: 2.6737% auto 0 auto;
	padding: 0;
	float: none;
	text-align: center;
}

nav ul {
	margin: 0px;
	padding: 0;
	list-style-type: none;
}

nav ul li {
	margin: 0 5.8695% 0 0;
	padding: 0;
	float: left;
	list-style-type: none;
}

nav ul li.nav01 {width: 20%;}
	
nav ul li.nav02 {width: 46.3043%;}

nav ul li.nav03 {
	width: 21.9565%;
	margin: 0 0 0 0;
}
	

nav ul li a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}



/*------------------- メインバナー -----------------------*/

.main_banner {
	width: 100%;
	margin: 0px;
	padding: 6.5217% 0 8.6956% 0;
	background: url(../img/main_banner_back.jpg) repeat;
}


.main_hc_sp {
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 0 0 3.2605% 0;
	text-align: center;
}


/*------------------- トップコンテンツ -----------------------*/	


.contents_back {
	width: 100%;
	margin: 0px;
	padding: 4.0106% 0;
	background: url(../img/back01.jpg) repeat;
}


.top_news_wrap_l {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	float: none;
	text-align: center;
}

.top_news_wrap_l .t_news {
	margin: 0 auto 2.6737% auto;
	padding: 0;
	text-align: center;
}

.top_news_wrap_r {
	width: 100%;
	margin: 0px;
	padding: 3.2608% 0;
	float: none;
	background-color: #FFF;
}

.top_news_wrap_r .scroll {
	margin: 0 1.08695% 0 3.2608%;
	padding: 1.08695%;
	overflow: auto;
	overflow-Y: scroll;
	height: 320px;
}


.top_news_wrap_r .scroll ul{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	font-size: 90%;
	line-height: 1.6em;
}

.top_news_wrap_r .scroll ul li{
	padding: 0 0 2.1739% 0;
	margin: 0 0 2.1739% 0;
	list-style-type: none;
	border-bottom: 2px dotted #D9C37B;
}

.b_news {
	margin: 4.34782% auto 0 auto;
	padding: 0;
	text-align: center;
}


/*------------------- 中ページコンテンツ -----------------------*/		


.contents01 {
	width: 100%;
	margin: 0px;
	padding: 4.3478% 0;
}


section {
	width: 100%;
	margin: 0px;
	padding: 0 0 10.869% 0;
}


.h3_02 {
	background-image: url(../02bn/img/h3_back.png);
	background-repeat: repeat-x;
	height: 87px;
	font-size: 24px;
	padding: 10px 0 0 45px;
	line-height: 1.2em;
}


.wrap02_l {
	width: 100%;
	margin: 0;
	padding: 0;
	float: none;
}

.wrap02_r {
	width: 100%;
	margin: 0;
	padding: 0;
	float: none;
}

.dd_day02 {
	text-align: left;
	vertical-align: top;
	float: left;
	padding-left: 1.5em;
	padding-bottom: 0.7em;
	max-width:100%;
}

.wrap_button02 .b_left, .wrap_button03 .b_left {
	width: 100%;
	margin: 0 auto 6.5217% auto;
	float: none;
	text-align: center;
}

.wrap_button02 .b_right, .wrap_button03 .b_right {
	width: 100%;
	margin: 0 auto;
	float: none;
	text-align: center;
}



/*----- テーブル -----*/


.yellow_tc01 {
	width: 33%;
	text-align: center;
	vertical-align: top;
	padding: 2% 1em;
	background-image: url(../04news/img/back_yellow.jpg);
}



/*----- お問い合せフォーム -----*/



.dl_form {
	text-align: left;
	vertical-align: middle;
	line-height: 1.8em;
	width: 100%;
	overflow: auto;
	margin-bottom: 20px;
	font-size: 100%;
}

.dt_form {
	text-align: left;
	vertical-align: middle;
	width: 100%;
	padding: 5px 0 5px 1em;
	float: none;
	border-left: 7px solid #FF9800;
	margin-bottom: 10px;
}

.dd_form {
	text-align: left;
	vertical-align: middle;
	float: none;
	width: 100%;
}


form .text_input {
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 10px;
	border: 1px solid #ccc;
	width: 100%;
}

.text_input {
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 10px;
	border: 1px solid #ccc;
	width: 100%;
	font-size: 100%;
}


/*------------------- バナー -----------------------*/

.bnr_wrap {
	width: 100%;
	margin: 6.5217% auto;
	padding: 0px;
	text-align: center;
}



/*------------------- フッター -----------------------*/

.footer_wrap {
	width: 100%;
	margin: 0; 
	padding: 0;
}

.footer_wrap .f_left {
	width: 100%;
	margin: 0 auto;
	padding: 6.5217% 0 0 0;
	float: none;
	text-align: center;
}

.footer_wrap .f_left .f_title {
	margin: 0 0 2.1739% 0;
}

.footer_wrap .f_right {
	width: 100%;
	margin: 2.1739% auto 0 auto;
	padding: 0;
	float: none;
	text-align: center;
}

.footer_wrap .f_right .number01 {margin: 0 auto 2.1739% auto;}
.footer_wrap .f_right .number02 {margin: 0 auto;}


.footer_wrap .copylight {
	width: 100%;
	margin: 4.3478% 0 0 0;
	padding: 2.1739% 0 6.5217% 0;
	text-align: center;
	border-top: 1px solid #FFF;
	font-size: 12px;
}



/*------------------- 2020.12.9 -----------------------*/

.ny21_back {
	width: 100%;
	margin: 0px;
	padding: 4.0106% 0;
	background-image: url(../img/newyear21_back.jpg);
	background-size: cover;
	background-position: center;
}


.ny21_title_pc {
	display: none;
}


.ny21_title_sp {
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
}




/*------------------- 非表示 -----------------------*/

.top_news_wrap_l .b_news_pc {
	display: none;
}

.main_hc {display: none;}



}