@charset "UTF-8";
/*
Theme Name: cms
Author: gotomokutest
*/

/* common*/
.onlineshopbnr{position: relative} 
.onlineshopbnr #webshopbtn{position: absolute;top: 20%;right: 5%; width: 36%;}

#newsbusinessbox h2.pickupttl{background:none;font-weight: bold;line-height: 30px;margin: 0 0 10px 0;padding: 0;font-size: 16px;}
.menubox li a:hover{ background:#C9CACA;}
#topics ul{float: left; line-height: 36px;	}
.pattern {background-image: url(../../../image/pattern.png);background-repeat: repeat;background-attachment: scroll;	width: 100%;	
height: 100%;position: absolute;	top: 0;left: 0; z-index:0;}  
/* footer*/
#foot{ border-top: 1px solid #000000; margin-top:50px; clear:both;}
#footnav{ background:#E6E6F3; color:#727171;  padding-top:30px; line-height:25px;}
#footnav div{border-top: 1px solid #2E3074; }
#footsubnav{ background:#2E3074;  padding-top:20px; position:relative;}
#footsubnav ul li a{border: 1px solid #FFFFFF; width:140px; line-height:30px; text-align:center; font-size:13px; color:#FFFFFF; display:block; float:left; 
margin-right:10px; margin-bottom:30px;}
#footsubnav img{ clear:both;}
.gotomoku{ font-size:12px;}
.linkBnr{ width:100%; margin: 0; }
.linkBnr img{ width:32.6%; float: left; margin: 0 0 80px 0}
.linkBnr .linkcenter img{width:32.6%; float: left; margin: 0 1.1% 80px 1.1%}
#newsbusiness div p{ margin: 10px 0}
.more{ font-size: 13px; clear: both}
#fbbox ,.instagrambox{ overflow: hidden}
.adwarap li{font-size: 12px; padding: 10px 0; border-bottom: 1px dotted #cccccc;}
.adwarap li span{ font-weight: bold; margin-right: 20px;}
#footnav .adwarap{margin-bottom: 20px;}

#jspage h3{background:rgba(30,152,87,1.00);color: #ffffff; }
#jspage h4{font-size: 22px;text-align: center;border-bottom: 1px dotted #cccccc;margin:0 auto 30px auto;max-width: 600px;padding-bottom: 5px;}
#jspage h5{font-size: 28px;text-align: center;font-weight: bold;margin-bottom: 30px;line-height: 140%;}
#jspage ol{margin:20px auto 0 auto;max-width:450px; border: 4px solid #cccccc;text-align: left;padding: 20px;}
#jspage .text{line-height: 280%;margin-bottom: 50px;text-align: center;}
#jspage .leftbox{font-size: 24px;font-weight: bold;margin:30px 10px;line-height: 100px;}
#jspage .rightbox{font-size: 24px;font-weight: bold;margin:30px 10px;line-height: 100px;}
#jspage #organize{margin-top: 50px;}
#jspage02{max-width: 600px;margin: auto;}

/* 20190308追加*/
#rnews{border-bottom: 1px solid #231815;border-left: 1px solid #231815;border-right: 1px solid #231815;margin-bottom: 60px;font-size: 16px;}
#rnews h3{background: #385394;color: #ffffff;font-size:24px;text-align: center;font-weight: normal;margin-bottom: 0;}
.rnewsl{float:left;width:200px;}
.rnewsr{float:left;}
#rnews .clearfix{border-top: 1px dotted #231815;padding: 15px 30px ;}
#rnews .rboxborder:first-child{border-top: none;}

/* 20190325追加 */
.topbnr{text-align:center;}

/* 20191223追加 */
.example3 {
	width: 100%;
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: stretch;
	margin-bottom: 30px;
}

.example3 li {
	width: 32%;
	padding: 0 0 10px;
	margin-right: 2%;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	background: #FFFFFF;
	position: relative;
	margin-bottom: 20px;
	/* box-shadow */
	box-shadow:rgba(113, 135, 164, 0.388235) 1px 1px 4px 0px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.388235) 1px 1px 4px 0px;
	-moz-box-shadow:rgba(113, 135, 164, 0.388235) 1px 1px 4px 0px;
}

