@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Merriweather);

body{
	font-family: "Noto Sans Japanese!important";
}

a img {
    border-style:none;
	border:0;
}
.img100 {
	max-width:100%;
	height:auto;
}

.width100{width: 100%;}

.pcHide {
	display:none;
}
.smpHide {
	display:block;
}
@media screen and (max-width:767px){
.pcHide {
	display:block;
}
.smpHide {
	display:none;
}
}


#page-top {
    position: absolute;
	bottom:0;
    right: 10px;
    font-size: 0.8em;
	display:none;
}
#page-top a {
    background-color: #004128;
    text-decoration: none;
    color: #fff;
    width: 50px;
	height:50px;
    padding: 0;
    text-align: center;
    display: block;
    border-radius: 5px;
	display:table-cell;
	vertical-align:middle;
}
#page-top a:hover {
    background-color: #CCCCCC;
}


.imgOpt1 {
}
.imgOpt1 img {
	width: auto;
    height: auto;
}
@media screen and (max-width:767px){
.imgOpt1 {
	width:100%;
	overflow:hidden;
}
.imgOpt1 img {
	width: 150vw;
    height: auto;
}
}

.imgOpt2 {
}
.imgOpt2 img {
	width: auto;
    height: auto;
}
@media screen and (max-width:767px){
.imgOpt2 {
	width:100%;
	overflow:hidden;
}
.imgOpt2 img {
	max-width: 100%;
    height: auto;
    margin-top:20px;
}
}
.imgOpt3 {
}
.imgOpt3 img {
	width: auto;
    height: auto;
}
@media screen and (max-width:767px){
.imgOpt3 {
	width:96%;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
.imgOpt3 img {
	width: 100%;
    height: auto;
}
}




/*
 トップページ 
----------------------------------------------------------- */
#slide {
    overflow:hidden;
	height:350px;
}
#slide .bx-wrapper {
    width: 100% !important;
	position: relative !important;
	margin:0;
}
#slide .bx-viewport {
    margin: 0 auto !important;
    overflow: visible !important;
	border:0;
	left:0;
}
#slide .slider {
	list-style: none;
	margin: 0;
	padding: 0;
}
#slide .slider li {
	margin: 0;
	padding: 0;
}
#slide .bx-wrapper .bx-pager,
#slide .bx-wrapper .bx-controls-auto {
	bottom: 0;
}
#slide .bx-wrapper .bx-pager.bx-default-pager a {
	background: #FFFFFF;
}
#slide .bx-wrapper .bx-pager.bx-default-pager a:hover,
#slide .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #004127;
}
#slide .bx-wrapper .bx-prev {
	left: 50%;
	margin-left:-500px;
	background-image: none;
	border:1px solid #FF0000;
}
#slide .bx-wrapper .bx-prev:after {
	font-family: 'FontAwesome';
	content: "\f104";
	position: absolute;
	top: 50%;
	margin-top:-0.3em;
	left:50%;
	margin-left:-0.2em;
	color:#FFFFFF;
	font-size:3em;
	text-indent:0;
}
#slide .bx-wrapper .bx-next {
	right: 50%;
	margin-right: -500px;
	background-image: none;
}
#slide .bx-wrapper .bx-next:after {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	top: 50%;
	margin-top:-0.3em;
	right:50%;
	margin-right:-0.2em;
	color:#FFFFFF;
	font-size:3em;
	text-indent:0;
}
#slide .bx-wrapper .bx-prev:hover {
	background-position:0;
	opacity:1;
}
#slide .bx-wrapper .bx-next:hover {
	background-position: 0;
	opacity:1;
}

#slide .bx-wrapper .bx-controls-direction a {
	width:40px;
	height:80px;
	opacity:0.7;
	top:45%;
	background-color:#3b579d;
	display:none;
}
@media screen and (max-width:767px){
#slide .bx-wrapper .bx-controls-direction a {
	opacity:1;
}
#slide {
	max-height:35.8vw;
}
}

.idxSlide {
    margin-bottom: 0;
}
.idxSlide .slider {
    width: 90%;
    margin: 0 auto 80px;
  }
.idxSlide .slick-slide img {
    width: 100%;
    height: auto;
  }
.idxSlide {
    width: 100%;
	margin:15px 0;
  }
.idxSlide  .slick-slide{
    margin: 0px;
  }
.idxSlide .slick-dots {
    bottom: 5px;
}
.idxSlide .slick-dots li button:before {
    font-family: 'fontawesome';
    font-size: 13px;
    content: '\f111';
}
.idxSlide .slick-dots li.slick-active button:before {
	color:#004127;
}
@media screen and (max-width:767px){
.idxSlide {
	margin:0;
}
}
#idx_cate {
	padding:0;
	height: 80px;
	background-color:#f0f0f0;
}
#idx_cate img {
	margin-top:10px;
	margin-left:12px;
	width:31.6%;
	height:auto;
	border-bottom:2px solid #CCC;
}
@media screen and (max-width:767px){
#idx_cate {
	height: auto;
	text-align:center;
	padding:10px 0 1px 0;
}
#idx_cate img {
	width:96%;
	height:auto;
	margin:0 auto 10px auto;
	box-sizing:border-box;
	display:block;
}
}

.idxFb {
}
.idxFb img {
	display:block;
	float:left;
}
@media screen and (max-width:767px){
.idxFb {
	text-align:center;
}
.idxFb img {
	width:96%;
	height:auto;
	display:block;
	margin:0 auto;
	float:none;
}
}
.idxFbBox {
	display:block;
	margin:30px auto 0 auto;
	text-align:center;
	float:right;
	width:456px;
}
.idxFbBox .fb_iframe_widget {
	width:100%;
}
@media screen and (max-width:767px){
.idxFbBox {
    overflow:auto;
	margin:20px auto 0 auto;
	float:none;
	width:100%;
  }
.idxFbBox .fb_iframe_widget {
	margin:0 auto;
}
}



#noflash {
	border:1px solid;
	padding:2px;
	text-align:center;
}


#idx_house {
	float:left;
	width:470px;
}
#idx_out {
	float:left;
	width:470px;
}


#topnews {
	background-image: url(../img/idx_news_bg.gif);
	background-repeat: repeat-y;
	background-position: top left;
	padding: 5px 0;
	margin-top: 10px;
	margin-bottom: 10px;
}
#topnews h2 {
	float: left;
	width: 150px;
}
#topnews ul {
	float: left;
}
#topnews ul li {
	clear: both;
	padding: 0px 5px 5px 5px;
}
#topnews ul li .date {
	float:left;
	width:80px;
	padding: 0;
	line-height: 130%;
}
#topnews ul li .detail {
	float:left;
	width:530px;
	padding: 0;
	line-height: 130%;
}
#topnews .backno {
	float:right;
	width: 150px;
	vertical-align: bottom;
	text-align: right;
}
#topnews ul li.ft {
	background-image: url(../img/topnews_ft.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	border: 0;
	text-align: right;
	padding: 3px 15px 3px 0;
}
@media screen and (max-width:767px){
#topnews {
	background-image:none;
	width:96%;
	margin:10px auto;
}
#topnews h2 {
	float: none;
	width:100%;
	margin:0 0 5px 0;
	padding:0;
	border-bottom:1px solid #CCCCCC;
}
#topnews ul {
	float: none;
}
#topnews ul li .date {
	width:6em;
}
#topnews ul li .detail {
	float:none;
	width:auto;
	margin-left:6.5em;
}
#topnews .backno {
	float:none;
	width: auto;
}
}


.idx40th {
	padding:15px 0;
}
.idx40th li {
	float:left;
	width:49%;
}
.idx40th li:nth-child(2) {
	float:right;
	width:49%;
}
.idx40th li img {
	width:100%;
	height:auto;
}
@media screen and (max-width:767px){
.idx40th {
	width:96%;
	margin:0 auto;
}
.idx40th li {
	float:none;
	width:100%;
}
.idx40th li:nth-child(2) {
	float:none;
	width:100%;
}

}

#bnrbox {
	padding:20px 0 0 0;
	clear: both;
}

.outdoorLife {
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:10px 0;
	margin:0 0 10px;
}
.outdoorLife li {
	display:table-cell;
	font-size:1em;
	line-height:1.5;
	vertical-align:middle;
}
.outdoorLife li.txt {
	padding:15px;
}
.outdoorLife li h2 {
	color:#004127;
	font-weight:bold;
}
@media screen and (max-width:767px){
.outdoorLife {
	width:96%;
	margin:0 auto 20px auto;
}
.outdoorLife li {
	display:block;
	text-align:center;
}
.outdoorLife li.txt {
	padding:10px;
}
.outdoorLife li img {
	width:100%;
}
}

.idxLink {
	padding:10px;
	background-color:#f0f0f0;
	margin:0 0 10px;
	text-align:center;
}
.idxLink li {
	display:inline-block;
	margin:3px;
}
.idxLink li.ttl {
	display:block;
	margin:0 0 3px;
}
.idxLink li.ttl p {
	display:block;
	background-color:#004127;
	color:#FFF;
	font-size:1.5em;
	padding:5px;
	margin:auto auto 15px auto;
	position: relative;
}
.idxLink li.ttl p:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 65, 39, 0);
	border-top-color: #004127;
	border-width: 10px;
	margin-left: -10px;
}
.idxLink li.cs {
	width:680px;
	height:50px;
	background-image:url(../img/bnr_youtube-pc.png);
}
.idxLink li.cs a {
	display:block;
	width:680px;
	height:50px;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	line-height:50px;
}
@media screen and (max-width:767px){
.idxLink {
	box-sizing:border-box;
	width:100%;
	margin:0 auto 20px auto;
}
.idxLink li {
	display:block;
	text-align:center;
	margin:0 0 3px;
}
.idxLink li:last-child {
	margin:0;
}
.idxLink li.cs {
	width:100%;
	height:auto;
	background-image:none;
}
.idxLink li.cs a {
	width:100%;
	height:auto;
	text-indent:0;
	line-height:1;
	display:inline;
}
.idxLink li.cs a img {
	max-width:500px;
	width:100%;
	height:auto;
}
}
.idx_important {
	margin-bottom:15px;
	border-top:1px solid;
	border-bottom:1px solid;
	border-color:#CCCCCC;
	padding:15px 0;
	float:left;
	width:456px;
}
.idx_important li {
	font-size:90%;
	line-height:130%;
}
.idx_important li.lft {
	width:100%;
	text-align:center;
	margin:0 0 15px;
}
.idx_important li.rgt {
	width:100%;
}
.idx_important li.rgt a {
	float:left;
	display:block;
}
.idx_important li.rgt p {
	margin:0 0 0 170px;
}
@media screen and (max-width:767px){
.idx_important {
	float:none;
	width:96%;
	margin:0 auto;
}
.idx_important li.lft {
	width:100%;
	text-align:center;
	margin-bottom:5px;
}
.idx_important li.lft img {
	width:auto;
	max-width:96%;
	height:auto;
}
.idx_important li.rgt {
	width:96%;
	margin:0 auto;
	float:none;
}
.idx_important li.rgt p {
	margin:0;
}

}





.idx_kankyo {
	margin-bottom:10px;
	padding:0;
	float:left;
	width:445px;
}
.idx_kankyo img {
	width:100%;
	height:auto;
}

@media screen and (max-width:767px){
.idx_kankyo {
	float:none;
	width:100%;
	margin-bottom:7px;
}
}







.idxLft {
	float:left;
	width:456px;
}
@media screen and (max-width:767px){
.idxLft {
	float:none;
	width:92%;
	margin:0 auto;
}
}
.idxtopic {
}
.idxtopic ul {
	padding: 0;
	margin:0 auto;
	text-align:center;
}
.idxtopic li {
	float:left;
	width:48%;
	margin-right:2%;
	margin-bottom:2%;
}
.idxtopic li:nth-child(4n) {
	margin-right:0;
}
.idxtopic li img {
	width:100%;
	height:auto;
}
@media screen and (max-width:767px){
.idxtopic {
	width:100%;
	margin:0 auto;
}
.idxtopic li {
	width:49.5%;
	margin-right:1%;
	margin-bottom:1%;
}
.idxtopic li:nth-child(2n) {
	margin-right:0;
}
}


.idxBnrBox {
	
}
.idxBnrBox li {
	float:left;
	width:48%;
	margin:0 4% 4% 0;
}
.idxBnrBox li:nth-child(2n) {
	margin:0 0 2% 0;
}
.idxBnrBox li img {
	width:100%;
	height:auto;
}
.idxBnrBox .youtube {
	position:relative;
}
.idxBnrBox .youtube iframe {
	width:100%;
	height:162px;
	margin:0;
	display:block;
}
.idxBnrBox .youtube .txt {
	background-color:#000;
	color:#FFF;
	display:block;
	padding:5px 10px;
	margin:0;
	text-align:center;
}
.idxBnrBox .youtube .txt:after {
	font-family:"fontawesome";
	content:"\f16a";
	color:#F00;
	font-size:1.5em;
	vertical-align:bottom;
	margin:0 0 0 5px;
}
.idxBnrBox .event {
	position:relative;
	display:block;
	color:inherit;
}
.idxBnrBox .event .eventBox {
	position:absolute;
	top:50%;
	right:15px;
	width:45%;
	height:39%;
	background-color:#FFF;
	box-sizing:border-box;
	padding:10px;
	overflow-y:auto;
	line-height:1.2;
}
@media screen and (max-width:767px){
.idxBnrBox {
	width:96%;
	margin:30px auto 0 auto;
}
.idxBnrBox li {
	float:none;
	width:100%;
	margin:0 0 30px 0;
}
.idxBnrBox li:nth-child(2n) {
	margin:0 0 30px 0;
}
.idxBnrBox .event .eventBox {
	font-size:90%;
}
}

.idxBnrBox2 {	
}
.idxBnrBox2 li {
	float:left;
	width:100%;
	margin:0 4% 4% 0;
}
.idxBnrBox2 li img {
	width:100%;
	height:auto;
}

@media screen and (max-width:767px){
.idxBnrBox2 {
	width:96%;
	margin:30px 5px 0 5px;
}
.idxBnrBo2x li {
	float:none;
	width:100%;
	padding: 0 5px 30px 5px;
}
}



/*
 NEWS 
----------------------------------------------------------- */
.news_list {
	padding:0;	
}
.news_list .inner {
	padding:5px 0;
	border-bottom:1px dashed;
	border-bottom-color:#CCC;
}
.news_list .date {
	padding:0;
	float: left;
	width: 90px;
}
.news_list .ttl {
	padding:0 0 5px 0;
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
	border-bottom: 5px solid;
	border-bottom-color: #E6E6E6;
}
.news_list .detail {
	padding:0;
	float: right;
	width: 570px;
}
.news_list .img {
	padding:0;
	float: left;
	width: 60px;
	display: table-cell;
}
@media screen and (max-width:767px){
.news_list .date {
	float: left;
	width: 90px;
	text-align:center;
}
.news_list .detail {
	float: none;
	width: auto;
	margin-left:100px;
}
}



