@charset "UTF-8";
/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css?family=Quicksand');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Archivo+Narrow:400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800');
@font-face {
  font-family: harenosora;
  src: url(../font/Harenosora.otf);
}
@font-face {
  font-family: potemin;
  src: url(../font/FGPoteMin.ttf);
}
@font-face {
  font-family: potego;
  src: url(../font/FGPoteGo.ttf);
}
@font-face {
  font-family: aozora-L;
  src: url(../font/AozoraMinchoLight.ttf);
}
@font-face {
  font-family: aozora-R;
  src: url(../font/AozoraMinchoRegular.ttf);
}
@font-face {
  font-family: aozora-M;
  src: url(../font/AozoraMinchoMedium.ttf);
}
@font-face {
  font-family: iroha-M;
  src: url(../font/irohamaru-Medium.ttf);
}
@font-face {
  font-family: iroha-R;
  src: url(../font/irohamaru-Regular.ttf);
}
body{
	width:100%;
	padding:0;
	margin:0;
	 -webkit-text-size-adjust: 100%;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:300;
}
#container{
	width:100%;
	padding:0 0 0 0;
	margin:0;
	text-align:center;
}
img{
	width:100%;
	height:auto;
}
ul li{
	list-style:none;
}
a{text-decoration:none;}
a:hover{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
.smallbox{
	width:900px;
	margin:0 auto;
	text-align:left;
}
.bigbox{
	width:100%;
	padding:80px 0;
}
.tel a{color:inherit;}
/********* header *****************************************************/
#header{
	width:100%;
	min-width:950px;
	z-index:998;
	margin:o auto;
	position:relative;
}
#top_navi{
	padding:30px 0;
	background-color:#A5CBBB;
	letter-spacing:0.1em;
	background-image: url(../img/img01.png);
	background-size: contain;
	background-position:top center;
	text-align:center;
}
#top_navi dl{
	width:900px;
	margin:0 auto;
}
#top_navi dt{
	width:65%;
	text-align:left;
	float:left;
}
#top_navi dd{
	width:40%;
	padding-left:60%;
	text-align:right;
	font-size:13px;
	color:#3f3a39;
}
#top_navi ul{
	margin-top:10px;
}
#top_navi li a{
	padding:3% 8%;
	margin-left:1vw;
	display: inline-block;
	color:#fff;
	float:right;
	border-radius:100px;
	font-family: 'Montserrat', sans-serif;
	font-weight:500;
	font-size:14px;
}
#top_navi li.fb a {
	background-color:#E9868C;
}
#top_navi li.line a {
	background-color:#1dcd00;
}
#top_navi li a:hover{
	background-color:#666;
}
#top_navi dd p{
	margin-bottom:10px;
	font-size:120%;
	font-weight:500;
}
#gnavi a:link,#gnavi a:visited{
	padding:30px 35px!important;
	display: inline-block;
	color:#85bda4;
	text-decoration:none;
	font-weight:400;
	font-size:15px;
}	
#gnavi a:hover{
	background-color:#BCD8CB;
	color:#fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}

	
/********* footer *****************************************************/
#footer{
	width:100%;
	padding:0 0 0 0;
	min-width:900px;
	text-align:center;
	background-color:#A5CBBB;
	clear:both;
}
#bottom_navi{
	width:900px;
	font-size:13px;
	padding:30px 0 0 0;
	clear:both;
	margin:0 auto 0 auto;
	letter-spacing:0.2em;
	text-align:center;
}
#bottom_navi ul{
	margin:0;
	padding:0;
	display:inline-block;
}
#bottom_navi li{
	padding:0 10px;
	display:inline-block;
	border-right:#fff solid 1px;
	float:left;
}
#bottom_navi li:last-child{
	border-right:none;
}
#bottom_navi li a{
	color:#fff;
}
#bottom_navi li a:hover{
	color:#5b957b;
}
#copyright{
	background-color:#A5CBBB;
	padding:30px 0;
	font-weight:100;
	font-size:11px;
	line-height:15px;
	letter-spacing:1px;
	color:#fff;
}
#copyright p{
	margin:0;
	padding:0 30px 7px 30px;
	font-size:110%;
}
#catch{
	font-size:14px;
	color:#fff;
	margin-bottom:15px;
	font-weight:400;
}
#attention_area{
	width:100%;
	text-align:center;
	padding:80px 0;
	background-color:#fff;
}
#attention_area ul{
	width:900px;
	margin:0 auto;
	padding:0;
}
#attention_area li{
	width:46%;
	margin:0 2%;
	text-align:center;
	float:left;
}
#attention_area li a{
	height:110px;
	padding:25px 0 0 0;
	display:block;
	color:#fff;
	border-radius:10px;
}
#attention_area li a:hover{
	background-color:#999 !important;
}
#attention_area li span{
	display:block;
	font-size:15px;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:400;
	letter-spacing:0.1em;
}
#attention_area li.line a{
	background-color:#1dcd00;
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
	font-size:40px;
	letter-spacing:0.15em;
}
#attention_area li.blog a{
	background-color:#F091A0;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:600;
	font-size:30px;
	letter-spacing:0.05em;
	line-height:3em;
}


