@charset "UTF-8";
@import url("../ionicons-2.0.1 2/css/ionicons.min.css");
/*----------------------------------------------------------------- 
リセット
----------------------------------------------------------------- */
*,
*:after,
*:before {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	border: 0;
	outline: 0;
	}
ol, ul,li{ list-style: none; margin:0; padding:0;}
:focus,
:active { outline:0;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
th, 
td { padding:8px; line-height:1.4em;}
input{ margin-right:5px;}	
.switch {
	visibility: hidden;
}
div{ margin: 0; padding: 0;}
img {
   vertical-align:bottom
}

body{ font:16px/1.5 ArialMT; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin:0; padding:0; color: #221814; background:url(../img/main_bg.png) no-repeat center top #fcc800;}

body.under{background:none;}

.under_wap{background:url(../img/main_bg.png) no-repeat center top #fcc800;}


@media only screen and (max-width: 667px){
body{ background:url(../img/main_bg.png) no-repeat center 100px #fcc800; background-size:667px;
}
.under_wap{background:#fcc800 url("../img/main_bg.png") no-repeat scroll center top / 832px auto;}
}
#body_wap{ background:url(../img/fotterbg.png) no-repeat center bottom; background-size:contain; padding-bottom:235px;}
h1, h2, h3, h4, h5, h6, p,dt ,dl,dd{ font-size:inherit; margin:0; padding:0; }
hr{ display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
ul{ list-style:none; margin:0; padding:0; }
li{ margin:0; padding:0; }
@media screen and (min-width: 360px) { * { -webkit-text-size-adjust: none; } }


/*----------------------------------------------------
 clearfix
----------------------------------------------------*/

.clearfix:after,
.spCrearBox:after,
#about ul:after,
#outline dl:after,
#outline dl dt:after,
.endBox:after,
#nameBox:after,
.contents:after{ content: ".";display:block;height:0.1px;clear:both;visibility:hidden;font-size:0.1em;line-height:0; }
.clearfix,
.spCrearBox,
#about ul,
#outline dl,
#outline dl dt,
.endBox,
#nameBox,
.contents{ display:inline-block;overflow:hidden;_overflow:visible;display:block; }
* html .clearfix,
* html .spCrearBox,
* html #about ul,
* html #outline dl,
* html #outline dl dt,
* html .endBox,
* html #nameBox,
* html .contents{ height:1%; }

/* ----------- anchor */
a { color:#3DA5E9;}
a:hover { color:#56A7CF;  text-decoration:none;}
a .imgbt:hover,.linkHover:hover img, input[type="image"]:hover{opacity:0.7;filter:alpha(opacity=70);cursor:pointer;}
a { -webkit-tap-highlight-color: rgba(0,0,0,0); }
p{text-align: justify;}
.onlySP { display: none;}



    .poyon {
      -webkit-animation: poyon 1.1s linear 0s 1;
      animation: poyon 1.1s linear 0s 1;
    }
    @-webkit-keyframes poyon {
      0%   { -webkit-transform: scale(0.8, 1.4) translate(0%, -100%); }
      10%  { -webkit-transform: scale(0.8, 1.4) translate(0%, -15%); }
      20%  { -webkit-transform: scale(1.4, 0.6) translate(0%, 30%); }
      30%  { -webkit-transform: scale(0.9, 1.1) translate(0%, -10%); }
      40%  { -webkit-transform: scale(0.95, 1.2) translate(0%, -30%); }
      50%  { -webkit-transform: scale(0.95, 1.2) translate(0%, -10%); }
      60%  { -webkit-transform: scale(1.1, 0.9) translate(0%, 5%); }
      70%  { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
      100% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
    }
    @keyframes poyon {
      0%   { transform: scale(0.8, 1.4) translate(0%, -100%); }
      10%  { transform: scale(0.8, 1.4) translate(0%, -15%); }
      20%  { transform: scale(1.4, 0.6) translate(0%, 30%); }
      30%  { transform: scale(0.9, 1.1) translate(0%, -10%); }
      40%  { transform: scale(0.95, 1.2) translate(0%, -30%); }
      50%  { transform: scale(0.95, 1.2) translate(0%, -10%); }
      60%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
      70%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
      100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
    }
	
	
.korokoro {
  animation: korokoro 2.5s linear 0s 1;
}
 
@keyframes korokoro {
  0%   { transform: translate(0%, 0%); }
  5%   { transform: translate(10%, 0%) rotate(10deg); }
  25%  { transform: translate(20%, 0%) rotate(20deg); }
  30%  { transform: translate(-10%, 0%) rotate(-10deg); }
  35%  { transform: translate(-15%, 0%) rotate(-15deg); }
  45%  { transform: translate(10%, 0%) rotate(10deg); }
  50%  { transform: translate(15%, 0%) rotate(15deg); }
  60%  { transform: translate(-5%, 0%) rotate(-5deg); }
  65%  { transform: translate(-7%, 0%) rotate(-7deg); }
  75%  { transform: translate(0%, 0%) rotate(0deg); }
  100% { transform: translate(0%, 0%) rotate(0deg); }
}

/*----------------------------------------------------
 	header
----------------------------------------------------*/
#header{height:57px; position: fixed; z-index: 999; width:100%;}
.Nav{width:100%; max-width:1000px; margin:0 auto; font-size:18px; text-align:center;}
.Nav ul li{width:21%; color:#FFF; display:inline-block; margin-left:0.3%; vertical-align:top;}
.Nav ul li br{display:none;}
.Nav ul li a{color:#FFF; width:100%; background-color:#594200; display:inline-block; padding:15px 10px; text-decoration:none;}
.Nav ul li:nth-child(n+2) a{font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.Nav ul li:first-child{width:36.1%; margin-left:0;}
.Nav ul li:first-child a{background-color:#000; width:100%; font-weight:normal; padding:15px 10px;}
.Nav ul li a:hover{color:#FFF; background-color:#000;}
.Nav ul li:first-child a:hover{color:#FFF; background-color:#594200;}
@media only screen and (max-width: 847px) and (min-width: 668px){
.Nav ul li br{display:inherit;}
}
@media only screen and (max-width: 667px){
.Nav{ font-size:11px; font-weight:bold;}
.Nav ul li br{display:inherit;}
.Nav ul li{width:25%;}
.Nav ul li:first-child{width:20%;}
.Nav ul li a,.Nav ul li:first-child a{padding:10px 5px;}
.Nav ul li:last-child{margin-right:0;}
}

/*----------------------------------------------------
 	TOP
----------------------------------------------------*/


#TOPmain_img{ padding-top:60px; background:url(../img/kyokusen.png) no-repeat center 300px; background-size:contain; position:relative;}
#TOPmain_img h2 img{width:100%; max-width:403px; margin:0 auto 100px auto; display:block;}
#TOPmain_img .main_img{position:absolute; width:1136px; top:62px; left:50%; margin-left:-568px;}
#TOPmain_img .sectionIn{
padding-top:30px;
width:100%;
}
#TOPmain_img h2{ padding-bottom:20px;}

.news_box{width:100%; background:#FFF; padding:340px 2% 80px 2%;}
.news_box_under{ padding-top:0; background:none;}
.news_box h3 img.title_Top_news{ width:100%; max-width:307px; margin:0 auto 30px auto; display:block;}
.news_box dl:after{content: ".";display: block;visibility: hidden;clear: both;height: 0.1px;font-size: 0.1em;line-height: 0;}
.news_box dl {display: inline-block; max-width:780px; margin:0 auto;}
/* Hides from IE-mac \*/
.news_box dl {height: 1%;}
.news_box dl {display: block;}
/* End hide from IE-mac */
.news_box dl{padding:2px 0; /*font-size:12px;line-height:18px;*/ margin-bottom:20px;}
.news_box dt{text-align:left; float:left; width:15%; display:block;}
.news_box dd{float:left;display:block;width:85%; margin-bottom:10px;}
.news_box dd span{ display:block; font-weight:bold; font-size:115%;}
.news_box dd a{text-decoration:underline; color:#000;}
.news_box dd.Links a:after{content: "　";display:inline-block; width:22px; background:url(../img/icon_Links.png) no-repeat center center; background-size:22px; margin-left:10px;}
.news_box dd.pdf a:after{content: "　";display: inline-block; width:22px; background:url(../img/icon_pdf.png) no-repeat center center; background-size:22px; margin-left:10px;}
.news_box dd a:link{text-decoration:underline; color:#000;}
.news_box dd a:hover{text-decoration:none; color:#CCC;}

.btn_news{padding:10px; border:1px solid #000; text-align:center; display:block; width:100%; max-width:200px; text-decoration:none; color:#000000; margin:0 auto;}
.btn_news span{background:url(../img/icon_arowB.png) no-repeat center left; background-size:7px; padding-left:12px;}
.btn_news:hover{ color:#FFF; background-color:#000;}
.btn_news:hover span{background:url(../img/icon_arowW.png) no-repeat center left; background-size:7px; padding-left:12px;}

@media only screen and (max-width: 847px) and (min-width: 668px){
#TOPmain_img .news_box{padding:200px 2% 80px 2%;}
#UNDERmain_img .news_box{padding:20px 2% 80px 2%;}
}

@media only screen and (max-width: 667px){
#TOPmain_img .news_box{padding:100px 2% 80px 2%;}
#UNDERmain_img .news_box{padding:20px 2% 80px 2%;}
.news_box h3 img.title_Top_news{ width:100%; max-width:240px;}
.news_box dt{text-align:left; float:none; width:100%; display:block;}
.news_box dd{float:left;display:block;width:100%; margin-bottom:10px;}
}

.main_text{/*padding-top:340px; */width:100%; background:#FFF; text-align:center; padding-bottom:10px;}
.main_text h3 img{ width:100%; max-width:307px; margin:0 auto; display:block;}
.main_text h3{ margin-bottom:20px;}
.main_text p{font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-size:16px; line-height:34px; font-weight:bold; text-align: center;}

#TOPmain_img h2{ padding-bottom:20px;}
@media only screen and (max-width: 667px){
	.main_text p{ text-align: left; text-align: justify;}
}
@media only screen and (max-width: 1136px) and (min-width: 848px){
#TOPmain_img h2 img{width:100%; max-width:320px; margin:0 auto 100px auto; display:block;}
#TOPmain_img .main_img{position:absolute; width:848px; top:120px; left:50%; margin-left:-427px;}
}

@media only screen and (max-width: 847px) and (min-width: 668px){
#TOPmain_img .sectionIn{padding-top:39px;}
#TOPmain_img h2 img{width:100%; max-width:282px; margin:0 auto 100px auto; display:block;}
#TOPmain_img .main_img{position:absolute; width:600px; top:198px; left:50%; margin-left:-300px;}
}
@media only screen and (max-width: 667px){
#TOPmain_img .sectionIn{padding-top:20px;}
#TOPmain_img h2 img{width:100%; max-width:290px; margin:0 auto 100px auto; display:block;}
#TOPmain_img .main_img{position:absolute; width:320px; top:220px; left:50%; margin-left:-160px;}
.main_text{padding:130px 2% 10px 2%; text-align:left; line-height:24px;}
}

#ct01{ background-color:#FFF; padding:20px 0;}
#ct01 h3 img{ width:100%; max-width:582px; margin:0 auto; display:block;}
#ct01 h3{ margin-bottom:20px;}
#ct01 ol{width:100%; max-width:582px; margin-right:auto; margin-left:auto; padding:20px; background-color:#c9caca; font-size:13px; margin-bottom:30px; counter-reset:number; list-style:none;}
#ct01 ol li{position: relative;
 margin-bottom: .5em;
 padding-left: 2.0em;}
#ct01 ol li:before{counter-increment: number; content: counter(number) "";
position: absolute;
font-size:12px;
font-weight:bold;
 left: 0;
 width: 1.4em;
 height: 1.4em;
 background:#fcc800;
 color: #000;
 line-height: 1.8;
 text-align: center;	
}
#ct01 ol li:first-child{margin-bottom:20px;}
#ct01 p{width:100%; max-width:582px; margin-right:auto; margin-left:auto; font-size:14px;}

#ct01 ul{width:100%; max-width:582px; margin:0 auto;}
#ct01 ul li{ display:inline-block; width:32%; margin-right:2%;}
#ct01 ul li:last-child{margin-right:0;}
#ct01 ul li img{width:100%;}
@media only screen and (max-width: 667px){
#ct01 ul li{ width:100%; margin-right:0; margin-bottom:20px;}
#ct01{ background-color:#FFF; padding:20px 2%;}
}


#ct02{background-color:#FFF; padding:120px 0 0 0; position:relative;}
#ct02 h3 img{width:178px; margin:0 auto 40px auto; display:block;}
#ct02 .ct02_wap{ padding-top:60px; background:url(../img/bg03.png) no-repeat center top; background-size:100%;}
#ct02 .ct02_wap .sectionIn{background:url(../img/bg02.png) no-repeat center top; background-size:1096px; background-size:100%; width:100%; max-width:1096px; margin:-170px auto 0 auto; padding:40px 0 40px 0;}
#ct02 .ct02_wap p{ text-align:center; line-height:48px; font-size:15px;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; letter-spacing:-1.5px; font-weight:bold;}
#ct02 .ct02_wap .img04{ margin:0 auto; display:block;width:100%; max-width:563px;}

@media only screen and (max-width: 1136px) and (min-width: 668px) {
#ct02 .ct02_wap .sectionIn{background-size:1136px;}
}
@media only screen and (max-width: 667px){
#ct02 .ct02_wap p{ line-height:34px; margin-bottom:20px;}
#ct02 .ct02_wap .sectionIn{background-size:480px; padding:40px 2%;}
}



#ct03{ background-color:#fcc800; padding:40px 0;}
#ct03 img.pcimg{ width:100%; max-width:1000px; margin:0 auto; display:block;}
#ct03 img.spimg{display:none;}
@media only screen and (max-width: 667px){
#ct03 img.pcimg{ display:none;}
#ct03 img.spimg{ width:100%; max-width:1000px; margin:0 auto; display:block;}
}
#ct04{ width:100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcc800+0,fcc800+98&1+0,0+100 */
background: -moz-linear-gradient(top, rgba(252,200,0,1) 0%, rgba(252,200,0,0.02) 98%, rgba(252,200,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(252,200,0,1) 0%,rgba(252,200,0,0.02) 98%,rgba(252,200,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(252,200,0,1) 0%,rgba(252,200,0,0.02) 98%,rgba(252,200,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc800', endColorstr='#00fcc800',GradientType=0 ); /* IE6-9 */
padding:40px 0 30px 0; margin-bottom:100px;}

#ct04 .img08{width:100%; max-width:56px; margin:0 auto 20px auto; display:block;}
#ct04 h3 img{width:100%; max-width:578px; margin:0 auto 20px auto; display:block;}
#ct04 p{font-size:14px; text-align:center; margin-bottom:30px;}
#ct04 ul{margin:0 auto; width:100%; max-width:590px;}
#ct04 ul li{display:inline-block; vertical-align:top; text-align:center;}
#ct04 ul li dl dt{height:244px; margin-bottom:10px;}
#ct04 ul li dl dd{ background:#000000; color:#fcc800; padding:2px; font-size:20px;}
#ct04 ul li:first-child{margin-right:8%; width:34%;}
#ct04 ul li:last-child{width:58%;}
#ct04 ul li:first-child img{width:100%; max-width:204px;}
#ct04 ul li:last-child img{width:100%; max-width:342px;}
@media only screen and (max-width: 667px){
#ct04{padding:0 2% 30px 2%;}
#ct04 ul li{ width:100%; margin-bottom:20px;}
#ct04 ul li:first-child{width:100%; margin-right:0;}
#ct04 ul li:last-child{width:100%; }
#ct04 ul li dl dt{height:auto;}
#ct04 ul li dl dd{margin-bottom:10px;}
}



/*20190313 追加*/
body{ background:url(../img/main_bg2.png) no-repeat center top #fcc800;}
.top_page { text-align: center; font-weight: bold; letter-spacing: 0.2em;}
.top_page a { color: #000; text-decoration: none;}
.top_page a:hover { color: #fff;}
.Nav ul li a { border-radius: 30px;}
.Nav ul li:first-child a{ background-color: #594200;}
.Nav ul li:first-child a:hover{color:#FFF; background-color:#000;}
.Nav ul li:first-child { width: 19%;}
.Nav ul li { width: 19%; margin-left: 1%;}
#TOPmain_img { padding-top: 120px; background: url(../img/kyokusen.png) no-repeat center 360px; background-size: contain;}
#TOPmain_img .main_img { top: 127px;}
.Nav .btn_inside { padding: 7px; line-height: 1.2em;}
.btn_around { text-align: center;margin: 30px auto 10px;}
.btn_around img { max-width:100%; height: auto;}
.btn_around2 { text-align: center;margin: 15px auto; }
.btn_around2 img { max-width:100%; height: auto;}
.btn_around3 { text-align: center;margin: 30px auto 10px;}
.btn_around3 img { max-width:100%; height: auto; padding-left: 2%; padding-right: 2%;}
.btn_around4 { text-align: center;margin: 15px auto 0px; }
.btn_around4 img { max-width:100%; height: auto; padding-left: 2%; padding-right: 2%;}
a:hover img.overwhite{ cursor:pointer; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity:0.6;  -khtml-opacity: 0.6; opacity:0.6; zoom:1;}
.bg_yellow { padding: 15px; background-color: #FCC800;}

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

#header { background: #FCC800;}
.Nav { display: none;}

#TOPmain_img  {padding-top: 55px; background: url(../img/kyokusen.png) no-repeat center 300px; background-size: contain;}
#TOPmain_img .main_img { top: 213px;}
body {background: url(../img/main_bg.png) no-repeat center 100px #fcc800; background-size: auto; background-size: 667px;}
.toppage_title { float: right; padding: 5% 3% 0 0; width: 82%}
.top_page { text-align: center; font-weight: bold; letter-spacing: 0.1em; font-size: 14px;}
.bg_yellow { padding: 0px; background-color: none;}
}


@media only screen and (max-width: 847px) and (min-width: 668px) {
	
#TOPmain_img .main_img { top: 250px;}
.Nav .btn_inside { padding: 9px; line-height: 1.3em;}
.bg_yellow { padding: 10px 0px; background-color: #FCC800;}

}



/*スマホ ハンバーガーメニュー*/

/*PCのスタイル*/
.ham { margin-right: -16px;}
.ham ul{ display: flex; align-items: center;}
.ham ul li a{ color: #fff; text-decoration: none; font-weight: bold; padding: 16px ;}
#nav_toggle{ display: none;}
 
/*メニュー部分*/
@media screen and (max-width:667px){
.ham{ display: none; position: absolute; top:54px; width: 100%; background: #594200; left: 0;}
.ham ul{ display: block; margin: 0 auto; width: 90%; }
.ham ul li{ margin: 0 auto; text-align: center; border-bottom: 1px solid #fff; }
.ham ul li:last-child{ border: none; }
.ham ul li a{ display: block; }
 }

@media screen and (max-width:667px){	
/*開閉ボタン*/
#nav_toggle{ display: block; width: 40px; height: 40px; position: relative; top: 15px; z-index: 100; float: left; left: 15px;}
#nav_toggle div { position: relative; }
#nav_toggle span{ display: block; height: 3px; background: #fff; position:absolute; width: 100%; left: 0; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;	}
#nav_toggle span:nth-child(1){ top:0px;}
#nav_toggle span:nth-child(2){ top:12px;}
#nav_toggle span:nth-child(3){ top:24px;}
	
/*開閉ボタンopen時*/
.open #nav_toggle span:nth-child(1) { top: 12px;  -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg);}
.open #nav_toggle span:nth-child(2) { width: 0; left: 50%;}
.open #nav_toggle span:nth-child(3) { top: 12px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg);}
}
/*ハンバーガーメニュー ここまで*/






/*----------------------------------------------------
 	News
----------------------------------------------------*/

#UNDERmain_img{ padding-top:60px; background:url(../img/kyokusen.png) no-repeat center 300px; background-size:contain; position:relative;}
#UNDERmain_img h2 img{width:100%; max-width:403px; margin:0 auto 100px auto; display:block;}
#UNDERmain_img .main_img{position:absolute; width:1136px; top:62px; left:50%; margin-left:-568px;}
#UNDERmain_img .sectionIn{
padding-top:30px;
width:100%;
	
}
#UNDERmain_img h2{ padding-bottom:20px;}


@media only screen and (max-width: 1136px) and (min-width: 848px){
#UNDERmain_img h2 img{width:100%; max-width:320px; margin:0 auto 100px auto; display:block;}
#UNDERmain_img .main_img{position:absolute; width:848px; top:120px; left:50%; margin-left:-427px;}
}

@media only screen and (max-width: 847px) and (min-width: 668px){
#UNDERmain_img{ padding-top:60px; background:url(../img/kyokusen.png) no-repeat center 260px; background-size:contain; position:relative;}
#UNDERmain_img .sectionIn{padding-top:39px;}
#UNDERmain_img h2 img{width:100%; max-width:282px; margin:0 auto 50px auto; display:block;}
#UNDERmain_img .main_img{position:absolute; width:600px; top:198px; left:50%; margin-left:-300px;}
}
@media only screen and (max-width: 667px){
#UNDERmain_img{ padding-top:60px; background:url(../img/kyokusen.png) no-repeat center 260px; background-size:contain; position:relative;}
#UNDERmain_img .sectionIn{padding-top:20px;}
#UNDERmain_img h2 img{width:100%; max-width:290px; margin:0 auto 70px auto; display:block;}
#UNDERmain_img .main_img{position:absolute; width:320px; top:220px; left:50%; margin-left:-160px;}
.main_text{padding:0 2% 10px 2%; text-align:left; line-height:24px;}
}




.title_news{width:100%; max-width:178px; margin:0 auto 30px auto; display:block;}
.pager{ text-align:center; margin-top:80px;}
.pager li{ display:inline-block; margin-right:10px;}
.pager li span{width:40px; height:40px; text-align:center; line-height:40px; background-color:#000; color:#FFF; display:block; text-decoration:none; border:1px solid #000;}
.pager li a{ width:40px; height:40px; text-align:center; line-height:40px; background-color:#FFF; color:#000; display:block; text-decoration:none; border:1px solid #000;}
.pager li a:hover{border:1px solid #CCC; background:#ccc;}
.pager:after{content: "…"; display:inline-block;}

.news_txts{ width:100%; max-width:840px; margin:0 auto 80px auto;}
.news_txts p{font-size:129%;}

.news_txts h4 span{display:block; font-size:79%; }
.news_txts h4{ font-weight:bold; font-size:200%; margin-bottom:20px;}

.news_txts h5{ font-weight:bold; margin-bottom:20px; font-size:129%; padding:3px 10px; background-color:#000; color:#FFF;}
.news_txts h6{ font-weight:bold; font-size:157%; margin-bottom:20px;}

.news_txts .leftBox{float:left; display:block;}
.news_txts .RightBox{float:right; display:block;}

.btn_news02{padding:10px; border:1px solid #000; text-align:center; background-color:#000; display:block; width:100%; max-width:200px; text-decoration:none; color:#FFF; margin:0 auto;}
.btn_news02 span{background:url(../img/icon_arowW.png) no-repeat center left; background-size:7px; padding-left:12px;}
.btn_news02:hover{ color:#000; background-color:#FFF;}
.btn_news02:hover span{background:url(../img/icon_arowB.png) no-repeat center left; background-size:7px; padding-left:12px;}

.btn_news03{padding:8px; border:1px solid #000; text-align:center; background-color:#000; display:block; width:100%; text-decoration:none; color:#ffffff; margin:0 auto;
background-image: url(../img/icon_arowW.png);  background-position: 95% center; background-size: 7px; background-repeat: no-repeat;}
.btn_news03:hover{ color:#000; background-color:#FFF;background-image: url(../img/icon_arowB.png);  background-position: 95% center; background-size: 7px; background-repeat: no-repeat;}

.btn_news04{padding:8px; border:1px solid #c9caca; text-align:center; background-color:#c9caca; display:block; width:100%; text-decoration:none; color:#000; margin:0 auto;
background-image: url(../img/icon_arowB.png);  background-position: 95% center; background-size: 7px; background-repeat: no-repeat;}
.btn_news04:hover{ color:#000; background-color:#FFF;background-image: url(../img/icon_arowB.png);  background-position: 95% center; background-size: 7px; background-repeat: no-repeat;}

@media only screen and (max-width: 667px){
.news_txts h4{ font-weight:bold; font-size:143%; margin-bottom:20px;}
.news_txts .leftBox{float:none;}
.news_txts .RightBox{float:none;}
.news_txts p{font-size:100%;}
}


/*20190312 NEWS08追加*/

.hito_box { width:32.6%;margin-right:1.1%; float:left;}
.hito_box:last-child { margin-right: 0px;}
.hito_box .hito_text { line-height: 1.2em; margin-top: 10px; text-align: center; font-size:16px;}
.hito_span { font-size: 11px;}
.img100 { height: auto; width: 100%;}

@media only screen and (max-width: 667px){
.hito_box { width: 100%; margin-right: 0px; float: none; height: auto; margin-bottom: 14px;}
.hito_box .hito_text { margin: 8px 0; font-size:18px;}
.hito_span { font-size: 13px;}
}



/*----------------------------------------------------
 	取扱店舗一覧、「米の恵み」が食べられるお店
----------------------------------------------------*/

#UNDERmain_img { padding-top: 50px; background: url(../img/kyokusen.png) no-repeat center 360px; background-size: contain; position: relative; }
#UNDERmain_img h2 img { margin-top: 70px;}
.under_wap { background: url(../img/main_bg2.png) no-repeat center top #fcc800;}
.ttlImg { width: 100%;max-width: 578px; display: block;}

.title_shop{ width:100%; max-width:178px; margin:0 auto 30px auto; display:block;}
.shop_box { width: 100%; background: #FFF; padding: 340px 2% 340px 2%;}
.shop_box_under {padding-top: 0; background: none;}

.shoplist { width: 970px; margin: 0 auto; }
.shoplist a{ width: 235px; height: 46px; margin: 0 10px 10px 0; background-color: #FCC800 ; font-size: 16px; line-height: 46px; color: #521505; text-align: center; float: left; border-radius: 30px; text-decoration: none; font-weight: bold;}
.shoplist a:hover { background-color: #FDE591; color:#000; }
.cf::after { clear: both;}
.cf::before, .cf::after { content: " "; display: table;}
.shop_box .leftBox { float:left; display:block;}
.shop_box .RightBox { float:right; display:block;}
.shoplist2 { width: 80%; margin: 0 auto; }
.shoplist .btn_black a{ background-color: #000; color: #fff;}
.shoplist .btn_black a:hover{ background-color: #737373; color: #fff;}

.shoplist2 .location_outside { 
	text-align: center;
	width: 100%;
	height: 46px;
	background-color: #000;
	font-size: 20px;
	line-height: 46px;
	border-radius: 30px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0.2em;
	margin-bottom: 30px;
}
.shoplist2 .location_inside { 
	text-align: center;
	width: 100%;
	height: 46px;
	background-color: #FCC800;
	font-size: 20px;
	line-height: 46px;
	border-radius: 30px;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin-bottom: 20px;
}


.shoplist2 .leftBox li{ font-weight: bold; line-height: 1.8em; border-bottom: 1px solid #FCC800; padding: 10px 10px 10px 0;}
.shoplist2 .leftBox li:first-child { padding-top: 0;}
.shoplist2 .leftBox li:last-child { border-bottom: none; padding-bottom: 30px;}
.shoplist2 .leftBox li span{ font-weight: normal;}
.shoplist2 .RightBox li{ font-weight: bold; line-height: 1.8em; border-bottom: 1px solid #FCC800; padding: 10px 10px 10px 0;}
.shoplist2 .RightBox li:first-child { padding-top: 0;}
.shoplist2 .RightBox li:last-child { border-bottom: none; padding-bottom: 30px;}
.shoplist2 .RightBox li span{ font-weight: normal;}
.shoplist2 .city_box { text-align: center;width: 100%;background-color: #FCC800;font-size: 20px;line-height: 46px;border-radius: 30px;font-weight: bold;letter-spacing: 0.2em;margin-bottom: 20px;}
.mr0PC { margin-right: 0 !important;}

@media only screen and (max-width: 667px){
.under_wap { background: #fcc800 url(../img/main_bg.png) no-repeat scroll center top / 832px auto;}
#UNDERmain_img { padding-top: 50px; background: url(../img/kyokusen.png) no-repeat center 250px; background-size: contain; position: relative;}
#UNDERmain_img h2 img { margin-top: 0; }
.shoplist { display:inline;}
.shoplist a{ width:100%; max-width:100%; margin-right: 0;}
.shoplist2 { width:100%; margin-top:60px;}
.shoplist2 .leftBox { float: none;}
.shoplist2 .RightBox { float: none;}
.shoplist2 .location_outside { margin-bottom:10px;}
.displaySP { border-bottom: 1px solid #FCC800 !important; padding-bottom:10px !important; }
.bg_yellow { padding: 0px; background-color: none;}
}

@media only screen and (max-width: 847px) and (min-width: 668px) {
#UNDERmain_img { padding-top: 50px; background: url(../img/kyokusen.png) no-repeat center 320px; background-size: contain; position: relative;}
#UNDERmain_img h2 img { margin-top: 90px;}
.under_wap { background: url(../img/main_bg.png) no-repeat center top #fcc800;}
.shoplist { width:100%;}
.shoplist a { width:176px;}
.shoplist2 { width:100%;}
.bg_yellow { padding: 10px 0px; background-color: #FCC800;}

}


/*----------------------------------------------------
 	footer
----------------------------------------------------*/

#footer{}
#footer h2 img{ width:100%; max-width:253px; display:block; margin:0 auto 30px auto;}
#footer h3.name01{ text-align:center; font-weight:bold; font-size:30px;}
#footer p.adr{text-align:center; margin-bottom:20px; font-style:14px;}
#footer h3.name02{ text-align:center; font-weight:bold; font-size:24px;}
#footer p.tel_no{text-align:center; font-weight:bold; font-size:36px; }
.under_footer{padding-top:50px;}
@media only screen and (max-width: 667px){
#footer{ padding:0 2%;}
#footer p.tel_no{font-size:24px; }
}

/*スマホ　sumaho*/

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

body{ font:14px/1.6 ArialMT; font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; color: #000;}
.onlyPC { display: none;}
.onlySP { display: block;}
img.onlySP { display: inline-block;}

body .contents img{ max-width: 100%;}

}


.page-top
{
	display: none ;
	margin: 0 ;
	padding: 0 ;
}
 
.page-top p
{
	margin: 0 ;
	padding: 0 ;

	position: fixed ;
	right: 16px ;
	bottom: 16px ;
}
 
.move-page-top
{
	display: block ;
	background: #000 ;
	width: 50px ;
	height: 50px ;
	cursor: pointer ;

	color: #FFFFFF;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}



/* ------------------------------------------------
	　common
    ---------------------------------------------- */

.fl { float:left;}
.fr { float:right;}

.mb0 { margin-bottom:0px;}
.mb5 { margin-bottom:5px;}
.mb9 { margin-bottom:9px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px!important;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}
.mb60 { margin-bottom:60px;}
.mb70 { margin-bottom:70px;}
.mb90 { margin-bottom:90px;}


.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml12 { margin-left:12px;}
.ml13 { margin-left:13px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}

.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px;}

.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mt60 { margin-top:60px;}

.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pt40 { padding-top:40px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb20 { padding-bottom:20px;}
.pb100{ padding-bottom: 100px;}

.text10{ font-size:72%!important; }
.text11{ font-size:79%!important; }
.text12{ font-size:86%!important; }
.text13{ font-size:93%!important; }
.text14{ font-size:100%!important; }
.text15{ font-size:110%!important; }
.text16{ font-size:115%!important; }
.text18{ font-size:129%!important; }
.text20{ font-size:143%; }
.text24{ font-size:172%; }
.text28{ font-size:200%; }
.text30{ font-size:214%; }
.textC { text-align:center;}
.textR { text-align:right;}
.textL{ text-align: left;}
.textB { font-weight:bolder;}
.textN{ font-weight: normal;}

.red { color:#D80000;}
.blue{ color: #63A0DF;}
.green{ color: #008C23;}
.pink{ color: #FF505A;}
.orange{ color: #e56c20;}

.box10p { width: 10%;}
.box15p { width: 15%;}
.box20p { width: 20%;}
.box35p { width: 35%;}
.box40p { width: 40%;}
.box45p { width: 45%;}
.box48p { width: 48%;}
.box49p { width: 49%;}
.box50p { width: 50%;}
.box55p { width: 55%;}
.box60p { width: 60%;}
.box80p { width: 80%;}
.box180{ width: 180px;}
.radioBox{ width: 100px;}

.w100 { width: 100%;}

@media only screen and (max-width: 667px){
.mb10SP { margin-bottom:10px;}
.mb15SP { margin-bottom:15px;}
.mb20SP { margin-bottom:20px;}
.boxSP100{ width:100%;}
}

.lrAuto{ margin-left:auto; margin-right:auto;}

.link a{ color:#FD7E33; text-decoration:underline; font-weight:bold;}
.link a:hover{ text-decoration:none;}

.va_b{ vertical-align:bottom;}
.va_m{ display:inline-block;vertical-align:middle;}
.va_t{ vertical-align: top;}

.premium{
    display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #9A0119;
  text-align:center;
    color: #fff;
    font-weight: bold;
    font-size: 80%;
  line-height: 20px;
margin-left: .5em;    

}