.news_detail {
	padding:0;	
}
.news_detail .date {
	padding:0;	
}
.news_detail .ttl {
	padding:0 0 5px 0;
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
	border-bottom: 5px solid;
	border-bottom-color: #E6E6E6;
}
.news_detail .detail {
	padding:0;
	margin-top: 10px;
}
.news_detail .img {
	padding:0;
	margin-top: 10px;
}
@media screen and (max-width:767px){
.news_detail {
	width:92%;
	margin:0 auto;
}
.news_detail .img {
	max-width:100%;
	height:auto;
}
}




/*
 お問い合わせ 
----------------------------------------------------------- */
#askForm {
	
}
#askForm li {
	padding:10px 0;
	border-bottom: 1px solid;
	border-bottom-color: #DFDFDF;
}

#askForm dt {
	float:left;
}
#askForm dd {
	margin:0 0 0 130px;
	border-left: 2px solid;
	padding:0 0 0 20px;
	border-left-color: #999;
}
#askForm2 {
	padding:0;
	margin: 0 0 20px 0;
	border:2px solid;
	border-color:#CCC;
}
#askForm2 th {
	padding:10px 10px 10px 10px;
	border-bottom: 1px solid;
	border-bottom-color: #DFDFDF;
	text-align: left;
	background-color: #F5F5F5;
}
#askForm2 td {
	padding:10px 10px 10px 10px;
	border-bottom: 1px solid;
	border-bottom-color: #DFDFDF;
}
@media screen and (max-width:767px){
#askForm2 {
	width:100%;
	box-sizing:border-box;
	border-left:0;
	border-right:0;
}
#askForm2 th {
	display:list-item;
	width:100%;
	box-sizing:border-box;
}
#askForm2 td {
	display:list-item;
	width:100%;
	box-sizing:border-box;
}
#askForm2 td .w300 {
	width:100%;
	box-sizing:border-box;
}
#askForm2 td input[type="text"],
#askForm2 td textarea {
	width:100%;
	box-sizing:border-box;
	font-size:16px;
	padding:3px;
}

}



#caution {
	background-image: url(../img/askLeft_caution_bg.gif);
	background-repeat: repeat-y;
}
#caution dt {
	
}
#caution dd {
	background-image: url(../img/askLeft_caution_ft.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 10px;
}



/*
 ページナビ 
----------------------------------------------------------- */

.pagenavi {
	text-align:right;
	margin:20px 0;
}
.pagenavi a {
	font-size:16px;
	margin:0 5px;
}
.pagenavi strong {
	font-size:18px;
	margin:0 10px;
}
.pagenavi_opt {
	position: relative;
	top:15px;
}
@media screen and (max-width: 767px){
.pagenavi {
	text-align:center;
}
.pagenavi a,
.pagenavi strong {
	display:inline-block;
	border:1px solid #CCCCCC;
	padding:2px 10px;
	margin:0 3px 3px 0;
	text-decoration:none;
}

}



/*
 ボタン 
----------------------------------------------------------- */
.btnbox1 {
	padding:50px 0 0 0;
	text-align: center;
	clear: both;
}
.btn3:hover {
	opacity:0.8;
	vertical-align:baseline;
}
@media screen and (max-width: 767px){
.btn3:hover {
	opacity:1;
}
}
.btn4:hover {
	opacity:0.8;
	vertical-align:baseline;
}
@media screen and (max-width: 767px){
.btn4:hover {
	opacity:1;
}
}
.btn5:hover {
	opacity:0.8;
	vertical-align:baseline;
	cursor: pointer;
}
@media screen and (max-width: 767px){
.btn5:hover {
	opacity:1;
}
}






/*
 サイトマップ 
----------------------------------------------------------- */

#sitemap {
	padding:0;
	width:670px;
}
#sitemap ul {
	float:right;
	width:480px;
}
#sitemap li.oya {
	border-bottom: 1px dotted;
	border-bottom-color: #999;
	font-weight: bold;
	padding: 5px 0 5px 20px;
	clear: both;
	background-image: url(../img/arrow1.gif);
	background-repeat: no-repeat;
	background-position: 5px 12px;
}
#sitemap li.ko {
	padding: 0 0 0 15px;
	font-weight: normal;
	background-image: url(../img/arrow1.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
}
#sitemap li.noline {
	border-bottom: 0;
}
@media screen and (max-width: 767px){
#sitemap {
	width:92%;
	margin:0 auto;
}
#sitemap ul {
	float:none;
	width:100%;
}

}

/*
 SNSガイドライン
----------------------------------------------------------- */

#sns {
	padding:0;
	width:670px;
}
@media screen and (max-width: 767px){
#sns {
	width:92%;
	margin:0 auto;
}
}
.guide_sns1 ul {
	margin-top:5px;
}
.guide_sns1 li {
	list-style-type:decimal;
	font-size:14px;
	margin-left:16px;
	margin-top:0.5em;
	margin-bottom:0.8em;
}

.guide_sns2 ul {
	margin-top:5px;
}
.guide_sns2 li {
	list-style-type:disc;
	font-size:14px;
	margin-left:16px;
	margin-top:0.5em;
	margin-bottom:0.5em;
}



/*
 アウトドア 
----------------------------------------------------------- */

.out_idx_new {
	width:950px;
	height:270px;
	overflow:hidden;
}
.out_idx_new .box {
	width:190px;
	text-align: center;
	padding: 15px 0;
	line-height: 130%;
	float:left;
	/*border:1px solid #CCCCCC;
	box-sizing:border-box;
	border-radius:4px;*/
}
.out_idx_new .box .inner {
	width:140px;
	margin-right:auto;
	margin-left:auto;
	text-align: left;
	font-size: 12px;
}
@media screen and (max-width:767px){
.out_idx_new {
	width:96%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.out_idx_new .box .inner {
	width:90%;
}
}

/* 画像配置 */
.out_idx_new .box .inner .photo {
	width:140px;
	height:140px;
	text-align: center;
	overflow:hidden;
	background-image: url(../img/noimage160bg.gif);
	background-repeat: no-repeat;
	background-position: top center;
	position:relative;
	margin:0 auto;
}
.out_idx_new .box .inner .photo img {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	max-width:140px;
	max-height:140px;
}
@media screen and (max-width: 767px){
.out_idx_new .box .inner .photo {
	width:130px;
	height:130px;
	margin:0 auto;
}
.out_idx_new .box .inner .photo img {
	max-width:130px;
	max-height:130px;
}
}

/* /画像配置 */
.out_idx_new .box .inner img {
	margin:0;
}
.out_idx_new .slick-track {
	margin-bottom:0;
}
.out_idx_new .slick-dots {
	border:0;
	float:none;
 }
.out_idx_new .slick-dots li {
	border:0;
	float:none;
	margin:0 3px;
 }
.out_idx_new .slick-dots li button:before {
	content: "●";
	position: absolute;
	top: 50%;
	right:50%;
	margin-top:-0.5em;
	margin-right:-0.2em;
	font-size:20px;
 }
.out_idx_new .slick-dots {
	bottom:-25px;
}

.cate_list {
	padding:0;
	margin: 30px 0 80px 0;
}
.cate_list li {
	padding:0 0 15px 0;
	float:left;
	width:190px;
	text-align: center;
}
.cate_list li img {
	display:block;
}
.cate_list li .K_CATEGORY_IMAGE1 {
	display:block;
}
.cate_list li .K_CATEGORY_NAME {
	display:none;
}
@media screen and (max-width: 767px){
.cate_list{
	margin:0 0 30px 0;
}

.cate_list li {
	padding:0;
	float:none;
	width:100%;
	text-align: left;
	border-bottom:1px solid #CCC;
}
.cate_list li h2 {
	font-weight:bold;
	font-size:2em;
	width:92%;
	margin:0 auto 10px auto;
}
.cate_list li h2 span {
	font-size:0.5em;
}
.cate_list li a {
	display:block;
	padding:15px;
	position:relative;
}
.cate_list li a:after {
	font-family: 'FontAwesome';
	content: "\f054";
	position: absolute;
	top: 50%;
	margin-top:-0.6em;
	right:15px;
	color:#004127;
	font-size:1.2em;
}
.cate_list li .K_CATEGORY_IMAGE1 {
	display:none;
}
.cate_list li .K_CATEGORY_NAME {
	display:block;
}

}

.cate_list2 {
	padding:0;	
}
.cate_list2 li {
	padding:0 0 15px 0;
	float:left;
	width:316px;
	text-align: center;
	margin:0;
}
.cate_list2 li a {
	display:block;
	position:relative;
	background-color: none;
	padding:0;
}
@media screen and (max-width: 767px){
.cate_list2 li {
	padding:0 0 15px 0;
	float:none;
	width:92%;
	text-align: center;
	margin:0 auto;
}
.cate_list2 li a {
	padding:8px 30px 8px 15px;
	display:block;
	background-color:#800017;
	color:#FFFFFF;
	border-radius:3px;
	position:relative;
}
.cate_list2 li a:after {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	top: 50%;
	margin-top:-0.5em;
	right:10px;
	margin-left:-0.2em;
	color:#FFFFFF;
	font-size:1.8em;
	text-indent:0;
}
}

.cate_list3 {
	padding:0;	
}
.cate_list3 li {
	padding:0 0 5px 0;
	width:316px;
	text-align: center;
}
@media screen and (max-width: 767px){
.cate_list3 li {
	padding:0 0 15px 0;
	float:none;
	width:92%;
	text-align: center;
	margin:0 auto;
}
.cate_list3 li a {
	padding:8px 30px 8px 15px;
	display:block;
	background-color:#800017;
	color:#FFFFFF;
	border-radius:3px;
	position:relative;
}
.cate_list3 li a:after {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	top: 50%;
	margin-top:-0.5em;
	right:10px;
	margin-left:-0.2em;
	color:#FFFFFF;
	font-size:1.8em;
	text-indent:0;
}
}

.cate_list4 {
	padding:0;	
}
.cate_list4 li {
	padding:0 0 5px 0;
	width:100%;
	text-align: left;
}
.cate_list4 li img {
	max-width:100%;
}
.cate_list4 li .K_CATEGORY_IMAGE1 {
	display:block;
}
.cate_list4 li .K_CATEGORY_NAME {
	display:none;
}
@media screen and (max-width: 767px){
.cate_list4 li {
	padding:0;
	float:none;
	width:100%;
	text-align: left;
	border-bottom:1px solid #CCC;
}
.cate_list4 li h2 {
	font-weight:bold;
	font-size:2em;
	width:92%;
	margin:0 auto 10px auto;
}
.cate_list4 li h2 span {
	font-size:0.5em;
}
.cate_list4 li a {
	display:block;
	padding:15px;
	position:relative;
}
.cate_list4 li a:after {
	font-family: 'FontAwesome';
	content: "\f054";
	position: absolute;
	top: 50%;
	margin-top:-0.6em;
	right:15px;
	color:#004127;
	font-size:1.2em;
}
.cate_list4 li .K_CATEGORY_IMAGE1 {
	display:none;
}
.cate_list4 li .K_CATEGORY_NAME {
	display:block;
}

}


.osusume {
	background-color:#f0f0f0;
	padding:10px 30px;
	color:#333;
	margin:0 0 2em 0;
}
.osusume .ttl-1 {
	text-align:center;
	padding:0;
	background-image:url(../img/idxOsusume.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width:230px;
	height:35px;
	margin:15px auto;
}
.osusume .inner {
	margin:0;
}
.osusume img {
	max-width:100%;
	height:auto;
	margin:0 0 5px 0;
}
.osusume .box {
	width:200px;
	margin:5px 10px;
	line-height:1.3;
	font-size:90%;
	text-align:left;
	font-weight:normal;
}
.osusume .box a {
	color:#333;
	font-family: 'Noto Sans JP', sans-serif;
}
.osusume .slick-prev {
	left: -25px;
    margin-left: 0;
    top: 50%;
}
.osusume .slick-next {
	    right: -25px;
    margin-right: 0;
    top: 50%;
}
.osusume .slick-prev:before,
.osusume .slick-next:before {
    font-family: fontawesome;
    font-size: 25px;
    line-height: 1;
    opacity: 1;
	color:#333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.osusume .slick-prev::before {
    content: "\f104";
}
.osusume .slick-next::before {
    content: "\f105";
}

/*
 カヌー 
----------------------------------------------------------- */

.canoe_bnrBox {
	margin:0 0 15px;
}
.canoe_bnrBox li {
	float:left;
	width:49%;
}
.canoe_bnrBox li:nth-child(2) {
	margin-left:2%;
}
@media screen and (max-width: 500px){
.canoe_bnrBox li {
	float:none;
	width:100%;
}
.canoe_bnrBox li:nth-child(2) {
	margin-left:0;
}
}


/*
 Ｑ＆Ａ 
----------------------------------------------------------- */

#qa_lft {
	width:230px;
	float:left;
}
#qa_rgt {
	width:680px;
	float:right;
}
.qaMenu {
	padding:0;	
}
.qaMenu .oya {
	padding:0;
	border-bottom: 1px solid;
	border-bottom-color: #CCC;
	background-image: url(../img/contents_bg1.gif);
	background-repeat: no-repeat;
	background-position: 8px 10px;
}
.qaMenu .oya a,
.qaMenu .oya strong,
.qaMenu .ko a{
	padding:3px 0 3px 20px;
	display:block;
}
.qaMenu .ko {
	padding:0 0 0 20px;
	border-bottom: 1px solid;
	border-bottom-color: #CCC;
	background-image: url(../img/contents_bg2.gif);
	background-repeat: no-repeat;
	background-position: 25px 10px;
}
.qa_box1 {
	padding:0;
	border: 1px solid;
	border-color: #CCC;
	margin: 0 0 15px 0;
}
.q {
	background-color: #e6f4e6;
	padding: 10px 10px 8px 40px;
	color: #004128;
	position:relative;
}
.q:before {
	content: "Q.";
	position: absolute;
	top: 10px;
	left:10px;
	color:#004127;
	font-size:1.8em;
	font-weight:bold;
}
.a {
	padding: 10px 10px 8px 70px;
	line-height: 150%;
	position:relative;
}
.a:before {
	content: "A.";
	position: absolute;
	top: 10px;
	left:35px;
	color:#be1d2c;
	font-size:2.3em;
	font-weight:bold;
}

@media screen and (max-width: 767px){
.qaTtl {
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background-color:#004127;
	position:relative;
	width:100%;
	height:30px;
}
.qaTtl:after {
	content:"Q&Aカテゴリーを選択ください";
	position:absolute;
	top:5px;
	left:-50%;
	margin-left:-6em;
	color:#FFFFFF;
}
.qaInner {
	width:92%;
	margin:0 auto;
}
#qa_lft {
	width:100%;
	float:none;
}
#qa_rgt {
	width:100%;
	float:none;
	margin:15px 0 0 0;
}

