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


/****************************************

          スライダーエリア

*****************************************/
#slider_base{
	width: 100%;
	margin-bottom: 30px;
}
#slider_area{
width: 1000px;
height: 360px;
margin: 0 auto;
}
#main-gallery{
	display: block;
}
.gallery-cell{
	width:1000px;
	height: 360px;
}
.gallery-cell img{
	width:100%;
	height: 360px;
}





/****************************************

          tel

*****************************************/

#toptel_area{
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}
.top_copy {
	margin-top: 30px;
	text-align: center;
	margin-bottom: 30px;
}
.top_copy img{
	height: 23px;
}


.tel_btn{
	display: block;
	width:350px;
	height: 96px;
	margin: 0 auto;
	background-image:url(../../top/image/btn_back.png);
	background-repeat: no-repeat;
	background-size: 400px 108px;
	border-radius: 10px;
	padding-top: 12px;
	box-shadow: 0 0 8px gray;
}
.tel_btn:hover{
	opacity: 0.85;
	transition: 0.3s ;
}
.tel_btn a{
	color: #fff;
}
.tel_btn p{
	display: block;
	height: 26px;
	line-height: 26px;
	font-size:120%;
	margin: 0;
}
.tel_btn dt{
	display: block;
	height: 32px;
	line-height: 32px;
	font-size: 210%;
}
.tel_btn dd{
	display: block;
	height: 26px;
	font-size: 90%;
	line-height: 26px;
}

/****************************************

          ポリシーエリア

*****************************************/
#policy_base{
	width: 100%;
	background:  #fcf3cf;
	margin-bottom: 30px;
}
#policy_area{
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
#policy_area p img{
	width: 50%;
}
.policy_point{
	width: 950px;
	justify-content: space-around;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
}
.policy_point li{
	display: block;
	width: 254px;
	font-size: 120%;
}
.policy_point li a{
	font-family: 'Noto Sans Japanese', sans-serif;
	color: #AF4624;
}
.policy_point li img{
	width: 254px;
	height: 160px;
	border-radius: 20px;
	display: block;
	margin-bottom: 10px;
}


/****************************************

          メインコンテンツエリア

*****************************************/
#main{
width: 935px;
margin: 0 auto;
}

/****************************************

          右コンテンツ

*****************************************/
#top_right{
width: 620px;
}
#top_right .pr_box{
	width: 620px;
	text-align: center;
	flex-wrap: wrap;
	-ms-flex-wrap : wrap; /*for IE10*/
	-webkit-flex-wrap : wrap; /*for old webkit browser*/
	align-content: space-between; 
	}
#top_right .pr_box li{
	position:relative;
	display: block;
	width: 48%;
	height: auto;
	margin: 6px;
	padding: 30px 0 30px 0;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 125%;
	line-height: 135%;
	color: #333;
	border-radius: 5px;
	background: #c0d89e; /* Old browsers */
	background: -moz-linear-gradient(top, #c0d89e 0%, #f1ffdd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #c0d89e 0%,#f1ffdd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #c0d89e 0%,#f1ffdd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0d89e', endColorstr='#f1ffdd',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow: inset 0px 0px 10px 10px #fff;
    -webkit-box-shadow: inset 0px 0px 10px 10px #fff;
    box-shadow: inset 0px 0px 10px 10px #fff;
}
#top_right .pr_box li .yoyakuok{
	position: absolute;
	width: 70px;
	height: 70px;
	top:75px;
	right:15px;
}
#top_right .pr_box li span{
	font-weight:bold;
	color: #0083DE;
}
#top_right .pr_box li .min{
	font-size: 80%;
	line-height: 120%;
	text-align: right;
	margin-right: 10%;
}
#top_right .pr_box li img{
	display: block;
	width: 83%;
	margin: 0 auto;
	margin-bottom: 10px;
}
#top_right .okomari{
	width: 84%;
	margin: 30px;
	padding: 3%;
	border: 3px solid #F5A500;
	border-radius: 10px;
	position: relative;
}
#top_right .okomari dt{
	display: block;
	height:30px;
	line-height:30px;
	text-align: center;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 130%;
	font-weight: bold;
	color: #7F2D13;
	border-radius: 5px;
	padding: 3px 0px 3px 0px;
	background-image: url(../../top/image/okomari_bg.png);
	background-size: 100%;
	background-repeat: no-repeat;
	margin-bottom: 15px;
}
#top_right .okomari dt span{
	font-size: 133%;
}
#top_right .okomari dd{
	font-size: 133%;
	line-height:150%;
}
#top_right .okomari .naiyo{
	display: block;
	width: 70%;
}
#top_right .okomari .naiyo li{
	position: relative;
	display: inline-block;
	margin-left: 20px;
	margin-right: 5px;
}
#top_right .okomari .naiyo li::before{
	position: absolute;
	content: "";
	top: 4px;
	left: -20px;
	width: 16px;
	height: 16px;
	background: url(../../top/image/dot_yellow.png);
	background-size: 16px 16px;
	background-repeat: no-repeat;
}
#top_right .okomari .pop img{
	width: 310px;
	height: 115px;
}

