@charset "utf-8";

html{scroll-behavior: smooth;}
body.noscroll{overflow: hidden;}
body{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
	a{color:#000;transition:0.3s all;}
	a:hover{text-decoration:none;color:#000;}
.pc-none {display:none;}
.sp-none {display:block;}
@media only screen and (max-width:767px){
	.pc-none {display:block;}
	.sp-none {display:none;}
	}
small{line-height:100%;font-size:85%;}
table{line-height:160%;width: 100%;}
table th,table td{padding:0}

.bg-white{background:#fff;}

/*========▼▼header▼▼========*/
header{
    width:100%;
    position: fixed;
    clear:both;
    z-index:555;
		background: url(../img/p0131_l.png) top center repeat;
    top:0;
    padding:5px 0;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2)}
header div{width:100%;font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
header h1 {float: left;margin-left:5px;}
header h1 img{max-width:80px;}
header ul#menu{float:right; margin: 22px 12px 0 0;}
header ul#menu li{display: inline-block;font-weight: bold;margin:10px 8px;}
header ul#menu li a svg{margin-right:3px;}
header ul#menu li a{font-size:110%;padding:0;color: #348143;}
header ul#menu li a small{margin-left: 22px;font-weight:normal;font-size:70%;}
header ul#menu li.icon{margin:0px;}
header ul#menu li.icon a{padding: 0 0 0 5px;font-size: 115%;}
header ul#menu li a:hover{color:#348143;}
header ul#menu li.icon a:hover{border-bottom:none;}

.fa-twitter:before {
    content: '𝕏';
    font-family: unset;
    font-weight: bold;
}


/*========▼▼main▼▼========*/
main{
	/*background: url(../img/bg.png) center center repeat;*/
	background:rgb(255 255 255);
	filter:alpha(opacity=42);
	background: rgba(255,244,211 / 42%);
}

.title{
	font-size:160%;letter-spacing: 0.05em;line-height:120%;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.title h1{text-align: center;line-height: 120%;}
.title h2{font-size: 110%;border-bottom:6px double #348143;text-align: center;line-height: 120%;}
.title h2 span{font-size: 55%;}
.title h4{font-size:70%;margin-top: 15px;text-align: center;}

section{
	display: block;
	padding: 6vh 0;}

#category section#ichiran{padding: 6vh 0 0;}

section a.btn{
	    border: 2px solid #1e5f2b;
		margin-top: 20px;
		display: block;
		color: #fff100;
		background: #348143;
		filter: alpha(opacity=82);
		font-weight: bold;
		text-align:center;
		border-radius: 7px;
	    padding: 12px 5px;
        font-size: 18px;
	}
	
section a.btn .svg-inline--fa{vertical-align: middle;}

section a.btn:hover{
	background: #1e5f2b;}
	
span.new-icon {
    color: #ff0000;
    margin-left: 10px;
}

a.btn02{
	    border: 2px solid #d10000;
		display: block;
		color: #fff;
		background: #ff0000;
		text-align:center;
		border-radius: 7px;
	    padding: 12px 5px;
        font-size: 14px;
	}
a.btn02:hover{
	background: #d10000;}


#past-img img{width:25%;}


	/* サーチボックス */
	section#search-box{background: rgb(255,250,230);border-top: 4px dotted #cacaca;border-bottom: 1px dotted #348143;}
	#no-ex h3{font-size:200%;margin-bottom:40px;}
	#no-ex p{font-size:120%;}
	#s-form{
	  box-sizing: border-box;
	  position: relative;
	  border: 2px solid #348143;
	  display: block;
	  border-radius: 10px;
	  height:3.0em;
	  max-width:460px;
	  width:100%;
	  overflow: hidden;
	  margin-top:10px;
	  background: #fff;
	  font-size:120%;
	}
	#s-form input[type="text"]{
	  border: none;
	    height: 3.0em;
	    padding: 4px 12px;
	    width: 80%;
	    float: left;
	}
	#s-form input[type="text"]:focus {
	  outline: 0;
	}
	#s-form button[type="submit"]{
	      float: right;
	      width: 20%;
	      height: 3.0em;
	      background:#348143;
	      font-weight:bold;
	      color:#fff;
	      letter-speasing:0.2em;
    }
    
.width-img{padding:0;text-align:center;position: relative;}
.width-img img {width: 25%;height:320px;object-fit: cover;}
.width-img .link-box {
    position: absolute;
    top: calc(50% - 70px);
    left: calc(50% - 163px);
    margin: auto;
    z-index: 66;
}
.width-img .link-box a.btn {
    background: url(../img/p0385_m2.png) no-repeat center center;
    background-size: 320px auto;
    height: 180px;
    width: 330px;
    font-size: 130%;
    padding: 48px 0 0 0;
    color: #fff;
    transition: 0.3s all;
    border: none;
    margin: 0;
    line-height: 140%;
}

.width-img .link-box a:hover.btn {
    background-size: 330px auto;
}


	#brand-tag {margin-bottom:3vh;}
	#brand-tag h5{color: #348143;margin-bottom:10px;font-size:120%;font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";}
	#brand-tag ul li{float:left;margin-right:20px;display:inline-block;}
	#brand-tag ul li a:before{content:"#";margin-right:2px;}
	#brand-tag ul li a{padding:5px 0;color: #348143;letter-spacing:0.03em;font-size:110%;line-height:180%;text-decoration: underline;}
	#brand-tag ul li a:hover{text-decoration:none;}

/*========▼▼footer▼▼========*/



footer{width: 100%;
	background: rgb(255 255 255);
	filter:alpha(opacity=42);
	background: rgba(255,244,211 / 42%);
}
#guide h4{font-size: 140%;line-height:160%;letter-spacing: 0.025em;margin-bottom: 20px}
#guide h5{line-height:200%;font-weight: normal;font-size: 120%;}
#guide table th,#guide table td {padding: 10px 5px;}
#guide table th{width:25%;}
#guide table td hr{margin:8px 0;}
#guide p{line-height:160%;font-size: 90%;}
a.gmap{padding:6px;border: 2px solid #666;border-radius: 6px;display: inline-block;margin-bottom:10px;}
a:hover.gmap{background:#666;color:#fff; }
#bottom-menu {
	padding: 30px 0 0px;
	text-align:center;}
#bottom-menu ul li{display:inline-block;margin:0 5px 20px;}
#bottom-menu ul li small{font-size:60%;}
#bottom-menu ul li a{padding:15px 0 0;color: #348143;border-bottom:1px #348143 solid;}
#bottom-menu ul li a:hover{color: #348143;border-bottom:none;}
#bottom-menu ul li a small{margin-left:5px;}

#sns {
    padding: 30px 0;
    text-align: center;
    background: #fff;
    margin:30px auto;
}
#sns h4{font-size:200%;color:#348143;}
#sns p{margin:20px auto;color:#348143;}
#sns a{margin:0 5px;color:#348143;}
#sns a:hover {color:#348143;}

footer #copyright{font-size: 10px;text-align: center;padding:0px 0 20px;}

#gototop{
  position: fixed;
  bottom:35px;
  right:10px;
  z-index:5;
}

#gototop a img{max-width: 80px;}

@media only screen and (max-width:1120px){
  header ul#menu li a {font-size: 90%;}
  header ul#menu li.icon{display: none;}
}

@media only screen and (min-width:767px) and (max-width:980px){
  .title h4{text-align: left;}
		}
@media only screen and (max-width:767px){
	section{padding: 3.5vh 0;}
	#mainvisual {padding-top: 10px;}
	#past-img img{width:50%;}
	.a2a_default_style{z-index: 5!important;}
}
@media only screen and (max-width:870px){
		header ul#menu {float:none;}
          header ul#menu li {display: block;font-size: 120%; border-bottom:2px dotted #348143;margin:6px 0px;}
          header ul#menu li:first-child {display:none;}
          header ul#menu li a {padding:16px 8px;display: block;}
					header ul#menu li.icon{border-bottom:none;}
          header ul#menu li.icon a{float: left;padding: 16px 8px;}
          .burger-btn{
			    display: block;
			    position: absolute;
			    z-index: 999;
			    border: none;
			    top: 23px;
			    cursor: pointer;
			    width: 80px;
			    height: 60px;
			    right: 10px;
			   
			}
          .bar{
            width: 50px;
            height: 6px;
            display: block;
            position: absolute;
            right: 0px;
            transform: translateX(-50%);
            background-color: #348143;
            border-radius: 10px;
          }
          .bar_top{
            top: 10px;
          }
          .bar_mid{
            top: 50%;
            transform: translate(-50%,-50%);
          }
          .bar_bottom{
            top: 45px;
          }
          .burger-btn.close .bar_top{
            transform: translate(-50%,22px) rotate(45deg);
            transition: transform .3s;
          }
          .burger-btn.close .bar_mid{
            opacity: 0;
            transition: opacity .3s;
          }
          .burger-btn.close .bar_bottom{
          transform: translate(-50%,51px) rotate(-45deg);
          transition: transform .3s;
          bottom: 72px;
          top: auto;
          }

          .nav-wrapper{
            transform: translateX(100%);
            transition: .3s;
            width: 100%;
            height: 100vh;
            position: fixed;
            top: 90px;
            right: 0;
            z-index: 99;/*キービジュアルと.btn_triggerとの重なりの前後関係を調整*/
            }
          .header-nav{
            height: 100%;
						background: rgb(255,255,255);
						filter:alpha(opacity=95);
            background-color:rgba(255,255,255,0.95);
            z-index: 99;
            top: 0;
            padding:10px 20px;
          }
          .header-nav.nav-list{
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            text-align: center;
          }
          .nav-wrapper.slide-in{
            transform: translateX(0);
            transition: .3s;
          }

		
		

		}


@media only screen and (max-width:380px){
	.nav-wrapper {}
	.header ul#menu {margin:0px;}
	.header-nav {padding: 0px 20px;}
	header h1 {  margin-left: 2px;}
	.bar {width: 46px;}
	#guide table th, #guide table td {display: block;width:100%;}
	#guide table th{background: #ffdaaa;padding:5px; }
	#guide table td{padding-bottom:30px;}
  }