.qaMenu {
	margin:0 0 15px;
}
.qaMenu .oya {
	background-image: none;
	position:relative;
}
.qaMenu .oya.open:after {
	font-family: 'FontAwesome';
	content: "\f0fe";
	position: absolute;
	top: 50%;
	margin-top:-0.5em;
	right:10px;
	margin-left:-0.2em;
	color:#004127;
	font-size:1.8em;
}
.qaMenu .oya.open:before {
	content: "open";
	position: absolute;
	top: 5px;
	right:3em;
	color:#004127;
}

.open .qaMenu .oya.open:after {
	content: "";
}
.open .qaMenu .oya.open:before {
	content: "";
}

.qaMenu .oya.close:after {
	content: "\f146";
}
.qaMenu .oya.close:before {
	content: "close";
}
.qaMenu .oya a,
.qaMenu .oya strong,
.qaMenu .ko a{
	padding:8px 0 8px 20px;
}

.qa_box1 {
	width:92%;
	box-sizing:border-box;
	margin:0 auto 15px auto;
}

.a {
	padding: 10px 10px 8px 50px;
	line-height: 150%;
	position:relative;
}
.a:before {
	content: "A.";
	position: absolute;
	top: 10px;
	left:10px;
	color:#be1d2c;
	font-size:30px;
	font-weight:bold;
}

}



/*
 コンテンツ 
----------------------------------------------------------- */

@media screen and (max-width: 767px){
.cateTtl {
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background-color:#004127;
	position:relative;
	width:100%;
	height:30px;
}
.cateTtl:after {
	content:"Category";
	position:absolute;
	top:5px;
	left:-50%;
	margin-left:-2em;
	color:#FFFFFF;
}

}

.menu1 {
	padding:0;	
}
.menu1 .oya {
	padding:0;
	border-bottom: 1px solid;
	border-bottom-color: #CCC;
	background-image: url(../img/contents_bg1.gif);
	background-repeat: no-repeat;
	background-position: 8px 10px;
}
.menu1 .oya a,
.menu1 .oya strong,
.menu1 .ko a{
	padding:3px 0 3px 20px;
	display:block;
}
.menu1 .ko {
	padding:0 0 0 20px;
	border-bottom: 1px solid;
	border-bottom-color: #CCC;
	background-image: url(../img/contents_bg2.gif);
	background-repeat: no-repeat;
	background-position: 25px 10px;
}
.menu1 .oya2 {
	padding:0;
	border-bottom: 1px solid;
	border-bottom-color: #CCC;
	/*background-image: url(../img/icn4.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;*/
}
.menu1 .oya2 a,
.menu1 .oya2 strong {
	padding:8px;
	display:block;
}

.menu2 {
	padding:0;
	width:92%;
	margin:0 auto;	
}
.menu2 .oya {
	padding:0;
	margin:0 0 10px;
}
.menu2 .oya a {
	padding:8px 30px 8px 15px;
	display:block;
	background-color:#800017;
	color:#FFFFFF;
	border-radius:3px;
	position:relative;
}
.menu2 .oya a:after {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	top: 50%;
	margin-top:-0.5em;
	right:10px;
	margin-left:-0.2em;
	color:#FFFFFF;
	font-size:1.8em;
	text-indent:0;
}



/*
 動画 
----------------------------------------------------------- */
#movie_lft {
	width:230px;
	float:left;
}
#movie_rgt {
	width:680px;
	float:right;
}
.movie_box1 {
	padding:0;
	margin-bottom: 20px;
}
.movie_box1 .hd {
	padding:15px 10px 10px 40px;
	background-image: url(../img/movie_box1_hd.gif);
	font-weight: bold;
	font-size: 14px;
}
.movie_box1 .hd h2 {
	font-weight: bold;
}
.movie_box1 .ft {
	padding:0 20px 10px 20px;
	background-image: url(../img/movie_box1_ft.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.movie_box1 .ft .movie {
	float:left;
	width: 440px;
}
.movie_box1 .ft .movie .inner {
	background-color: #6E6E6E;
	padding: 0 10px;
}
.movie_box1 .ft .comment {
	float:right;
	width: 180px;
}


/*
 カタログページ 
----------------------------------------------------------- */
.catalog_tbl {
	padding:0;
	margin: 20px 0 20px 0;
	border-top: 2px solid;
	border-top-color: #004128;
	border-bottom: 2px solid;
	border-bottom-color: #004128;
	width:100%;
}
.catalog_tbl td {
	padding:15px 10px;
	line-height: 130%;
	width: 25%;
	float:left;
	box-sizing:border-box;
}
.catalog_tbl td .name {
	margin-top:5px;
}
@media screen and (max-width:767px){
.catalog_tbl {
	width:100%;
}
.catalog_tbl td {
	display:block;
	float:left;
	width:33.3%;
	box-sizing:border-box;
}
}
@media screen and (max-width:500px){
.catalog_tbl td {
	width:50%;
}
}

@media screen and (max-width:767px){
.catalog_inner {
	width:92%;
	margin:15px auto 0 auto;
}
}


/*
 WEBカタログページ 
----------------------------------------------------------- */
.webcatalog_tbl {
	width:100%;
	padding:0;
	margin: 20px 0 20px 0;
	border-top: 2px solid;
	border-top-color: #004128;
	border-bottom: 2px solid;
	border-bottom-color: #004128;
}
.webcatalog_tbl td {
	padding:15px 15px;
	line-height: 130%;
	width: 16.6%;
	float:left;
	box-sizing:border-box;
}
.webcatalog_tbl td .name {
	margin-top:5px;
}
.webcatalog_tbl2 {
	width:100%;
	padding:0;
	margin: 20px 0 20px 0;
	border-top: 2px solid;
	border-top-color: #004128;
	border-bottom: 2px solid;
	border-bottom-color: #004128;
}
.webcatalog_tbl2 td {
	padding:15px 15px;
	line-height: 130%;
	width: 33.3%;
	float:left;
	box-sizing:border-box;
}
.webcatalog_tbl2 td .name {
	margin-top:5px;
}
@media screen and (max-width:767px){
.webcatalog_tbl {
	width:100%;
}
.webcatalog_tbl td {
	float:left;
	display:list-item;
	width:16.6%;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	margin:0;
	list-style-type:none;
}
.webcatalog_tb2l {
	width:100%;
}
.webcatalog_tbl2 td {
	float:left;
	display:list-item;
	width:33.3%;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	margin:0;
	list-style-type:none;
}
}
@media screen and (max-width:500px){
.webcatalog_tbl td {
	width:50%;
}
.webcatalog_tbl2 td {
	width:100%;
}
}




/*
 商品詳細 
----------------------------------------------------------- */

#goods {
	padding:0;	
}
#goods .code {
	padding:0;
	font-size: 20px;
	font-weight: bold;
	color: #AF0019;
}
@media screen and (max-width: 767px){
#goods .code {
	width:92%;
	margin:0 auto;
	line-height: 2.5em;
}
}
#goods .name {
	padding:0 0 10px 0;
	font-size: 20px;
	font-weight: bold;
	margin: 0;
}
#goods .name h1 {
	font-weight: bold;
	display:inline-block;
}
@media screen and (max-width: 767px){
#goods .name {
	width:92%;
	margin:0 auto;
}
}
@media screen and (max-width: 767px){
#goods .copy {
	width:92%;
	margin:0 auto;
}
#goods .detailBox {
	width:92%;
	margin:0 auto;
}
}
#goods .sub1 {
	padding:0;
	font-size: 14px;
}
#goods .sub1 .lft {
	padding:0;
	float:left;
	width:230px;
}
#goods .sub1 .rgt {
	padding:0;
	float:right;
	width:430px;
	color: #F00;
}
@media screen and (max-width: 767px){
#goods .sub1 .lft {
	float:none;
	width:100%;
}
#goods .sub1 .rgt {
	float:none;
	width:100%;
}
}

#goods .setumei {
	padding:20px 0;
}
#goods .shiyou {
	padding:20px 0;
	border-top: 1px dashed;
	border-top-color: #999;
}
#goods .download {
	padding:20px 0;
	border-top: 1px dashed;
	border-top-color: #999;
}
#goods .download div.pdfbox {
	font-size: 0px;
	line-height: 0;
}

#goods .download div.pdfbox a.pdf {
	padding:0 0 0 20px;
	background-image: url(../img/contents_bg1.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	font-size: 13px;
	line-height: 150%;
}

#goods .kanren {
	padding:20px 0;
	border-top: 1px dashed;
	border-top-color: #999;
}
@media screen and (max-width: 767px){
#goods .kanren {
	width:92%;
	margin:0 auto;
}
}


#goods .more1 {
	margin-top:-20px;
	text-align:right;
}
@media screen and (max-width: 767px){
#goods .more1 {
	width:92%;
	margin:0 auto;
}
}


#imgBox {
	padding:15px 0 0 0;
	background-image: url(../img/imgBox_hd.gif);
	background-position: left top;
	background-repeat: no-repeat;
	text-align: center;
	margin: 0 0 15px 0;
	width: 680px;
	overflow: hidden;
}
#imgBox .inner {
	padding:0 40px 15px 40px;
	background-image: url(../img/imgBox_ft.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin: 0;
	text-align: center;
	position: static;
	overflow: hidden;
}
@media screen and (max-width: 767px){
#imgBox {
	padding:15px;
	background-image: none;
	width: 100%;
	background-color:#e6e6e6;
	box-sizing:border-box;
}
#imgBox .inner {
	padding:0;
	background-image: none;
}
}


@media screen and (max-width: 767px){
#imgBox2 {
	padding:15px 0;
	width: 100%;
	background-color:#e6e6e6;
	box-sizing:border-box;
	border-radius:0;
	margin-bottom: 30px;
	overflow:hidden;
}
#imgBox2 .slick-slider {
    margin-bottom: 0;
}
#imgBox2 ul li {
    display: block;
    position: relative;
	margin:0 5px;
}
#imgBox2 ul li a {
    width: 100%;
    height: 74vw;
    display: block;
    text-align: center;
    vertical-align: middle;
    background-color: #FFF;
    overflow: hidden;
    position: relative;
}
#imgBox2 ul li a img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
#imgBox2 ul li p {
    display:block;
	font-size:0.9em;
	line-height:1.3em;
	margin-top:5px;
}

#imgBox2 .slick-prev,
#imgBox2 .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
	bottom:auto;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 100;
}
#imgBox2 .slick-prev {
    left: 40px;
	top:50%;
}
#imgBox2 .slick-next {
    right: 40px;
	top:50%;
}
#imgBox2 .slick-prev:before,
#imgBox2 .slick-next:before {
    font-family: 'slick';
    font-size: 40px;
    line-height: 1;
    opacity: 1;
    color: #004127;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#imgBox2 .slick-prev.slick-disabled:before,
#imgBox2 .slick-next.slick-disabled:before {
    opacity: 1;
    color: #CCCCCC;
}
}





.kanrenitem {
}
.kanrenitem .box {
	width:170px;
	text-align: center;
	padding: 15px 0;
	line-height: 130%;
	float:left;
	border: transparent 1px solid;
	box-sizing:border-box;
}
.kanrenitem .box .inner {
	width:140px;
	margin-right:auto;
	margin-left:auto;
	text-align: left;
	font-size: 12px;
}
@media screen and (max-width: 767px){
.kanrenitem .box .inner {
	width:90%;
}
}

/* 画像配置 */
.kanrenitem .box .inner .photo {
	width:140px;
	height:140px;
	text-align: center;
	overflow:hidden;
	background-image: url(../img/noimage160bg.gif);
	background-repeat: no-repeat;
	background-position: top center;
	position:relative;
	margin:0 auto;
}
.kanrenitem .box .inner .photo img {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	max-width:140px;
	max-height:140px;
}
@media screen and (max-width: 767px){
.kanrenitem .box .inner .photo {
	width:130px;
	height:130px;
	margin:0 auto;
}
.kanrenitem .box .inner .photo img {
	max-width:130px;
	max-height:130px;
}
}



/* /画像配置 */


.kanrenitem li .inner img {
	margin-bottom:0px;
}

.kanrenitem .slick-track {
	margin-bottom:0;
}
.kanrenitem .slick-dots {
	border:0;
	float:none;
 }
.kanrenitem .slick-dots li {
	border:0;
	float:none;
	margin:0 3px;
 }
.kanrenitem .slick-dots li button:before {
	content: "●";
	position: absolute;
	top: 50%;
	right:50%;
	margin-top:-0.5em;
	margin-right:-0.2em;
	font-size:20px;
 }
.kanrenitem .slick-dots {
	bottom:-25px;
}




/*
 商品一覧 
----------------------------------------------------------- */

.goods_tbl1 {
	padding:0;
	width:100%;
}
.goods_tbl1 .box {
	float:left;
	padding:0 15px 40px 15px;
	margin:0 0 15px 0;
	text-align: left;
	width:170px;
	position:static;
	box-sizing:border-box;
	border-bottom:1px dotted #CCCCCC;
}
.goods_tbl1 .box .btnBox {
	text-align:right;
}
@media screen and (max-width: 767px){
.goods_tbl1 .box {
	width:33.3%;
	padding:0 10px 40px 10px;
}
}
@media screen and (max-width: 500px){
.goods_tbl1 .box {
	width:50%;
	padding:0 10px 40px 10px;
}
}





.goods_tbl2 {
	padding:0;
	margin-top: 20px;/*元々80px*/
	width:100%;
}
.goods_tbl2 .box {
	float:left;
	padding:15px 15px 25px 15px;
	text-align: left;
	width:190px;
	box-sizing:border-box;
	border-bottom:1px dotted #CCCCCC;
}
@media screen and (max-width: 767px){
.goods_tbl2 .box {
	width:33.3%;
	padding:15px 10px 25px 10px;
}
}
@media screen and (max-width: 500px){
.goods_tbl2 .box {
	width:50%;
	padding:15px 10px 25px 10px;
}
}

.goods_tbl3 {
	padding:0;
	width:100%;
}
.goods_tbl3 .box {
	float:left;
	padding:0 0 20px 0;
	text-align: center;
	width:170px;
	position:static;
	box-sizing:border-box;
}
@media screen and (max-width: 767px){
.goods_tbl3 .box {
	width:50%;
	padding:0 10px 20px 10px;
}
.goods_tbl3 .box:nth-child(n+3) {
	display:none;
}
}


