@charset "utf-8";


/*=============================================
	
	非表示指定
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.pc {
		display: none !important;
	}
	br.pc {
		content: "";
	}
	br.pc:after {
		margin-right: -.333em;
		content: "";
	}
}

@media print, screen and (min-width: 769px) {
	.sp {
		display: none !important;
	}
	br.sp {
		content: "";
	}
	br.sp:after {
		margin-right: -.333em;
		content: "";
	}
}


/*=============================================
	
	FONT指定
	
==============================================*/
.min01 {
	font-family: 'Noto Serif JP', serif;
}

.en01 {
	font-family: 'Amiri', serif;
}

.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.6em;
}

/*=============================================
	
	NEWアイコン 指定
	
==============================================*/

span.icon_new {
	color:#CC8F23;
	font-weight:bold;
	font-size:0.9em;
	margin-left:0.5em;
	vertical-align: baseline;
	letter-spacing: 0;
}

/*=============================================
	
	くの字 指定
	
==============================================*/
.arrow_right {
   position: relative;
    vertical-align: middle;
    text-decoration: none;
}

.arrow_right::after {
    content: "";
    position: absolute;
    right: 0;
    top: 40%;
    width: 4px;
    height: 4px;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
}

.arrow_below {
   position: relative;
    vertical-align: middle;
    text-decoration: none;
}

.arrow_below::after {
    content: "";
    position: absolute;
    right: 0;
    top: 40%;
    width: 4px;
    height: 4px;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    vertical-align: middle;
}



