@charset "UTF-8";


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

.wd_100{
	width:100%!important;

}


.ma_l4 {

margin-left: 0%!important;

}

.wd_88 {
	width: 88px!important;

}


.sp_title{
	display:block;

}

.tx_center {
	display:block;
	text-align: center;
}

.pr_4 {
	margin-left:0px!important;

}

.list_01 {
    display: block;
    width: 100%!important;
    margin-left: 0%!important;
}

.list_02 {
    width: 100%!important;
    margin-left: 0%!important;
}

.sc_titlte_space {
    margin-left: -10px!important;
}

#modal-content {
width: 80%!important;
	}


#modal-content2 {
width: 80%!important;
	}
       	
#modal-content3 {
width: 80%!important;
	}
       	
#modal-content4 {
width: 80%!important;
	}
       	
#modal-content5 {
width: 80%!important;
	}
       	
#modal-content6 {
width: 80%!important;
	}
       	

#modal-content7 {
width: 80%!important;
	}
       	

#modal-content8 {
width: 80%!important;
	}
       	
#modal-content9 {
width: 80%!important;
	}
       	
}



 @media print {
  /* Page brake setting */
  .mod-frame {
    page-break-inside: auto!important;
  }
}


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

.mod-media.opt-media-right .mod-media_object {
    max-width: 45%!important;
   }
       	
}
/*
.page-title.opt-small h1 {
    font-size: 3.0em;
}
*/
.news_1701bd {
	    border-bottom: 4px solid #002869;
}
.title_01{
 font-weight:bold;
    font-size: 2.2em;
    color: #132874;

}

.mt01{
margin-top: 1px!important;
}

.pdl10{
padding-left: 10px!important;

}

.u_line {

    border-bottom: 2px solid #1C3479;
    padding-bottom: 2px;
    
}
.box_001 {
    position: relative;
    width: 100%;
    margin-top:10px;
}	


	#slideShow div{
		/* 全てを非表示にして、画像を重ねる */
		display:none;
		position: absolute;
		left:0;
		right:0;
		margin:auto;
	}
	#slideShow .img1{
		/* 1枚目の画像だけ表示 */
		display:block;
	}
	

.ratio-1_1:before {
    content: "";
    display: block;
    padding-top: 100%; /* 1:1 */
}

#contents {
  z-index: 0;
  font-size: 16px;
}
.page-txt {
  margin: 30px 0 0;
  height: 2000px;
}
#modal-open {
  color: #cc0000;
}
#modal-content {
width: 50% ;
margin: 0 ;
position: fixed ;
display: none ;
z-index: 20002 ;
}
#modal-content-innar{
margin:0 auto;
//width:80%;
}
#modal-overlay {
z-index: 1 ;
display: none ;
position: fixed ;
cursor: pointer ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 100% ;
background-color: #333 ;
opacity:0.75;
}
.button-link {
color: #00f ;
text-decoration: underline ;

}
/*.button-link:hover {
cursor: pointer ;
color: #f00 ;
}
*/
.button-link2 {
color: #fff ;
position: absolute;
top: 0;
right:0;
margin-top: -25px;

}
/*.button-link2:hover {
cursor: pointer ;
color: #fff ;
position: absolute;
top: 0;
right:0;
margin-top: -25px;
}
*/
#modal-content2 {
width: 50% ;
margin: 0 ;
position: fixed ;
display: none ;
z-index: 1 ;
}
#modal-content-innar2{
margin:0 auto;
//width:80%;
}
#modal-overlay2 {
z-index: 0 ;
display: none ;
position: fixed ;
cursor: pointer ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 120% ;
//background-color: rgba( 0,0,0, 0.75 ) ;
background-color: #333 ;
opacity:0.75;
}
.button-link3 {
color: #00f ;
text-decoration: underline ;

}
/*
.button-link3:hover {
cursor: pointer ;
color: #f00 ;
}
*/
.button-link4 {
color: #fff ;
position: absolute;
top: 0;
right:0;
margin-top: -25px;
//text-decoration: underline ;

}
/*
.button-link4:hover {
cursor: pointer ;
color: #fff ;
position: absolute;
top: 0;
right:0;
margin-top: -25px;
}
*/
.wd300 {
width: 300%!important;


}



.cboxClose {
    overflow: visible;
    position: absolute;
    top: -2em;
    right: 0;
    border: 0;
    margin: 0;
    padding: 0 20px 0 0;
    background: url(/common/img/module/modal-close_bg01.png) no-repeat right center;
    background-size: 14px auto;
    color: #fff;
    font-size: 1.4em;
}

a:hover {
	cursor: pointer ;
    color: #fff!important;
    
}

#modal-open:hover {

	opacity:0.5;

}
#modal-open2:hover {

	opacity:0.5;


}

.modal_utext{
	font-size: 1.5em;
    color: #fff;
    letter-spacing: 2px;
    font-family: monospace;
    font-weight: bold;
}

.dp-b {
display: block;
}

.list_01 {
	display: block;
    width: 80%;
    margin-left: 8%;

}
.list_02 {
    width: 80%;
    margin-left: 8%;
    border: 1px solid #ccc;
    font-size: 1.2em;
    display: flex;
}

.sc_titlte_space {    
    display: block;
    float: left;
    margin-left: -40px;
}
.sc_titlte_space:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.sc_titlte_space_2 {    
    display: block;
    float: left;
    margin-left: -14px;
}
.sc_titlte_space_2:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.sc_titlte_space_3 {    
    display: block;
    float: left;
}
.sc_titlte_space_3:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}


.sc_titlte_inline {    
    display: block;
}