.goods_tbl1 .box .inner,
.goods_tbl2 .box .inner,
.goods_tbl3 .box .inner{
	padding:0;
	width: 140px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	line-height: 130%;
	position:static;
}
@media screen and (max-width: 767px){
.goods_tbl1 .box .inner,
.goods_tbl2 .box .inner,
.goods_tbl3 .box .inner{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
}
/* 画像配置 */
.goods_tbl1 .box .photo,
.goods_tbl2 .box .photo,
.goods_tbl3 .box .photo{
	width:140px;
	height:140px;
	text-align: center;
	overflow:hidden;
	background-image: url(../img/noimage160bg.gif);
	background-repeat: no-repeat;
	background-position: top center;
	position:relative;
	margin:0 auto;
}
.goods_tbl1 .box .photo img,
.goods_tbl2 .box .photo img,
.goods_tbl3 .box .photo img{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	max-width:140px;
	max-height:140px;
}
/* /画像配置 */

.goods_tbl1 .box .name,
.goods_tbl2 .box .name,
.goods_tbl3 .box .name{
	padding:0;
	height: 5.5em;
	overflow: hidden;
}
@media screen and (max-width: 767px){
.goods_tbl1 .box .name,
.goods_tbl2 .box .name,
.goods_tbl3 .box .name{
	height: auto;
}
}

.goods_tbl1 .box .btnBox,
.goods_tbl2 .box .btnBox,
.goods_tbl3 .box .btnBox{
	position:relative;
	height:29px;
	overflow:hidden;
	right:0px;
	top:0;
}
.goods_tbl1 .box .btn_detail,
.goods_tbl2 .box .btn_detail,
.goods_tbl3 .box .btn_detail{
	position: absolute;
	right:0;
	top:0;
	margin:5px 0 0 0;
}
.goods_tbl1 .box .btn_detail:hover,
.goods_tbl2 .box .btn_detail:hover,
.goods_tbl3 .box .btn_detail:hover{
	opacity:0.8;
	vertical-align:baseline;
}
@media screen and (max-width: 767px){
.goods_tbl1 .box .btn_detail:hover,
.goods_tbl2 .box .btn_detail:hover,
.goods_tbl3 .box .btn_detail:hover{
	opacity:1;
}
}

.goods_tbl1.clm4 .box {
	width: 25%;
}
@media screen and (max-width: 767px){
.goods_tbl1.clm4 .box {
	width:50%;
	padding:0 10px 60px 10px;
}
}
.goods_tbl1.clm4 .inner {
	width:100%;
}
.goods_tbl1.clm4 .photo {
	width:200px;
	height:200px;
	margin:0 auto;
}
.goods_tbl1.clm4 .photo img {
	max-width:200px;
	max-height:200px;
	width:auto;
	height:auto;
}
@media screen and (max-width: 600px){
.goods_tbl1.clm4 .photo {
	width:140px;
	height:140px;
}
.goods_tbl1.clm4 .photo img {
	max-width:140px;
	max-height:140px;
}
}




/*
 ボックス 
----------------------------------------------------------- */
.sidebox1 {
	padding:10px;
	border:1px solid #CCCCCC;
	border-radius:5px;
	box-sizing:border-box;
}
.sidebox1 .inner {
}
@media screen and (max-width: 767px){
.sidebox1 {
	width:92%;
	margin:0 auto;
}
}


/*
 リンク集 
----------------------------------------------------------- */
#link_list {
	padding:0;
}
#link_list .list_border {
	padding:0 0 10px 20px;
	border-bottom: 1px solid;
	border-bottom-color: #CCC;
	margin-bottom:10px;
}
@media screen and (max-width: 767px){
#link_list {
	width:92%;
	margin:0 auto;
}
.linkTtl {
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background-color:#004127;
	position:relative;
	width:100%;
	height:30px;
}
.linkTtl:after {
	content:"Category";
	position:absolute;
	top:5px;
	left:-50%;
	margin-left:-2em;
	color:#FFFFFF;
}

}

/*
 特集テンプレート01 
----------------------------------------------------------- */
#tokusyuu_tmpl01_1 {
	border:1px solid #CCCCCC;
	padding:10px;
	margin-bottom: 30px;
	line-height: 130%;
	box-sizing:border-box;
}
#tokusyuu_tmpl01_1 img {
	max-width:100%;
	height:auto;
}
#tokusyuu_tmpl01_1 .ttl {
	font-size: 14px;
	color: #000;
	margin-bottom: 5px;
	display: block;
}



/*
 特集テンプレート02 
----------------------------------------------------------- */
#tokusyuu_tmpl02_1 {
	border:1px solid #CCCCCC;
	padding:10px;
	margin-bottom: 30px;
	line-height: 130%;
	box-sizing:border-box;
}
#tokusyuu_tmpl02_1 img {
	max-width:100%;
	height:auto;
}
#tokusyuu_tmpl02_1 .ttl {
	font-size: 14px;
	color: #000;
	margin-bottom: 5px;
	display: block;
}
#tokusyuu_tmpl02_2 {
	line-height: 130%;
}
#tokusyuu_tmpl02_2 img,
.tokusyuu_tmpl_img img {
	max-width:100%;
	height:auto;
}
#tokusyuu_tmpl02_2 li {
	margin-bottom: 15px;
}
#tokusyuu_tmpl02_2 li p.detail {
	background-image: url(../img/icn5.gif);
	background-repeat: no-repeat;
	background-position: 0px 12px;
	padding-top: 10px;
	padding-left: 35px;
}
#tokusyuu_tmpl02_2 li .line {
	border-bottom:1px solid;
	border-bottom-color:#004128;
	padding-bottom:10px;
}

#tokusyuu_tmpl02_2 .ttl {
	font-size: 14px;
	color: #000;
	margin-bottom: 5px;
	display: block;
}


@media screen and (max-width: 767px){
#tokusyuu_tmpl02_2 li p.detail {
	display:block;
}
}




.cateTtl2 {
	/*display:inline-block;
	background-color:#004128;*/
	color:#2E2E2E;
	/*margin:0 0 15px;
	border-radius:5px;*/
}
.cateTtl2 strong {
	font-size:1.2em;
}
.cateTtl2 a {
	color:#2e2e2e;
	padding:5px 10px;
	display:block;
	position:relative;
}
.cateTtl2 a:hover {
	text-decoration:none;
	opacity:0.8;
	top:1px;
}

.cateLine a {
	background-color: #FFF;
	border:1px solid #CCC;
	text-align:center;
	font-size:1.2em;
	padding:5px;
	display:block;
	border-radius:3px;
	box-shadow: 0px 3px 2px -2px rgba(0,0,0,0.3);
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
	position:relative;
}
.cateLine a:after {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	top: 50%;
	margin-top:-0.5em;
	right:10px;
	color:#7d0010;
	font-size:1.5em;
}

.copy1 {
	margin-left: auto;
	margin-bottom: 8px;
	display: block;	
}
.copy2 {
	margin-left: auto;
	margin-bottom: 8px;
	display: block;	
	position:relative;
}



/*
 werner tv 
----------------------------------------------------------- */
#wernertv {
	
}
#wernertv .list {
	margin-bottom:30px;
	text-align:left;
}
#wernertv .list li {
	display:inline-block;
	width:200px;
	line-height:130%;
	text-align:left;
	margin:10px 15px;
}
#wernertv .list li img {
	width:200px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
}
#wernertv .list li p {
	width:200px;
	margin-left:auto;
	margin-right:auto;
}
@media screen and (max-width: 767px){
#wernertv .list {
	margin-bottom:30px;
	text-align:center;
}
}





.newIcn {
	display:inline-block;
}
.newIcn .K_GOODS_NEWKBN,
.newIcn .K_GOODS_NEWDATE {
	display:none;
}
.newIcn .icn {
	color:#FF0000;
	display:none;
}

.beer {
	
}
.beer img {
	max-width:100%;
	height:auto;
}
@media screen and (max-width:767px){
.beer {
	width:92%;
	margin:15px auto 0 auto;
}
}


/* カテゴリ部品----------------------------------------------------------- */

.cateDetail {
	margin-bottom:30px;
}
.cateDetail .ttl {
	background-color:#890019;
	color:#FFFFFF;
	padding:5px;
	text-align:center;
}
.cateDetail .lvl1 a {
	display:block;
	padding:3px 10px;
}
.cateDetail .lvl2 a {
	display:block;
	padding:3px 10px 3px 2.5em;
	position:relative;
}
.cateDetail .lvl2 a:before {
	content:"∟";
	position:absolute;
	left:1em;
	top:2px;
}

.cateList {
	/*display:none;*/
}
.cateList .ttl {
	background-color:#004127;
	color:#FFFFFF;
	padding:5px;
	text-align:center;
}
.cateList .lvl1 {
	display:block;
	padding:3px 1em 3px 10px;
	border-top:1px solid #CCCCCC;
	position: relative;
}
.cateList .lvl1.open:after {
	font-family: 'FontAwesome';
	content: "\f196";
	position: absolute;
	top: 50%;
	margin-top:-0.7em;
	right:0;
	margin-left:-0.2em;
	color:#004127;
	font-size:1.2em;
}
.cateList .lvl1.close {
}
.cateList .lvl1.close:after {
	font-family: 'FontAwesome';
	content: "\f147";
	position: absolute;
	top: 50%;
	margin-top:-0.7em;
	right:0;
	margin-left:-0.2em;
	color:#004127;
	font-size:1.2em;
}
.cateList .lvl2 {
	display:block;
	padding:3px 10px 3px 2.5em;
	position:relative;

}
.cateList .lvl2:before {
	content:"∟";
	position:absolute;
	left:1em;
	top:2px;
}



/* 会社案内----------------------------------------------------------- */

.comWrap1 {
	margin-left:250px;
	margin-bottom:60px;
}
@media screen and (max-width:767px){
.comWrap1 {
	width:92%;
	margin:0 auto 30px auto;
}
}

.comTxt1 {
	margin-bottom:30px;
	border-left:5px solid #004128;
	padding-left:10px;
	color:#004128;
	font-size:14px;
	line-height:1.5em;
}
.comTxt2 {
	margin-bottom:50px;
	color:#004128;
	font-size:1.5em;
	line-height:1.5em;
	font-weight:bold;
}
.comTxt3 {
	margin-bottom:50px;
	font-size:14px;
	line-height:1.7em;
}
.comTxt3 .photo {
	width:100%;
	text-align:center;
	display:block;
	margin:15px 0;
}
.comTxt3 .photo img {
	max-width:100%;
	height:auto;
}
.comTxt4 {
	font-size:1.2em;
	line-height:2em;
}

.comTtl1 {
	margin:15px 0 15px -15px;
	border-left:30px solid #004128;
	padding-left:10px;
	color:#004128;
	font-size:1.3em;
	line-height:1.5em;
	font-weight:bold;
}

.comTbl1 {
	padding:0;
	margin:0;
	border-top:1px solid #CCC;
}
.comTbl1 dt {
	float:left;
	padding:8px 10px;
}
.comTbl1 dd {
	padding:8px 10px 8px 12em;
	border-bottom:1px solid #CCC;
}
@media screen and (max-width:767px){
.comTbl1 dt {
	font-size:0.8em;
}
.comTbl1 dd {
	padding:8px 10px 8px 8em;
}
}

.comTbl2 {
	padding:0;
	margin:0;
	border-top:1px solid #CCC;
}
.comTbl2 li {
	border-bottom:1px solid #CCC;
}
.comTbl2 li:nth-child(2n) {
	background-color:#FCFCFC;
}
.comTbl2 li:after {
	display:none;
}
.comTbl2 .date {
	float:left;
	padding:8px 10px;
}
.comTbl2 .detail {
	padding:8px 10px 8px 10em;
}


/*
 40周年 
----------------------------------------------------------- */

#sp40th {
	font-size:14px;
	line-height:1.7;
	background-image:url(../img/40th_bg.jpg);
}
#sp40th * {
	box-sizing:border-box;
}
#sp40th .ttl-3 {
	position:relative;
	z-index:99;
	margin:0 0 20px;
}
#sp40th #hd {
	background-color:#FFFFFF;
	padding:0 0 20px 0;
}
#sp40th .inner {
	padding:30px 50px;
	background-image:url(../img/40th_bg2.png);
	position:relative;
}
#sp40th .inner:before {
	content:"";
	width:100%;
	height:85px;
	background-image:url(../img/40th_bg1.png);
	position:absolute;
	top:-10px;
	left:0;
	z-index:0;
}
#sp40th .inner:after {
	content:"";
	width:100%;
	height:85px;
	background-image:url(../img/40th_bg3.png);
	position:absolute;
	bottom:-10px;
	left:0;
	z-index:0;
}

@media screen and (max-width:767px){
#sp40th #hd {
	padding:0 0 0 0;
}
#sp40th .inner {
	padding:10px 20px;
	margin:0 5px;
	background-size:100%;
}
#sp40th .inner:before {
	background-size:100%;
	height:7vw;
}
#sp40th .inner:after {
	background-size:100%;
	height:7vw;
}
}
#sp40th .main {
	width:950px;
}
#sp40th .main li:nth-child(1) {
	width:100%;
	padding:15px 0;
}
#sp40th .main li:nth-child(1) img {
	margin:auto;
	display:block;
}
@media screen and (max-width:767px){
#sp40th .main {
	width:100%;
	line-height:0;
}
#sp40th .main li:nth-child(1) {
	float:none;
	width:100%;
}
#sp40th .main li:nth-child(1) img {
	width:95%;
	height:auto;
	margin:auto;
}
}

#sp40th .ttl-1 {
	font-size:5em;
	line-height:1;
	color:#DDDDDD;
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	margin:0 0 0 0;
}
#sp40th .ttl-2 {
	font-size:2em;
	line-height:1;
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	border-bottom:1px solid;
	margin:-20px 0 15px 0;
	padding:0 0 10px;
	font-weight:bold;
}
@media screen and (max-width:767px){
#sp40th .ttl-1 {
	font-size:12vw;
	line-height:1;
	color:#DDDDDD;
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	margin:0 0 0 0;
}
#sp40th .ttl-2 {
	font-size:5vw;
	line-height:1;
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	border-bottom:1px solid;
	margin:-20px 0 15px 0;
	padding:0 0 10px;
	font-weight:bold;
}
}
#sp40th .gaiyou {
	margin:0 0 40px;
	color:#FFF;
	padding:0;
	background-size:100%;
	position:relative;
	z-index:1;
}
#sp40th .gaiyou img {
	margin:0;
	vertical-align:top;
}
#sp40th .gaiyou .inner-1 {
	background-image:url(../img/40th_gaiyou_main3.jpg);
	padding:0 0 15px;
}
#sp40th .gaiyou .ttl {
	font-size:2.5em;
	line-height:1.2;
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	font-weight:bold;
	text-align:center;
	margin:0 0 0;
}
#sp40th .gaiyou .ttl strong {
	font-size:1.5em;
	display:block;
}

#sp40th .gaiyou .box {
	margin: auto;
	display:table;
}
#sp40th .gaiyou .f1 {
	font-size:1.7em;
	line-height:1.3;
	margin: auto;
	font-weight:bold;
	display:table-cell;
	vertical-align:middle;
	padding:0 20px;
	border:0;
	border-top:1px dotted #FFF;
	border-bottom:1px dotted #FFF;
}
#sp40th .gaiyou .f1 strong {
	font-size:2em;
	display:block;
}
#sp40th .gaiyou .f2 {
	display:table-cell;
	font-size:1.8em;
	line-height:1;
	margin: auto;
	text-align:center;
	font-weight:bold;
	background-color:#FFF;
	color:#b60005;
	width:300px;
	border-radius:8px;
	padding:10px;
	vertical-align:middle;
}
#sp40th .gaiyou .f2 strong {
	font-size:3em;
	margin:0 10px;
}
#sp40th .gaiyou .f2 span {
	display:block;
}

