@charset "UTF-8";
@media screen and (max-width: 768px) {
	/* base styles */
	html{
		font-size:62.5%;/* 10px */
	}
	body {
		min-width: 320px;
	}
	.sp{
		display:block;
	}
	.pc{
		display:none;
	}
	a:hover{
		text-decoration:none;
	}
	/* スマートフォン用 */
	.w{
		width:87.5%;
		margin:0 auto;
		display:block;
	}
	img{
		width:100%;
		height:auto;
	}
	/***------------
	header
	------------***/
	#headIn{
		width:100%;
		margin:0 auto;
		padding:0;
	}
	#headIn .logo{
		width:87.743%;
		margin:0 auto;
		float:none;
		padding:15px 0;
		position: static;
	}
	#headIn .logo .menulogo a{
		font-size: 1.8rem;
		width: 75%;
	}
	#headIn .logo img{
		width:75%;
	}
	/*nav*/
	#nav{
		float:none;
		width:100%;
		text-align:center;
	}
	#nav div.sp a{
		font-size:20px;
		font-size:2.0rem;
		display:block;
		width:100%;
		height:100%;
		padding:10px 0;
	}
	#nav div.sp a{
		background-color:#efefef;
		text-decoration:none;
	}
	#nav div.sp a:before{
		content:"";
		background:url(../img/icon_off.png) no-repeat left center;
		width:25px;
		height:15px;
		background-size:25px 15px;
		display:inline-block;
	}
	#nav div.sp a.opened{
		background-color:#00001e;
		color:#fff;
	}
	#nav div.sp a.opened:before{
		content:"";
		background:url(../img/icon_on.png) no-repeat left center;
		width:15px;
		height:15px;
		background-size:15px 15px;
		display:inline-block;
	}
	#nav #mainNav{
		padding:20px 20px 10px;
		background-color:#00001e;
		display: none;
	}
	#nav #mainNav li{
		display:block;
		margin-left:0;
	}
	#nav #mainNav li.sp{
		display: block;
	}
	#nav #mainNav li a,
	#nav #mainNav li span{
		display:block;
		width:100%;
		height:100%;
		color:#fff;
		padding-bottom:15px;
		padding-top:15px;
		border-top:solid 1px #595757;
	}
	#nav #mainNav li:first-child a{
		padding-top:0;
			border-top:none;
	}
	#nav #mainNav li.current a{
		color:#fff;
	}
	#nav #mainNav li a.pc,
	#nav #mainNav li span.pc{
		display: none!important;
	}
	#nav #mainNav li span.sp{
		display: block;
	}
	#nav #mainNav li ul{
		width: 100%;
		height: auto;
		padding: 0;
		box-sizing: border-box;
	  position: static;
		background: #333;
		transition: all ease .3s;
		visibility:inherit;
		opacity: 1;
		transform:none;
	}
	#nav #mainNav li:hover ul{
		position: static;
		width: 100%;
		height: auto;
		padding: 0;
	}
	#nav #mainNav li ul li.sp{
		display: block;
	}
	#nav #mainNav li:hover ul li a{
		padding: 10px 0;
		box-sizing: border-box;
	}
	#nav #mainNav li span{
		position: relative;
		display: block;
	}
	#nav #mainNav li span:before{
    content: "";
    width: 10px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 11px;
    bottom: 0;
    margin: auto;
	}
	#nav #mainNav li span:after{
		content: "";
    width: 2px;
    height: 10px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    margin: auto;
    transition: all ease .5s;
	}
	#nav #mainNav li span.accordion_open_sp:after{
		transition: all ease .5s;
		width: 20px;
		height: 20px;
		opacity: 0.2;
		position: absolute;
		top: 0;
		right: 6px;
		bottom: 0;
		margin: auto;
		border-radius: 50%;
	}
	/***------------
	footer
	------------***/
	#footerIn1 > div.cf,
	#footerIn2 > div.cf{
		width:87.5%;
		margin:0 auto;
	}
	#footerIn1 > div.cf > div.info{
		width:100%;
		float:none;
		margin-bottom:40px;
	}
	#footerIn1 > div.cf > div.f_contact{
		width:100%;
		float:none;
	}
	#footerIn1 > div.cf > div.f_contact p.btn {
		width: 89.2857%;
		margin: 0 auto;
	}
	#footerIn2{
		padding:20px 0;
	}
	#footerIn2 > div.cf .f_subNav{
		width:100%;
		text-align:center;
		float:none;
		margin-bottom:30px;
	}
	#footerIn2 > div.cf .copy{
		float:none;
		text-align:center;
	}
	/***------------
	topimg
	------------***/
	#topimg{
		width:100%;
		min-width: initial;
		margin:0 auto;
	}
	#topimg > div.topimgin{
		width: 100%;
		height: 500px;
		margin: 0 auto;
		display:table;
	}
	#topimg > div.topimgin > div{
		width:100%;
		margin:0 auto;
		text-align:center;
		display:table-cell;
		vertical-align:middle;
	}
	#topimg > div.topimgin > div h2{
		font-size:28px;
		font-size:2.8rem;
		font-weight:bold;
		text-shadow: 0px 0px 10px #000;
	}
	#topimg .topimgin ul.slider1 li.slide01{
		background: url(../img/top_img1_sp.jpg) no-repeat center center;
		background-size: cover;
	}
	#topimg .topimgin ul.slider1 li.slide02{
		background: url(../img/top_img2_sp.jpg) no-repeat center center;
		background-size: cover;
	}
	#topimg .topimgin ul.slider1 li.slide03{
		background: url(../img/top_img3_sp.jpg) no-repeat center center;
		background-size: cover;
	}
	#topimg .topimgin ul.slider1 li.slide04{
		background: url(../img/top_img4_sp.jpg) no-repeat center center;
		background-size: cover;
	}
	#topimg .topimgin .catch{
		top: 50%;
		left: 6.25%;
		transform: translateY(-50%);
		width: 87.5%;
	}
	#topimg .topimgin .catch .sp-block{
		display: inline-block;
	}

	/***------------
	mainimg
	------------***/
	#mainimg{
		width:100%;
		min-width: initial;
		margin:20px auto 40px;
	}
	#mainimg > div.mainimgin{
			width: 87.5%;
			height:80px;
	}
	#mainimg > div.mainimgin > div{
		width:100%;
		padding: 20px 0;
	}
	#mainimg > div.mainimgin > div h1,
	#mainimg > div.mainimgin > div .mainimg-title{
		font-size:22px;
		font-size:2.2rem;
		font-weight:normal;
		line-height: 22px;
	}
	#mainimg .mainimgin .category {
		font-size: 13px;
	}
	/***------------
	top-bnrlist
	------------***/
	#top-bnrlist{
		width: 100%;
		padding: 30px 0;
		box-sizing: border-box;
		background-color: #efefef;
	}
	#top-bnrlist ul{
		display: flex;
		/* justify-content: space-between; */
		justify-content: center;
		flex-flow: row wrap;
		align-items: flex-end;
	  width: 87.5%;
		margin: 0 auto;
	}
	#top-bnrlist ul:after{
		content: none;
	}
	#top-bnrlist ul li{
		flex: 0 1 48%;
		margin-bottom: 15px;
	}
	#top-bnrlist ul li:not(:nth-of-type(3n)){
		margin-right: 0;
	}
	/***------------
	contents
	------------***/
	#contents{
		width:100%;
		margin:0 auto;
	}
	#contents .wid{
		width:87.5%;
		margin:0 auto;
	}
	#contents .wid2{
		width:100%;
		margin:0 auto;
	}
	#contents .title1{
		text-align:center;
	}
	#contents .title1:before{
	content:"";
	width: 28.57142%;
	}
	#contents .title1 h1,
	#contents .title1 h2{
		font-size:25px;
		font-size:2.5rem;
		font-weight:normal;
	}
	#contents.top .section1 .title1 h1,
	#contents.top .section1 .title1 h2{
		line-height:1.5;
		font-size:30px;
		font-size:3.0rem;
		font-weight:normal;
		margin-bottom:40px;
	}
