@charset "utf-8";


@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Asap:600,700);


@media screen and (min-width: 768px){	
    .br-pc { display:block; }
    .br-sp { display:none; }
	}

@media screen and (max-width: 767px){	
    .br-pc { display:none; }
    .br-sp { display:block; }
	}



/* 共通
--------------------------------*/



html {
    font-size: 62.5%;
	}

body {
	background:#FFFFFF;
	font-size: 16px; font-size: 1.6rem; /*16px*/
	letter-spacing:2px;
	line-height:1.8em;
	color:#333333;
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	
a{
	text-decoration:none;
	color:#333333;
	}

a:hover{

	}
	

.contents_inner{
	max-width:1020px;
	overflow:hidden;
	margin:0 auto;
	padding: 20px 10px;
	}

.page_tit_area{
	background:#0b5c37;
	color: #ffffff;
	text-align: center;
	padding:40px 0;
	}

h1{
	font-size: 30px; font-size: 3.0rem; /*30px*/
	}

h2{
	font-size: 22px; font-size: 2.2rem; /*22px*/
	}

h2 span{
	display: block;
	font-size: 10px; font-size: 1.0rem; /*10px*/
	}

h3{
	font-size: 16px; font-size: 1.6rem; /*16px*/
	}

h3 span{
	display: block;
	font-size: 10px; font-size: 1.0rem; /*10px*/
	}

.ftS{
	font-size: 14px; font-size: 1.4rem; /*14px*/
	line-height: 1.6;
	}

#breadcrumbs{
	font-size: 12px; font-size: 1.2rem; /*12px*/
	overflow: hidden;
	}

#breadcrumbs li{
	float: left;
	margin-right: 5px;
	padding-bottom: 20px;
	}



span.diary,span.news,span.event,span.sale,span.useful,span.other{
	background:#b9c798;
	color:#FFFFFF;
	font-size: 10px; font-size: 1.0rem; /*10px*/
	border-radius: 3px;
	padding: 0px;
	display: block;
	width: 70px;
	text-align: center;
	}


.btn_link{
	clear: both;
	text-align: right;
    }  

.btn_link a{
	display:inline-block;
	font-size: 12px; font-size: 1.2rem; /*12px*/
	text-align:right;
	color: #FFFFFF; 
	background:#666666;
	border-radius: 50px;
	padding: 2px 10px;
	}

.btn_link a:hover{
	background:#f2ca4e;
	}

/* フォント
--------------------------------*/
.mincho_L{
	font-size: 24px; font-size: 2.4rem; /*24px*/
	text-align: center;
	font-family: "Source Han Serif", "Yu Mincho", "YuMincho", serif;
	line-height: 1.6;
	}

.mincho_M{
	font-size: 18px; font-size: 1.8rem; /*18px*/
	text-align: center;
	font-family: "Source Han Serif", "Yu Mincho", "YuMincho", serif;
	line-height: 1.6;
	}

.mincho_S{
	font-size: 12px; font-size: 1.2rem; /*12px*/
	text-align: center;
	font-family: "Source Han Serif", "Yu Mincho", "YuMincho", serif;
	line-height: 1.6;
	}


@media screen and (max-width: 767px){
.mincho_L{
	font-size: 30px; font-size: 3.0rem; /*30px*/
	text-align: center;
	font-family: "Source Han Serif", "Yu Mincho", "YuMincho", serif;
	line-height: 1.6;
	}

.mincho_M{
	font-size: 18px; font-size: 1.8rem; /*18px*/
	text-align: center;
	font-family: "Source Han Serif", "Yu Mincho", "YuMincho", serif;
	line-height: 1.6;
	}

.mincho_S{
	font-size: 12px; font-size: 1.2rem; /*12px*/
	text-align: center;
	font-family: "Source Han Serif", "Yu Mincho", "YuMincho", serif;
	line-height: 1.6;
	}

}



	
/* Footer
--------------------------------*/
.footer_area{
	background:#0c5c37;
	color:#fff;
	text-align: center;
	padding: 20px 0 0;
	}

.footer_area img{
	width: 100px;
	}

.footer_contact p{
	padding-bottom: 10px;
	}

.footer_contact .contact_btn a{
	display: inline-block;
	font-size: 18px; font-size: 1.8rem; /*18px*/
	font-weight: bold;
    color:#ffffff;
    background:#ecb302;
    border-radius: 50px;
    padding: 10px 20px;
	margin-bottom: 20px;
	}