#sp40th .gaiyou p {
	margin:20px 0 0;
	font-weight:bold;
	font-size:1.2em;
	color:#FFF;
	text-align:center;
}
#sp40th .gaiyou .img {
	margin:10px auto 20px auto;
	display:block;
}
@media screen and (max-width:767px){
#sp40th .gaiyou {
	padding:0;
	margin:-10px -10px 10px -10px;
}
#sp40th .gaiyou .inner-1 {
	background-size:100%;
}
#sp40th .gaiyou .ttl {
	font-size:1.5em;
}
#sp40th .gaiyou .ttl strong {
	font-size:1.5em;
	display:block;
}
#sp40th .gaiyou .box {
	margin: auto;
	display:block;
	width:90%;
}
#sp40th .gaiyou .f1 {
	font-size:4vw;
	display:block;
	padding:10px;
	text-align:center;
	margin:0 0 10px;
}
#sp40th .gaiyou .f2 {
	display:block;
	width:100%;
}
#sp40th .gaiyou .f2 span {
	display:inline-block;
}
#sp40th .gaiyou p {
	font-size:1em;
	padding:0 10px;
}

}


#sp40th .msg {
	margin:0 0 40px;
	position: relative;
    z-index: 10;
}
#sp40th .msg .img1 {
	float:right;
	margin:0 0 15px 15px;
}
#sp40th .msg p {
	text-align:right;
	margin:10px 0 0 0;
}
#sp40th .msg strong.f1 {
	font-size:1.2em;
}
@media screen and (max-width:767px){
#sp40th .msg .img1 {
	width:50%;
	max-width:188px;
	height:auto;
}
}
#sp40th .his {
	margin:0 0 40px;
}
#sp40th .his h3 span {
	float:right;
	font-size:0.8em;
}
#sp40th .his .img1 {
	float:left;
	margin:10px 15px 0 0;
}
#sp40th .his strong.f1 {
	font-size:1.2em;
}

@media screen and (max-width:767px){
#sp40th .his h3 span {
	font-size:0.7em;
}
#sp40th .his .img1 {
	width:50%;
	max-width:224px;
	height:auto;
}
}

#sp40th .logo {
	margin:0 0 40px;
}
#sp40th .logo ul {
	display:table;
	width:100%;
}
#sp40th .logo li {
	display:table-cell;
	text-align:center;
	width:18%;
}
#sp40th .logo li:nth-child(5) {
	width:28%;
}
#sp40th .logo li>div {
	display:block;
	margin:0 auto 5px auto;
	height:100px;
	vertical-align:middle;
	text-align:center;
	position:relative;
}
#sp40th .logo li>div img {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
}
@media screen and (max-width:767px){
#sp40th .logo ul {
	display:block;
	text-align:center;
}
#sp40th .logo li {
	display:inline-block;
	text-align:center;
	width:238px;
}
#sp40th .logo li:nth-child(5) {
	width:238px;
}
#sp40th .logo li>div {
	display:block;
	margin:0 auto 5px auto;
	height:100px;
	vertical-align:middle;
	text-align:center;
	position:relative;
}
}

#sp40th .hisI {
	margin:0 0 40px;
}
#sp40th .hisI .item li {
	float:left;
	width:46%;
	margin:2%;
}
#sp40th .hisI .item li .year {
	font-size:3em;
	line-height:1;
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	border-bottom:1px solid;
	margin:0 0 15px 0;
	font-weight:bold;
}
#sp40th .hisI .item li .photo {
	margin:0 0 10px;
}

#sp40th .hisI .item li .txt h3 {
	font-size:1.7em;
	line-height:1.3;
	font-weight:bold;
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	margin:0 0 0.5em;
}
#sp40th .hisI .item li .txt h4 {
	font-size:1.2em;
	line-height:1.3;
	font-weight:bold;
	color:#B60005;
}
#sp40th .hisI .item li .photo img {
	width:100%;
	height:auto;
}
#sp40th .hisI .item li p{
	clear:both;
}
@media screen and (max-width:767px){
#sp40th .hisI .item li .photo {
	margin:0 10px 10px 0;
}
#sp40th .hisI .item li .year {
	font-size:2.5em;
}
}
@media screen and (max-width:500px){
#sp40th .hisI .item li {
	float:none;
	width:100%;
	margin:0 0 15px;
}
}

#sp40th .pre1 {
	margin:100px 0 40px;
}
#sp40th .pre1 .ttl {
	margin:0 0 20px 0;
	text-align:center;
	background-image:url(../img/40th_pre1_ttl2.png);
	position:relative;
	padding:30px 0;
}
#sp40th .pre1 .ttl li {
	display:inline-block;
	position:relative;
	z-index:99;
}
#sp40th .pre1 .ttl li:nth-child(1) {
	width:250px;
	margin:0 20px 0 0;
}
#sp40th .pre1 .ttl li:nth-child(2) {
	width:450px;
	margin:10px 0 0;
}
#sp40th .pre1 .ttl li:nth-child(2) img {
	width:100%;
	height:auto;
}
#sp40th .pre1 .f1 {
	font-size:1.5em;
	font-weight:bold;
}
#sp40th .pre1 .f2 {
	font-size:2.5em;
	line-height:1.3;
	font-weight:bold;
	color:#B60005;
}
#sp40th .pre1 .f3 {
	font-size:1em;
	color:#B60005;
}
#sp40th .pre1 .f4 {
	font-size:2em;
	font-weight:bold;
	border-top:1px solid #555;
	margin:20px 0;
	padding:20px 0;
}
#sp40th .pre1 .f4 span {
	font-size:0.5em;
	font-weight:normal;
}
#sp40th .pre1 .box {
	margin: auto;
	display:table;
}
#sp40th .pre1 .f1 {
	font-size:1.7em;
	line-height:1.3;
	margin: auto;
	font-weight:bold;
	display:table-cell;
	vertical-align:middle;
	padding:0 20px;
	border:0;
	border-top:1px dotted #b60005;
	border-bottom:1px dotted #b60005;
}
#sp40th .pre1 .f1 strong {
	font-size:2em;
	display:block;
}
#sp40th .pre1 .f2 {
	display:table-cell;
	font-size:1.8em;
	line-height:1;
	margin: auto;
	text-align:center;
	font-weight:bold;
	background-color:#b60005;
	color:#FFF;
	width:300px;
	border-radius:8px;
	padding:10px;
	vertical-align:middle;
}
#sp40th .pre1 .f2 strong {
	font-size:3em;
	margin:0 10px;
}
#sp40th .pre1 .f2 span {
	display:block;
}

#sp40th .pre1 .naiyou {
	margin:20px 0 20px;
	font-weight:bold;
	font-size:1.2em;
}
#sp40th .pre1 .naiyou h2 {
	font-weight:bold;
	font-size:1.8em;
}
#sp40th .pre1 .naiyou p {
	margin:20px 0 20px;
	font-weight:bold;
	font-size:1.7em;
	line-height:1.3;
	color:#b60005;
}

#sp40th .pre1 .pBox {
	margin:0 0 30px;
	padding:0 20px 30px 20px;
	border-bottom:1px dotted #CCC;
	width:50%;
	float:left;
}
#sp40th .pre1 .pBox img {
	max-width:100%;
	height:auto;
	margin:auto;
	display:block;
}
#sp40th .pre1 .pBox .num {
	font-size:2em;
	font-weight:normal;
	display:inline-block;
	background-color:#B60005;
	padding:3px 10px;
	border-radius:5px;
	color:#FFF;
	margin:0 0 10px;
}
#sp40th .pre1 .pBox .name {
	font-size:1.8em;
	font-weight:bold;
	line-height:1.3;
}
#sp40th .pre1 .pBox.p1 {
	width:100%;
	float:none;
}
#sp40th .pre1 .pBox.p1 ul {
	position:relative;
	padding:0 0 50px;
}
#sp40th .pre1 .pBox.p1 ul li:nth-child(1) {
	width:628px;
	text-align:left;
}
#sp40th .pre1 .pBox.p1 ul li:nth-child(2) {
	width:535px;
	text-align:center;
	position:absolute;
	top:100px;
	right:0;
}
#sp40th .pre1 .pBox.p1 .name {
	display:inline-block;
	font-size:2.3em;
	margin:0 0 0 1em;
}
#sp40th .pre1 .pBox .item {
	width:100%;
	display:table;
}
#sp40th .pre1 .pBox .item span {
	vertical-align:middle;
	text-align:center;
	display:table-cell;
}
@media screen and (max-width:767px){
#sp40th .pre1 .ttl {
	padding:15px;
	background-size:100%;
}
#sp40th .pre1 .ttl:before {
	background-size:100%;
	height:10vw;
	top:-5vw;
}
#sp40th .pre1 .ttl li {
	display:block;
}
#sp40th .pre1 .ttl li:nth-child(1) {
	width:100%;
	margin:0 20px 0 0;
	display:block;
}
#sp40th .pre1 .ttl li:nth-child(2) {
	width:100%;
	display:block;
	margin:0;
}
#sp40th .pre1 .ttl li:nth-child(2) img {
	width:100%;
	height:auto;
}
#sp40th .pre1 .ttl li:nth-child(3) {
	width:auto;
	margin:0 -15px -15px -15px;
}
#sp40th .pre1 .ttl li:nth-child(3) img {
	width:100%;
}

#sp40th .pre1 .box {
	display:block;
}
#sp40th .pre1 .f1 {
	font-size: 4vw;
	display:block;
	padding:10px;
	margin:0 0 10px;
	text-align:center;
}
#sp40th .pre1 .f2 {
	display:block;
	width:100%;
}
#sp40th .pre1 .f2 span {
	display:inline-block;
}
#sp40th .pre1 .f3 {
	font-size:1em;
	color:#B60005;
}
#sp40th .pre1 .f4 span {
	font-size:0.4em;
	display:block;
}
#sp40th .pre1 .pBox {
	margin:0 0 30px;
	padding:0 10px 30px 10px;
	border-bottom:1px dotted #CCC;
	width:50%;
	float:left;
}
#sp40th .pre1 .pBox .num {
	font-size:1.5em;
}
#sp40th .pre1 .pBox .name {
	font-size:1.5em;
	font-weight:bold;
	line-height:1.3;
}
#sp40th .pre1 .pBox.p1 .name {
	display:block;
	font-size:1.5em;
	margin:0;
}
#sp40th .pre1 .pBox.p1 ul {
	padding:0;
}
#sp40th .pre1 .pBox.p1 ul li:nth-child(1) {
	width:100%;
	text-align:center;
}
#sp40th .pre1 .pBox.p1 ul li:nth-child(2) {
	width:100%;
	text-align:center;
	position:relative;
	top:0;
	right:0;
}
}
@media screen and (max-width:500px){
#sp40th .pre1 .pBox {
	width:100%;
	float:none;
}
#sp40th .pre1 .pBox .item {
	text-align:center;
	display:block;
	width:100%;
}
#sp40th .pre1 .pBox .item span {
	vertical-align:middle;
	text-align:center;
	display:block;
}
}



#sp40th .pre2 {
	margin:0 0 40px;
}
#sp40th .pre2 .ttl {
	font-size:2.5em;
	line-height:1.2;
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	font-weight:bold;
	text-align:center;
	margin:0 0 30px;
}
#sp40th .pre2 .ttl strong {
	font-size:1.5em;
	display:block;
}

#sp40th .pre2 .box {
	margin: auto;
	display:table;
}
#sp40th .pre2 .f1 {
	font-size:2em;
	line-height:1.3;
	margin: auto;
	font-weight:bold;
	display:table-cell;
	vertical-align:middle;
	padding:0 20px;
	border:0;
	border-top:1px dotted #b60005;
	border-bottom:1px dotted #b60005;
}
#sp40th .pre2 .f1 strong {
	font-size:2em;
	display:block;
}
#sp40th .pre2 .f2 {
	display:table-cell;
	font-size:1.8em;
	line-height:1;
	margin: auto;
	text-align:center;
	font-weight:bold;
	background-color:#b60005;
	color:#FFF;
	width:300px;
	border-radius:8px;
	padding:10px;
	vertical-align:middle;
}
#sp40th .pre2 .f2 strong {
	font-size:3em;
	margin:0 10px;
}
#sp40th .pre2 .f2 span {
	display:block;
}

@media screen and (max-width:767px){
#sp40th .pre2 .ttl {
	font-size:1.5em;
}
#sp40th .pre2 .box {
	display:block;
}
#sp40th .pre2 .f1 {
	display:block;
	font-size:5vw;
	text-align:center;
	padding:15px 0;
	margin:0 0 10px;
}
#sp40th .pre2 .f1 strong {
	font-size:2em;
	display:block;
}
#sp40th .pre2 .f2 {
	display:block;
	width:100%;
}
#sp40th .pre2 .f2 span {
	display:inline-block;
}

}



#sp40th .pre2 .oubo {
	margin:20px 0 20px;
	font-weight:bold;
	font-size:1.2em;
}
#sp40th .pre2 .oubo h2 {
	font-weight:bold;
	font-size:1.5em;
	border-top:1px solid #b60005;
	border-bottom:1px solid #b60005;
	color:#b60005;
	margin:0 0 15px;
}
#sp40th .pre2 .oubo2 {
	margin:20px 0 40px;
	font-weight:bold;
	font-size:3em;
	border:3px solid #b60005;
	border-radius:10px;
	color:#b60005;
	text-align:center;
}
#sp40th .pre2 .oubo2 h2 {
	font-size:0.7em;
	font-weight:bold;
	display:inline-block;
	vertical-align:middle;
}
@media screen and (max-width:767px){
#sp40th .pre2 .oubo2 {
	margin:20px 0 80px;
	font-weight:bold;
	font-size:6vw;
	border:3px solid #b60005;
	border-radius:10px;
	color:#b60005;
	text-align:center;
}
#sp40th .pre2 .oubo2 h2 {
	display:block;
	margin:0;
}

}

#sp40th .pre2 .btn {
}
#sp40th .pre2 .btn a,
#sp40th .pre2 .btn strong {
	background-color: #b60005;
	color: #FFF;
	font-weight:bold;
	border-radius: 10px;
	font-size: 3em;
	display: block;
	text-align: center;
	padding: 0.5em 0.5em;
	box-shadow: 0px 8px #6E0003;
	margin:0 0 1em;
	position:relative;
}
#sp40th .pre2 .btn strong {
	background-color:#888;
	box-shadow: 0px 8px #555;
}
#sp40th .pre2 .btn strong span {
	font-size:0.5em;
	display:block;
}
#sp40th .pre2 .btn a:hover {
	text-decoration: none;
	box-shadow: 0 0;
	top: 8px;
	background-color: #DD0005;
}
@media screen and (max-width:767px){
#sp40th .pre2 .btn a,
#sp40th .pre2 .btn strong {
	font-size: 7vw;
	font-weight:bold;
}
}


#sp40th .info {
	margin:5em auto 0 auto;
	display:table;
}
#sp40th .info p {
	display:table-cell;
}
#sp40th .info p:nth-child(2) {
	padding:0 0 0 2em;
}
@media screen and (max-width:767px){
#sp40th .info {
	display:block;
}
#sp40th .info p {
	display:block;
	margin:auto;
	text-align:center;
}
#sp40th .info p:nth-child(1) img {
	width:100%;
	max-width:325px;
	height:auto;
}
#sp40th .info p:nth-child(2) {
	padding:0;
}
}