/*=============================================
	
	ボタン
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.btn_arrow {
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}
	.btn_arrow a {
		display: block;
		max-width: 90%;
		padding: 1.2em 0;
		background: url(/img/common/btn_arrow01.png) no-repeat 96% 45% #104B68;
		background-size: 12% auto;
		color: #FFF;
		margin: 0 auto;
	}
}
@media print, screen and (min-width: 769px) {
	.btn_arrow {
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}
	.btn_arrow a {
		display: block;
		max-width: 280px;
		padding: 16px 0;
		background: url(/img/common/btn_arrow01.png) no-repeat 96% 45% #104B68;
		background-size: 40px auto;
		color: #FFF;
		margin: 0 auto;
	}
}

/*=============================================
	
	短いボーダー
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.short_border {
		position: relative;
		width: 10%;
		height: 1px;
		background: #666;
		margin: 4.0em auto;
	}
	.short_border.wht {
		background: #FFF;
	}
	.short_border.blk {
		background: #666;
	}
}

@media print, screen and (min-width: 769px) {
	.short_border {
		position: relative;
		width: 5%;
		height: 1px;
		background: #666;
		margin: 60px auto;
	}
	.short_border.wht {
		background: #FFF;
	}
	.short_border.blk {
		background: #666;
	}
}


/*=============================================
	
	WRAPPER
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#wrapper {
		width: 100%;
		margin: 0;
		padding: 0;
	}
}
@media print, screen and (min-width: 769px) {
	#wrapper {
		width: 100%;
		margin: 0;
		padding: 0;
	}
}

/*=============================================
	
	section 基本レイアウト
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.section {
		width: 100%;
		margin: 0 auto;
		padding: 3.2em 0;
	}
}
@media print, screen and (min-width: 769px) {
	.section {
		width: 100%;
		margin: 0 auto;
		padding: 40px 0;
	}
}


/*=============================================
	
	Container
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.container {
		width: 90%;
		margin: 0 auto;
		padding: 0;
		position: relative;
	}
}
@media print, screen and (min-width: 769px) {
	.container {
		width: 960px;
		margin: 0 auto;
		padding: 0;
		position: relative;
	}
}

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

    HEADER

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

@media screen and (max-width: 768px) {
	header #gnavi {
		background: #FFF;
		height: 56px;
	}
	header #gnavi h1.logo {
		width: 50%;
		margin: 0 auto;
		padding: 20px 0 0;
	}
	header #gnavi h1.logo a img {
		width: 100%;
		max-width: 180px;
		margin: 0 auto;
		display: block;
	}
	header #gnavi .tel {
		position: absolute;
		left: 5%;
		top: 19px;
		width: 5%;
		margin: 0 0;
	}
	header #gnavi .tel a img {
		width: 100%;
		max-width: 30px;
	}
	/* ナビメニューのスタイルを指定 */
	nav.NavMenu {
	position: fixed;
	z-index: 500; /*重ね順を変更*/
	top: 0; /*表示位置を指定*/
	left: 0; /*表示位置を指定*/
	background: #fff;/*背景を白にする*/
	color: #333; /*文字色を黒にする*/
	text-align: center; /*テキストを中央揃え*/
	width: 100%; /*全幅表示*/
	transform: translateY(-100%); /*ナビを上に隠す*/
	transition: all 0.4s; /*アニメーションの時間を指定*/
	padding: 4.5em 0 4.5em;
	height: 100%;
	}
	nav.NavMenu .container{
		height: 90%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;    /* IE, Edge 対応 */
        scrollbar-width: none;       /* Firefox 対応 */		
	}
	nav.NavMenu .container::-webkit-scrollbar {	/* Chrome, Safari 対応 */
		display:none;
	}
	nav.NavMenu ul.nav_list {
	margin: 0 0 1.2em;
	padding: 0 0 0;
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
		
	nav.NavMenu ul.nav_list li {
	width: 100%;
	margin: 0 0 0;
	font-size: 1em;
	list-style-type: none;
	letter-spacing: 1px;
	text-align: left;
	border-bottom: 1px solid #F3F3F3;
	}
	nav.NavMenu ul.nav_list li.twocolumn {
	width: 48%;
	font-size: 0.9em;
	}
	nav.NavMenu ul.nav_list li a {
	display: block; /*クリックできる領域を広げる*/
	color: #333;
	padding: 1em 0;
	position: relative;
	}	
	nav.NavMenu ul.nav_list li.twocolumn a {
	padding: 0.7em 0;
	}
	nav.NavMenu ul.nav_list li a:after {
		content:"";
		display:block;
		width:4px;
		height:4px;
		position:absolute;
		right: 3%;
		top: 44%;
		margin-left: -10px;
		border-top: 1px solid #CCC;
		border-right: 1px solid #CCC;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	
	nav.NavMenu ul.banner_list {
		margin: 0 0 1.6em;
	}
	nav.NavMenu ul.banner_list li {
		width: 90%;
		margin: 0 auto 1.0em;
	}
	nav.NavMenu ul.banner_list li:last-child {
		margin: 0 auto 0;
	}
	nav.NavMenu .tel_banner {
		width: 100%;
		margin: 0 auto 2.8em;
	}
	nav.NavMenu .tel_banner img {
		width: 90%;
		margin: 0 auto;
		padding: 0.6em 0 0;
	}

	nav.NavMenu .tel_banner p.title {
		background: #EEEFE5;
		width: 100%;
		padding: 0.3em 0;
		margin: 0 0 1.2em;
		font-size: 0.9em;
	}
	/*トグルボタンが押されたときに付与するクラス*/
	nav.NavMenu.active {
	transform: translateY(0px);
	}	
	
	/*トグルボタンのスタイルを指定*/
	.Toggle {
	    position: fixed;
	    right: 12px;
	    top: 8px;
	    width: 42px;
	    height: 42px;
	    cursor: pointer;
	    z-index: 600;
	}
	 
	.Toggle span {
	    display: block;
	    position: absolute;
	    width: 24px;
	    border-bottom: solid 1px #000;
	    -webkit-transition: .35s ease-in-out;	/*変化の速度を指定*/
	    -moz-transition: .35s ease-in-out;		/*変化の速度を指定*/
	    transition: .35s ease-in-out;			/*変化の速度を指定*/
	    left: 6px;
	}
	 
	.Toggle span:nth-child(1) {
	    top: 9px;
	}
	 
	.Toggle span:nth-child(2) {
	    top: 18px;
	}
	 
	.Toggle span:nth-child(3) {
	    top: 27px;
	}
	
	.Toggle.active span {
	    border-bottom: solid 1px #000;
	} 
	/* 最初のspanをマイナス45度に */
	.Toggle.active span:nth-child(1) {
	    top: 18px;
	    left: 6px;
	    -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}
	 
	/* 2番目と3番目のspanを45度に */
	.Toggle.active span:nth-child(2),
	.Toggle.active span:nth-child(3) {
	    top: 18px;
	    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    transform: rotate(45deg);
	}	

}

@media screen and (min-width: 769px) {
	header #gnavi {
		width: 100%;
		height: 64px;
		background: #FFF;
	}
	header #gnavi h1.logo {
		width: 350px;
		margin: 0 auto;
		padding: 16px 0 0;
	}

	/* ナビメニューのスタイルを指定 */
	nav.NavMenu {
	position: fixed;
	z-index: 500; /*重ね順を変更*/
	top: 0; /*表示位置を指定*/
	left: 0; /*表示位置を指定*/
	background: #fff;/*背景を白にする*/
	color: #333; /*文字色を黒にする*/
	text-align: center; /*テキストを中央揃え*/
	width: 100%; /*全幅表示*/
	transform: translateY(-100%); /*ナビを上に隠す*/
	transition: all 0.4s; /*アニメーションの時間を指定*/
	padding: 20px 0 20px;
	}

	nav.NavMenu ul.banner_list {
		margin: 0 0 20px;
	}
	nav.NavMenu ul.banner_list li {
		float: left;
		width: 220px;
		margin: 0 10px 0 0;
	}

	nav.NavMenu ul.nav_list {
	margin: 0 0 0;
	padding: 0 0 0;
	}
		
	nav.NavMenu ul.nav_list li {
	float: left;
	font-size: 12px;
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0 0 16px;
	border-right: 1px solid #CCC;
	letter-spacing: 1px;
	}
		
	nav.NavMenu ul.nav_list li a {
	display: block; /*クリックできる領域を広げる*/
	color: #333;
	padding: 0 8px 0;
	}	
	
	nav.NavMenu .tel_banner {
		position: absolute;
		right: 0;
		top: 14px;
		width: 280px;
	}

	
	/*トグルボタンが押されたときに付与するクラス*/
	nav.NavMenu.active {
	transform: translateY(0%);
	}	
	
	/*トグルボタンのスタイルを指定*/
	.Toggle {
	    display: block;
	    position: fixed;    /* bodyに対しての絶対位置指定 */
	    right: 13px;
	    top: 12px;
	    width: 42px;
	    height: 42px;
	    cursor: pointer;
	    z-index: 999;
	}
	 
	.Toggle span {
	    display: block;
	    position: absolute;
	    width: 24px;
	    border-bottom: solid 3px #000;
	    -webkit-transition: .35s ease-in-out;	/*変化の速度を指定*/
	    -moz-transition: .35s ease-in-out;		/*変化の速度を指定*/
	    transition: .35s ease-in-out;			/*変化の速度を指定*/
	    left: 6px;
	}
	 
	.Toggle span:nth-child(1) {
	    top: 9px;
	}
	 
	.Toggle span:nth-child(2) {
	    top: 18px;
	}
	 
	.Toggle span:nth-child(3) {
	    top: 27px;
	}
	
	.Toggle.active span {
	    border-bottom: solid 3px #000;
	} 
	/* 最初のspanをマイナス45度に */
	.Toggle.active span:nth-child(1) {
	    top: 18px;
	    left: 6px;
	    -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}
	 
	/* 2番目と3番目のspanを45度に */
	.Toggle.active span:nth-child(2),
	.Toggle.active span:nth-child(3) {
	    top: 18px;
	    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    transform: rotate(45deg);
	}
	/* 下層ページ用カラー設定 */
	.color_black span {
	    border-bottom: solid 3px #000 !important;
	}
	
}