.incyo{
	position: absolute;
	width: 190px;
	right:5px;
	bottom: -7px;
}
.incyo img {
	width: 100%;
}

/****************************************

          サイドバー

*****************************************/

#sidebar{
width: 248px;
margin-right: 35px;
font-family: 'Noto Sans Japanese', sans-serif;
color: #fff;
padding-top: 20px;
padding-right: 16px;
padding-left: 16px;
padding-bottom: 40px;
border-radius: 5px;
box-shadow: 0 0 8px gray;
background-image: linear-gradient(
	-45deg,
	#27ae60 25%,
	#52be80 25%, #52be80 50%,
	#27ae60 50%, #27ae60 75%,
	#52be80 75%, #52be80
	);
background-size: 4px 4px;
}
#sidebar .side_info{
	margin-bottom: 15px;
}
#sidebar .side_info ol img{
	width: 240px;
	margin-bottom: 5px;
}
#sidebar .side_info li{
	font-size: 90%;
}
#sidebar .week{
	font-size: 80%;
	width: 240px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	text-align: center;
	line-height: 20px;
	background: #fff;
	color: #000;
}
#sidebar .week dl{
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	margin: 0;
	padding: 0;
}
#sidebar .week .tablehed{
	background: #EAFAF1;
}
#sidebar .week .tableleft{
	width: 71px;
}
#sidebar .week .tableright{
	border-right:none;
	width: 24px;
}
#sidebar .week dt{
	width: 23px;	
	height: 20px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}
#sidebar .week dd{
	width: 23px;
	height: 20px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}

#sidebar .rss_area img{
	width: 17px;
	height: 17px;
}

#sidebar .rss_area .rss_import{
margin-top: 5px;
margin-bottom: 20px;
padding: 10px;
width: 220px;
height: 230px;
background: #fff;
border-radius: 5px;
border: 2px solid #27AE60;
overflow:scroll;
}

.rss_import  .time{
	margin: 0;
	margin-top: 5px;
	color: #28B463;
	font-size: 90%;
}
.rss_import .text{
	color: #3498DB;
	margin: 0;
	padding-bottom: 10px;
	border-bottom: 1px dashed #999;
	font-size: 100%;
}
.rss_import .text:last-child{
	border-bottom:none;
}

#sidebar .side_menu{
	font-size: 110%;
	display: block;
	border-top:1px dotted #fff;
	margin: -2px;
	margin-bottom: 30px;
	margin-top: 30px;
}
#sidebar .side_menu a{
	color: #fff;
}
#sidebar .side_menu li{
	height: 50px;
	line-height: 50px;
	border-bottom:1px dotted #fff;
}
#sidebar .side_menu li a{
	margin-left: 15px;
}

#sidebar .side_menu li a:hover{
	position: relative;
}
#sidebar .side_menu li a:hover::before{
	position:absolute;
	content: "";
	margin-left: -10px;
	height: 50px;
	width: 100%;
	background: url(../../top/image/arrow.png);
	background-size: 8px 10px;
	background-repeat: no-repeat;
	top:7px;
	
}
#sidebar .banner img{
	width: 240px;
	margin-bottom: 8px;
}