/********* ページトップへ *****************************************************/
#page-top {
    position: fixed;
    bottom: 0px;
    right: 30px;
    font-size: 200%;
	z-index:1000;
}
#page-top a {
    background: #5b957b;
    text-decoration: none;
    color: #fff;
	padding:10px 19px 14px 19px;
    text-align: center;
    display:block;
    border-radius: 10px;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
/********* 内容 *****************************************************/

/*youtube*/
.youtube {
  position: relative;
  height: 0;
  margin-bottom: 20px;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*アイコン*/

/*背景画像*/
.uzu_karashi{
	background-image:url(../img/uzu_karasi.gif);
	background-size:auto 230px;
	background-position:center center;
}
.uzu_pink{
	background-image:url(../img/uzu_pink.gif);
	background-size:auto 230px;
	background-position:center center;
}
.uzu_red{
	background-image:url(../img/uzu_red.gif);
	background-size:auto 230px;
	background-position:center center;
}
.uzu_green{
	background-image:url(../img/uzu_green.gif);
	background-size:auto 230px;
	background-position:center center;
}
.uzu_parts_green{
	background-image:url(../img/uzu_parts_green.png);
}
.uzu_parts_pink{
	background-image:url(../img/uzu_parts_pink.png);
}
.uzu_parts_salmon{
	background-image:url(../img/uzu_parts_salmon.png);
}
.uzu_bg_pink{
	background-image:url(../img/uzu_bg_pink.jpg);
}
.uzu_bg_green{
	background-image:url(../img/uzu_bg_green.jpg);
}



/*問い合わせ*/

/********* 共通 *****************************************************/
#clear{clear:both !important;}
.bg_white{background-color:#fff !important;}
.bg_pink{background-color:#E9868C !important;}
.bg_pink2{background-color:#FDEEEF !important;}
.bg_green1{background-color:#EDF4F1 !important;}
.bg_green2{background-color:#A5CBBB !important;}
.bg_green3{background-color:#8BB7A4 !important;}
.bg_orange{background-color:#ffa200 !important;}
.bg_usugray1{background-color:#f4f4f4;}
.bg_usugray2{background-color:#ececec;}
.bg_yellow{background-color:#fcfacc !important;}
.bg_yellow2{background-color:#FFFBE7 !important;}
.bg_usuyellow{background-color:#FCFAEB !important;}
.bg_karasi{background-color:#D3C34E !important;}
.bg_blue{background-color:#89B8C2 !important;}
.bg_salmon{ background-color:#F19075 !important;}
.bg_red{ background-color:#f64a4a !important;}
.clearfix:after { /*floatの解除、ここがポイント*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.mg_r0{	margin-right:0 !important;}
.mg_r15{margin-right:15px !important;}
.mg_r20{margin-right:20px !important;}
.mg_r25{margin-right:25px !important;}
.mg_r30{margin-right:35px !important;}
.mg_r35{margin-right:30px !important;}
.mg_r40{margin-right:40px !important;}
.mg_r50{margin-right:50px !important;}
.mg_l15{margin-left:15px !important;}
.mg_l20{margin-left:20px !important;}
.mg_l30{margin-left:30px !important;}
.mg_l130{margin-left:130px !important;}
.mg_b0{margin-bottom:10px !important;}
.mg_b10{margin-bottom:10px !important;}
.mg_b15{margin-bottom:15px !important;}
.mg_b20{margin-bottom:20px !important;}
.mg_b30{margin-bottom:30px !important;}
.mg_b40{margin-bottom:40px !important;}
.mg_b50{margin-bottom:50px !important;}
.mg_b80{margin-bottom:80px !important;}
.mg_b100{margin-bottom:100px !important;}
.mg_b200{margin-bottom:200px !important;}
.mg_t0{margin-top:0 !important;}
.mg_t10{margin-top:10px !important;}
.mg_t15{margin-top:15px !important;}
.mg_t20{margin-top:20px !important;}
.mg_t30{margin-top:30px !important;}
.mg_t40{margin-top:40px !important;}
.mg_t50{margin-top:50px !important;}
.mg_t60{margin-top:60px !important;}
.mg_t80{margin-top:80px !important;}
.mg_t100{margin-top:100px !important;}
.mg_t120{margin-top:120px !important;}
.mg_auto{margin:0 auto !important;}
.pd_t30{padding-top:30px !important;}
.pd_t40{padding-top:40px !important;}
.pd_t50{ padding-top:30px !important;}
.pd_b20{ padding-bottom:20px !important;}
.pd_b30{ padding-bottom:30px !important;}
.pd_b50{ padding-bottom:50px !important;}
.pd_b60{ padding-bottom:50px !important;}
.pd_b80{ padding-bottom:80px !important;}
.pd_tb10{padding:10px 0 !important;}
.pd_tb15{padding:15px 0 !important;}
.pd_tb20{padding:20px 0 !important;}
.pd_tb25{padding:25px 0 !important;}
.pd_tb30{padding:30px 0 !important;}
.pd_tb40{padding:40px 0 !important;}
.pd_tb50{padding:50px 0 !important;}
.pd_tb70{padding:70px 0 !important;}
.pd_t50{padding:50px 0 0 0 !important;}
.pd_30{padding:30px!important;}
.fc_white{color:#fff !important;}
.fc_green{color:#8BB7A4 !important;}
.fc_green2{color:#58a884 !important;}
.fc_orange{color:#ffa200 !important;}
.fc_orange a{color:#DE9B09 !important;}
.fc_orange a:hover{color:#999 !important;}
.fc_pink{color:#F091A0 !important;}
.fc_pink2{color:#e6747b !important;}
.fc_blue{color:#6EB1CD !important;}
.fc_aqua{color:#49b1cf !important;}
.fc_yellow{color:#FF6 !important;}
.fc_kimidori{color:#22AC38 !important;}
.fc_mint{color:#54B8A9 !important;}
.fc_gray{color:#666 !important;}
.fc_cha{color:#604C3F !important;}
.fc_karashi{color:#D3C34E !important;}
.fc_red{color:#f64a4a !important;}
.fc_salmon{ color:#F19075 !important;}
.ft_potemin{font-family: potemin;}
.ft_potego{font-family: potego;}
.ft_harenosora{font-family: harenosora;}
.ft_aozoraL{font-family: aozora-L;}
.ft_aozoraR{font-family: aozora-R;}
.ft_aozoraM{font-family: aozora-M;}
.ft_archivo{font-family: 'Archivo Narrow', sans-serif;}
.ft_montserrat{font-family: 'Montserrat', sans-serif;}
.fs_60{font-size:60% !important;}
.fs_65{font-size:65% !important;}
.fs_70{font-size:70% !important;}
.fs_80{font-size:80% !important;}
.fs_85{font-size:85% !important;}
.fs_90{font-size:90% !important;}
.fs_110{font-size:110% !important;}
.fs_120{font-size:120% !important;}
.fs_130{font-size:130% !important;}
.fs_140{font-size:140% !important;}
.fs_150{font-size:150% !important;}
.fs_160{font-size:160% !important;}
.fs_170{font-size:170% !important;}
.fs_180{font-size:180% !important;}
.fs_200{font-size:200% !important;}
.fs_230{font-size:230% !important;}
.fs_250{font-size:250% !important;}
.fs_280{font-size:280% !important;}
.fs_300{font-size:300% !important;}
.fs_350{font-size:350% !important;}
.fw700{font-weight:700 !important;}
.fw600{font-weight:600 !important;}
.fw500{font-weight:500 !important;}
.fw400{font-weight:400 !important;}
.fw300{font-weight:300 !important;}
.txt_alg_l{text-align:left!important;}
.txt_alg_c{text-align:center!important;}
.position_center{position:absolute!important; top: 0!important;left: 0!important;right: 0!important;bottom: 0!important;}
.br_green{border-bottom-color:#BCD8CB;}
.br_pink{border-bottom-color:#E9868C;}
.br_karasi{border-bottom-color:#D3C34E;}
.lts_0{letter-spacing:0 !important;}
.lts_01{letter-spacing:0.1em !important;}
.lts_02{letter-spacing:0.2em !important;}
.lts_03{letter-spacing:0.3em !important;}
.lts_05{letter-spacing:0.5em !important;}
.lh_15{line-height:1.5em !important;}
.lh_17{line-height:1.7em !important;}
.lh_2{line-height:2em !important;}
.lh_25{line-height:2.5em !important;}
.wd_100{width:100% !important;}
.wd_80{width:80% !important;}
.wd_70{width:70% !important;}
.wd_50{width:50% !important;}
.wd_30{width:30% !important;}
.wd_25{width:25% !important;}
.dis_pc{display:block !important;}
.dis_mid{display:block !important;}
.dis_sp{display:none !important;}
.dis_sp_ol{display:none !important;}
.dis_all{display:block !important;}
@media (max-width: 900px) {
#allbox{
	width:88%;
	font-size:16px;
}
.bigbox{
	width:100%;
	padding:8% 0;
}
.smallbox{
	width:90%;
}
/********* 900 header *****************************************************/
#header{
	width:100%;
	min-width:100%;
	z-index:998;
	margin:o auto;
}
#top_navi{
	padding:35px 0 20px 0;
	background-image:url(../img/img01_s.png);
	background-size: 140% auto;
}
#top_navi dl{
	width:100%;
	margin:0 auto;
}
#top_navi dt{
	width:80%;
	padding:5% 10% 2% 10%;
	text-align: center;
	float:none;
}
#top_navi dd{
	width:100%;
	padding:0 !important;
	margin:0;
	text-align: center;
	font-size:13px;
	color:#fff;
}
#top_navi dd p{
	display:inline;
	padding:0;
}
#top_navi span a{
	color:#fff;
}
#top_navi ul{
	width:60%;
	margin:3vw auto 4vw auto;
	padding:0;
}
#top_navi li a{
	width:36%;
	padding:3% 5%;
	margin:0 2%;
	display: block;
	float:left;
	font-size:calc(12px + 0.5vw) 
}
#gnavi{
	display:none;
}

/********* 900 footer *****************************************************/
#footer{
	width:100%;
	padding:0 0 0 0;
	min-width:200px;
}
#bottom_navi{
	width:100%;
	font-size:1.8vw;
	padding:6vw 0 0 0;
	letter-spacing:0.1em;
}
#copyright{
	padding:6vw 0;
	font-size:1.8vw;
}
#catch{
	width:90%;
	font-size:14px;
	color:#008AB3;
	margin:0 auto 15px auto;
	line-height:1.5em;
	font-weight:400;
}
#attention_area{
	width:100%;
	padding:50px 0;
}
#attention_area ul{
	width:95%;
}
#attention_area li{
}
#attention_area li a{
	height:11.5vw;
	padding:5% 0 0 0;
}
#attention_area li a:hover{
	background-color:#999 !important;
}
#attention_area li span{
	display:block;
	font-size:1.8vw;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:400;
	letter-spacing:0;
}
#attention_area li.line a{
	font-size:3.5vw;
	letter-spacing:0.1em;
}
#attention_area li.blog a{
	font-size:3.5vw;
	letter-spacing:0.1em;
	line-height:2.8em;
}