#contents.top .top-btnlist{
		display:block;
	}
#contents.top .top-btnlist p.linkbtn1{
	margin: 0 auto 0;
	}
	#contents.top .top-btnlist p.linkbtn1:last-child{
		margin: 40px auto 0;
	}
	#contents .title2{
		font-size:35px;
		font-size:3.5rem;
		font-weight:normal;
		text-align:center;
		margin-bottom:40px;
		line-height: 1.2;
	}
	#contents .title3{
		font-size:35px;
		font-size:3.5rem;
	}
	.txt_c.font17{
		font-size:15px;
	}
	/***------------
	list
	------------***/
	#list ul:first-child,
	#list ul:last-child li:last-child{
		margin-bottom:0;
	}
	#list ul li{
		width:100%;
		float:none;
		margin-left:0;
		margin-bottom:50px;
	}
	#list ul li > div{
		width:100%;
		height:auto;
	}
	/***------------
	top
	------------***/
	#contents.top .subtit {
		font-size: 13.5px;
	}
	#contents.top .section1{
		padding: 50px 0;
	}
	#contents.top .section1 .title1 h2{
	margin-bottom: 25px;
	}

	#contents.top .section1 .toplist1 > div{
		width:100%;
		margin-left:0;
		padding-top:50px;
		float:none;
	}
	#contents.top .section1 .toplist1 > div:first-child{
		padding-top:0;
	}
	#contents.top .section2,
	#contents.top .section3{
		padding:50px 0;
	}
	#contents.top .section2 .toplist1 > div{
		width:100%;
		margin-left:0;
		padding-top:50px;
		float:none;
	}
	#contents.top .section2 .toplist1 > div:first-child{
		padding-top:0;
	}
	#contents.top .section3 .business{
		width:100%;;
		height:auto;
		margin:0 auto;
		position:relative;
	}
	#contents.top .section3 .business .busititle{
		font-size:35px;
		font-size:3.5rem;
		font-weight:normal;
		margin-bottom:40px;
		line-height: 1;
	}
	#contents.top .section3 .business p{
		margin-bottom:30px;
	}
	#contents.top .section3 .business .busiin{
		width:87.5%;
		position:static;
		margin:0 auto 40px;
	}
	#contents.top .section3 .business .busipho{
		width:100%;
		height:auto;
		position:static;
	}
	#contents.top .section4{
		padding:30px 0;
	}
	/*----topnews----*/
	#contents.top #topnews li{
		width:100%;
		float:none;
	}
	#contents.top #topnews li:nth-child(2n){
		float:none;
	}
	#contents.top #topnews li > div{
		float:none;
		width:100%;
		height:auto;
		margin-right:0;
		margin-bottom:20px;
	}
	#contents.top #topnews li > div+dl{
		padding-left: 0;
	}
	/***------------
	guide
	------------***/
	#contents.guide .section0 dl.tb,
	#contents.guide .section2 dl.tb{
		width:100%;
		margin:0 auto;
	}
	#contents.guide .section0 dl.tb dt,
	#contents.guide .section2 dl.tb dt{
		float:none;
		width:100%;
		padding:20px 20px 0;
	}
	#contents.guide .section0 dl.tb dd,
	#contents.guide .section2 dl.tb dd{
		padding:0 20px 20px;
		border-bottom:solid 1px #dcdddd;
	}
	#contents.guide .section1 div.wid{
		margin-bottom:50px;
	}
	#contents.guide .section1 div.map iframe{
		height:200px;
	}
	/***------------
	events
	------------***/
	#contents.events .title1 h2 {
		font-size: 2.1rem;
	}
	#contents.events .section1 .prolist li{
		width:100%;
		height:auto;
		float:none;
		margin:0 0 30px;
		box-sizing:border-box;
	}
	#contents.events .section1 .prolist li .mask{
		width:100%;
		height:100%;
	}
	#contents.events .section1 .prolist li .mask {
		display:none;
		opacity:0;
	}
	#contents.events .section1 .prolist li.switch .mask{
		opacity:1;
		display:table;
	}
	#contents.events .section1 .prolist li dl.caption{
		padding:0 20px;
	}
	#contents.events .section1 .prolist li:hover .bg_nonin{
		display:block;
	}
	#contents.events .section1 .prolist li .bg_nonin{
		padding:40px 20px;
		box-sizing:border-box;
	}
	#contents.events .section1 .prolist li.bgnon dl.caption_bgnon,
	#contents.events .section1 .prolist li.bgnon dl.caption{
		padding:0;
	}
	#contents.events .section1 .prolist li.bgnon .mask{
		padding:40px 20px;
		box-sizing:border-box;
		background-color:#5a7629;
	}
	#contents.events .facility-list{
		width:100%;
		display: block;
	}
	#contents.events .facility-list li{
		width:100%;
		margin-left: 0;
	}
	#contents.events .facility-list li.facility-link{
		box-shadow: none;
		display: block;
		min-height: inherit;
	}
	#contents.events .facility-list li.facility-link .linkbtn1:not(:last-of-type){
		margin-bottom: 20px;
	}
	#contents.events .facility-list li a > div{
		width:100%;
	}
	#contents.events .facility-list li:nth-child(-n+3){
		margin-top:50px;
	}
	#contents.events .facility-list li:first-child{
		margin-top:0px;
	}
	#contents.events .facility-link{
		display: block;
	}
	#contents.events .facility-link li{
		width: 100%;
	}
	#contents.events .facility-link li:not(:last-child){
		margin: 0 0 10px;
	}
	#contents.events #list ul li:first-child {
		margin-left: 0px;
	}
	#contents.events_page .topimg{
		width:100%;
	}
	#contents.events_page .topimg img{
		max-width: inherit;
	}
	#contents.events_page .section {
		margin-bottom: 100px;
	}
	#contents.events_page .section table {
		width: 100%;
	}
	#contents.events_page .section tr th{
		width: 100%;
		padding: 20px 20px 0;
		float: none;
		clear: both;
		display: block;
	}
	#contents.events_page .section .img-list{
		display: block;
	}
	#contents.events_page .section .img-list > div{
		max-width: inherit;
		margin-bottom: 15px;
		margin-right: 0;
	}
	#contents.events_page .section .img-list > div:not(:nth-of-type(2n)){
		margin-right: 0;
	}
	#contents.events_page .section .img-list > div img{
		max-width: inherit;
	}
	#contents.events_page h2.title2 {
		font-size: 2.1rem;
	}
	#contents.events_page .section tr td{
		width: 87.5%;
		padding: 0px 20px 20px;
		float: none;
		clear: both;
		display: block;
	}
	#contents.events_page ul.pglink {
		width: 100%;
		margin: 0 auto 10px;
	}
	#contents.events_page ul.pglink li{
		float:left;
		margin:0 0px 5px;
		padding:0;
		font-size: 1.3rem;
		width: 100%;
		height: 40px;

	}
	#contents.events_page ul.indent li{
		padding-left: 1em;
		text-indent: -1em;
	}
	/***------------
	category
	------------***/
	#contents.category {
		padding-bottom: 60px;
	}
	#contents.category .catch{
		width: 87.5%;
		margin: 0 auto 30px;
	}
	#contents.category .section{
		margin-bottom: 50px;
	}
	#contents.category .sub-text{
		text-align: center;
		margin-bottom: 20px;
	}
	#contents.category .section .category-list{
		display: block;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	/* #contents.category .section .category-list li span */
	#contents.category .section .category-list li a{
		display: block;
		padding: 8px;
		border: solid 1px #ccc;
		box-sizing: border-box;
	  background: #f7f7f7;
	}
	#contents.category .section .category-list li:not(:nth-of-type(3n)){
		margin-right: 0;
	}
	/*category_page*/
	#contents.category_page{
		padding-bottom: 60px;
	}
	#contents.category_page .text-main{
		margin-bottom: 30px;
	}
	#contents.category_page .section .img-list{
		display: block;
	}
	#contents.category_page .section .img-list > div{
		max-width: inherit;
		margin-bottom: 15px;
		margin-right: 0;
	}
	#contents.category_page .section .img-list > div:not(:nth-of-type(2n)){
		margin-right: 0;
	}
	#contents.category_page .section .img-list > div img{
		max-width: inherit;
	}
	/***------------
	contact
	------------***/
	#contents.contact .section1 .contactform div.l{
		width:100%;
		padding:0 6.25%;
		margin-bottom:60px;
		box-sizing:border-box;
	}
	#contents.contact .section1 .contactform div.l ul li{
		font-size:18px;
		font-size:1.8rem;
		padding-left:40px;
	}
	#contents.contact .section1 .contactform div.l ul li.tel{
		background:url(../contact/img/icon_tel.png) no-repeat center left;
		background-size:30px;
		margin-bottom:30px;
	}
	#contents.contact .section1 .contactform div.l ul li.fax{
		background:url(../contact/img/icon_fax.png) no-repeat center left;
		background-size:30px;
	}
	#contents.contact .section1 .contactform div.r{
		width:100%;
		padding:30px 6.25%;
		border-radius:0;
	}
	#contents.contact .section1 .contactform div.r div.fmbtn2 p.fmbtn_b{
		width: 210px;
		float:none;
		margin-bottom:20px;
	}
	#contents.contact .section1 .contactform div.r div.fmbtn2 p.fmbtn_n{
		width: 210px;
		float:none;
	}
	/***------------
	news
	------------***/
	#contents.news #newsinfo li{
		padding:60px 0;
	}
	#contents.news #newsinfo li > div{
		float:none;
		width:100%;
		height:auto;
		margin-right:0;
		margin-bottom:30px;
	}
	#contents.news #newsinfo li > div+dl{
		padding-left:0;
	}
	#contents.news #newsinfo li > dl dt{
		font-size:20px;
		font-size:2.0rem;
	}
	#contents.news #newsinfo li > dl dd.file{
		background-size:19px;
	}
	#contents.news #newsinfo li > dl dd.image img{
		width: 100%;
		max-width: inherit;
	}
	#contents.news #newsinfo li {
		padding: 40px 0 30px;
	}
	/*20180510平山追記*/
	#headar #headIn .menulogo a img{
		float:left;
		padding-top: 5px;
	}
	#headar #headIn .logo .menulogo .menubtn.sp{
		float:right;
		margin-top:-5px;
	}
	#headar #headIn .logo .menulogo .menubtn.sp a img{
		width: 35px;
		height: 25px;
		margin: 0 2px 0;
	}
	#contents.top .section3 .business .busipho:nth-child(2n),
	#contents.top .section3 .business .busipho:nth-child(2n-1){
		width:100%;
		height:auto;
		position:static;
	}
	#contents.top .section3 .business .busiin:nth-child(2n-1),
	#contents.top .section3 .business .busiin:nth-child(2n){
		width:87.5%;
		position:static;
	}
	#headIn .logo img:last-child{
		margin-top: 15px;
		width: 145px;
	}
	#contents.facility .section1 div.pho_l img {
		width: 100%;
		height: 100%;
	}
	#contents.privacy ul{
		padding-left: 1em;
	}
	#contents.privacy ul li{
		text-indent: -1em;
	}
	#footerIn2 > div.cf .f_subNav li:first-child {
		margin-bottom:15px;
	}
	#footerIn2 > div.cf .f_subNav {
		margin-bottom: 0px;
	}
	h1{
		line-height:0;
	}
	/***------------
	facility
	------------***/
	#contents.facility .section1 div.pho_l{
		width:71.4285%;
		margin:0 auto 40px;
	}
	#contents.facility .section1 div.pho_l img,
	#contents.facility .section2 div.pho_l img{
		width: 100%;
		margin: 0 auto;
	}
	#contents.facility .section1 dl.tb,
	#contents.facility .section2 dl.tb{
		width:100%;
		margin:0 auto;
	}
	#contents.facility .section1 dl.tb dt,
	#contents.facility .section2 dl.tb dt{
		float:none;
		width:100%;
		padding:20px 20px 0;
	}
	#contents.facility .section1 dl.tb dd,
	#contents.facility .section2 dl.tb dd{
		padding:0 20px 20px;
		border-bottom:solid 1px #dcdddd;
	}
	#contents.facility .section1 div.wid{
		margin-bottom:50px;
	}
	#contents.facility .section1 div.map iframe{
		height:200px;
	}
	#contents.facility .section1 .wid ul,
	#contents.facility .section2 .wid ul{
		display: block;
	}
	#contents.facility .section1 .wid ul li:not(:nth-of-type(3n)){
		margin-right: 0;
	}
	#contents.facility .section1 .wid ul li:not(:last-of-type),
	#contents.facility .section2 .wid ul li:not(:last-of-type){
		margin-bottom: 15px;
	}
	#contents.facility .section2 .wid ul li:not(:nth-of-type(3n)){
		margin-right: 0;
	}
	/***------------
	guide
	------------***/
	#contents.guide {
	margin-bottom: 60px;
	}
	#contents.guide .section2 dl.tb dt.sp-title{
		padding: 15px 0;
		box-sizing: border-box;
		margin-bottom: 10px;
		background: #F6F5EB;
		text-align: center;
	}
	#contents.guide .section2 dl.tb dd table tr{
		flex-flow: row wrap;
	}
	#contents.guide .section2 dl.tb dd table tr th{
		flex: 0 1 auto;
		margin-right: 0;
	}
	#contents.guide .section2 dl.tb dd table tr td{
		display: block;
		margin-right: 0;
		text-align: right;
	}
	#contents.guide .title_sub{
		font-size: 21px;
		font-size: 2.1rem;
	}
	#contents.guide .section2 dl.tb dd table tr th span{
		width: auto;
		margin-right: 5px;
	}
	#contents.guide .section2 dl.tb dd table.pt1 tr td:last-of-type{
		flex: 0 1 100%;
	}
	#contents.guide .section2 dl.tb dd a img{
		width: auto;
	}
	#contents.guide .section1 .map-info{
		width: 87.5%;
		margin: 0 auto;
	}
	/***------------
	about
	------------***/
	#contents.about .section1,
	#contents.about .section2{
		margin-bottom:60px;
	}
	#contents.about .section1 .pho{
		width: 100%;
		margin: 0 auto 15px;
	}
	#contents.about .section1 .text{
		width: 100%;
		margin: 0 auto;
	}
	#contents.about .section2 .wid .text{
		margin-bottom: 15px;
	}
	#contents.about .section2 .wid ul{
		display: block;
	}
	#contents.about  .section1 .wid ul li{
		margin-bottom: 0;
	}
	#contents.about .section2 .wid ul li:not(:nth-of-type(3n)){
		margin-right: 0;
	}
	#contents.about  .section1 .wid ul li:not(:last-of-type),
	#contents.about  .section2 .wid ul li:not(:last-of-type){
		margin-bottom: 15px;
	}
	#contents .about-linklist{
		display:block;
		width: 87.5%;
	}
	#contents .about-linklist p.linkbtn1{
		width: 100%;
	}
	#contents .about-linklist p.linkbtn1:not(:last-of-type) {
		margin: 0 0 15px;
	}

	/*-------------
	about-chrono
	-------------*/
	.about-chrono-main{
		width: 87.5%;
		margin-bottom: 60px;
	}
	.about-chrono-table tr{
		display: block;
	}
	.about-chrono-table th{
		display: block;
		padding: 17px 0 10px;
		width: 100%;
	}
	.about-chrono-table td{
		display: block;
		padding: 0 0 19px;
	}
	.about-chrono-table__head{
		width: 90px;
	}
	.about-chrono-table__head .year{
		font-size: 2rem;
	}
	.about-chrono-table__head .old{
		text-align: right;
	}

	/*-------------
	about-gin
	-------------*/
	.about-gin-main{
		width: 93.75%;
		padding: 20px 5.625% 30px;
	}
	.about-gin-lead-title{
		font-size: 1.5rem;
	}
	.about-gin-lead-text{
		margin-bottom: 8px;
		line-height: calc(1em + 11px);
	}
	.about-gin-list{
		margin-top: 20px;
		padding-top: 20px;
	}
	.about-gin-list-item{
		padding-left: 2.2em;
		font-size: 1.5rem;
		line-height: calc(1em + 13px);
	}

	/*-------------
	shop
	-------------*/
	.shop-list_book{
		display: block;
		width: 100%;
	}
	.shop-list_book__title{
		width: 87.5%;
		font-size: 2rem;
	}
	.shop-list_book-item{
		width: 87.5%;
		margin: 0 auto;
	}
	.shop-list_book-item:not(:last-child){
		margin-bottom: 30px;
	}
	.shop-list_book-item__pic{
		width: 100%;
		height: 230px;
		padding: 10px;
	}
	.shop-list_book-item__info{
		display: block;
	}
	.shop-pamph{
		width: 87.5%;
		margin-bottom: 60px;
		padding: 20px 20px 25px;
	}
	.shop-pamph-title{
		font-size: 1.8rem;
	}
	.shop-goods-list{
		width: 100%;
		margin-bottom: 15px;
	}
	.shop-goods-list-item{
		display: block;
		padding: 30px 6.25% 25px;
	}
	.shop-goods-list-item__pic{
		width: 100%;
		margin: 0 0 20px;
		text-align: center;
	}
	.shop-goods-list-item__pic img{
		width: auto;
		max-width: 100%;
		height: auto;
		max-height: 65.625vw;
	}
	.shop-goods-list-item__name{
		margin-bottom: 10px;
		font-size: 1.8rem;
	}
	.shop-goods-list-item__price{
		margin-top: 10px;
		font-size: 1.6rem;
	}
	.shop-goods-message{
		width: 87.5%;
		margin: 25px auto;
		text-align: left;
	}
	.shop-goods-flow{
		width: 87.5%;
		padding: 20px 15px 25px;
	}
	.shop-goods-flow-title{
		margin-bottom: 10px;
		font-size: 1.8rem;
	}
	.shop-goods-flow-list{
		padding-left: 18px;
	}
	.shop-goods-flow-list-item-head{
		margin-bottom: 5px;
		font-size: 1.5rem;
	}
	.shop-goods-flow-list-item-head::before{
		position: absolute;
		top: 0;
		left: -18px;
		color: #888;
		font-size: 15px;
		counter-increment: flow-number 1;
		content: counter(flow-number) ".";
	}
	.shop-goods-flow-list-item__list{
		margin: 10px 0;
	}
	.shop-goods-flow-list-item__list-item:not(:last-child){
		margin-bottom: 10px;
	}
	.shop-goods-tokusyo{
		width: 87.5%;
		margin-bottom: 20px;
	}
	.shop-goods-tokusyo-title{
		font-size: 2rem;
	}
	.shop-goods-tokusyo-title .small{
		display: block;
		font-size: 1.5rem;
		text-indent: -.5em;
	}
	.shop-goods-tokusyo-table{
		border: solid 1px #ccc;
	}
	.shop-goods-tokusyo-table th{
		display: block;
		width: 100%;
		padding: 5px 20px;
		border: none;
		border-bottom: solid 1px #ccc;
	}
	.shop-goods-tokusyo-table td{
		display: block;
		width: 100%;
		padding: 10px 20px;
		border: none;
	}
	.shop-goods-tokusyo-table tr:not(:last-child) td{
		border-bottom: solid 1px #ccc;
	}
	.shop-goods-contact{
		width: 87.5%;
		padding: 15px 20px 20px;
		border-radius: 5px;
	}
	.shop-goods-contact__lead{
		padding-bottom: 14px;
		line-height: calc(1em + 11px);
	}
	.shop-goods-contact-title{
		font-size: 1.8rem;
	}
	.shop-goods-contact-address{
		margin-bottom: 10px;
		line-height: calc(1em + 8px);
	}
	.shop-goods-contact-btn{
		margin-top: 25px;
	}
	.shop-goods-contact-btn a{
		height: 40px;
		padding-bottom: 3px;
		font-size: 1.5rem;
	}
	.shop_mB{
		margin-bottom: 60px;
	}
	/*-------------
	dokurakugin
	-------------*/
	#contents.dokurakugin{
		padding-bottom: 60px;
	}
	#contents.dokurakugin .dokurakugin-text{
		margin-bottom: 30px;
	}
	#contents.dokurakugin .dokurakugin-pamph{
		width: 100%;
		margin: 0 auto 60px;
		padding: 10px;
		border: solid 1px #ccc;
	}
	#contents.dokurakugin .dokurakugin-pamph-title{
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: dashed 1px #ccc;
		font-size: 1.8rem;
	}
	#contents.dokurakugin .dokurakugin-pamph-list-item:not(:last-child){
		margin-bottom: 10px;
	}
	/*-------------
	volunteer
	-------------*/
	#contents.volunteer{
		padding-bottom: 60px;
	}
	.volunteer-goods-list{
		width: 100%;
		margin-bottom: 15px;
	}
	.volunteer-goods-list-item{
		display: block;
		padding: 30px 6.25% 25px;
	}
	.volunteer-goods-list-item__pic{
		width: 100%;
		margin: 0 0 20px;
		text-align: center;
	}
	.volunteer-goods-list-item__pic img{
		width: auto;
		max-width: 100%;
		height: auto;
		max-height: 65.625vw;
	}
	.volunteer-goods-list-item__name{
		margin-bottom: 10px;
		font-size: 1.8rem;
	}
	.volunteer-goods-list-item__price{
		margin-top: 10px;
		font-size: 1.6rem;
	}
	.volunteer-pamph{
		width: 87.5%;
		margin-bottom: 60px;
		padding: 20px 20px 25px;
	}
	.volunteer-pamph-title{
		font-size: 1.8rem;
	}
	/*volunteer_page*/
	#contents.volunteer_page{
		padding-bottom: 60px;
	}
	#contents.volunteer_page .text-main{
		margin-bottom: 30px;
	}
	#contents.volunteer_page .text-main .txt_c{
		text-align: left;
	}
	#contents.volunteer_page .section .img-list{
		display: block;
	}
	#contents.volunteer_page .section .img-list > div{
		max-width: inherit;
		margin-bottom: 15px;
		margin-right: 0;
	}
	#contents.volunteer_page .section .img-list > div:not(:nth-of-type(2n)){
		margin-right: 0;
	}
	#contents.volunteer_page .section .img-list > div img{
		max-width: inherit;
	}
	#contents.volunteer_page dl.tb{
		width:100%;
		margin:0 auto 30px;
	}
	#contents.volunteer_page dl.tb dt{
		float:none;
		width:100%;
		padding:20px 20px 0;
	}
	#contents.volunteer_page dl.tb dd{
		padding:0 20px 20px;
		border-bottom:solid 1px #dcdddd;
	}
	/*-------------
grant
	-------------*/
	#contents.grant{
		padding-bottom: 60px;
	}
	.grant-goods-list{
		width: 100%;
		margin-bottom: 15px;
	}
	.grant-goods-list-item{
		display: block;
		padding: 30px 6.25% 25px;
	}
	.grant-goods-list-item__pic{
		width: 100%;
		margin: 0 0 20px;
		text-align: center;
	}
	.grant-goods-list-item__pic img{
		width: auto;
		max-width: 100%;
		height: auto;
		max-height: 65.625vw;
	}
	.grant-goods-list-item__name{
		margin-bottom: 10px;
		font-size: 1.8rem;
	}
	.grant-goods-list-item__price{
		margin-top: 10px;
		font-size: 1.6rem;
	}
	/*grant_page*/
	#contents.grant_page{
		padding-bottom: 60px;
	}
	#contents.grant_page .text-main{
		margin-bottom: 30px;
	}
	#contents.grant_page .text-main .txt_c{
		text-align: left;
	}
	#contents.grant_page .section .img-list{
		display: block;
	}
	#contents.grant_page .section .img-list > div{
		max-width: inherit;
		margin-bottom: 15px;
		margin-right: 0;
	}
	#contents.grant_page .section .img-list > div:not(:nth-of-type(2n)){
		margin-right: 0;
	}
	#contents.grant_page .section .img-list > div img{
		max-width: inherit;
	}
	#contents.grant_page dl.tb{
		width:100%;
		margin:0 auto 30px;
	}
	#contents.grant_page dl.tb dt{
		float:none;
		width:100%;
		padding:20px 20px 0;
	}
	#contents.grant_page dl.tb dd{
		padding:0 20px 20px;
		border-bottom:solid 1px #dcdddd;
	}
	/*-------------
	kaiho
	-------------*/
	#contents.kaiho{
		padding-bottom: 60px;
	}
	.kaiho-goods-list{
		width: 100%;
		margin-bottom: 15px;
	}
	.kaiho-goods-list-item{
		display: block;
		padding: 30px 6.25% 25px;
	}
	.kaiho-goods-list-item__pic{
		width: 100%;
		margin: 0 0 20px;
		text-align: center;
	}
	.kaiho-goods-list-item__pic img{
		width: auto;
		max-width: 100%;
		height: auto;
		max-height: 65.625vw;
	}
	.kaiho-goods-list-item__name{
		margin-bottom: 10px;
		font-size: 1.8rem;
	}
	.kaiho-goods-list-item__price{
		margin-top: 10px;
		font-size: 1.6rem;
	}
}