#sp40th .form {
	margin:0 auto 40px auto;
	width:700px;
}
#sp40th .form input,
#sp40th .form select,
#sp40th .form textarea {
	font-size:16px;
	padding:2px;
}
#sp40th .form input[type=radio],
#sp40th .form input[type=checkbox] {
	transform:scale(1.2);
}

#sp40th .form table {
	border-collapse:separate;
	border-spacing:1px;
	width:100%;
	font-size:16px;
	margin:0 0 2em;
}
#sp40th .form table th,
#sp40th .form table td {
	padding:5px 10px;
}
#sp40th .form table th {
	background-color:#b60005;
	color:#FFF;
	white-space:nowrap;
}
#sp40th .form table th.hissu {
	padding:5px 2em 5px 10px;
	position:relative;
}
#sp40th .form table th.hissu:after {
	position:absolute;
	content:"※";
	font-size:14px;
	right:2px;
	top:5px;
}
@media screen and (max-width:767px){
#sp40th .form {
	width:100%;
}
#sp40th .form table th,
#sp40th .form table td {
	display:block;
}
#sp40th .form table td {
	padding:5px 5px 20px 5px;
}
}
#sp40th .form dl {
	font-size:16px;
}
#sp40th .form dl dt {
	font-weight:bold;
	padding:0 10px 0 10px;
	border-left:5px solid #b60005;
}
#sp40th .form dl dd {
	border-bottom:1px dashed #CCC;
	padding:10px 10px 1.5em 2em;
	margin:0 0 1.5em;
}
#sp40th .form .policy {
	border:2px solid #b60005;
	padding:1em;
	text-align:center;
	margin:0 0 50px;
}
#sp40th .form .policy label {
	display:inline-block;
	margin:10px auto 0 auto;
	background-color:#FFD7D8;
	padding:5px 10px;
	word-break:break-all;
	white-space:inherit;
}

#sp40th .form .btn {
	background-color: #b60005;
	color: #FFF;
	border-radius: 10px;
	font-size: 1.5em;
	font-weight:bold;
	display: block;
	width:300px;
	text-align: center;
	padding: 15px 30px;
	box-shadow: 0px 5px #6E0003;
	margin:0 auto;
	position:relative;
}
#sp40th .form .btn:hover {
	text-decoration: none;
	box-shadow: 0 0;
	top: 5px;
	background-color: #DD0005;
}
@media screen and (max-width:767px){
#sp40th .form .btn {
	width:100%;
}
}

#sp40th .form span.hissu {
	color: #b60005;
}

#sp40th .alert {
	color: #F00;
	font-weight:bold;
}
#sp40th .alert ul {
	list-style-type:circle;
	margin:0 0 20px;
	border:1px dashed;
	padding:10px 10px 10px 30px;
}

#sp40th .navi {
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:5px;
	position:relative;
	z-index:1;
}
#sp40th .pankz {
	padding:5px;
}

#sp40th .thanks {
	margin:0 auto 40px auto;
	width:700px;
}
#sp40th .thanks .f1 {
	font-size:2em;
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	font-weight:bold;
	text-align:center;
	margin:0 0 1em;
	color:#b60005;
}
#sp40th .thanks .f2 {
	font-size:1.5em;
	color:#b60005;
	font-weight:bold;
	margin:1em 0;
	text-align:center;
}
#sp40th .thanks .f3 {
	font-size:1.5em;
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	font-weight:bold;
	text-align:center;
	margin:0 0 1em;
}
#sp40th .thanks .f4 {
	font-size:1.2em;
	text-align:center;
	margin:0 0 1em;
}
@media screen and (max-width:767px){
#sp40th .thanks {
	width:100%;
}
#sp40th .thanks .f1 {
	font-size:1.8em;
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	font-weight:bold;
	text-align:center;
	margin:0 0 1em;
	color:#b60005;
}
}


#sp40th .model {
	margin:0 auto 40px auto;
}
#sp40th .model .ttl {
	margin:0 0 2em;
	position:relative;
	z-index:99;
}
#sp40th .model .ttl li {
	float:left;
}
#sp40th .model .ttl li:nth-child(1) {
	width:250px;
}
#sp40th .model .ttl li:nth-child(1) img {
	width:100%;
	height:auto;
}
#sp40th .model .ttl li:nth-child(2) {
	width:550px;
	float:right;
	font-size:2.2em;
	line-height:1.3;
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	font-weight:bold;
}
#sp40th .model .ttl li:nth-child(2) strong {
	font-size:2.3em;
	line-height:1.1;
	font-weight:bold;
	color:#b60005;
	display:block;
	position:relative;
}
#sp40th .model .ttl li:nth-child(2) p {
	font-weight:bold;
	font-size:50px;
	background-color:#b60005;
	color:#FFF;
	display:inline-block;
	padding:5px 10px;
	border-radius:5px;
	position:absolute;
	top:0;
	right:0;
	transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
	-webkit-transform: rotate(-6deg);
	box-shadow:2px 5px 1px #CCC;
}
#sp40th .model .ttl .yotei {
	border:1px solid #b60005;
	text-align:center;
	padding:3px 10px;
	color:#b60005;
	margin:5px 0 0 0;
	font-size:0.9em;
	border-radius:3px;
}
@media screen and (max-width:767px){
#sp40th .model .ttl li:nth-child(1) {
	width:30%;
}
#sp40th .model .ttl li:nth-child(2) {
	width:65%;
	float:right;
	font-size:1.7em;
}
#sp40th .model .ttl li:nth-child(2) p {
	position:relative;
	font-size:6vw;
	transform:none;
}
}
@media screen and (max-width:500px){
#sp40th .model .ttl li:nth-child(1) {
	width:70%;
	margin:0 auto;
	display:block;
	float:none;
}
#sp40th .model .ttl li:nth-child(2) {
	width:100%;
	float:none;
	font-size:1.5em;
	text-align:center;
}
}
#sp40th .model .f1 {
	font-size:1.5em;
	line-height:1.3;
	font-weight:bold;
	margin:0 0 0.5em;
}
@media screen and (max-width:767px){
#sp40th .model .f1 {
	font-size:1.3em;
	line-height:1.3;
}
}
#sp40th .model .list {
	position:relative;
	margin:0 0 4em;
	font-size:16px;
	line-height:1.4;
}
#sp40th .model .list li:nth-child(1) {
	position:absolute;
	right:0;
	width:300px;
	font-size:2em;
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	font-weight:bold;
}
#sp40th .model .list li:nth-child(2) {
	margin:0;
}
#sp40th .model .list li:nth-child(2) p {
	display:block;
	position:absolute;
	top:230px;
	right:0;
	width:390px;
}
#sp40th .model .list li:nth-child(3) {
	width:27%;
	display:inline-block;
	text-align:center;
}
#sp40th .model .list li:nth-child(4) {
	width:27%;
	display:inline-block;
	text-align:center;
	margin:75px 4% 0 4%;
}
#sp40th .model .list li:nth-child(5) {
	width:36%;
	display:inline-block;
	text-align:center;
}
#sp40th .model .list li:nth-child(3) p,
#sp40th .model .list li:nth-child(4) p,
#sp40th .model .list li:nth-child(5) p {
	text-align:left;
}
@media screen and (max-width:767px){
#sp40th .model .list li:nth-child(1) {
	position:relative;
	width:100%;
	text-align:center;
	margin:0 0 1em;
	font-size:1.5em;
}
#sp40th .model .list li:nth-child(2) p {
	position:relative;
	top:0;
	right:0;
	width:100%;
	text-align:center;
}
#sp40th .model .list li:nth-child(2),
#sp40th .model .list li:nth-child(3),
#sp40th .model .list li:nth-child(4),
#sp40th .model .list li:nth-child(5) {
	width:100%;
	display:block;
	margin:0 0 30px;
}
#sp40th .model .list li:nth-child(2) img,
#sp40th .model .list li:nth-child(3) img,
#sp40th .model .list li:nth-child(4) img,
#sp40th .model .list li:nth-child(5) img {
	max-width:92%;
	height:auto;
	margin:auto;
	display:block;
}

#sp40th .model .list li:nth-child(3) p,
#sp40th .model .list li:nth-child(4) p,
#sp40th .model .list li:nth-child(5) p {
	text-align:center;
	margin:10px 0 0 0;
}
}

#sp40th .model .sub1 {
	color:#b60005;
	margin:0 0 3em;
	text-decoration:underline;
}

#sp40th .model .f2 {
	font-size:2em;
	line-height:1.1;
	font-weight:bold;
	margin:2em 0 0 0;
	text-align:right;
	color:#004128;
}
#sp40th .model .f2 strong {
	font-size:2em;
}
@media screen and (max-width:767px){
#sp40th .model .f2 {
	font-size:1em;
}
#sp40th .model .f2 strong {
	display:inline-block;
}
}
#sp40th .model .ttl-2 {
	font-size:2em;
	line-height:1em;
	font-weight: bold;
	position: relative;
	margin: 0 0 30px;
	padding: 29px 10px 30px;
	text-align: center;
	border-bottom: 1px solid #004128;
	background: #fff;
	color:#b60005;
}
#sp40th .model .ttl-2:after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: inline-block;
	width: 120px;
	height: 6px;
	margin: 0 auto;
	content: '';
	background-color: #004128;
}

#sp40th .model .list2 {
	border-collapse:collapse;
	width:100%;
	table-layout:fixed;
	margin:15px 0 0 0;
}
#sp40th .model .list2 th,
#sp40th .model .list2 td {
	border:1px solid #CCC;
	padding:3px 10px;
}
#sp40th .model .list2 th {
	background-color:#004128;
	color:#FFF;
	text-align:center;
}
#sp40th .model .list2 tr:nth-child(odd) {
	background-color: #DFF5EC;
}
@media screen and (max-width:767px){
#sp40th .model .list2 {
	border-top:1px solid #CCC;
	border-collapse:separate;
}
#sp40th .model .list2 th {
	display:none;
}
#sp40th .model .list2 td {
	display:list-item;
	list-style-type:none;
	border:0;
	position:relative;
	padding:3px 0 3px 5em;
}
#sp40th .model .list2 td:nth-child(1):before {
	position:absolute;
	content:"店名";
	background-color:#004128;
	color:#FFF;
	padding:1px 5px;
	border-radius:3px;
	width:3em;
	text-align:center;
	top:9px;
	left:5px;
}
#sp40th .model .list2 td:nth-child(2):before {
	position:absolute;
	content:"住所";
	background-color:#004128;
	color:#FFF;
	padding:1px 5px;
	border-radius:3px;
	width:3em;
	text-align:center;
	top:3px;
	left:5px;
}
#sp40th .model .list2 td:nth-child(3):before {
	position:absolute;
	content:"連絡先";
	background-color:#004128;
	color:#FFF;
	padding:1px 5px;
	border-radius:3px;
	width:3em;
	text-align:center;
	top:3px;
	left:5px;
}
#sp40th .model .list2 td:nth-child(1) {
	padding-top:10px;
}
#sp40th .model .list2 td:nth-child(3) {
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
}

}



/*
 防犯登録ページ 
----------------------------------------------------------- */
.bouhanList1 {
	width:100%;
	list-style-type:none;
}
.bouhanList1 li {
	border:3px solid #e6e6e6;
	padding:15px;
	border-radius:3px;
	float:left;
	width:48%;
	margin:1%;
	box-sizing:border-box;
}
.bouhanList1 li h3 {
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 10px;
	color:#004128;
}
@media screen and (max-width:500px){
.bouhanList1 li {
	display:block;
	margin:0 0 10px;
	width:100%;
}
}

.bouhanList2 {
	width:100%;
}
.bouhanList2 li {
	border:3px solid #e6e6e6;
	padding:15px;
	border-radius:3px;
	margin:0 0 20px;
	position:relative;
	width:100%;
	box-sizing:border-box;
	display:table;
}
.bouhanList2 li:after {
	position: absolute;
	font-family: fontawesome;
	content: "\f063";
	bottom: -0.7em;
	color: #FF6124;
	visibility: visible;
	font-size: 3em;
	z-index: 99;
	left: 50%;
	margin:0 0 0 -0.5em;
	display:table;
	table-layout:fixed;
}
.bouhanList2 li:last-child:after {
	content:"";
}
.bouhanList2 li p {
	display:table-cell;
	vertical-align:middle;
}
.bouhanList2 li p:nth-child(1) {
	width:70%;
	text-align:center;
	border:1px solid #CFCFCF;
}
.bouhanList2 li p:nth-child(1) img {
	max-width:100%;
	display:block;
	height:auto;
	margin:0 auto;
}
.bouhanList2 li p:nth-child(2) {
	padding:0 0 0 1em;
}
@media screen and (max-width:600px){
.bouhanList2 li p {
	display:block;
}
.bouhanList2 li p:nth-child(1) {
	width:100%;
}
.bouhanList2 li p:nth-child(2) {
	padding:0;
}
}
.fs1 {
	font-size:1.1em;
	line-height:1.5em;
}
.bnrBouhan {
	border:1px solid #CCC;
	margin:0 0 20px;
	display:table;
	width:100%;
	box-sizing:border-box;
}
.bnrBouhan li {
	display:table-cell;
	width:50%;
	vertical-align:middle;
	box-sizing:border-box;
	padding:10px;
}
.bnrBouhan li img {
	width:100%;
	height:auto;
	display:block;
	margin:0;
}
@media screen and (max-width:600px){
.bnrBouhan li {
	display:block;
	width:100%;
}
}



/*
 アンバサダー 
----------------------------------------------------------- */
.full {
	margin-left: -500%;
	margin-right: -500%;
	padding-left: 500%;
	padding-right: 500%;
}
.full2 {
	margin-left: -500%;
	margin-right: -500%;
}
.ambsd .ttl-1 {
	font-size:2.8em;
	line-height:1em;
	position: relative;
	padding:10px 0;
	margin-bottom:30px;
	text-align:center;
	color:#004127;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:600;
}
.ambsd .ttl-1 span {
	display:inline-block;
	background-color:#FFFFFF;
	padding:0 15px;
	margin:0 auto;
	z-index:10;
}
.ambsd .ttl-1:before {
	content: "";
	position: absolute;
	left:0;
	width:100%;
	border-bottom:1px solid;
	border-color:#CCCCCC;
	margin-top:0.5em;
	z-index:-1;
}
.ambsd .ttl-1 strong {
	display:block;
	font-size:0.5em;
	font-weight:400;
}
.ambsd .ttl-2 {
	font-size:1.3em;
	line-height:1em;
	position: relative;
	padding:10px 0;
	text-align:center;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
}
.ambsd .ttl-2 span {
	display:inline-block;
	background-color:#FFFFFF;
	padding:0 15px;
	margin:0 auto;
	z-index:10;
}
.ambsd .ttl-2:before {
	content: "";
	position: absolute;
	left:0;
	width:100%;
	border-bottom:1px solid;
	border-color:#CCCCCC;
	margin-top:0.5em;
	z-index:-1;
}