/********* 900 コンテンツ *****************************************************/

/********* 900 共通 *****************************************************/
.mg_b200{margin-bottom:150px !important;}
.dis_pc{display:none !important;}
.dis_mid{display:block !important;}
.dis_sp{display:block !important;}
.dis_sp_ol{display:none !important;}
.dis_all{display:block !important;}
}

@media (max-width: 580px) {
#container{
	width:100% !important;
	padding:0 0 0 0 ;
	margin:0;
	text-align:center;
}
.bigbox{
	width:100%;
	padding:5% 0;
}
.smallbox{
	width:90%;
}

/********* header ****************************************************580px*/
#header{
	width:100%;
	min-width:100px;
	z-index:998;
	margin:o auto;
}
#top_navi{
	padding:50px 0 20px 0;
	background-image:url(../img/img01_s.png);
	background-size: 130% auto;
	background-repeat:repeat;
}
#top_navi dl{
	width:100%;
	margin:0 auto;
}
#top_navi dt{
	width:90%;
	padding:5% 5% 3% 5%;
	text-align: center;
	float:none;
}
#top_navi dd{
	width:100%;
	padding:0 !important;
	text-align: center;
	font-size:13px;
	color:#fff;
}
#top_navi dd p{
	margin:0 0 3px 0;
	display: block;
	letter-spacing:0.2em;
}
#top_navi ul{
	width:90%;
	margin:3vw auto 4vw auto;
}
#top_navi li a{
	width:35%;
	padding:4% 5%;
	margin:0 2%;
	display: block;
	float:left;
	font-size:calc(12px + 0.5vw) 
}

