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

body {
	margin: 0px auto;
	min-width: 100%;
	width: 100%;
	padding: 0;
	/*font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;*/
	font-family:Helvetica,Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic,“ヒラギノ角ゴ ProN W3″,“Hiragino Kaku Gothic ProN”, “メイリオ”,Meiryo, 'Noto Sans JP', sans-serif;
	/*font-size: 100%;*/
	-webkit-text-size-adjust: 100%;
	background-color: #ffffff;
	overflow-y: scroll;
	word-break: break-all;
	font-size: 16px;
	line-height: 24px;
	background-color: #60d5f0;
/*	background-image: url(../img/00rep_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;*/
}




p {
	margin: 0px;
	padding: 0px;
}
p, ul {
/*font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size-adjust:0.488;
	font-weight:200;
	font-style:normal;*/
}
li {
	margin: 0px;
	padding: 0px;
}







.cumform input {
	width: 100%;
}

.cumform textarea {
	width: 100%!important;
	height: 100px!important;
}



.txt_prods{
font-size: 14px;
line-height: 20px;
}

.txt_blue{
color: #2ebedf;
}

.txt_orange{
color: #ff8a00;
}

.txt_red{
color: #FC4B4E;
}

.txt_green{
	color:  #44821d;
}

.txt_white{
color: #ffffff;
}

.txt_black{
color: #000000;
}

.txt_yelow{
color: #ffff00;
}

.txt_small{
font-size: 14px;
}

.txt_s_small{
font-size: 10px;
line-height: 14px;
}

.txt_bold{
font-weight: bold;
}




.c_border{
	border: 2px solid #D8D8D8;
}