.ambsdList .ttl {
	color:#FFF;
	text-align:center;
	box-sizing:border-box;
	position:relative;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:1.1em;
	font-weight:300;
	background-color:#004127;
	display:block;
	width:100%;
	min-height:300px;
	padding:50px 15px
}
.ambsdList .ttl span h2 {
	font-family: 'Merriweather', serif;
	font-size:2.5em;
	line-height:1.3;
	margin:0 0 30px;
}
.ambsdList {
	width:100%;
	background-color:#f0f0f0;
	margin:0 0 100px;
}
.ambsdList li {
	float:left;
	width:33.3%;
	height:300px;
	margin:0;
	position:relative;
	overflow:hidden;
	background-color:#333;
	color:#FFF;
	text-align:center;
}
.ambsdList li:nth-child(odd) {
	background-color:#222;
}
.ambsdList li.ttl {
	color:#FFF;
	text-align:center;
	box-sizing:border-box;
	position:relative;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:1.2em;
	font-weight:300;
	background-color:#004127;
}
.ambsdList li.ttl span {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	display:block;
	height:8em;
	padding:15px;
}
.ambsdList li.ttl span h2 {
	font-family: 'Merriweather', serif;
	font-size:1.3em;
	margin:0 0 15px;
}
.ambsdList li.soon {
	display:block;
	line-height:300px;
}
.ambsdList li a p {
	display:block;
	text-align:center;
	font-size:1.2em;
	position:absolute;
	bottom:0;
	background-color:#000;
	opacity:0.8;
	color:#FFF;
	padding:10px 15px;
	width:100%;
	box-sizing:border-box;
}
.ambsdList li a span {
	display:block;
	font-size:0.9em;
}
.ambsdList li a {
	position:relative;
	overflow:hidden;
}
.ambsdList li .ambsd1,.ambsdList li .ambsd2,.ambsdList li .ambsd3,.ambsdList li .ambsd4,.ambsdList li .ambsd5,.ambsdList li .ambsd6,.ambsdList li .ambsd7,.ambsdList li .ambsd8,.ambsdList li .ambsd9,.ambsdList li .ambsd10,.ambsdList li .ambsd11,.ambsdList li .ambsd12,.ambsdList li .ambsd13,.ambsdList li .ambsd14,.ambsdList li .ambsd15{
	display:block;
	width:100%;
	min-height:300px;
	position:relative;
}

.ambsdList li .ambsd_base:before{
	content:"";
	position:absolute;
	display:block;
	width:100%;
	height:300px;
	background-size:cover;
	background-position:center;
    transition-duration: 0.5s;
	top:0;
	left:0;
}

.ambsdList li .ambsd1:before {background-image:url(../img/ambsd1_thumb.jpg);}
.ambsdList li .ambsd2:before {background-image:url(../img/ambsd2_thumb.jpg);}
.ambsdList li .ambsd3:before {background-image:url(../img/ambsd3_thumb.jpg);}
.ambsdList li .ambsd4:before {background-image:url(../img/ambsd4_thumb.jpg);}
.ambsdList li .ambsd5:before {background-image:url(../img/ambsd5_thumb.jpg);}
.ambsdList li .ambsd6:before {background-image:url(../img/ambsd6_thumb.jpg);}
.ambsdList li .ambsd7:before {background-image:url(../img/ambsd7_thumb.jpg);}
.ambsdList li .ambsd8:before {background-image:url(../img/ambsd8_thumb3.jpg);}
.ambsdList li .ambsd9:before {background-image:url(../img/ambsd9_thumb.jpg);}
.ambsdList li .ambsd10:before {background-image:url(../img/ambsd10_thumb.jpg);}
.ambsdList li .ambsd11:before {background-image:url(../img/ambsd11_thumb.jpg);}
.ambsdList li .ambsd12:before {background-image:url(../img/ambsd12_thumb.jpg);}
.ambsdList li .ambsd13:before {background-image:url(../img/ambsd13_thumb.png);}
.ambsdList li .ambsd14:before {background-image:url(../img/ambsd14_thumb.jpg);}
.ambsdList li .ambsd15:before {background-image:url(../img/ambsd15_thumb.jpg);}

.ambsdList li a:hover:before {
	transform : scale(1.05);
	opacity:0.8;
}

@media screen and (max-width:767px){
.ambsd .ttl-1 {
	font-size:5.5vw;
}
.ambsdList li {
	width:50%;
	height:400px;
}
.ambsdList li .ambsd1,
.ambsdList li .ambsd2,
.ambsdList li .ambsd3,
.ambsdList li .ambsd4,
.ambsdList li .ambsd5,
.ambsdList li .ambsd6,
.ambsdList li .ambsd7,
.ambsdList li .ambsd8,
.ambsdList li .ambsd9,
.ambsdList li .ambsd10,
.ambsdList li .ambsd11,
.ambsdList li .ambsd12,
.ambsdList li .ambsd13{
	min-height:400px;
}
.ambsdList li .ambsd1:before,
.ambsdList li .ambsd2:before,
.ambsdList li .ambsd3:before,
.ambsdList li .ambsd4:before,
.ambsdList li .ambsd5:before,
.ambsdList li .ambsd6:before,
.ambsdList li .ambsd7:before,
.ambsdList li .ambsd8:before,
.ambsdList li .ambsd9:before,
.ambsdList li .ambsd10:before,
.ambsdList li .ambsd11:before,
.ambsdList li .ambsd12:before,
.ambsdList li .ambsd13:before{
	min-height:400px;
}
.ambsdList li.ttl {
	font-size:2.3vw;
}
.ambsdList li.soon {
	display:none;
}

}
@media screen and (max-width:600px){
.ambsdList li {
	width:100%;
}
.ambsdList li.ttl {
	font-size:4vw;
	line-height:1.5;
	height:300px;
}

}

.ambsdDetail {
	display:block;
}
.ambsdDetail .slide{
	float:left;
	display:block;
	width:500px;
}
.ambsdDetail .slide .slick-prev {
    left: 0;
    margin-left:0;
	top:50%;
}
.ambsdDetail .slide .slick-next {
    right: 0;
    margin-right:0;
	top:50%;
}
.ambsdDetail .slide .slick-prev:before {
    font-family: fontawesome;
	content:"\f104";
    font-size: 25px;
    line-height: 1;
    opacity: 1;
	color:#FFF;
}
.ambsdDetail .slide .slick-next:before {
    font-family: fontawesome;
	content:"\f105";
    font-size: 25px;
    line-height: 1;
    opacity: 1;
	color:#FFF;
}

.ambsdDetail .inner{
	float:right;
	display:block;
	width:400px;
	margin:0 0 30px;
}
.ambsdDetail .photo{
	text-align:center;
}
.ambsdDetail .name {
	text-align:center;
	display:block;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:2em;
	line-height:1.5;
	font-weight:500;
}
.ambsdDetail .roma {
	text-align:center;
	display:block;
	font-family: 'Noto Sans JP', sans-serif;
	margin:0 0 15px;
}
.ambsdDetail .sub1{
	clear:both;
	background-color:#f0f0f0;
	margin:0 0 30px;
}
.ambsdDetail .sub1 ul{
	border-spacing:20px;
	width:100%;
	table-layout:fixed;
}
.ambsdDetail .sub1 li{
	display:table-cell;
	width:50%;
}
.ambsdDetail .sub1 li .yt iframe{
	min-height:250px;
}

.ambsdDetail .sub2{
	clear:both;
	background-color:#f0f0f0;
	margin:0 0 30px;
}
.ambsdDetail .sub2 ul{
	border-spacing:20px;
	width:100%;
	table-layout:fixed;
}
.ambsdDetail .sub2 li {
	display:table-cell;
	width:33%;
}
.ambsdDetail .sub2 li .yt iframe{
	min-height:200px;
}

.ambsd .line{
	border-top:5px solid #f0f0f0;
	margin:50px 0;
}

@media screen and (max-width:767px){
.ambsdDetail .inner{
	float:none;
	width:92%;
	margin:0 auto;
}
.ambsdDetail .photo img{
	width:100%;
	height:auto;
	max-width:300px;
}

.ambsdDetail .slide{
	float:none;
	width:100%;
}
.ambsdDetail .slide img{
	width:100%;
	height:auto;
}
.ambsdDetail .sub1 li{
	display:block;
	width:100%;
	padding:15px;
	box-sizing:border-box;
}
.ambsdDetail .sub2 li{
	display:block;
	width:100%;
	padding:15px;
	box-sizing:border-box;
}
.ambsdDetail .sub2 li .yt {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.ambsdDetail .sub2 li .yt iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	min-height:56.25%;
}

}


/*
 イベント情報 
----------------------------------------------------------- */
.eInfoBnav {
	font-size:1.2em;
	margin:0 0 1em;
	text-align:right;
}
.eInfoBnav li {
	display:inline-block;
}
.eInfoBnav li a,
.eInfoBnav li strong{
	display:block;
	background-color:#f8f4eb;
	padding:3px 10px;
	color:#004128;
	border: 1px solid #f8f4eb;
}
.eInfoBnav li strong{
	border: 1px solid #004128;
}
.eInfoBnav li a:hover{
	text-decoration:none;
	background-color:#FFF;
}
.eInfoBnav li.ttl {
	display:inline-block;
	padding:3px 10px 3px 10px;
	position:relative;
	color:#004128;
}


.eInfoList1 {
	
}
.eInfoList1>li,.eInfoList2>li {
	border-bottom:1px dashed #CCC;
	padding:20px 15px;
}
.eInfoList1>li:last-child,.eInfoList2>li:last-child {
	border-bottom:0;
	margin:0 0 50px;
}

.eInfoList1 h3,.eInfoList2 h3 {
	font-size:2em;
	line-height:1.3;
	font-weight:bold;
	margin:0 0 10px;
	font-family: 'Noto Sans JP', sans-serif;
	color:#004128;
}
.eInfoList1 h3:before,.eInfoList2 h3:before {
	content:"■";
	font-size:13px;
	color:#b40233;
	vertical-align:top;
	margin:0 5px 0 0;
}

.eInfoList1 li dl {
	float:left;
	width:43%;
	margin:0 0 0 5%;
}
.eInfoList1 li dl dt {
	float:left;
	width:4em;
	font-weight:bold;
	color:#777;
}
.eInfoList1 li dl dd,.eInfoList2 li dl dd {
	margin:0 0 0 4em;
}
.eInfoList1 li .txt {
	border:1px solid #CCC;
	float:right;
	width:50%;
	padding:15px;
	box-sizing:border-box;
	margin:0 0 1em;
	border-radius:5px;
}
.eInfoList1 li .after {
	clear:both;
	background-color:#f8f4eb;
	padding:15px;
	margin:0 0 0 5%;
}
.eInfoList1 li .after h4 {
	font-size:1.8em;
	line-height:1.3;
	font-weight:bold;
	text-align:center;
	color:#004128;
}
.eInfoList1 li .before {
	clear:both;
	background-color:#FFF;
	padding:15px;
	margin:0 0 0 5%;
}
.eInfoList1 li .before .detail {
	text-align:center;
	display: -webkit-flex; /* Safari */
  display: flex;
	 -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
	-webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
	  -webkit-align-items: stretch; /* Safari */
  align-items:         stretch;
}
.eInfoList1 li .before .detail.clm3 li {
	display:inline-block;
	width:33%;
	padding:10px;
	box-sizing:border-box;
	min-width:150px;
}
.eInfoList1 li .before .detail.clm2 li {
	display:inline-block;
	width:50%;
	padding:10px;
	box-sizing:border-box;
	min-width:300px;
}
.eInfoList1 li .before .detail.clm1 li {
	display:inline-block;
	width:100%;
	padding:10px;
	box-sizing:border-box;
}