.midle_t {
	padding: 16px;
    vertical-align: top;
    border-right: 1px solid #ccc;
}
.te_ln {
	padding: 16px;
    //font-weight: bold;
}

.dp-fl {
    display: flex;
}
.wd100 {
	width:100%!important;


}


/*モーダル3*/



#modal-open3 {
  color: #cc0000;
}
#modal-open3:hover {

	opacity:0.5;
}
#modal-content3 {
width: 50% ;
margin: 0 ;
position: fixed ;
display: none ;
z-index: 20002 ;
}
#modal-content-innar3{
margin:0 auto;
//width:80%;
}
#modal-overlay3 {
z-index: 1 ;
display: none ;
position: fixed ;
cursor: pointer ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 100% ;
//background-color: rgba( 0,0,0, 0.75 ) ;
background-color: #333 ;
opacity:0.75;
}
.button-link31 {
color: #00f ;
text-decoration: underline ;

}
/*
.button-link32 {
color: #fff ;
position: absolute;
top: 0;
right:0;
margin-top: -25px;
//text-decoration: underline ;
*/
}


/*モーダル4*/



#modal-open4 {
  color: #cc0000;
}
#modal-open4:hover {

	opacity:0.5;
}
#modal-content4 {
width: 50% ;
margin: 0 ;
position: fixed ;
display: none ;
z-index: 20002 ;
}
#modal-content-innar4{
margin:0 auto;
}
#modal-overlay4 {
z-index: 1 ;
display: none ;
position: fixed ;
cursor: pointer ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 100% ;
//background-color: rgba( 0,0,0, 0.75 ) ;
background-color: #333 ;
opacity:0.75;
}
.button-link41 {
color: #00f ;
text-decoration: underline ;

}
/*
.button-link42 {
color: #fff ;
position: absolute;
top: 0;
right:0;
margin-top: -25px;
//text-decoration: underline ;
*/
}




/*モーダル5*/

#modal-open5 {
  color: #cc0000;
}
#modal-open5:hover {

	opacity:0.5;
}
#modal-content5 {
width: 50% ;
margin: 0 ;
position: fixed ;
display: none ;
z-index: 20002 ;
}
#modal-content-innar5{
margin:0 auto;
}
#modal-overlay5 {
z-index: 1 ;
display: none ;
position: fixed ;
cursor: pointer ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 100% ;
background-color: #333 ;
opacity:0.75;
}
.button-link51 {
color: #00f ;
text-decoration: underline ;

}


/*モーダル6*/

#modal-open6 {
  color: #cc0000;
}
#modal-open6:hover {

	opacity:0.5;
}
#modal-content6 {
width: 50% ;
margin: 0 ;
position: fixed ;
display: none ;
z-index: 20002 ;
}
#modal-content-innar6{
margin:0 auto;
}
#modal-overlay6 {
z-index: 1 ;
display: none ;
position: fixed ;
cursor: pointer ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 100% ;
background-color: #333 ;
opacity:0.75;
}
.button-link61 {
color: #00f ;
text-decoration: underline ;

}


/*モーダル7*/

#modal-open7 {
  color: #cc0000;
}
#modal-open7:hover {

	opacity:0.5;
}
#modal-content7 {
width: 50% ;
margin: 0 ;
position: fixed ;
display: none ;
z-index: 20002 ;
}
#modal-content-innar7{
margin:0 auto;
}
#modal-overlay7 {
z-index: 1 ;
display: none ;
position: fixed ;
cursor: pointer ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 100% ;
background-color: #333 ;
opacity:0.75;
}
.button-link71 {
color: #00f ;
text-decoration: underline ;

}


/*モーダル8*/

#modal-open8 {
  color: #cc0000;
}
#modal-open8:hover {

	opacity:0.5;
}
#modal-content8 {
width: 50% ;
margin: 0 ;
position: fixed ;
display: none ;
z-index: 20002 ;
}
#modal-content-innar8{
margin:0 auto;
}
#modal-overlay8 {
z-index: 1 ;
display: none ;
position: fixed ;
cursor: pointer ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 100% ;
background-color: #333 ;
opacity:0.75;
}
.button-link81 {
color: #00f ;
text-decoration: underline ;

}


/*モーダル9*/

#modal-open9 {
  color: #cc0000;
}
#modal-open9:hover {

	opacity:0.5;
}
#modal-content9 {
width: 50% ;
margin: 0 ;
position: fixed ;
display: none ;
z-index: 20002 ;
}
#modal-content-innar9{
margin:0 auto;
}
#modal-overlay9 {
z-index: 1 ;
display: none ;
position: fixed ;
cursor: pointer ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 100% ;
background-color: #333 ;
opacity:0.75;
}
.button-link91 {
color: #00f ;
text-decoration: underline ;

}



/* fadeIn 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }
    
    
section, .mod-frame {
    margin-top: 10px!important;
 
}   

.pr_2 {
	padding-right:2px!important;

}

.pr_4 {
	margin-left: 4%;

}


.wd18 {
	width:14%;


}

.wd_coffie{
    float: left;
    width: 58%;
    text-align: center;
    box-sizing: border-box;
    padding: 2%;
}
.wd_coffie:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}


.wd_th{
    width: 40%;
    box-sizing: border-box;
    float: left;
    text-align: center;
    padding: 2%;
}

.wd_th:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.wd_rice{
 	float: left;
    width: 65%;
    padding: 2%;
    box-sizing: border-box;
    text-align: center;
}

.wd_rice:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
.wd_fish{
    float: left;
    width: 35%;
    padding: 2%;
    box-sizing: border-box;
    text-align: center;
}
.wd_fish:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.mg_c{
	 margin:0 auto;
	 width:80%
}
.ma_l4 {

margin-left: 4%;

}