.example3 li img {
	width: 100%;
	height: auto;
	padding-bottom: 10px;
}

.example3 li:nth-child(3n) {
	margin-right: 0;
}

.example3 li span,
.example3 li a {
	display: block;
}

.example3 li em {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	padding: 3px 10px;
	font-size: 12px;
	color: #FFFFFF;
}
.ex_green {
	background: #339900;
}

.ex_bukken {
	display: block;
	padding-left: 10px;
	font-size: 18px;
	font-weight: bold;
}

.yuka_sekourei h6 {
    text-align: center;
    font-size: 30px;
    padding-bottom: 30px;
	padding-top:20px;
	
}

/* 1550以上*/
@media screen and (min-width: 1550px) {
/* head*/
#toggle{ display:none;}
header{ width:1380px; margin:0 auto;}
#logo{width:220px;margin-top:40px;/*180906*/float:left; margin-right:60px; }
h1{ font-size:13px; color:#C9CACA; line-height:120%; margin-top:25px; margin-bottom:15px;}
#headbox{ width:815px;/*ここ*/ float:left; margin-bottom:50px;}
#topics p{ background:#2E3074; border: 1px solid #2E3074;color:#FFFFFF; float:left; line-height:36px; padding-left:10px; width:103px; font-size:13px;}
#topics img{vertical-align: middle; margin-right:10px}
.tickercontainer { width:580px;/*ここ*/  }
.menubox li a{width:163px; float:left; line-height:70px; font-weight:bold; display:block; text-align:center;}
#headbnr{ float:left; width:285px; text-align:right;}
#main{ height:890px;}
#main .copy{ position:relative; top:45%; margin-top:-100px; width:340px; margin-left:60px; }
#main .arrow{ position:relative; top:65%; left:-210px; width:60px; z-index:900; }
.boxA { width:200px;height:100px;float:left; }  
.boxB { width:200px;height:100px;float:right; } 
/* top contents*/
.contents{ width:1550px; margin:30px auto 0;}
.topbox01 ,.topbox02{ width:300px; height:200px;float:left; margin-left:5px; margin-right:5px;position:relative;margin-bottom:10px}
.topbox02 .newsimg ,.topbox01 .newsimg {display: inline-block;background-position: center center;background-repeat: no-repeat;width: 300px; height: 200px;background-size: cover;}
.topbox02 p {position:relative; top:-202px; left:124px; width:176px; color:#FFFFFF; text-align:center; line-height:30px;background:#2E3074;}
.topbox01 p {position:relative; top:-202px; left:124px; width:176px; color:#FFFFFF; text-align:center; line-height:30px;background:#7DB84B;}
#fbbox{ float:left; padding:4px; margin-right:20px;	width: 490px; height:320px;border: 1px solid #000000; margin-bottom:30px;}
#topnews{ float:left;width:988px; border: 1px solid #000000; padding:20px; margin-bottom:30px;}
.newsbox{	border-top: 1px solid #000000; margin-top:10px; padding:10px;}
.newsbox .ttl{ font-size:20px; margin-bottom:15px; margin-top:10px; font-weight:bold; clear:both;}
.newsbox .text{ float: none; margin-left:210px; margin-top:10px;}
.newsimg2 {display: inline-block;background-position: center center;background-repeat: no-repeat;width: 198px; height: 148px;background-size: cover;border: 1px solid #000000; float:left;}
#infobox{ height:240px;overflow: scroll;-webkit-overflow-scrolling: touch; }
/*.newssample {display: block; margin: 0 auto; width: 100px;}
*/
/* footer*/
#footnav table {	width: 1550px;	margin-top: 0;	margin-right: auto;margin-left: auto;	margin-bottom: 20px;}
#footnav div p ,#footsubnav .warap,.adwarap{width: 1550px; margin:0 auto;display:block; padding:20px 0;}
#footnav table td{ width:23%; margin-left:1%; margin-right:1%;font-size:13px;}
#foot .contactbnr{ width:650px; margin:0 auto; margin-top:30px; margin-bottom:30px;}
#footsubnav{height:140px;}
.sns{ position:absolute; right:10%; bottom:80px;}
.fbBtn{ width:70px; overflow:hidden; float:left; margin-right:30px;}
#copyright{ position:absolute; right:10%; bottom:40px;}

/* 新事業バナー*/
#newsbusiness {/*border-radius:8px;border: 1px solid #b5b5b6; width:100%; box-sizing:border-box;*/ margin-top:30px}
#newsbusiness h1{background: #2d9f26;font-size: 18px;color: #FFFFFF; padding:8px 20px ;font-weight:bold;margin: 0;border-top-left-radius: 7.6px;border-top-right-radius: 7.6px;}
#newsbusinessbox div{ width:32.6%; margin:0; float:left;}
#newsbusinessbox div.newbnrcenter{width:32.3%;margin:0 1.1%;float:left;}	
#newsbusinessbox{ padding:20px 0; font-size:13px; line-height:160%;}
#newsbusinessbox h2{background: url(../../../image/arrow03.png) no-repeat left top;padding-left:16px;background-size: 12px auto; font-size:13px; margin-top:15px;font-weight:bold; line-height:14px; margin-bottom:5px}
.boxA { width:200px;height:100px;float:left; }  
.boxB { width:200px;height:100px;float:right; } 
/*トレンドイベント*/
.newwrap{ width: 50%; float: left; }
.newwrap h2,.newwrap2 h2{ font-weight: bold; line-height: 30px; margin: 30px 0 10px 0;}
/* 180906*/
.eventbox{ width: 32.6%;float: left; margin-bottom: 10px;}		
.newwrap3 .eventbox:nth-child(2){width: 32.3%;margin: 0 1.1%;}
.eventbox p{margin: 10px 0;}	
	

.eventbox .newsimg {display: inline-block;background-position: center center;
background-repeat: no-repeat;width: 100%;height: 300px;background-size: cover;}	
/* rss*/
#rssBg{ background: #E6E6F3; padding: 30px 0;}
#rss{width: 1550px;  margin: 0 auto;overflow: hidden; }
.rsswrap{width:102%;overflow: hidden; margin-left: -1%;}
.rsswrap div{ width: 31.3%; height: 300px; float: left; margin: 0 1%;overflow: hidden; line-height: 140%; font-size:14px; }
.rsswrap div span{width: 100%; height: 200px; display: block; overflow: hidden; margin-bottom: 20px; }
.rsswrap img{ width:120%;}
.rsswrap .date{ margin-bottom: 10px;}
#rssBg .more{ text-align: right;}
#rssBg h3{ display: block; margin:0 auto 20px auto; font-weight: bold;}	
}
/* 1549px以下共通*/
@media screen and (max-width: 1549px) {
/* top contents*/
.contents{ width:90%; margin:30px auto 0;}
}

/* 980-1549の間 */
@media print, screen and (min-width: 980px) and (max-width: 1549px) {
/* head*/
#toggle{ display:none;}
header{ width:980px; margin:0 auto;}
#logo{width:180px;margin-top:40px;/*180906*/ float:left; margin-right:30px;}
h1{ font-size:10px; color:#C9CACA; line-height:120%; margin-top:25px; margin-bottom:15px;}
#headbox{ width:500px;margin-right: 20px;/*ここ*/ float:left;}
.tickercontainer {width:382px;/*ここ*/ }	
#topics p{ background:#2E3074; border: 1px solid #2E3074;color:#FFFFFF; float:left; line-height:36px; padding-left:10px; width:103px; font-size:13px;}
#topics img{vertical-align: middle; margin-right:6px}
.menubox li a{ width:100px;font-size: 14px; float:left; line-height:70px; font-weight:bold; display:block; text-align:center;}
#headbnr{ float:left; width:245px;text-align:right;}
#main{ height:600px;}
#main .copy{ position:relative; top:45%; margin-top:-100px; width:300px; margin-left:60px;}
#main .arrow{ position:relative; top:65%; left:-190px; width:60px; z-index:900;}
/* top contents*/
.topbox01 ,.topbox02{ width:19%; height:200px;float:left; margin-left:0.5%;margin-right:0.5%;position:relative;margin-bottom:5px}
.topbox02 .newsimg ,.topbox01 .newsimg , .eventbox .newsimg{display: inline-block;background-position: center center;background-repeat: no-repeat;width: 100%; height: 200px;background-size: cover;}
.topbox02 p {position:relative; top:-202px; left:20%; width:80%; color:#FFFFFF; text-align:center; line-height:30px;background:#2E3074; font-size:13px;}
.topbox01 p {position:relative; top:-202px; left:20%; width:80%; color:#FFFFFF; text-align:center; line-height:30px;background:#7DB84B;font-size:13px;}
#fbbox{ float:left; padding:4px; margin-right:20px;	width: 490px; height:320px;border: 1px solid #000000; margin-bottom:30px;}
#topnews{ float:none;width:auto; border: 1px solid #000000; padding:20px; margin-bottom:30px; margin-left:520px;}
.newsbox{	border-top: 1px solid #000000; margin-top:10px; padding:10px;}
.newsbox .ttl{ font-size:20px; margin-bottom:15px; margin-top:10px; font-weight:bold; clear:both;}
.newsbox .text{ float: none; margin-left:210px; margin-top:10px;}
.newsimg2 {display: inline-block;background-position: center center;background-repeat: no-repeat;width: 198px; height: 148px;background-size: cover;border: 1px solid #000000; float:left;}
#infobox{ height:240px;overflow: scroll;-webkit-overflow-scrolling: touch; }
/* footer*/
#footnav ul {	width: 980px;	margin-top: 0;	margin-right: auto;margin-left: auto;	margin-bottom: 20px; }
#footnav div p ,#footsubnav .warap{width: 980px; margin:0 auto;display:block; padding:20px 0;}
#footnav table td{ width:23%; margin-left:1%; margin-right:1%;font-size:11px;}
#footsubnav{height:140px;}
#foot .contactbnr{ width:650px; margin:0 auto; margin-top:30px; margin-bottom:30px;}
.sns{ position:absolute; right:5%; bottom:80px;}
.fbBtn{ width:70px; overflow:hidden; float:left; margin-right:20px;}
#copyright{ position:absolute; right:5%; bottom:40px;}
/* 新事業バナー*/
#newsbusiness {/*border-radius:8px;border: 1px solid #b5b5b6; width:100%; box-sizing:border-box; */margin-top:30px}
#newsbusiness h1{background: #2d9f26;font-size: 18px;color: #FFFFFF; padding:8px 20px ;font-weight:bold;margin: 0;border-top-left-radius: 7.6px;border-top-right-radius: 7.6px;}
#newsbusinessbox div{ width:32.6%; margin:0; float:left;}
#newsbusinessbox div.newbnrcenter{width:32.3%;margin:0 1.1%;float:left;}
#newsbusinessbox{ padding:20px 0px; font-size:13px; line-height:160%;}
#newsbusinessbox h2{background: url(../../../image/arrow03.png) no-repeat left top;padding-left:16px;background-size: 12px auto; font-size:13px; margin-top:15px;font-weight:bold; line-height:14px; margin-bottom:5px}
/*トレンドイベント*/
.newwrap{ width: 50%; float: left; }
.newwrap h2,.newwrap2 h2{ font-weight: bold; line-height: 30px; margin: 30px 0 10px 0;}
/*.eventbox{ width: 49%;float: left; margin-right: 1%; margin-bottom: 10px;}*/	
	
/* 180906*/
.eventbox{ width: 32.6%;float: left; margin-bottom: 10px;}		
.newwrap3 .eventbox:nth-child(2){width: 32.3%;margin: 0 1.1%;}
.eventbox p{margin: 10px 0;}
.newwrap3 .eventbox .newsimg{height: 300px;}	
	
/* rss*/
#rssBg{ background: #E6E6F3; padding: 30px 0;}
#rss{width: 90%;  margin: 0 auto;overflow: hidden; }
.rsswrap{width:102%;overflow: hidden; margin-left: -1%;}
.rsswrap div{ width: 31.3%; height: 300px; float: left; margin: 0 1%;overflow: hidden; line-height: 140%; font-size:14px; }
.rsswrap div span{width: 100%; height: 200px; display: block; overflow: hidden; margin-bottom: 20px; }
.rsswrap img{ width:120%;}
.rsswrap .date{ margin-bottom: 10px;}
#rssBg .more{ text-align: right;}
#rssBg h3{ display: block; margin:0 auto 20px auto; font-weight: bold;}
}
#newsbox div{ width:32.6%; margin:0; float:left;}
#newsbox div.newbnrcenter{width:32.3%;margin:0 1.1%;float:left;}
#newsbox{ padding:20px 0px; font-size:13px; line-height:160%;}

/* 979以下共通*/
@media screen and (max-width: 979px) {
#fbbox{	width: 100%;	margin-bottom: 30px;text-align: center;	background-color: #F0F0F0}
#topnews{ width: 96%; border: 1px solid #000000; padding:2%; margin-bottom:30px; }
.newsbox{	border-top: 1px solid #000000; margin-top:10px; padding:10px;}
.newsbox .ttl{ font-size:20px; margin-bottom:15px; margin-top:10px; font-weight:bold; clear:both;}
.newsbox .text{ float: none; margin-top:20px;}
/* footer*/
#footnav table { display:none;}
#footsubnav .warap{	width: 90%;margin: 0 auto;	display: block;}
#foot .contactbnr{ width:90%; margin:0 auto; margin-top:30px; margin-bottom:30px; max-width:650px;}
#footnav{  padding-top:10px; padding-bottom:10px;}
#footsubnav ul li a { margin-bottom:20px;   width: 140px; font-size:12px;}
#footnav div{border-top: none; }
#footnav div p,#footnav ul { width:90%; margin:0 auto;font-size:14px; }
.sns{ margin-top:10px;}
.fbBtn{ width:70px; overflow:hidden; float:left; margin-right:30px;}
#copyright{ position:absolute; right:5%; bottom:30px;}
#footsubnav{ padding-bottom:30px;}

/* 20191223追加 */	
.example3 li {
	width: 49%;
	margin-right: 2%;
	margin-bottom: 7px;
}

.example3 li:nth-child(3n) {
	margin-right: 2%;
}

.example3 li:nth-child(2n) {
	margin-right: 0;
}


}
/* 768-979の間 */
@media print, screen and (min-width: 768px) and (max-width: 979px) {
/* head*/
#toggle{ display:none;}
header{ width:768px; margin:0 auto;}
#logo{width:150px;margin-top:40px;/*180906*/ float:left; margin-right:20px;}	
h1{ font-size:10px; color:#C9CACA; line-height:120%; margin-top:25px; margin-bottom:15px;}
#headbox{ width:430px;/*ここ*/ float:left;}
#topics p{ background:#2E3074; border: 1px solid #2E3074;color:#FFFFFF; float:left; line-height:36px; padding-left:5px; width:78px; font-size:13px; }
#topics img{vertical-align: middle; margin-right:4px; width:12px; height:12px;}
.tickercontainer { width:324px;/*ここ*/ }
.menubox li a{ width:86px;font-size: 12px;/*ここ*/ float:left; line-height:50px;/*180906*/ font-weight:bold; display:block;text-align:center;}
#headbnr{ float:left; width:150px;margin-top: 10px;/*ここ*/text-align:right;}
#main{ height:300px;}
#main .copy{ position:relative; top:40%; margin-top:-50px; width:200px; margin-left:50px;}
#main .arrow{ position:relative; top:60%; left:-120px; width:30px; z-index:900;}
/* top contents*/
.topbox01,.topbox02{ width:32%; height:200px; float:left;  margin-bottom:5px; margin-left:0.5%;  margin-right:0.5%;}
.newsimg {display: inline-block;background-position: center center;background-repeat: no-repeat;width: 100%; height: 200px;background-size: cover;}
.topbox02 p {position:relative; top:-202px; left:20%; width:80%; color:#FFFFFF; text-align:center; line-height:30px;background:#2E3074; font-size:13px;}
.topbox01 p {position:relative; top:-202px; left:20%; width:80%; color:#FFFFFF; text-align:center; line-height:30px;background:#7DB84B;font-size:13px;}
.newsimg2 {display: inline-block;background-position: center center;background-repeat: no-repeat;width: 198px; height: 148px;background-size: cover;border: 1px solid #000000; float:left;}
.newsbox .text{ float: none; margin-left :210px; margin-top:10px;}
#infobox{ height:240px;overflow: scroll;-webkit-overflow-scrolling: touch; }
/* 新事業バナー*/
#newsbusiness {/*border-radius:8px;border: 1px solid #b5b5b6; width:100%; box-sizing:border-box;*/ margin-top:30px}
#newsbusiness h1{background: #2d9f26;font-size: 18px;color: #FFFFFF; padding:8px 20px ;font-weight:bold;margin: 0;border-top-left-radius: 7.6px;border-top-right-radius: 7.6px;}
#newsbusinessbox div{ width:32.6%; margin:0; float:left;}
#newsbusinessbox div.newbnrcenter{width:32.3%;margin:0 1.1%;float:left;}
#newsbusinessbox{ padding:20px 0; font-size:13px; line-height:160%;}
#newsbusinessbox h2{background: url(../../../image/arrow03.png) no-repeat left top;padding-left:16px;background-size: 12px auto; font-size:13px; margin-top:15px;font-weight:bold; line-height:14px; margin-bottom:5px}
/*トレンドイベント*/
.newwrap{ width: 50%; float: left; }
.newwrap h2,.newwrap2 h2{ font-weight: bold; line-height: 30px; margin: 30px 0 10px 0;}
/*.eventbox{ width: 49%;float: left; margin-right: 1%; margin-bottom: 10px;}	*/
/* rss*/
#rssBg{ background: #E6E6F3; padding: 30px 0;}
#rss{width: 90%;  margin: 0 auto;overflow: hidden; }
.rsswrap{width:102%;overflow: hidden; margin-left: -1%;}
.rsswrap div{ width: 31.3%; height: 290px; float: left; margin: 0 1%;overflow: hidden; line-height: 140%; font-size:14px; }
.rsswrap div span{width: 100%; height: 160px; display: block; overflow: hidden; margin-bottom: 20px; }
.rsswrap img{ width:120%;}
.rsswrap .date{ margin-bottom: 10px;}
#rssBg .more{ text-align: right;}
#rssBg h3{ display: block; margin:0 auto 20px auto; font-weight: bold;}

/* 180906*/
.eventbox{ width: 32.6%;float: left; margin-bottom: 10px;}		
.newwrap3 .eventbox:nth-child(2){width: 32.3%;margin: 0 1.1%;}
.eventbox p{margin: 10px 0;}
.newwrap3 .eventbox .newsimg{height: 200px;}	



}



/* 768px以上*/
@media screen and (min-width: 768px) {
/*navi*/
nav ul {position: relative;margin: 0;padding: 0;list-style: none;}
nav ul::after {display: block;clear: both;content: '';}
nav ul li {position: relative;float: left;}
.yukakouji	nav ul li{float:none;}
nav ul li:not(:first-child) {border-left: none;}
nav ul li:hover {background-color: rgba(255,255,255,.3);}
nav ul li a {display: inline-block;}	
nav ul ul {z-index: 901;background: #7DB84B;position: absolute;top: 100%;left: -2px;}
nav ul ul li {float: none;margin: 0;}
.menubox ul li ul li a{width:200px;line-height: 120%;padding: 10px 0 10px 10px; color: #ffffff;font-weight: normal;font-size: 12px;text-align: left;}
.menubox ul li ul li a:hover{color:#444444;}	
nav ul ul li:not(:first-child) {border-top: none;}
nav ul ul ul {position: absolute;top: -2px;left: 100%;}	
nav ul ul {visibility: hidden;opacity: 0;transition: .2s ease-in-out;}
nav ul li:hover > ul {visibility: visible;opacity: 1;}
#spnv{display: none;}	
#jspage .mb{display: none;}	
#jspage .info{margin-left: auto;width: 250px;}	
#jspage ol li{list-style:decimal;list-style-position: inside;font-weight: bold;position: relative;left: 20%;}	

/* 180906追加*/	
.newssampleL{float: left;width: 49%;margin-right: 1%;}
.newssampleR{float: left;width: 49%;margin-left: 1%;}
.newssample a img{width: 100%;}	
.newssample h2{font-weight: bold;line-height: 30px;margin: 0 0 10px 0;}
/*header{position: relative;}
#fbicon {position: absolute;top:77px;right: -50px;}
#fbicon img{width:40px;}*/
#jasbnr img	{width: 55%;float: left;margin:0 5% 0 0}
#onlineshopbnr img	{width: 20%;float: left;}
#fbicon	img{width: 18%;margin:5px 0 0 2%; float: right;}

/* 20190325追加 */
.topbnrmr{margin-left:10px;}
}



/* 767以下共通*/
@media screen and (max-width: 767px) {
/* head*/
header{ width:90%; margin:0 auto;}
#logo{width:135px; margin:20px auto 30px auto;/*ここ*/}
h1{ font-size:14px; color:#C9CACA; line-height:120%; margin-top:25px; margin-bottom:15px;}
#topics img{vertical-align: middle; width:13px; height:13px; margin-right:3px; }
.tickercontainer { width:100%; }
#topics p{ background:#2E3074; border: 1px solid #2E3074;color:#FFFFFF;  line-height:36px; padding-left:2%; width:98%; font-size:13px; }
/*#headbnr img{ width:49%; float:left; margin-bottom:20px;}
#headbnr .tel{ padding-right:2%; padding-top:10px;}*/
/*180906*/	
.telbnrimg{width: 100%;}
#bnrbox img{width: 100%;margin-bottom: 20px;}	
#jasbnr{width:61%;float: left;}	
#onlineshopbnr img{width: 20%;margin: 0 2%; float: left;}	
#fbicon{width:15%;margin-top: 10px; float: right;}	
	
.newssample	img{width:100%;margin-bottom: 10px;}
.newssample h2{font-weight: bold;margin-bottom: 10px;}
	
.menubox{ display:none;position:absolute; top:70px; background:#7DB84B/*E8E8E8*/; width:90%; margin:0 auto; z-index:9999;}
.menubox li a{ width:100%; float:none; line-height:40px; font-weight:bold; display:block;text-align:center; border-bottom:1px solid #FFFFFF;color: #ffffff;}
#toggle{ position:absolute; top:15px; right:20px;}
#toggle a{	display: block;position: relative; }
#toggle:before {	display: block;content: "";position: absolute;top: 50%;left: 10px;width: 30px;	height: 30px;	margin-top: -15px;}
#toggle a:before, #toggle a:after {display: block;	content: "";position: absolute;	top: 50%;	left: 10px;	width: 30px;	height: 6px;}
#toggle a:before {margin-top:-9px;}
#toggle a:after {	margin-top: 3px;}	
#main{ height:300px;}
#main .copy{ position:relative; top:40%;  margin-top:-54px; width:200px; margin-left:20px}
#main .arrow{ position:relative; top:60%; left:-120px; width:20px; z-index:900;}
/* top contents*/
.contents{ width:90%; margin:30px auto 0;}
.topbox01,.topbox02{ width:49%; height:200px; float:left;  margin-bottom:5px; margin-left:0.5%;  margin-right:0.5%;}
.newsimg {display: inline-block;background-position: center center;background-repeat: no-repeat;width: 100%; height: 200px;background-size: cover;}
.topbox02 p {position:relative; top:-202px; left:20%; width:80%; color:#FFFFFF; text-align:center; line-height:30px;background:#2E3074; font-size:13px;}
.topbox01 p {position:relative; top:-202px; left:20%; width:80%; color:#FFFFFF; text-align:center; line-height:30px;background:#7DB84B;font-size:13px;}
#infobox{ height:240px;overflow: scroll;-webkit-overflow-scrolling: touch; }
#footsubnav { padding-bottom:40px}
#footsubnav ul li a { margin-bottom:20px;   width: 45%; font-size:12px;}
.sns{ display:none;}
/*トレンドイベント*/
.newwrap{ width: 100%;}
.newwrap h2{ font-weight: bold; line-height: 30px; margin: 30px 0 10px 0;}
.eventbox{ width: 100%; margin-right: 1%; margin-bottom: 10px;}	
/* rss*/
#rssBg{ background: #E6E6F3; padding: 30px 0;}
#rss{width: 90%;  margin: 0 auto;overflow: hidden; }
.rsswrap{width:100%;overflow: hidden; }
.rsswrap div{ margin:0 0 30px 0;overflow: hidden; line-height: 140%; font-size:14px; }
.rsswrap div span{width: 100%; height: 200px; display: block; overflow: hidden; margin-bottom: 20px; }
.rsswrap img{ width:120%;}
.rsswrap .date{ margin-bottom: 10px;}
#rssBg .more{ text-align: right;}
#rssBg h3{ display: block; margin:0 auto 20px auto; font-weight: bold;}	
/*navi*/
.menubox ul ul li a{font-size: 10px;line-height: 30px;background: #DAEABD;color:#444444;border-right: 1px solid #ffffff;box-sizing: border-box;}
.menubox ul .spmnv1	ul li a,.menubox ul .spmnv2	ul li a{float: left;width: 50%;}
.menubox ul .spmnv3	ul li a{float: left;width: 33.333%;}
.spmnv1,.spmnv2,.spmnv3,.spmnv4	{clear: both;}
#spnv{display: none;}
#jspage .info{margin-left: none;width:auto;text-align: left;}
#jspage ol li{list-style:decimal;list-style-position: inside;font-weight: bold;}	
	
/* 180906*/
.eventbox p{margin: 10px 0 30px 0;}	
.newwrap2 h2{ font-weight: bold; line-height: 30px; margin: 30px 0 10px 0;}	

/* 20190325追加 */
.topbnrmr{margin-top:10px;}
	
/* 20191223追加 */	
.yuka01 {height: 280px;}
	
}
/* 480-767の間 */
@media print, screen and (min-width: 480px) and (max-width: 767px) {
/* top contents*/
.newsimg2 {display: inline-block;background-position: center center;background-repeat: no-repeat;width: 198px; height: 148px;background-size: cover;border: 1px solid #000000; float:left;}
.newsbox .text{ float: none; margin-left:210px; margin-top:10px;}
#infobox{ height:240px;overflow: scroll;-webkit-overflow-scrolling: touch; }
/* 新事業バナー*/
#newsbusiness {/*border-radius:8px;border: 1px solid #b5b5b6; width:100%; box-sizing:border-box; */margin-top:30px}
#newsbusiness h1{background: #2d9f26;font-size: 18px;color: #FFFFFF; padding:8px 20px ;font-weight:bold;margin: 0;border-top-left-radius: 7.6px;border-top-right-radius: 7.6px;}
#newsbusinessbox div{ width:32.6%; margin:0; float:left;}
#newsbusinessbox div.newbnrcenter{width:32.3%;margin:0 1.1%;float:left;}
#newsbusinessbox{ padding:20px 0; font-size:13px; line-height:160%;}
#newsbusinessbox h2{background: url(../../../image/arrow03.png) no-repeat left top;padding-left:16px;background-size: 12px auto; font-size:13px; margin-top:15px;font-weight:bold; line-height:14px; margin-bottom:5px}


}
/* 479以下共通*/
@media screen and (max-width: 479px) {
#main img{ width:200px; }
.newsimg2 {display: inline-block;background-position: center center;background-repeat: no-repeat;width: 100%; height: 120px;background-size: cover;border: 1px solid #000000; float:none;}
.newsbox .text{ float: none;  margin-top:10px;}
#infobox{ height:300px;overflow: scroll;-webkit-overflow-scrolling: touch; }
#footsubnav img{ width:50%;}
#copyright{ position:absolute; right:0%; bottom:2%;}
/* 新事業バナー*/
#newsbusiness {/*border-radius:8px;border: 1px solid #b5b5b6; width:100%; box-sizing:border-box; */margin-top:30px}
#newsbusiness h1{background: #2d9f26;font-size: 18px;color: #FFFFFF; padding:8px 20px ;font-weight:bold;margin: 0;border-top-left-radius: 7.6px;border-top-right-radius: 7.6px;}
#newsbusinessbox div{ width:98%; margin:0 1% 20px;}
#newsbusinessbox{ padding:20px 0; font-size:13px; line-height:160%;}
#newsbusinessbox h2{background: url(../../../image/arrow03.png) no-repeat left top;padding-left:16px;background-size: 12px auto; font-size:13px; margin-top:15px;font-weight:bold; line-height:14px; margin-bottom:5px}
	
/* 20190325追加 */
.topbnr img{width:90%;height:auto;}

/* 20191223追加 */	
.yuka01 {height: 200px;}
}