/*=============================================
	
	FOOTER バナーリスト
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#footer_banner {
		padding: 2em 0;
		background: #EAEAEA;
	}
	#footer_banner .container {
		width: 100%;
	}
	#footer_banner ul {
	}
	#footer_banner ul li {
		width: 90%;
		margin: 0 auto 1.6em;
	}
	#footer_banner ul li.last {
		margin: 0 auto 0;
	}

}
@media print, screen and (min-width: 769px) {
	#footer_banner {
		padding: 20px 0;
		background: #EAEAEA;
	}
	#footer_banner .container {
		width: 90%;
		max-width: 1280px;
		min-width: 1080px
	}
	#footer_banner ul {
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#footer_banner ul li {
		width: 30%;
		margin: 0 1.5% 0;
		padding: 0 0 0;
	}
	#footer_banner ul li.album {
		padding-bottom: 10px;
	}
	#footer_banner ul li.festa {
		width: 35%;
	}
}


/*=============================================
	
	フェア FUWEL
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.fair_fuwel_wrap {
		padding: 2.4em 0 ;
		background: #E9E9DF;
	}
	.fair_fuwel_wrap h3 {
		text-align: center;
		font-size: 2.2em;
		margin: 0 0 1.6em;
	}
	.fair_fuwel_wrap iframe {
		margin-bottom: 1.5em;
	}
	.fair_fuwel_wrap .link_check {
		padding-top: 2em;
	}
	.fair_fuwel_wrap .link_check li {
		position: relative;
		width: 85%;
		margin: 0 auto;
		margin-bottom: 1em;
		padding-left: 24px;
	}
	.fair_fuwel_wrap .link_check li a {
		text-align: left;
		color: #F04455;
		text-decoration: underline;
	}
	.fair_fuwel_wrap .link_check li:before {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		width: 18px;
		height: 18px;
		background-color: #F04455;
		border-radius: 9px;
	}
	.fair_fuwel_wrap .link_check li:after {
		content: '';
		display: block;
		position: absolute;
		top: 48%;
	    left: 6px;
		transform: translateY(-50%);
		width: 8px;
		height: 3px;
		border-left: 2px solid #FFF;
		border-bottom: 2px solid #FFF;
		transform: rotate(-45deg) translateY(-50%);
	}	
	.fair_fuwel_wrap:nth-of-type(2) .link_check, .fair_fuwel_wrap:nth-of-type(3) .link_check {
		display: none;
	}
	.fair_fuwel_wrap .btn_arrow a {
		background-color: #EB4556;
	}
}
@media print, screen and (min-width: 769px) {
	.fair_fuwel_wrap {
		padding: 40px 0;
		background: #E9E9DF;
	}
	.fair_fuwel_wrap h3 {
		text-align: center;
		font-size: 36px;
		margin: 0 0 40px;
	}
	.fair_fuwel_wrap iframe {
		margin-bottom: 30px;
	}
	.fair_fuwel_wrap .link_check {
		padding-top: 30px;
	}
	.fair_fuwel_wrap .link_check li {
		position: relative;
		display: block;
		margin: 0 auto;
		margin-bottom: 1em;
		padding-left: 24px;
		text-align: left;
		width: 420px;
		font-size: 14px;
	}
	.fair_fuwel_wrap .link_check li a {
		text-align: left;
		color: #F04455;
		text-decoration: underline;
		display: block;
	}
	.fair_fuwel_wrap .link_check li:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 18px;
		height: 18px;
		background-color: #F04455;
		border-radius: 9px;
	}
	.fair_fuwel_wrap .link_check li:after {
		content: '';
		position: absolute;
	    top: 7px;
	    left: 6px;
		width: 8px;
		height: 3px;
		border-left: 2px solid #FFF;
		border-bottom: 2px solid #FFF;
		transform: rotate(-45deg) translateY(-50%);
	}	
	.fair_fuwel_wrap:nth-of-type(2) .link_check, .fair_fuwel_wrap:nth-of-type(3) .link_check {
		display: none;
	}
	.fair_fuwel_wrap .btn_arrow a {
		background-color: #EB4556;
	}

}

/*=============================================
	
	フェア カレンダー
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.fair_calender_wrap {
		padding: 2.4em 0 0;
		background: #FFF;
	}
	.fair_calender_wrap h3 {
		text-align: center;
		font-size: 2.2em;
		margin: 0 0 0;
	}
}
@media print, screen and (min-width: 769px) {
	.fair_calender_wrap {
		padding: 40px 0 0;
		background: #FFF;
	}
	.fair_calender_wrap h3 {
		text-align: center;
		font-size: 32px;
		margin: 0 0 10px;
	}
}


/*=============================================
	
	問い合わせ
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#footer_contact {
		padding: 2.4em 0;
		background: #EAEAEA;
	}
	#footer_contact .container {
		background: #FFF;
		padding: 2.4em 3%;
		width: 84%;
	}
	#footer_contact h4 {
		width: 90%;;
		text-align: center;
		margin: 0 auto 2.8em;
	}
	#footer_contact .manzokudo_banner {
		width: 90%;
		padding: 0 0 0;
		margin: 0 auto 3.2em;
	}
	#footer_contact .manzokudo_banner .lead {
		font-size: 1em;
		text-align: center;
		color: #DABF81;
		padding: 0.8em 0;
	}

	#footer_contact .address_wrap {
		padding: 2.0em 5%;
		margin: 0 0 1.6em;
		background: #F7F7F7;
		text-align: center;
	}
	#footer_contact .address_wrap address {
		font-size: 1.0em;
		margin: 0 0 1.0em;
	}
	#footer_contact .title_number {
		font-size: 1.0em;
		margin: 0 0 0.2em;
	}
	#footer_contact .call_number a {
		display: block;
		font-size: 2.4em;
		margin: 0 0 0.6em;
		line-height: 1.0em;
		color: #000;
	}
	#footer_contact .time {
		font-size: 0.9em;
		line-height: 1.6em;
	}
	#footer_contact .banner_area {
		width: 90%;
		margin: 0 auto;
		padding: 0 0 3.6em;
	}
	#footer_contact .btn_arrow {
		position: relative;
		width: 90%;
		font-size: 1.1em;
		margin: 0 auto 1.6em;
	}
	#footer_contact .btn_arrow a {
		background: #F04455;
	}
	#footer_contact .btn_arrow.call {
		margin: 0 auto 3.6em;
	}
	#footer_contact .btn_arrow.call a {
		background: #104B68;
	}
	#footer_contact .btn_arrow .icon01 {
		width: 25%;
		position: absolute;
		right: -24px;
		top: -36px;
	}
}
@media print, screen and (min-width: 769px) {
	#footer_contact {
		padding: 40px 0;
		background: #EAEAEA;
	}
	#footer_contact .container {
		background: #FFF;
		padding: 30px 30px;
		width: 900px;
	}
	#footer_contact h4 {
		width: 360px;
		text-align: center;
		margin: 0 auto 30px;
	}
	#footer_contact .manzokudo_banner {
		width: 100%;
		margin: 0 auto 30px;
	}
	#footer_contact .manzokudo_banner .lead {
		font-size: 12px;
		text-align: center;
		color: #DABF81;
		padding: 6px 0;
	}
	#footer_contact .address_wrap {
		padding: 30px 50px;
		margin: 0 auto 30px;
		background: #F7F7F7;
		position: relative;
	}
	#footer_contact .address_wrap:before {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateY(-50%);
		width: 1px;
		height: 30%;
		background: #333;
	}
	#footer_contact .address_wrap .f_left {
		float: left;
		width: 45%;
		padding-top: 30px;
		text-align: center;
		line-height: 2.4em;
	}
	#footer_contact .address_wrap address {
		font-size: 14px;
		margin: 0 0 15px;
	}
	#footer_contact .address_wrap .f_right {
		float: right;
		width: 45%;
		text-align: center;
	}
	#footer_contact .title_number {
		font-size: 12px;
		margin: 0 0 12px;
	}
	#footer_contact .call_number a {
		display: block;
		font-size: 32px;
		margin: 0 0 16px;
		line-height: 1.0em;
		color: #000;
	}
	#footer_contact .time {
		line-height: 1.6em;
		font-size: 12px;
	}
	#footer_contact .banner_area {
		width: 800px;
		margin: 0 auto;
		padding: 0 0 50px;
	}
	#footer_contact .btn_arrow {
		position: relative;
		width: 280px;
	}
	#footer_contact .btn_arrow a {
		background: #F04455;
	}
	#footer_contact .btn_arrow .icon01 {
		width: 70px;
		position: absolute;
		right: -24px;
		top: -36px;
	}
}

/*=============================================
	
	フッター ナビゲーション
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#footer_navi {
		padding: 3.2em 0 0;
		background: #FFF;
	}
	#footer_navi .main_list {
		text-align: center;
		margin: 0 0 2.4em;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#footer_navi .main_list li {
		width: 32%;
		margin: 0 0 2.0em;
		font-size: 0.8em;
	}	
	#footer_navi .main_list li a {
		color: #000;
	}
	#footer_navi .main_list li picture {
		display: block;
	}
	#footer_navi .main_list li img {
		margin: 0 auto 1.0em;
		width: 85%;
	}

	#footer_navi .local_list {
		margin: 0 0 3.6em;
		text-align: center;
	}
	#footer_navi .local_list li {
		display: inline-block;
		margin: 0 1.6em 1.6em 0;
		font-size: 1.1em;
	}
	#footer_navi .local_list li a {
		color: #666;
	}
	#footer_navi .sns_list {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	#footer_navi .sns_list li {
		display: inline-block;
		width: 45%;
		font-size: 1.1em;
		margin: 0 0 2.0em;
	}
	#footer_navi .sns_list a {
		display: block;
		padding: 40px 0 0;
		color: #666;
	}
	#footer_navi .sns_list li.facebook {
		background: url(/img/common/sns_icon01.png) no-repeat center top;
		background-size: 32px auto;
	}
	#footer_navi .sns_list li.instagram {
		background: url(/img/common/sns_icon02.png) no-repeat center top;
		background-size: 32px auto;
	}
	#footer_navi .sns_list li.blog {
		background: url(/img/common/sns_icon03.png) no-repeat center top;
		background-size: 32px auto;
	}
	#footer_navi .sns_list li.mail {
		background: url(/img/common/sns_icon04.png) no-repeat center top;
		background-size: 32px auto;
	}

}
@media print, screen and (min-width: 769px) {
	#footer_navi {
		padding: 40px 0 30px;
		background: #FFF;
	}
	#footer_navi .main_list {
		text-align: center;
		margin: 0 0 40px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	#footer_navi .main_list li {
		width: 120px;
		margin: 0 8px;
		font-size: 11px;
	}	
	#footer_navi .main_list li a {
		color: #000;
	}
	#footer_navi .main_list li picture {
		display: block;
	}
	#footer_navi .main_list li img {
		margin: 0 auto 8px;
		width: 70%;
	}
	#footer_navi .local_list {
		float: left;
		width: 480px;
	}
	#footer_navi .local_list li {
		float: left;
		margin: 0 24px 16px 0;
		font-size: 12px;
	}
	#footer_navi .local_list li a {
		color: #666;
	}
	#footer_navi .sns_list {
		float: right;
		width: 360px;
	}
	#footer_navi .sns_list li {
		float: left;
		font-size: 14px;
		margin: 0 20px 24px 0;
	}
	#footer_navi .sns_list a {
		display: block;
		padding: 10px 0 6px 48px;
		color: #666;
	}
	#footer_navi .sns_list li.facebook {
		background: url(/img/common/sns_icon01.png) no-repeat left center;
		background-size: 32px auto;
	}
	#footer_navi .sns_list li.instagram {
		background: url(/img/common/sns_icon02.png) no-repeat left center;
		background-size: 32px auto;
	}
	#footer_navi .sns_list li.blog {
		background: url(/img/common/sns_icon03.png) no-repeat left center;
		background-size: 32px auto;
	}
	#footer_navi .sns_list li.mail {
		background: url(/img/common/sns_icon04.png) no-repeat left center;
		background-size: 32px auto;
	}
}


/*=============================================
	
	フッター グループリンク・コピーライト
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#copyright {
		padding: 2.4em 0;
		background: #FFF;
		border-top: 1px solid #333;
	}
	#copyright .grouplink {
		margin: 0 0 1.6em;
		text-align: center;
	}
	#copyright .grouplink li {
		display: inline-block;
		font-size: 0.9em;
		margin: 0 4px 5px 0;
	}
	#copyright .grouplink li a {
		color: #333;
		padding: 0 4px 0 0;
	}
	#copyright .grouplink li:after {
		content: "/";
	}
	
	#copyright .copyright_text {
		font-size: 11px;
		text-align: center;
	}

}
@media print, screen and (min-width: 769px) {
	#copyright {
		padding: 30px 0;
		background: #FFF;
		border-top: 1px solid #333;
	}
	#copyright .grouplink {
		margin: 0 0 20px;
	}
	#copyright .grouplink li {
		float: left;
		font-size: 11px;
		margin: 0 4px 0 0;
	}
	#copyright .grouplink li a {
		color: #333;
		padding: 0 4px 0 0;
	}
	#copyright .grouplink li:after {
		content: "/";
	}
	
	#copyright .copyright_text {
		font-size: 11px;
		text-align: right;
	}
}


/*=============================================
	
	スマートフォン 固定ナビ
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#fix_btn {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 0.6em 0 0.9em;
		background:rgba(255,255,255,0.7);
		z-index: 110;
		vertical-align: middle;
	}
	
	#fix_btn ul.btn_list {
		margin: 0;
		padding: 0 5%;
		position: relative;
		display: flex;
		justify-content: center;
	}
	#fix_btn ul.btn_list li {
		margin: 0 0 0;
		padding: 0;
		position: relative;
		width: 65%;
	}
	#fix_btn ul.btn_list li.tel {
		width: 8%;
		padding: 2.0em 2% 0;
	}
	#fix_btn .Toggle {
		position: absolute;
	    right: 12px;
	    top: 26px;
	}
}

@media print, screen and (min-width: 769px) {
	#fix_btn {
		display: none !important;
	}
}

/*=============================================
	
	下層ページ 下部誘導
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#other_link {
		padding: 3.2em 0;
		background: #EEEFE5;
		text-align: center;
	}
	#other_link h3 {
		font-size: 3.2em;
		margin: 0 0 0.2em;
		line-height: 1.0em;
	}
	#other_link p.text {
		font-size: 1.1em;
		margin: 0 0 1.6em;
	}
	#other_link ul {
		text-align: center;
	}
	#other_link ul li {
		display: inline-block;
		width: 31%;
		margin: 0 0.5% 1.6em;
	}
	#other_link ul li a {
		color: #000;
		font-size: 0.9em;
	}
	#other_link ul li a img {
		margin: 0 0 0.8em;
	}
}

@media print, screen and (min-width: 769px) {
	#other_link {
		padding: 50px 0;
		background: #EEEFE5;
		text-align: center;
	}
	#other_link h3 {
		font-size: 42px;
		margin: 0 0 10px;
		line-height: 1.0em;
	}
	#other_link p.text {
		font-size: 16px;
		margin: 0 0 15px;
	}
	#other_link ul {
		text-align: center;
	}
	#other_link ul li {
		display: inline-block;
		width: 148px;
		margin: 0 8px;
		font-size: 11px;
	}
	#other_link ul li a {
		color: #000;
	}
	#other_link ul li a img {
		width: 120px;
		margin: 0 0 10px;
	}
}

/*=============================================
	
	YouTube 設置レイアウト
	
==============================================*/

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