/*********トップへのボタン *****************************************************/
#page-top {
    position: fixed;
    bottom: -10px;
    right: 15px;
    font-size: 200%;
	font-family: 'Playball', cursive;
	letter-spacing:1px;
	z-index:1000;
}
/********* 580 footer *****************************************************/
#footer{
	width:100%;
	padding:0 0 0 0;
	min-width:200px;
}
#bottom_navi{
	display:none;
}
#catch{
	width:90%;
	font-size:12px;
	color:#008AB3;
	margin:0 auto 15px auto;
	line-height:1.5em;
	font-weight:400;
}
#copyright{
	font-size:calc(10px + 0.3vw) 
}
#copyright p{
	display:none;
}
#attention_area{
	width:90%;
	margin:0 auto;
	padding:5% 5%;
}
#attention_area ul{
	width:100%;
	margin:0 auto;
	padding:0;
}
#attention_area li{
	width:100%;
	margin:3% 0;
	float:none;
}
#attention_area li a{
	height: auto;
	padding:6% 0;
}
#attention_area li span{
	font-size:calc(12px + 1vw);
	letter-spacing:0;
}
#attention_area li.blog a{
	background-color:#F091A0;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:600;
	font-size:calc(15px + 2vw);
	letter-spacing:0.1em;
	line-height:1.5em;
}
#attention_area li.line a{
	background-color:#1dcd00;
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
	font-size:calc(18px + 5vw);
	letter-spacing:0.15em;
}
/********* 580 コンテンツ *****************************************************/
/*youtube*/
.youtube {
  margin-bottom: 10px;
}
/********* 共有 *****************************************************/
.mg_t50{margin-top:30px !important;}
.mg_t40{margin-top:20px !important;}
.mg_t60{margin-top:30px !important;}
.mg_t80{margin-top:50px !important;}
.mg_t100{margin-top:60px !important;}
.mg_t120{margin-top:80px !important;}
.mg_r25{margin-right:0 !important;}
.mg_r35{margin-right:15px !important;}
.mg_l30{margin-left:0 !important;}
.mg_b20{margin-bottom:10px !important;}
.mg_b30{margin-bottom:20px !important;}
.mg_b40{margin-bottom:25px !important;}
.mg_b50{margin-bottom:30px !important;}
.mg_b80{margin-bottom:50px !important;}
.mg_b200{margin-bottom:100px !important;}
.pd_t30px{padding-top:10px !important;}
.pd_t40px{padding-top:20px !important;}
.pd_tb30px{padding:10px 0 !important;}
.pd_tb40px{padding:20px 0 !important;}
.fs_250{font-size:230% !important;}
.fs_180{font-size:160% !important;}
.fs_200{font-size:180% !important;}
.wd_100{width:100% !important;}
.wd_80{width:100% !important;}
.wd_70{width:90% !important;}
.wd_50{width:100% !important;}
.dis_pc{display:none !important;}
.dis_mid{display:none !important;}
.dis_sp{display:block !important;}
.dis_sp_ol{display:block !important;}
.dis_all{display:block !important;}
}
/*youtube*/
/* ココから下がPC表示（600px以上）のレイアウト */
@media screen and (min-width: 600px) {
  .float-right{
    float: right;
    width: 49%;
  }
  .float-left{
    float:left;
    width: 49%;
  }
  .wrap:after{
    display: block;
    clear: both;
    content: "";
  }
}