.h_bg{
	background-image: url(../img/00header_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.menu_bg01{
	background-image: url(../img/00bg_menu01.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	/*background-size: cover;*/
}

.menu_bg02{
	background-image: url(../img/00bg_menu02.jpg);
	background-repeat: repeat;
	background-position: center center;
	background-size: auto;
}

.breadcrumb > li + li:before {
  content: ">";
}









/* ALIGN */

.txt_left{
text-align: left;
}
.txt_right{
text-align: right;
}
.txt_center{
text-align: center;
}






.bar_title{
	background-color: #2079AA;
	font-size: 16px;
	line-height: 22px;
	font-weight:600;
	color: #FFFFFF;
	text-align: center;
	padding: 10px;
	-moz-border-radius:20px;
  -webkit-border-radius:20px;
  border-radius:20px;
  margin-bottom: 30px;
}




/* Gnavi */

/*.navi_fc {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
}
.navi_fc::before,
.navi_fc::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.navi_fc,
.navi_fc::before,
.navi_fc::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}


.navi_fc:hover {
  letter-spacing: 1px;
}
*/


.navifont{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	line-height: 22px;
}








.now{
/*border: solid 1px #2079AA;*/
  background-color: #ff9900!important;
  color: #fff;
  text-decoration: none;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff9900+0,f4771d+100 */
background: #ff9900; /* Old browsers */
background: -moz-linear-gradient(top,  #ff9900 0%, #f4771d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff9900 0%,#f4771d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff9900 0%,#f4771d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#f4771d',GradientType=0 ); /* IE6-9 */

}

.now a:link {
  background-color: #ff9900!important;
  color: #fff;
  text-decoration: none;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff9900+0,f4771d+100 */
background: #ff9900; /* Old browsers */
background: -moz-linear-gradient(top,  #ff9900 0%, #f4771d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff9900 0%,#f4771d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff9900 0%,#f4771d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#f4771d',GradientType=0 ); /* IE6-9 */

}

.now a:hover {
  background-color: #ff9900!important;
  color: #fff;
  text-decoration: none;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff9900+0,f4771d+100 */
background: #ff9900; /* Old browsers */
background: -moz-linear-gradient(top,  #ff9900 0%, #f4771d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff9900 0%,#f4771d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff9900 0%,#f4771d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#f4771d',GradientType=0 ); /* IE6-9 */

}




.dropdown-menu a:link {
  background-color: #FFFFFF!important;
  color: #333!important;
  text-decoration: none!important;
  -moz-border-radius:4px!important;
  -webkit-border-radius:4px!important;
  border-radius:4px!important;
  text-decoration: none!important;
}
.dropdown-menu a:visited {
  background-color: #FFFFFF!important;
  color: #333!important;
  text-decoration: none!important;
  -moz-border-radius:4px!important;
  -webkit-border-radius:4px!important;
  border-radius:4px!important;
  text-decoration: none!important;
}
.dropdown-menu a:hover {
  background-color: #2079AA!important;
  color: #fff!important;
  text-decoration: none!important;
  -moz-border-radius:4px!important;
  -webkit-border-radius:4px!important;
  border-radius:4px!important;
  text-decoration: none!important;
}





/* hover */

a:hover img {
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);	/* IE lt 8 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}
 
a img {
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}








.td-body td{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
border: 1px solid #FFFFFF;
}





/* BG */

.bg_white{
	background-color: #ffffff!important;
}

.bg_ct{
	background-color: #e9d6b3!important;
}

.bg_black{
	background-color: #000000!important;
}

.bg_green{
	background-color: #44821d!important;
}

.bg_brown{
	background-color: #5b210c!important;
}







.bg_brown a:link {
  color: #e9ae55!important;
  text-decoration: underline;
}
.bg_brown a:visited {
  color: #fff!important;
  text-decoration: none;
}
.bg_brown a:hover {
  color: #fff!important;
  text-decoration: none;
}








select{
	padding: 5px;
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
	vertical-align: bottom;
}




/*a:link {
	color: #03342C;
	text-decoration: underline;
}
a:visited {
	color: #005600;
	text-decoration: underline;
}
a:hover {
	color: #FF5F00;
	text-decoration: none;
}
*/







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


.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}













.ct_area{
padding-bottom: 40px;
padding-top: 30px;
}


.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  




.footer{
width: 100%;
color: #FFFFFF;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b4df+0,00b4df+100 */
background: rgb(0,180,223); /* Old browsers */
background: -moz-linear-gradient(top, rgb(0,180,223) 0%, rgb(0,180,223) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(0,180,223) 0%,rgb(0,180,223) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(0,180,223) 0%,rgb(0,180,223) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4df', endColorstr='#00b4df',GradientType=0 ); /* IE6-9 */
}

.footer_box{
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
padding: 20px;
}

.footer a:link {
	color: #FFFFBD;
	text-decoration: underline;
}
.footer a:visited {
	color: #FFFFBD;
	text-decoration: underline;
}
.footer a:hover {
	color: #FFFF1B;
	text-decoration: none;
}





















/*740以上の場合*/
@media only screen and (min-width: 740px) {

h1{
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	font-family: 'Noto Sans JP', sans-serif;
}

h2{
	margin: 0px;
	padding: 0px;
	font-size: 30px;
	line-height: 36px;
	font-weight: bold;
	font-family: 'Noto Sans JP', sans-serif;
}

.midashi{
	background: #2ebedf;
	box-shadow: 0px 0px 0px 5px #2ebedf;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 20px;
}

.midashi_o{
  padding: 0.5em;/*文字周りの余白*/
  color: #010101;/*文字色*/
  background: #dcfcff;/*背景色*/
  border-bottom: solid 3px #2ebedf;/*下線*/
	font-size: 20px;
}	


dl.cp {
   border-bottom:1px dotted #999;
}

dl.cp dt {
   float:left;
   width: 160px;
   border-top:1px dotted #999;
   padding-top:16px;
   padding-bottom:16px;
   padding-right:0;
   padding-left:0px;
   font-weight:bold;
   text-indent:0px;
}

dl.cp dd {
   margin-left:162px;
   padding-top:16px;
   padding-bottom:16px;
   padding-right:10px;
   border-top:1px dotted #999;
}











/* PD */

.pdmdrow{
padding: 0px!important;
margin: 0px!important;
}

.pd0{
padding: 0px;
}

.pd10{
padding: 10px;
}

.pd20{
padding: 20px;
}

.pd30{
padding: 30px;
}

.pd40{
padding: 40px;
}

.p_top10{
padding-top: 10px;
}

.p_top20{
padding-top: 20px;
}

.p_top40{
padding-top: 40px;
}

.p_top60{
padding-top: 60px;
}

.p_bottom10{
padding-bottom: 10px;
}

.p_bottom20{
padding-bottom: 20px;
}

.p_bottom40{
padding-bottom: 40px;
}

.p_bottom60{
padding-bottom: 60px;
}
	
	
	


.md10{
margin: 10px;
}

.md20{
margin: 20px;
}

.md30{
margin: 30px;
}

.md40{
margin: 40px;
}

.m_top10{
margin-top: 10px;
}

.m_top20{
margin-top: 20px;
}

.m_top40{
margin-top: 40px;
}

.m_top60{
margin-top: 60px;
}

.m_bottom10{
margin-bottom: 10px;
}

.m_bottom20{
margin-bottom: 20px;
}

.m_bottom40{
margin-bottom: 40px;
}

.m_bottom60{
margin-bottom: 60px;
}

.prod_pm{
/*	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;*/
	padding: 20px;
}

.ct_pd{
padding: 40px;
}


.wsnap { 
white-space: nowrap;
}






.navi_fc{
/*border: solid 1px #2079AA;*/
  background-color: #000000;
  color: #fff;
  text-decoration: none;
  border: #FFFFFF solid 1px!important;
}

.navi_fc a:link {
  background-color: #000000;
  color: #fff;
  text-decoration: none;
}
.navi_fc a:visited {
  background-color: #000000;
  color: #fff;
  text-decoration: none;
}
.navi_fc a:hover {
  background-color: #44821d;
  color: #fff;
  text-decoration: none;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#44821d+0,82c42d+100 */
background: #44821d; /* Old browsers */
background: -moz-linear-gradient(top,  #44821d 0%, #82c42d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #44821d 0%,#82c42d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #44821d 0%,#82c42d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44821d', endColorstr='#82c42d',GradientType=0 ); /* IE6-9 */



}


.kado{
	border-radius: 20px;
}



.butn {
  background: #fcac0d;
  background-image: -webkit-linear-gradient(top, #fcac0d, #fe890c);
  background-image: -moz-linear-gradient(top, #fcac0d, #fe890c);
  background-image: -ms-linear-gradient(top, #fcac0d, #fe890c);
  background-image: -o-linear-gradient(top, #fcac0d, #fe890c);
  background-image: linear-gradient(to bottom, #fcac0d, #fe890c);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: 'Noto Sans JP', sans-serif;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.butn:hover {
  background: #2ebdde;
  background-image: -webkit-linear-gradient(top, #2ebdde, #3498db);
  background-image: -moz-linear-gradient(top, #2ebdde, #3498db);
  background-image: -ms-linear-gradient(top, #2ebdde, #3498db);
  background-image: -o-linear-gradient(top, #2ebdde, #3498db);
  background-image: linear-gradient(to bottom, #2ebdde, #3498db);
  text-decoration: none;
	color: #ffffff;
	font-family: 'Noto Sans JP', sans-serif;
}







}

/*739以下の場合*/

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

h1{
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	font-family: 'Noto Sans JP', sans-serif;
}
	
h2{
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	font-family: 'Noto Sans JP', sans-serif;
}

.midashi{
	background: #2ebedf;
	box-shadow: 0px 0px 0px 5px #2ebedf;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 18px;
}

.midashi_o{
  padding: 0.5em;/*文字周りの余白*/
  color: #010101;/*文字色*/
  background: #dcfcff;/*背景色*/
  border-bottom: solid 3px #2ebedf;/*下線*/
	font-size: 18px;
}	

dl.cp {
   border-bottom:1px dotted #999;
}

dl.cp dt {
   width: 100%;
   border-top:1px dotted #999;
   font-weight:bold;
   margin:0px;
   padding:10px;
   box-sizing: border-box;
   font-size:16px;
   line-height:24px;
}

dl.cp dd {
   margin:0px;
   padding:10px;
   font-size:16px;
   line-height:24px;
   box-sizing: border-box;
   width:100%;
}













/* PD */

.pdmdrow{
padding: 0px!important;
margin: 0px!important;
}

.pd10{
padding: 5px;
}

.pd20{
padding: 10px;
}

.pd30{
padding: 15px;
}

.pd40{
padding: 20px;
}

.p_top10{
padding-top: 5px;
}

.p_top20{
padding-top: 10px;
}

.p_top40{
padding-top: 20px;
}

.p_top60{
padding-top: 30px;
}

.p_bottom10{
padding-bottom: 5px;
}

.p_bottom20{
padding-bottom: 10px;
}

.p_bottom40{
padding-bottom: 20px;
}

.p_bottom60{
padding-bottom: 30px;
}

	

.md10{
margin: 5px;
}

.md20{
margin: 10px;
}

.md30{
margin: 15px;
}

.md40{
margin: 20px;
}

.m_top10{
margin-top: 5px;
}

.m_top20{
margin-top: 10px;
}

.m_top40{
margin-top: 20px;
}

.m_top60{
margin-top: 30px;
}

.m_bottom10{
margin-bottom: 5px;
}

.m_bottom20{
margin-bottom: 10px;
}

.m_bottom40{
margin-bottom: 20px;
}

.m_bottom60{
margin-bottom: 30px;
}	
	
	
	
	
	
	
	
	
	
	
.prod_pm{
/*	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;*/
	padding: 10px;
}


.ct_pd{
padding: 5px;
}

.wsnap { 

}



.navi_fc{
/*border: solid 1px #2079AA;*/
  background-color: #000000;
  color: #fff;
  text-decoration: none;
}

.navi_fc a:link {
  background-color: #000000;
  color: #fff;
  text-decoration: none;
}
.navi_fc a:visited {
  background-color: #000000;
  color: #fff;
  text-decoration: none;
}
.navi_fc a:hover {
  background-color: #ff9900!important;
  color: #fff;
  text-decoration: none;
}


.kado{
	border-radius: 0px;
}

.butn {
  background: #fcac0d;
  background-image: -webkit-linear-gradient(top, #fcac0d, #fe890c);
  background-image: -moz-linear-gradient(top, #fcac0d, #fe890c);
  background-image: -ms-linear-gradient(top, #fcac0d, #fe890c);
  background-image: -o-linear-gradient(top, #fcac0d, #fe890c);
  background-image: linear-gradient(to bottom, #fcac0d, #fe890c);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: 'Noto Sans JP', sans-serif;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.butn:hover {
  background: #2ebdde;
  background-image: -webkit-linear-gradient(top, #2ebdde, #3498db);
  background-image: -moz-linear-gradient(top, #2ebdde, #3498db);
  background-image: -ms-linear-gradient(top, #2ebdde, #3498db);
  background-image: -o-linear-gradient(top, #2ebdde, #3498db);
  background-image: linear-gradient(to bottom, #2ebdde, #3498db);
  text-decoration: none;
	color: #ffffff;
	font-family: 'Noto Sans JP', sans-serif;
}


}
























.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}