.footer_contact .contact_btn a:hover{
	background:#f2ca4e;
	}

.footer_contact .map_btn a{
	display: inline-block;
    text-align: right;
    color: #FFFFFF;
    border-radius: 50px;
    padding: 1px 10px;
	text-decoration: underline;
	}

.footer_contact .map_btn a:hover{

	text-decoration: underline;
	}



.tel_num{
	font-size: 33px; font-size: 3.3rem; /*33px*/
    font-family: 'Asap', sans-serif;
    font-weight: bold;
	}

.fax_num{
	font-size: 18px; font-size: 1.8rem; /*18px*/
    font-family: 'Asap', sans-serif;
    font-weight: bold;
	}

.tel_num a,.fax_num a{
	color: #FFFFFF;
	}

.address{font-size: 12px; font-size: 1.2rem; /*12px*/}


.sns_btn_list {
	position: relative;
	overflow: hidden;
	}
 
.sns_btn_list ul {
	float:left;
	left:50%;
	position:relative;
	margin: 0px 0 0;
	}
 
.sns_btn_list li {
	width: 35px;
	float:left;
	left:-50%;
	position:relative;
	margin: 0 8px;
	}


	
/* Pagetop
--------------------------------*/
.pagetop {
    position: fixed;
    bottom: 30px;
    right: 30px;
	z-index:1500;
	}

.pagetop a {
	background:url(../images/common/pagetop.svg) no-repeat #333333;
	background-size:50px;
    text-decoration: none;
    color: #fff;
    width: 50px;
	height:50px;
    display: block;
	}
	
.pagetop a:hover {
	opacity:0.5;
	background-size:50px;
	}







@media only screen and (min-width: 768px) {

	
}




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


html{font-size: 62.5%;}
body{font-size: 1.6rem;}
	
	
.contents{
	padding-top:80px;
	}

#breadcrumbs{
	display: none;
	}



	
	}







/* Reset
--------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	list-style: none;
	}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
	}
	
ol, ul, li{
	list-style: none;
	}

blockquote, q {
	quotes: none;
	}
	
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
	
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

img{
	vertical-align: bottom;
	max-width: 100%;
	width /***/:auto; height: auto;
	}

.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT35{margin-top:35px;}
.mT40{margin-top:40px;}
.mT45{margin-top:45px;}
.mT50{margin-top:50px;}
.mT55{margin-top:55px;}
.mT60{margin-top:60px;}

.mR10{margin-right:10px;}
.mR15{margin-right:15px;}
.mR20{margin-right:20px;}
.mR25{margin-right:25px;}
.mR30{margin-right:30px;}
.mR35{margin-right:35px;}
.mR40{margin-right:40px;}
.mR45{margin-right:45px;}
.mR50{margin-right:50px;}
.mR55{margin-right:55px;}
.mR60{margin-right:60px;}

.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB25{margin-bottom:25px;}
.mB30{margin-bottom:30px;}
.mB35{margin-bottom:35px;}
.mB40{margin-bottom:40px;}
.mB45{margin-bottom:45px;}
.mB50{margin-bottom:50px;}
.mB55{margin-bottom:55px;}
.mB60{margin-bottom:60px;}

.mTB25{margin-top:25px;margin-bottom:25px;}
.mTB50{margin-top:50px;margin-bottom:50px;}

.pT10{padding-top:10px;}
.pT15{padding-top:15px;}
.pT20{padding-top:20px;}
.pT25{padding-top:25px;}
.pT30{padding-top:30px;}
.pT35{padding-top:35px;}
.pT40{padding-top:40px;}
.pT45{padding-top:45px;}
.pT50{padding-top:50px;}
.pT60{padding-top:60px;}

.pB10{padding-bottom:10px;}
.pB15{padding-bottom:15px;}
.pB20{padding-bottom:20px;}
.pB25{padding-bottom:25px;}
.pB30{padding-bottom:30px;}
.pB35{padding-bottom:35px;}
.pB40{padding-bottom:40px;}
.pB45{padding-bottom:45px;}
.pB50{padding-bottom:50px;}
.pB55{padding-bottom:55px;}
.pB60{padding-bottom:60px;}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}