.address_wrap .map{
	clear: both;
	padding:30px 0;
}
.address_wrap .map iframe{
	width: 100%;
	height: 480px;
}
.address_wrap .btn_arrow a{
	border: solid 1px #7D9AA4;
	color:#7D9AA4 !important;
	background:#fff url(/img/common/btn_arrow02.png) no-repeat 96% 45% !important;
background-size: 40px auto !important;
}
@media print, screen and (max-width: 769px) {
	.address_wrap .map iframe{
		width: 100%;
		height: 50vh;
	}
	
}


/*=============================================
	
	下層ページ用フェア誘導 枠
	
==============================================*/
.fair_link_image {
	position: relative;
    width: 100%;
    padding: 8em 0;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;	
}
.fair_link_image:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #000;
    opacity: 0.5;
    display: block;
}
.fair_link_image .content {
	position: relative;
	color: #FFF;
	z-index: 2;
	text-align: center;
	width: 90%;
	margin: 0 auto;
}
.fair_link_image .content .lead {
	border-bottom: 1px solid #FFF;
	margin-bottom: 1em;
	font-size: 1.2em;
	display: inline-block;
}
.fair_link_image .content .title {
	margin-bottom: 1em;
	font-size: 2em;
}
.fair_link_image .content .btn_arrow {
	margin-bottom: 0 !important;
}
.fair_link_image .content .btn_arrow a {
    background: url(/img/common/btn_arrow01.png) no-repeat 96% 45% #EB4556 !important;
    background-size: 12% auto !important;
}
@media print, screen and (min-width: 769px) {
	.fair_link_image {
	    padding: 150px 0;
	}
	.fair_link_image .content {
		width: 800px;
		margin: 0 auto;
	}
	.fair_link_image .content .lead {
		margin-bottom: 20px;
		font-size: 24px;
	}
	.fair_link_image .content .title {
		margin-bottom: 30px;
		font-size: 36px;
	}
	.fair_link_image .content .btn_arrow {
		width: 100% !important;
		max-width: 360px !important;
	}
	.fair_link_image .content .btn_arrow a {
		font-size: 15px !important;
		max-width: 360px !important;
		padding: 20px 0 !important;
	}
}

/*=============================================
	
	フェアカルーセル：トップページのみカスタム
	
==============================================*/

.fair_fuwel_wrap {
	background: #FFF;
}
.fair_fuwel_wrap .mid_banner {
	display: block;
	width: 90%;
	margin: 0 auto 2em;
}
@media print, screen and (max-width: 768px) {
	.fair_fuwel_wrap {
		padding: 3.6em 0 2.4em;
	}
}

@media print, screen and (min-width: 769px) {
	.fair_fuwel_wrap {
		padding: 60px 0 40px;
	}

	.fair_fuwel_wrap .mid_banner {
		width: 720px;
		margin: 0 auto 30px;
	}

}

/*=============================================
	
	ベストレート フラッグ掲載
	
==============================================*/
.bestrate_wrap {
	width: 80%;
	margin: 3em auto 1em;
}
@media print, screen and (max-width: 768px) {

}
@media print, screen and (min-width: 769px) {
	.bestrate_wrap {
		width: 800px;
		margin: 50px auto 0;
	}
}