@charset "utf-8";

.effect {opacity : 0; transform : translate(0, 0); transition : all 1.5s; }
.effect.scrollin{opacity : 1; transform : translate(0, 0); }

.linkimg{opacity : 1;}
.linkimg a:hover{opacity : 0.7; transform : translate(0, 0); transition : all 0.3s; }
	
.top_mainimg{background:url(../imgs/main_bg.jpg) top center repeat; width:100%; margin:0 auto;}
.top_mainimg img{max-width: 100%; min-width: 100%;}

.top_koudou {background:#0a8069; width: 100%; margin:0 auto; padding:20px 0; text-align:center;}

@media only screen and (max-width:1160px) {
.top_koudou img{width: 100%;}
}

.top_koudou2 {background:#eaf2ee; width: 100%; margin:0 auto; padding: 10px 0 10px 0; text-align:center;}

.infoarea{border:solid 1px #0a8069; padding:60px 15px 60px 15px; margin:0 auto;}

.top_cp_bg{width: 100%; background-color:#0a8069; background-image:url(../imgs/cam_bg_r.jpg),url(../imgs/cam_bg_l.jpg); background-repeat:no-repeat,no-repeat; background-position:right top,left bottom; padding:80px 0; margin:0 auto;}
.top_cp_bg p{text-align:center;}

.top_cp_bg2{width: 100%; background-color:#eaf0e1; background-image:url(../imgs/4point_bg_r.jpg),url(../imgs/4point_bg_l.jpg); background-repeat:no-repeat,no-repeat; background-position:right top,left bottom; padding:80px 0; margin:0 auto; text-align:center;}
.top_cp_bg2 p{width:900px; background-color:#fff; margin-left:auto; margin-right:auto; text-align:center;}
.top_cp_bg2 .img_margin{margin:0 0 30px 0; margin-left:auto; margin-right:auto; text-align:center;}

.top_cp_bg3{width: 100%; background-color:#0a8069; background-image:url(../imgs/cam_bg_r.jpg),url(../imgs/cam_bg_l.jpg); background-repeat:no-repeat,no-repeat; background-position:right top,left bottom; padding:80px 0; margin:0 auto; text-align:center;}
.top_cp_bg3 p{background-color:#fff;}
.top_cp_bg3 .fl{width:440px; float:left;}
.top_cp_bg3 .fr{width:440px; float:right;}
.top_cp_bg3 .fl2{width:287px; float:left;}
.top_cp_bg3 .fr2{width:287px; float:right;}
.top_cp_bg3 .fl2mr{ margin-right:20px;}

.top_bnr_fl{float:left;}
.top_bnr_fr{float:right;}

@media only screen and (max-width:960px) {
.top_cp_bg2 p{width:96%; background-color: inherit;}
.top_cp_bg3 p{width:96%; text-align:center; margin:0 auto; background-color: inherit;}
.top_cp_bg3 .fl{width:100%; float:none; margin-bottom:20px;}
.top_cp_bg3 .fr{width:100%; float:none;}
.top_cp_bg3 .fl2{width:100%; float:none; margin-bottom:20px;}
.top_cp_bg3 .fr2{width:100%; float:none;}
.top_cp_bg3 .fl2mr{ margin-right:0;}

.top_bnr_fl{float:none; margin-bottom:15px; text-align:center;}
.top_bnr_fr{float:none; text-align:center;}
}

@media only screen and (max-width:840px) {
.top_koudou {padding:0px 0;}
.top_koudou2 {padding: 0px 0 0px 0;}
    
    .top_koudou2 > a >img {width: calc(100% - 5%);}

.infoarea{ width:auto; padding:30px 0 30px 0;}

.top_cp_bg{background-image:none; background-repeat:no-repeat; background-position:none; background-color:#fff; padding:40px 0;}
.top_cp_bg2{background-image:url(../imgs/4point_bg_sp.jpg); background-repeat:no-repeat; background-position:right top; background-size:contain; padding:40px 0;}
.top_cp_bg3{background-image:url(../imgs/cam_bg_sp.jpg); background-repeat:no-repeat; background-position:right top; background-size:contain; padding:40px 0;}
.top_cp_bg3 .fl{margin-bottom:10px;}
.top_cp_bg3 .fl2{margin-bottom:10px;}

    
}

/* =========================================================
トップ インフォメーション フェード
========================================================== */
#top_information-sp { 
display:none;
text-align: center;
box-sizing: border-box;

}
#top_information {
	font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	position: fixed;
	background: rgba(256,256,256,0.9);
	text-align: center;
	z-index: 10;
	left: 0;
	bottom: -200px; /*　画面の外に出るところまで適当に調整してください　*/
	padding: 5px;
	margin-bottom:25px;
	box-sizing: border-box;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 8px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d88324;
	border-right-color: #d88324;
	border-bottom-color: #d88324;
	border-left-color: #d88324;
	color:#2D2D2D;
	font-size:16px;
	line-height:1.8em;
}
#top_information span{
	color:#fff;
	background:#d88324;
	padding:2px 4px;
	margin-right:3px;
	}
#top_information a{
	color:#2D2D2D;
}
#top_information a:hover{
	color:#d88324;
}
#top_information p {
	text-align:left;
	padding:0px 10px;
	box-sizing:border-box;
}

.foot {
    padding: 50px 0px 200px;
}

.koudou_oya{
    background: #eaf2ee;
}

.border{
    border-bottom: 1px solid #0a8069;
    width: 50.6%;
    margin: 0 auto;
}

#top_information > .Info_txt02{
    text-align: right;
}

#top_information > .Info_cap{
    padding: 0;
    text-align: center;
    font-size: 12px;
}
@media screen and (max-width:640px) {
  #top_information > .Info_txt02{
    text-align: center;
}  
}
@media only screen and (max-width:840px) {
 .border{
    width: 96%;

}
   
    
}

@media screen and (max-width:640px) {
	#top_information { display:none;}
	#top_information-sp {
	font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	display:block;
	position: static;
	background: #F2F2F2;
	width: 100%;
	padding: 0;
	color:#2D2D2D;
	font-size:15px;
	line-height:2em;
	padding:10px;
	border-top:1px #d88324 solid;
	border-bottom:1px #d88324 solid;
	}
	#top_information-sp span{
	color:#fff;
	background:#d88324;
	padding:3px 6px;
	margin-right:3px;
	}
	#top_information-sp a{
	color:#2D2D2D;
	}
	#top_information-sp a:hover{
	color:#d88324;
	}
	#top_information-sp p {
		text-align:center;
/*		padding:15px 10px;*/
		box-sizing:border-box;
	}
	.foot {
    padding: 50px 0px 45px;
}
}

/* ===================================
相互リンク
=================================== */
	.sougo_bn {
		margin: 30px auto 20px;
		text-align: center;
}
    .sougo_bn li{
		margin: 30px auto 20px;
		text-align: center;
}

   .sougo_bn ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

/* ===================================
休業のお知らせ
=================================== */

.closure_txt{
	font-size: 15px;
color: #ce0a0a;
margin-top: 10px;
}

@media only screen and (max-width:1200px) {
	.closure_txt{
	font-size: 10px;

}
}
.brillia_cp {
	text-align: center;
}
.brillia_cp a:hover >img {
	opacity: .7;
}


/* ===================================
c_txt
=================================== */


.c_txt{
    text-align: center;
    margin-top: 50px;
}

@media screen and (max-width:640px) {

    .c_txt img{
        width: calc(100% - 10%);
        margin: 0 auto;
}
    
}