.eInfoList1 li .before img {
	max-width:100%;
	height:auto;
}
.eInfoSlideWrap {
    width: 600px;
	margin:15px auto 0 auto;
}
.eInfoSlide {
    margin-bottom: 15px;
    width: 600px;
	height:450px;
	overflow:hidden;
}
.eInfoSlide .slider {
    width: 100%;
    margin: 0 auto 80px;
	overflow:hidden;
	height:450px;
	position:relative;
}
.eInfoSlide .slick-slide img {
	max-width:100%;
	max-height:450px;
	width:auto;
	height:auto;
	margin:auto;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
.eInfoSlide .slick-slide{
    margin: 0 0 10px 0;
	height:450px;
	overflow:hidden;
}

.eInfoSlide-nav .slick-track .slick-slide {
    display: block;
    position: relative;
    height: 45px;
}
.eInfoSlide-nav {
    width: 600px;
	position:relative;
	height:45px;
}
.eInfoSlide-nav img {
	max-width:60px;
	max-height:45px;
	width:auto;
	height:auto;
	margin:auto;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
.eInfoSlide-nav .slick-dots {
    bottom: -30px;
}
.eInfoSlide-nav .slick-dots li button:before {
    font-family: 'fontawesome';
    font-size: 13px;
    content: '\f111';
}
.eInfoSlide-nav .slick-dots li.slick-active button:before {
	color:#004127;
}
.eInfoSlide-nav .slick-next {
    right: 0;
    margin-right: 0;
}
.eInfoSlide-nav .slick-prev {
    left: 0;
    margin-left: 0;
}

/*
 新イベント情報 
----------------------------------------------------------- */

.eInfoList2 .eInfo_img_box {
    position: relative;
	width: 100%;
	height: 230px;
}

.eInfoList2 li div dl .eInfo_img_box img {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	max-width: 100%;
	width: auto;
	max-height: 100%;
}

.eInfoList2 li dl dt {
	font-weight:bold;
	color:#777;
}

.eInfoList2 li div{
	display: flex;
	flex-wrap:wrap;
}

.eInfoList2 li div dl:first-child {
    width: 60%;
}
.eInfoList2 li div dl:last-child {
    width: 40%;
    display: block;
    margin:0 auto;
}
.eInfoList2 li div dl dt img{
	width: 100%;
	padding: 5px 10px;
}

@media screen and (max-width:767px){
	.eInfoList1 li dl {
		float:none;
		width:100%;
		margin:0 0 15px 5%;
	}
	.eInfoList1 li .txt {
		float:none;
		width:auto;
		padding:15px;
		margin:0 0 15px 5%;
	}
	.eInfoSlideWrap {
	    width: 100%;
	}
	.eInfoSlide {
	    width: 100%;
		height:50vw;
	}
	.eInfoSlide .slider {
		height:50vw;
	}
	.eInfoSlide .slick-slide img {
		max-height:50vw;
	}
	.eInfoSlide .slick-slide{
		height:50vw;
	}
	.eInfoSlide-nav .slick-track .slick-slide {
	    height: 10vw;
	}
	.eInfoSlide-nav {
	    width: 100%;
		height:10vw;
	}
	.eInfoSlide-nav img {
	    width: 90%;
	    height: auto;
	}
	.eInfoSlide-nav .slick-dots li {
	    width: 9px;
		height:9px;
	}
	.eInfoSlide-nav .slick-dots li button:before {
	    font-size: 9px;
	}

	.eInfoList2 li div dl:first-child,.eInfoList2 li div dl:last-child{
	width: 100%;
	}
	.eInfoList2 li div dl:first-child{
		margin-bottom: 1.2em;
	}
	.eInfoList2 li div dl dt img{
		padding: 0;
	}


}


/*
 特集 
----------------------------------------------------------- */
.spList {
	margin:50px 0 80px 0;
}
.antimar50{
	margin-top:0px;
}

.antimar80{
	margin-bottom:0px;
}
.spList h2 {
	font-size:2.5em;
	font-weight:bold;
	margin:0 0 0.2em;
}
.spList ul {
}
.spList li {
	float:left;
	width:31.6%;
	margin:0.8%;
}
.spList li img {
	max-width:100%;
	height:auto;
	display:block;
}
@media screen and (max-width:600px){
.spList {
	margin:50px 2%;
}
.spList li {
	float:left;
	width:48%;
	margin:10px 0.8%;
}
	
}

.out_bnrBox {
	margin:80px 0;
}
@media screen and (max-width:600px){
.out_bnrBox {
	margin:50px 2%;
}
}



/*
 ブランド 
----------------------------------------------------------- */

.brand {
	font-size:15px;
	line-height:2;
}
.brand	img {
		max-width:100%;
	height:auto;
	}

.brand h2 {
	background-image:url(../img/brand_tt.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:112px;
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
	margin:50px 0 100px;
}

.brand h3 {
	border-top:1px solid #b60005;
	font-size:2.2em;
	line-height:1.3;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
	padding:1em 0 0 0;
	text-align:center;
	letter-spacing: -1px;
}

.brand .ttl-1 {
	width:300px;
	float:left;
	display:table-cell;
	vertical-align: middle;
	margin:0 2em 2em 0;
}
.brand .ttl-1 span {
	font-size:0.8em;
}
.brand .ttl-1.sp {
	margin:0 2em 3em 0;
}
@media screen and (max-width:767px){
.brand .ttl-1.sp {
	margin:0 2em 1em 0;
}
}
.brand .ttl-2 {
	width:300px;
	float:right;
	display:table-cell;
	vertical-align: middle;
	margin:0 0 2em 2em;
}
.brand .ttl-2 span {
	font-size:0.8em;
}

.brand .img1 {
	float:right;
	margin:0 0 1.5em 1.5em;
}

.brand .logo {
	display:table;
	width:100%;
}
.brand .logo li {
	display:table-cell;
	vertical-align: middle;
	text-align:center;
}


.brand .item {
	display:table;
	width:100%;
	table-layout:fixed;
}
.brand .item li {
	border-bottom:1px dotted #CCC;
	padding:0 0 2em 0;
	margin:0 0 2em 0;
}
.brand .item li .year {
	display:table-cell;
	width:150px;
	font-size:2em;
	line-height:1.5;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
	text-align:center;
	letter-spacing: -1px;
}
.brand .item li .photo {
	display:table-cell;
	width:250px;
}
.brand .item li .txt {
	display:table-cell;
	width:550px;
}
.brand .item li h5 {
	font-size:1.2em;
	line-height:1.3;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
	letter-spacing: -0.5px;
}
.brand .item li h6 {
	font-size:1.5em;
	line-height:1.5;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
	letter-spacing: -0.5px;
	color:#b60005;
}

@media screen and (max-width:767px){
.brand	img {
		max-width:100%;
	height:auto;
	}
.brand h2 {
	background-size:contain;
	height:30vw;
	margin:30px 0;
}
.brand .ttl-1 {
	width:100%;
	float:none;
	display:block;
	margin:0 0 1em 0;
}
.brand .ttl-2 {
	width:100%;
	float:none;
	display:block;
	margin:0 0 1em 0;
	}
.brand .logo {
	display:block;
	width:100%;
	text-align:center;
}
.brand .logo li {
	display:inline-block;
	padding:15px;
}
.brand .item {
	display:block;
}
.brand .item li {
	text-align:center;
}
.brand .item li .year {
	display:inline-block;
	width:auto;
	padding:1em;
}
.brand .item li .photo {
	display:inline-block;
	width:auto;
}
.brand .item li .txt {
	display:block;
	width:100%;
}
.brand .item li h5 {
	font-size:1.2em;
	line-height:1.3;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
	letter-spacing: -0.5px;
}
.brand .item li h6 {
	font-size:1.5em;
	line-height:1.5;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
	letter-spacing: -0.5px;
	color:#b60005;
}

	
}


/* 鹿番長----------------------------------------------------------- */

.bancyoBg {
	/*background-image:url(../img/40th_bg.jpg);*/
}
.bancyoBg .youtube {
  padding:5%;
}
.bancyoBg .yt {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.bancyoBg .yt iframe {
	position: absolute;
	top: 2px;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.bancyoBg .koma {
	text-align:center;
	padding:30px 0;
}

/* レシピ動画----------------------------------------------------------- */
.odrecipeTtl {
	text-align:center;
	margin:40px 0 20px 0;
	position:relative;
}
.odrecipeTtl img {
	max-width:250px;
	width:60%;
	height:auto;
	position:relative;
	z-index:10;
	border-left:20px solid #FFF;
	border-right:20px solid #FFF;
}
.odrecipeList {
	display:flex;
	flex-wrap:wrap;
	margin:0 0 50px;
}
.odrecipeList li {
	width:48%;
	margin:1%;
}
.odrecipeList li h2 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size:140%;
	line-height:1.3;
	font-weight:bold;
	margin:0 0 8px;
	position:relative;
	border-left:8px solid #000;
	padding:0 0 0 10px;
}
.odrecipeList li img {
  max-width:100%;
	height:auto;
}
@media screen and (max-width:767px){
.odrecipeList li {
	width:100%;
	margin:0 0 15px;
}
}


.odrecipeDetail {
	
}
.odrecipeDetail .title {
	font-family: 'Noto Sans JP', sans-serif;
	font-size:140%;
	line-height:1.3;
	font-weight:bold;
	margin:0 0 10px 0;
	border-left:8px solid #000;
	padding:0 0 0 10px;
}
.odrecipeDetail .title2 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size:250%;
	line-height:1.3;
	font-weight:bold;
	margin:0 0 30px 0;
}
.odrecipeDetail .yt {
 position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.odrecipeDetail .yt iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.odrecipeDetail .cmt {

}
.odrecipeDetail .zairyo table td {
	padding:0 10px;
}
.odrecipeDetail .howto ol {
	counter-reset: li; 
	list-style: none; 
}

.odrecipeDetail .howto ol>li {
	position:relative;
	margin:0 0 10px;
	padding:10px 3em;
	box-sizing: border-box;
}
.odrecipeDetail .howto ol>li:before {
    content: counter(li) ". ";
    counter-increment: li;
    position: absolute;
    font-size: 3em;
    color: #004128;
    left: 0;
    top: 0;
}

/*-----画像しかないレシピ用スタイル------*/
.odrecipeDetail .howto .img_recipe ol {
    counter-reset: li;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.odrecipeDetail .howto .img_recipe ol>li {
	position:relative;
	margin:20px 0 10px;
	padding:10px 3em;
	box-sizing: border-box;
	width: 46%;
}

.odrecipeDetail .howto .img_recipe li img{
	margin:15px auto 0 auto;
	width:100%;
}

@media screen and (max-width: 414px){
.odrecipeDetail .howto .img_recipe ol>li {
    width: 100%;
    height: auto;
}
}

/* キャンペーン----------------------------------------------------------- */
.imgCpn {
	margin:30px 0;	
}
.imgCpn img {
	width: auto;
    height: auto;
}
@media screen and (max-width:767px){
.imgCpn {
	width:100%;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
.imgCpn img {
	width: 100%;
    height: auto;
}
}

.mainCpn {
	margin:0 ;
	display:table;
	width:100%;
	box-sizing:border-box;
	margin:0;
	
}
.mainCpn li {
	display:table-cell;
	width:50%;
	vertical-align:middle;
	box-sizing:border-box;
	padding:0;
}
.mainCpn li img {
	width:100%;
	height:auto;
	display:block;
	margin:0;
}
@media screen and (max-width:767px){
.mainCpn li {
	display:block;
	width:100%;
}
}

.mainCpn1 {
	margin:15px 0;
	display:table;
	width:100%;
	box-sizing:border-box;
}
.mainCpn1 li {
	display:table-cell;
	width:50%;
	vertical-align:middle;
	box-sizing:border-box;
	padding:0;
}
.mainCpn1 li img {
	width:100%;
	height:auto;
	display:block;
	margin:0;
}
@media screen and (max-width:767px){
.mainCpn1 li {
	display:block;
	width:100%;	
	padding:3px 0;
	background-color:#e0051c;
}
}

.mainCpn2 {
	margin-bottom:15px;
	display:table;
	width:100%;
	box-sizing:border-box;
}
.mainCpn2 li {
	display:table-cell;
	width:50%;
	vertical-align:middle;
	box-sizing:border-box;
	padding:0;
}
.mainCpn2 li img {
	width:100%;
	height:auto;
	display:block;
	margin:0;
}
@media screen and (max-width:767px){
.mainCpn2 li {
	display:block;
	width:100%;	
	padding:3px 0;
	background-color:#e0051c;
}
}

.mainCpn3 {
	margin:15px 0;
	display:table;
	width:100%;
	box-sizing:border-box;
}
.mainCpn3 li {
	display:table-cell;
	width:50%;
	vertical-align:middle;
	box-sizing:border-box;
	padding:0;
}
.mainCpn3 li img {
	width:100%;
	height:auto;
	display:block;
	margin:0;
}
@media screen and (max-width:767px){
.mainCpn3 li {
	display:block;
	width:100%;	
}
}

.bnrCpn {
	border:2px solid #ff0000;
	margin:45px 0;
	display:table;
	width:100%;
	box-sizing:border-box;
}
.bnrCpn li {
	display:table-cell;
	width:50%;
	vertical-align:middle;
	box-sizing:border-box;
	padding:0;
}
.bnrCpn li img {
	width:100%;
	height:auto;
	display:block;
	margin:0;
}
@media screen and (max-width:767px){
.bnrCpn li {
	display:block;
	width:100%;
}
}


#tblCpn2 {
	padding:0;
	margin: 0 0 20px 0;
	border:2px solid;
	border-color:#CCC;
	margin-top:40px;
}

#tblCpn2 th {
	padding:10px 10px 10px 10px;
	border-bottom: 1px solid;
	border-bottom-color: #CCC;
	text-align: left;
	background-color: #F5F5F5;
}
#tblCpn2 td {
	padding:10px 10px 10px 10px;
	border-bottom: 1px solid;
	border-bottom-color: #CCC;
}
@media screen and (max-width:767px){
#tblCpn2 {
	width:100%;
	box-sizing:border-box;
	border-left:0;
	border-right:0;
}

#tblCpn2 th {
	display:list-item;
	list-style:none;
	width:100%;
	box-sizing:border-box;
}
#tblCpn2 td {
	display:list-item;
	list-style:none;
	width:100%;
	box-sizing:border-box;
}
#tblCpn2 td .w300 {
	width:100%;
	box-sizing:border-box;
}
#tblCpn2 td input[type="text"],
#tblCpn2 td textarea {
	width:100%;
	box-sizing:border-box;
	font-size:16px;
	padding:3px;
}
}
.ttl-Cpn {
    font-size: 1.5em;
    font-weight: bold;
    padding: 8px 0;
    color: #FF0000;
}
.ttl1-Cpn {
	font-size: 24px;
    line-height:normal;
	font-weight: bold;
	border-bottom-color: #000;
	margin: 30px 0;
	text-align: left;
}

.kyugyo{
	border:1px solid red;
	padding: 15px;
}

.kyugyo h2{
	font-weight: bold;
	font-size: 1.5em;
}

/* CAPTAIN STAG Base　キャプテンスタッグベース----------------------------------------------------------- */

.csBaseList {
	margin-bottom:100px;
}
.csBaseList .box {
	border-bottom:1px solid #CCC;
	padding:50px 0;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.csBaseList .box img {
	max-width:100%;
	height:auto;
}
.csBaseList .box .photo1 {
	width:100%;
	text-align: right;
	position:relative;
	margin:0 0 20px;
}
.csBaseList .box .photo1 .ttl_wrap {
	position:absolute;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}
.csBaseList .box .photo1 .open {
	background-color:#F00;
	color:#FFF;
	padding:2px 10px;
	text-align:center;
}
.csBaseList .box .detail {
	width:58%;
	position:relative;
}
.csBaseList .box .photo2 {
	width:38%;
}

.csBaseList .box .detail h2 {
	font-size:3em;
	line-height:1.1;
	font-weight:bold;
	margin:20px 0 0 0;
	/*font-family: 'Merriweather', serif;*/
	font-family: 'Noto Sans JP', sans-serif;
}
.csBaseList .box .detail h2 strong {
	font-size:0.5em;
	font-weight:bold;
	display:block;
	margin:5px 0;
}
.csBaseList .box .detail h3 {
	font-size:2.3em;
	line-height:1.1;
	font-weight:bold;
	margin:0 0 40px 0;
	/*font-family: 'Merriweather', serif;*/
	font-family: 'Noto Sans JP', sans-serif;
}
.csBaseList .box .detail .txt {
	font-size:1.2em;
	font-family: 'Noto Sans JP', sans-serif;
	margin:0 0 40px 0;
}
.csBaseList .box .detail dl {
	display:flex;
	flex-wrap:wrap;
	margin:10px 0 0 0;
}
.csBaseList .box .detail dl dt {
	width:6em;
}
.csBaseList .box .detail dl dd {
	width:calc(100% - 6em);
}
@media screen and (max-width:767px){
.csBaseList .box .photo1_img {
	width:80%;
	height:auto;
}
.csBaseList .box .photo1 .ttl_wrap {
	width:30vw;
}
.csBaseList .box .photo1 .open {
	font-size:2vw;
}
	.rec_info{
		width: 92%;
		margin: 0 auto;
	}
}
@media screen and (max-width:600px){
.csBaseList .box .detail {
	width:100%;
	margin:0 0 20px 0;
}
.csBaseList .box .photo2 {
	width:100%;
	text-align:center;
}
}

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

	.csBaseList .box .detail h2{font-size: 2em;}
	.csBaseList .box .detail h3{font-size: 1.8em;}
	
}


.collabo {
	text-align: center;
}

.rec_info {
	display: block;
	border: 2px solid #004128;
	padding: 18px;
	text-align: center;
	box-sizing: border-box;
}

.rec_info h2{
	font-size:1.6em;
}

.rec_info .btn{
	display: block;
	margin: 20px auto 0 auto;
	text-align: center;
	padding: 20px;
	border: 2px solid #004128;
	border-radius: 5px;
	max-width: 200px;
	font-size: 1.2em;
}

.rec_info .btn:hover{
	color: #fff;
	background: #004128;
	transition: all .6s;
}