@charset "UTF-8";

/* ローカルナビゲーション
************************************************************/
#concept header nav#localnav ul li.concept a,
#brand header nav#localnav ul li.brand a,
#csr header nav#localnav ul li.csr a,
#sns header nav#localnav ul li.sns a,
#wf-ojika header nav#localnav ul li.wf-ojika a,
#station header nav#localnav ul li.station a,
#travel_service header nav#localnav ul li.travel_service a {
	background-color: #00453F;
	color: #fff;
}

/*****************************************************************/
	@media print, screen and (min-width: 920px) {
		#concept header nav#localnav ul li.concept a,
		#brand header nav#localnav ul li.brand a,
		#csr header nav#localnav ul li.csr a,
		#sns header nav#localnav ul li.sns a,
		#wf-ojika header nav#localnav ul li.wf-ojika a,
		#station header nav#localnav ul li.station a,
		#travel_service header nav#localnav ul li.travel_service a {
			background-color: #fff;
			color: #5ba69f;
		}

	}
/************************************************************
　　　　コンテンツ
************************************************************/
	@media print, screen and (min-width: 920px) {
		#pageTitle {
			/* background-image: url('../images/pagetitle_bg.jpg') ; */
		}
	}

/* コンセプト
************************************************************/
/*
#concept #lead {
	position: relative;
	padding: 80px 20px 60px;
}

#concept #lead:before {
	content: "";
	background: url('../concept/images/bg.jpg') no-repeat center;
	opacity: 0.4;
	position: absolute;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

#concept #lead #contentLogo {
	width: 150px;
	height: 42px;
	text-indent: -9999px;
	background: url('../concept/images/logo.png') no-repeat bottom;
	background-size: 150px;
}

#concept #lead #copy {
	color: #00453f;
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0 30px;
}

#concept #lead #subCopy {
	font-size: 14px;
	color: #40220f;
	font-weight: bold;
	margin-bottom: 10px;
}

#concept #lead a img {
	max-width: 100%;
}

#concept #lead .link {
	padding-left: 12px;
	position: relative;
}

#concept #lead .link:before {
	content: "";
	width: 0;height: 0;font-size: 0;
	border:3px solid transparent;
	border-left-color: #00453f;
	position: absolute;
	top:50%; left: 0;
	margin-top: -3px;
}


#concept #kinds h2 {
	color: #00453f;
	font-size: 14px;
	font-weight: bold;
	padding: 0 20px;
}

#concept #kinds dl {
	padding-left: 150px;
	background-repeat:  no-repeat;
	background-position: left top;
	background-size: 140px;
	margin: 30px 20px;
}

#concept #kinds dl.camping {background-image: url('../concept/images/camping.jpg') }
#concept #kinds dl.fishing {background-image: url('../concept/images/fishing.jpg') }
#concept #kinds dl.trekking {background-image: url('../concept/images/trekking.jpg') }
#concept #kinds dl.wear {background-image: url('../concept/images/od_wear.jpg') }
#concept #kinds dl.sports {background-image: url('../concept/images/od_sports.jpg') }

#concept #kinds dt {
	color: #636262;
	font-weight: bold;
	margin-bottom: 4px;
	line-height: 1;
}

#concept #brand p#brandList {
	line-height: 36px;
	vertical-align: middle;
	margin-right: -20px;
}

#concept #brand p#brandList img {
	vertical-align: middle;
	margin: 0 20px 10px 0;
	display: inline-block;
}
*/
/*****************************************************************//*
	@media print, screen and (min-width: 920px) {
		#concept #pageTitle {
			margin-bottom: 1px;
		}

		#concept #lead {
			padding: 120px 0 140px;
		}

		#concept #lead:before {
			background-size: cover;
			opacity: 1;
			left: 50%;
			width: 50%;
		}

		#concept #lead .inner {
			width: 1000px;
			margin: 0 auto;
		}

		#concept #lead #contentLogo {
			width: 200px;
			height: 118px;
			background-size: 200px;
		}

		#concept #lead #copy {
			font-size: 28px;
			line-height: 1.2;
			margin: 30px 0 80px;
		}

		#concept #lead #subCopy {
			font-size: 20px;
			line-height: 1.2;
		}

		#concept #kinds h2 {
			font-size: 20px;
			padding: 0;
			margin: 100px 0 80px;
}

		#concept #kinds .wrap {
			width: 1060px;
			margin-right: -60px;
		}

		#concept #kinds dl {
			width: 470px;
			padding: 330px 0 0 0;
			float: left;
			background-size: 470px;
			margin: 0 60px 90px 0;
		}

		#concept #kinds dt {
			width: 470px;
			font-size: 24px;
		}


		#concept #brand p#brandList img {
			margin: 0 38px 10px 0;
		}

	}
*/

/* WILD-1公式アカウント
************************************************************/
#sns .lead {
	font-size: 18px;
	position: relative;
	margin: 18px 0;

}

#sns #attention {
	background-color:#f5f5f5;
	padding: 10px;
}

#sns #attention p {
	margin-bottom: 20px;
}

#sns #attention .terms {
	margin: 30px 0 0;
}

#sns #snsList dl {
	margin: 0 20px;
	padding: 20px 0;
	overflow: hidden;
	border-bottom: 1px solid #eee;
}

#sns #snsList dl.headquarter {
	border-top: 1px solid #eee;
}

#sns #snsList .wild1Store dl:nth-last-child(1){
	border-bottom: none;
}

#sns #snsList .other dl:first-child {
	border-top: 1px solid #eee;
}

#sns #snsList dt {
	font-weight: bold;

}

#sns #snsList dt span {
	font-size: 10px;
	color: #D0121B;
	font-weight: normal;
	display: block;
}

#sns #snsList dt span.sub {
	color: #000;
	display: inline;
}

#sns #snsList dd li {
	float: left;
	text-indent: -9999px;
	margin: 23px 35px 0 0 ;
	/*left:-50%;*/
	position:relative;
	list-style: none;
}

#sns #snsList dd li a {
	display: block;
	width: 46px;
	height: 62px;
}

#sns #snsList dd li.li a {background: url('../sns/images/bnr_line.gif') no-repeat center top;}
#sns #snsList dd li.fb a {background: url('../sns/images/bnr_facebook.gif') no-repeat center top;}
#sns #snsList dd li.tw a {background: url('../sns/images/bnr_twitter.gif') no-repeat center top;}
#sns #snsList dd li.go a {background: url('../sns/images/bnr_googlep.gif') no-repeat center top;}
#sns #snsList dd li.in a {background: url('../sns/images/bnr_instagram.gif') no-repeat center top;}
#sns #snsList dd li.yo a {background: url('../sns/images/bnr_youtube.gif') no-repeat center top;}
#sns #snsList dd li.we a {background: url('../sns/images/bnr_weibo.gif') no-repeat center top;}
#sns #snsList dd li.xx a {background: url('../sns/images/bnr_x.gif') no-repeat center top;}
#sns #snsList dd li.pi a {background: url('../sns/images/bnr_pirika.gif') no-repeat center top;}
#sns #snsList dd li.ik a {background: url('../sns/images/bnr_iko-yo.gif') no-repeat center top;}

#sns #snsList dd p.end {
	font-size: 12px;
	margin-top: 15px;
	color: #d0121b;
}

#sns #snsList dd .soon {
	opacity: 0.3;
	pointer-events: none;
	filter: grayscale(100%);
}

#sns #snsList dd .soon img {
}

/*****************************************************************/
	@media print, screen and (min-width: 920px) {
		#sns .lead {
			font-size: 22px;
			margin: 68px 0 52px;
			padding: 18px 0 0 114px;
		}

		#sns .lead:before {
			content: "";
			width: 78px;
			height: 78px;
			background: url('../sns/images/logo_sns.gif') no-repeat center;
			background-size: 78px;
			position: absolute;
			left: 0 ;top:0;
		}

		#sns #attention {
			padding: 30px 50px;
		}

		#sns #snsList > div {
			width: 1040px;
			margin-right: -40px;
		}

		#sns #snsList dl {
			width: 480px;
			margin: 0 40px 0 0;
			float: left;
		}

		#sns #snsList dl.headquarter {
			width: 1000px;
		}

		#sns #snsList dt {
			float: left;
			font-size: 16px;
			width: 220px;
			padding-top: 30px;
		}

		#sns #snsList dd {
			margin-left: 210px;
		}
		
		#sns #snsList .other dl:first-child ,
		#sns #snsList .other dl:nth-child(2) {
			border-top: 1px solid #eee;
		}


	}

/* ワイルドフィールズおじか
************************************************************/
#wf-ojika #main {
	position: relative;
	padding: 50px 20px 30px;
	margin-bottom: 0;
}

#wf-ojika #main:before {
	content: "";
	width: 100%;height: 100%;
	position: absolute;
	top:0; left:0;
	background: url('../wf-ojika/images/background.jpg') no-repeat center bottom;
	background-size: cover;
	z-index: -1;
	opacity: 0.5;
}

#wf-ojika #main #logo {
	text-indent: -9999px;
	height: 24px;
	background: url('../wf-ojika/images/logo.png') no-repeat center bottom;
	background-size: 100px;
}

#wf-ojika #main #lead {
	text-indent: -9999px;
	background: url('../wf-ojika/images/lead.png') no-repeat center;
	background-size: 200px;
	padding: 50px 0 20px;
	}

#wf-ojika #main .text p {
	margin-bottom: 20px;
}

#wf-ojika #main .btn a {
	display: block;
	background-color: #6d5231;
	text-align: center;
	color: #ddd;
	margin: 30px auto 10px ;
	padding: 14px 0;
	max-width: 400px;
}

#wf-ojika #main .btn a span {
	position: relative;
	padding-left: 20px;
}

#wf-ojika #main .btn a span:before{
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border: 1px solid transparent;
	border-right-color: #fff;
	border-bottom-color: #fff;
	position: absolute;
	top:50%;left: 0;
	margin-top: -4px;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	     -ms-transform: rotate(-45deg);
	        -o-transform: rotate(-45deg);
	            transform: rotate(-45deg);
}

#wf-ojika footer {
	margin-top: 0;
}

/*****************************************************************/
	@media print, screen and (min-width: 920px) {
		#wf-ojika #pageTitle {
			margin-bottom: 1px;
		}

		#wf-ojika #main {
			padding: 140px 0 30px;
			min-height: 1000px;
		}

		#wf-ojika #main #logo {
			height: 54px;
			background-size: 223px;
		}

		#wf-ojika #main #lead {
			height: 59px;
			background-size: 356px;
			padding: 100px 0;
		}

		#wf-ojika #main .text {
			width: 1000px;
			margin: 0 auto;
			text-align: center;
		}

		#wf-ojika #main .text p {
			margin-bottom: 40px;
		}

		#wf-ojika #main .btn a {
					margin-top: 100px ;
		}

		#wf-ojika #main .btn a:hover {
			background-color:#a8855a;
			text-decoration: none;
		}

	}

/* ネイチャーステーション
************************************************************/
#station #lead p.photo img {
	width: 100%;
}

#station #lead p.text {
	margin: 0 20px;
}

#station .content div.inner h2 span.small {
	font-size: 16px;
}

#station .content div.inner h2.songs {
	margin-top: 30px;
}

#station .content div.inner p {
	margin-bottom: 10px;
}

#station .content p.image {
	margin-top: 30px;
}

#station .content p.image img {
	max-width: 100%;
}

#station #nico {
	border: 1px solid #eee;
	padding: 20px;
	margin: 0 20px;
}

#station #nico h1 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 12px;
}

#station #nico .photo {
	width: 100px;
	float: left;
	margin: 20px 20px 0 0;
}

#station #nico .photo img {
	width: 100%;
}

#station #request {
	background-color: #f0f9f0;
	margin-bottom: 0;
}

#station #request h1 {
	margin: 30px 0 0;
	padding: 10px 20px;
	background-color: #90d590;
	color: #fff;
	font-size: 14px;
}

#station #request .inner {
	padding: 20px;
}

#station #request .inner .sub {
	font-size: 12px;
	margin: 20px 0;
}

#station #request .inner .btn a {
	display: block;
	padding: 12px;
	background-color: #90d590;
	color: #fff;
	text-align: center;
}

#station footer {
	margin-top: 0;
}

/*****************************************************************/
	@media print, screen and (min-width: 920px) {
		#station #lead p.photo img {
			width: 100%;
		}

		#station #lead {
			margin-top: 60px;
			text-align: center;
		}

		#station .content div.inner {
			padding-right: 390px;
			position: relative;
		}

		#station .content div.inner h2.songs {
			margin-top: 60px;
		}

		#station .content div.inner p {
			margin-bottom: 30px;
		}

		#station .content p.image {
			margin-top: 0;
			width: 450px;
			position: absolute;
			top:0;right: 0;
			text-align: right;
		}

		#station .content p.image img {
			width: 100%;
		}

		#station .content p.image.vertically img {
			width: 340px;
		}

		#station #nico {
			width: 826px;
			font-size: 12px;
			padding: 26px 26px 26px 148px;
			margin: 0 auto;
			position: relative;
		}

		#station #nico h1 {
			margin-bottom: 6px;
		}

		#station #nico .photo {
			margin-top: 0;
			position: absolute;
			left: 26px;top:26px;
		}

		#station #request {
			text-align: center;
			margin-bottom: 60px;
		}

		#station #request h1 {
			padding: 20px 20px;
			font-size: 18px;
		}

		#station #request .inner {
			width: 1000px;
			margin: 0 auto;
		}

		#station #request .inner .sub {
			margin: 30px 0 30px;
		}

		#station #request .inner .btn a {
			width: 280px;
			margin: 0 auto 60px;
			font-size: 16px;
		}

		#station #request .inner .btn a:hover {
			background-color: #addfad;
			text-decoration: none;
		}

	}

	/* トラベルサービス
	************************************************************/

#travel_service section .lead {
	margin-top: 20px;
}

#travel_service section .detail dt {
	color:#00453F;
	font-weight: bold;
	margin: 8px 0 4px;
}

#travel_service section .detail dd span {
	display: inline-block;
}

#travel_service section .detail dd li {
	text-indent: -1em;
	margin-left: 1em;
}

#travel_service section .detail dd:not(:last-child) {
	border-bottom: 1px solid #eee;
	padding-bottom: 8px;
}

#travel_service section p img {
	width: 100%;
}

/*****************************************************************/
	@media print, screen and (min-width: 920px) {
		#travel_service section .lead {
			margin-top: 0;
		}

		#travel_service section .detail dl {
			width: 540px;
			margin: 0px auto 0;
			float: left;
		}

	#travel_service section p img {
		width: 420px;
		float: right;
	}

}


/* トラベルサービス / WILD1 トラベルサービス 国内募集型企画旅行条件書*/
#travel_conditions li {
	margin-bottom: 15px;
    padding-left: 3em;
    text-indent: -3em;
}

#travel_conditions li span{
	color: #d0121b;
}

#travel_conditions ul.notes{
	padding-left: 1.5em;
	margin-bottom: 15px;

}
#travel_conditions ul.notes li {
	margin-bottom:0px;
    padding-left: 1em;
    text-indent: -1.4em;
    position: relative;
}

#travel_conditions ul.attention li {
	margin-bottom: 15px;
    padding-left: 4em;
    text-indent: -4em;
}

#travel_conditions .inqBox {
    display: inline-block;
    border: 1px solid #eee;
    padding: 10px 20px;
    margin-top: 20px;
}

#travel_conditions .traveldata{
	border: 1px solid #dfdfdf;
}

#travel_conditions .traveldata th {
	background-color: #f5f5f5;
	border: 1px solid #dfdfdf;
	padding: 10px;
}

#travel_conditions .traveldata td{
	padding: 10px;
	border: 1px solid #dfdfdf;
}
#travel_conditions .traveldata td.textid{
	margin-bottom: 0px;
    padding-left: 2em;
    text-indent: -1.3em;
    position: relative;
}





#travel_conditions .traveldata td.textpt{
	text-align:center;
}
#travel_conditions .traveldata td span{
	color: #d0121b;
}


#travel_conditions .travelbutton {
	padding: 20px;
}

#travel_conditions .travelbutton a {
	display: block;
	text-align: center;
	text-decoration:none;
	border: 1px solid #000000;
	padding: 12px;
	font-size: 12px;
	color: #000;
	max-width: 400px;
	margin: 0 auto;
}
/******************************************/
	@media print, screen and (min-width: 920px) {
		#travel_conditions .travelbutton {
			padding-bottom: 0;
		}
		#travel_conditions .travelbutton a {
			width: 400px;
		}
		#travel_conditions .travelbutton a:hover{
			background-color: #00453f;
			color: #fff;
		}
		#travel_conditions .travelbutton a:hover span:before{
			border-color: #fff;
		}
	}

/* トラベルサービス / 特定商取引に関する法律に基づく表示*/

#tokushoho p {
    margin-bottom: 15px;
}

#tokushoho li {
	margin-bottom: 15px;
}

#tokushoho dl {
  background-color: #FFF;
  border-top: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  width: 600px;
  display: flex;
  flex-wrap: wrap;
}
#tokushoho dt {
  background-color: #f5f5f5;
  font-weight: bold;
  width: 200px;
}
#tokushoho dt,
#tokushoho dd {
  padding: 15px;
  box-sizing: border-box;
  border-right:  1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
}
#tokushoho dd {
  width: 400px;
}

#tokushoho .inqBox {
    display: inline-block;
    border: 1px solid #eee;
    padding: 10px 20px;
    margin-top: 20px;
}

#tokushoho .travelbutton {
	padding: 20px;
}

#tokushoho .travelbutton a {
	display: block;
	text-align: center;
	text-decoration:none;
	border: 1px solid #000000;
	padding: 12px;
	font-size: 12px;
	color: #000;
	max-width: 400px;
	margin: 0 auto;
}
/******************************************/
	@media print, screen and (min-width: 920px) {
		
		#tokushoho .travelbutton {
			padding-bottom: 0;
		}
		#tokushoho .travelbutton a {
			width: 400px;
		}
		#tokushoho .travelbutton a:hover{
			background-color: #00453f;
			color: #fff;
		}
		#tokushoho .travelbutton a:hover span:before{
			border-color: #fff;
		}
	}

	@media only screen and (max-width: 765px) {
	#tokushoho dl{
		margin-bottom:30px;
		width: 100%;
		max-width: 400px;
	}
	#tokushoho dt{ 
		width: 150px;
		padding: 10px;
	}
	#tokushoho dd{
		width: calc(100% - 150px);
		padding: 10px;
	}
}

	

/* 環境・社会活動への取り組み
************************************************************/
#csr .bnr {
	width: 100%;
	max-width: 300px;
}

#csr .bnr img {
	width: 100%;
}

#csr .bnr.outdoorconservation img {
	width: calc(100% - 20px);
	padding: 10px;
	border: 1px solid #ccc;
}

#csr .bnr.wwf img {
	width: calc(60% - 20px);
	padding: 10px;
	border: 1px solid #ccc;
}

#csr .fx {
}

#csr .fx img {
	max-width: 300px;
	margin-top: 20px;
}
#csr .fx3 ul {
	display: flex;
	justify-content: center;
}	
#csr .fx3 ul li img {
	width: 100%;
}

#csr .fx3 ul li:last-child {
	margin-left: 20px;
}

@media (min-width: 638px) {
	#csr .fx {
		display: flex;
		justify-content: space-between;
	}

	#csr .fx img {
		margin: 0 0 0 20px;
	}
	#csr .fx3 {
		display: block;
	}

	#csr .fx3 img {
		margin: 20px 0 0 0;
	}
}

@media (min-width: 920px) {
	#csr .fx3 {
		display: flex;
	}
	#csr .fx3 p {
		width: 48%;		
	}

	#csr .fx3 ul {
		width: 52%;
	}

	#csr .fx3 img {
		margin: 0;
		}
	#csr .fx3 ul li {
		margin: 0 0 0 20px;
	}
	#csr .fx3 ul li img {
		width: 100%;
	}
}

.contribution-table {
}

@media screen and (max-width: 638px) {
    .contribution-table {
        width: 100%;
    }
}

.contribution-table th {
    text-align: left;
    font-weight: normal;
}

.contribution-table td {
    padding-left: 1em;
    text-align: right;
    white-space: nowrap;
}

@media screen and (max-width: 638px) {
    .contribution-table td {
        line-height: 1.1;
    }
}

#csr #pageContainer section + section {
	margin-top: 60px;
}

@media screen and (min-width: 920px) {
	#csr #pageContainer section + section {
		margin-top: 100px;
	}
}

#csr .sdgs_logo {
	width: 160px;
	margin: 30px auto;
}

#csr .sdgs_logo img {
	width: 100%;
}

@media (min-width: 920px) {
	#csr .sdgs_logo {
		width: 220px;
		margin: 40px auto;
	}
}


#csr .pirika {
	margin-top: 20px;
	max-width: 100%;
	background-color: #f5f5f5;
	padding: 15px;
}

#csr .pirika figure {
	margin: 0 15px 15px 0;
	float: left;
}

#csr .pirika img {
	width: 60px;
}

@media (min-width: 920px) {
	#csr .pirika {
		margin-top: 40px;
		padding: 25px;
		width: 550px;
	}

	#csr .pirika figure {
	    /* margin:  0 1.6em 0 0; */
	}

	#csr .pirika img{
		width: 120px;
		margin: 0 15px 0 0;
	}
}

@media (min-width: 920px) {
	#csr .columnWrap {
		display: flex;
	}

	#csr .list_3column {
		width: calc(100% / 3 - 10px);
	}

	#csr .list_3column + .list_3column {
		padding-left: 15px;
		position: relative;
	}

	#csr .list_3column + .list_3column:before {
		content: "";
		height: 100%;
		width: 1px;
		background-color: #000;
		left: -30px;
		top: 0;
		position: absolute;
	}

}

/* 新コンセプト
************************************************************/

.sp-br {
	display: inline-block;
}

@media (min-width: 920px) {
	.sp-br {
		display: none;
	}
}

.pc-br {
	display: none;
}

@media (min-width: 920px) {
	.pc-br {
		display: inline-block;
	}
}


/* -----------------------------------------------------------
 * Concept
----------------------------------------------------------- */

@media print, screen and (min-width: 920px) {
	#concept #pageTitle {
		margin-bottom: 1px;
	}
}

#concept .concept * {
	box-sizing: border-box;
}


/* -----------------------------------------------
 * Concetp
 ---------------------------------------------- */


/* Concetp Header
 ---------------------------------------------- */

#concept .concept__header {
	width: 100%;
	margin: 0 auto;
	background-color: #00453f;
}

#concept .concept__header__container {
	position: relative;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

#concept .concept__header__container::before {
	content: '';
	display: block;
	padding-top: 48%;
}


/* Concetp Header Elements
 ---------------------------------------------- */

#concept .concept__header h1 {
	position: absolute;
	top: 50%;
	left: 6.0vw;
	width: 43vw;
	margin: 0;
	transform: translateY(-50%);
}

@media print, screen and (min-width: 920px) {
	#concept .concept__header h1 {
		left: 60px;
		width: 430px;
	}
}

#concept .concept__header__bg {
	position: absolute;
	bottom: 9.0vw;
	right: 11.0vw;
	width: 38.5vw;
}

@media print, screen and (min-width: 920px) {
	#concept .concept__header__bg {
		bottom: 110px;
		right: 90px;
		width: 365px;
	}
}

#concept .concept__header img {
	width: 100%;
	height: auto;
}


/* Concetp Header Content
 ---------------------------------------------- */

#concept .concept__content {
	width: 100%;
	margin-bottom: 0;
}

#concept .concept__content * {
	box-sizing: border-box;
}

@media print, screen and (min-width: 920px) {
	#concept .concept__content {
		margin-top: -80px;
	}
}

/* concept content container */

#concept .concept__content__container {
	background-color: #ffffff;
}

@media print, screen and (min-width: 920px) {
	#concept .concept__content__container {
		margin-left: calc(((100% - 1000px) / 2) + 280px);
		padding-right: calc((100% - 1000px) / 2);
	}
}

#concept .concept__content__container__inner {
	padding: 40px 20px;
}


#concept .concept__content__container__inner h2 {
	margin-bottom: 20px;
	color: #00453f;
	font-family: 'YuMincho', '游明朝体', 'Yu Mincho', '游明朝', 'MS PMincho', 'ＭＳ Ｐ明朝', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro', 'serif';
	font-size: 20px;
}

@media print, screen and (min-width: 920px) {
	#concept .concept__content__container__inner h2 {
		font-size: 28px;
	}
}

#concept .concept__content p {
	font-size: 14px;
	line-height: 2;
}

@media print, screen and (min-width: 920px) {
	#concept .concept__content__container__inner p {
		font-size: 16px;
	}
}

#concept .concept__content hr {
	height: 60px;
	margin: 0;
	padding: 0;
	border: 0;
}


/* -----------------------------------------------
 * Store
 ---------------------------------------------- */

#concept .wide.store {
	position: relative;
	margin: 60px auto 0;
	padding-top: 60px;
}

@media print, screen and (min-width: 920px) {
	#concept .store {
		padding: 0;
	}
}

#concept .store::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 80%;
	height: 1px;
	background-color: #00453f;
	transform: translateX(-50%);
}

@media print, screen and (min-width: 920px) {
	#concept .store::before {
		display: none;
	}
}

#concept .store * {
	box-sizing: border-box;
}

/* store content container */

@media print, screen and (min-width: 920px) {
	#concept .store__container {
		margin-left: calc(((100% - 1000px) / 2) + 280px);
		padding-right: calc((100% - 1000px) / 2);
	}
}

#concept .store__container__inner {
	padding: 0 40px;
}

@media print, screen and (min-width: 920px) {
	#concept .store__container__inner {
		border-left: solid 1px #00453f;
	}
}


/* Store Header
 ---------------------------------------------- */

#concept .store__header {
	margin: 0 0 60px;
	padding: 0;
}

#concept .store__header img {
	width: 100%;
	height: auto;
}

#concept .store__header h2 {
	width: 140px;
	margin-bottom: 10px;
	line-height: 1;
}

@media print, screen and (min-width: 920px) {
	#concept .store__header h2 {
		width: 210px;
	}
}

#concept .store__header h3 {
	color: #00453f;
	font-family: 'YuMincho', '游明朝体', 'Yu Mincho', '游明朝', 'MS PMincho', 'ＭＳ Ｐ明朝', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro', 'serif';
	font-size: 18px;
	line-height: 1.4;
}

@media print, screen and (min-width: 920px) {
	#concept .store__header h3 {
		font-size: 22px;
	}
}

#concept .store__header p {
	color: #00453f;
	text-align: justify;
	font-size: 12px;
}

@media print, screen and (min-width: 920px) {
	#concept .store__header p {
		font-size: 12px;
	}
}


/* Store Content
 ---------------------------------------------- */

/* Store Content Elements */

#concept .store__content h2 {
	margin-bottom: 5px;
	color: #00453f;
	font-family: 'YuMincho', '游明朝体', 'Yu Mincho', '游明朝', 'MS PMincho', 'ＭＳ Ｐ明朝', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro', 'serif';
	font-size: 22px;
}

@media print, screen and (min-width: 920px) {
	#concept .store__content h2 {
		font-size: 26px;
	}
}

#concept .store__content h3 {
	margin-bottom: 5px;
	color: #00453f;
	font-family: 'YuMincho', '游明朝体', 'Yu Mincho', '游明朝', 'MS PMincho', 'ＭＳ Ｐ明朝', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro', 'serif';
	font-size: 16px;
	line-height: 1.4;
}

@media print, screen and (min-width: 920px) {
	#concept .store__content h3 {
		font-size: 18px;
	}
}

#concept .store__content p {
	text-align: justify;
	font-size: 14px;
	line-height: 2;
}

@media print, screen and (min-width: 920px) {
	#concept .store__content p {
		font-size: 14px;
	}
}

#concept .store__content hr {
	height: 50px;
	margin: 0;
	padding: 0;
	border: 0;
}


/* -----------------------------------------------
 * Category
 ---------------------------------------------- */

#concept .category {
	position: relative;
	margin: 60px auto 0;
	padding-top: 60px;
}

#concept .category::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 80%;
	height: 1px;
	background-color: #00453f;
	transform: translateX(-50%);
}

#concept .category * {
	box-sizing: border-box;
}


/* Category Header
 ---------------------------------------------- */

/* Category Header Elements */

#concept .category__header h2 {
	width: 240px;
	margin: 0 auto 20px;
	line-height: 1;
}

@media print, screen and (min-width: 920px) {
	#concept .category__header h2 {
		width: 340px;
	}
}

#concept .category__header p {
	color: #00453f;
	text-align: center;
	font-size: 12px;
}

@media print, screen and (min-width: 920px) {
	#concept .category__header p {
		font-size: 12px;
	}
}


/* Category Content
 ---------------------------------------------- */

@media print, screen and (min-width: 920px) {
	#concept .category__content {
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
}


/* Category Item */

#concept .category__item {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

@media print, screen and (min-width: 920px) {
	#concept .category__item {
		width: calc((100% - 30px) / 2);
	}
}

#concept .category__item__content {
	width: calc(60% - 10px);
}

#concept .category__item__image {
	width: 40%;
}

#concept .category__item__image figure {
	display: block;
	position: relative;
	margin: 0;
	padding-top: 75%;
	overflow: hidden;
}

#concept .category__item__image img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#concept .category__item h2 {
	margin-bottom: 10px;
	padding-left: 5px;
	color: #00453f;
	font-family: 'YuMincho', '游明朝体', 'Yu Mincho', '游明朝', 'MS PMincho', 'ＭＳ Ｐ明朝', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro', 'serif';
	font-size: 22px;
	line-height: 1;
	letter-spacing: -0.1em;
	border-left: solid 4px #00453f;
}

@media print, screen and (min-width: 920px) {
	#concept .category__item h2 {
		font-size: 26px;
	}
}

#concept .category__item h2 span {
	display: block;
	font-size: 70%;
	letter-spacing: 0.02em;
}

#concept .category__item p {
	font-size: 12px;
	line-height: 1.4;
}

@media print, screen and (min-width: 920px) {
	#concept .category__item p {
		
	}
}

















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

/* -----------------------------------------------------------
 * brand
----------------------------------------------------------- */

/* -----------------------------------------------
 * Header
 ---------------------------------------------- */

#brand .brand__header {
	margin: 30px 0 60px;
}

#brand .brand__header h1 {
	max-width: 240px;
	margin: 0 auto 20px;
	line-height: 1;
}

@media print, screen and (min-width: 920px) {
	#brand .brand__header h1 {
		width: 340px;
	}
}

#brand .brand__header p {
	color: #00453f;
	text-align: center;
	font-size: 12px;
}

@media print, screen and (min-width: 920px) {
	#brand .brand__header p {
		font-size: 12px;
	}
}


/* -----------------------------------------------
 * Item
 ---------------------------------------------- */

#brand .brand__item {
	margin-bottom: 40px;
}

@media print, screen and (min-width: 920px) {
	#brand .brand__item {
		display: -webkit-flex;
		display: flex;
		align-items: center;
	}
}

#brand .brand__item.reverse {
	flex-direction: row-reverse;
}


/* Item Content
 ---------------------------------------------- */

#brand .brand__item__content {
	margin-bottom: 20px;
}

@media print, screen and (min-width: 920px) {
	#brand .brand__item__content {
		display: block;
		width: 50%;
		margin: 0;
	}
}

#brand .brand__item__content hr{
	margin: 30px 0;
	border: 0;
	border-bottom: solid 1px #00453f;
}


/* Item Content Header
 ---------------------------------------------- */

#brand .brand__item__content__header {
	padding: 0 20px;
}

@media print, screen and (min-width: 920px) {
	#brand .brand__item__content__header {
		width: auto;
		margin-left: calc((100% - 500px));
		margin-right: 60px;
		padding: 0;
	}
}

#brand .reverse .brand__item__content__header {
	
}

@media print, screen and (min-width: 920px) {
	#brand .reverse .brand__item__content__header {
		margin-right: calc((100% - 500px));
		margin-left: 60px;
	}
}

#brand .brand__item__content__header h2 {
	max-width: 200px;
	margin: 0;
	line-height: 1;
}


/* Item Content Body
 ---------------------------------------------- */

#brand .brand__item__content__body {
	padding: 0 20px;
}

@media print, screen and (min-width: 920px) {
	#brand .brand__item__content__body {
		width: auto;
		margin-left: calc((100% - 500px));
		margin-right: 60px;
		padding: 0;
	}
}

@media print, screen and (min-width: 920px) {
	#brand .reverse .brand__item__content__body {
		margin-right: calc((100% - 500px));
		margin-left: 60px;
	}
}


/* Item Content Body Elements*/

#brand .brand__item__content__body h3 {
	margin-bottom: 5px;
	color: #00453f;
	font-family: 'YuMincho', '游明朝体', 'Yu Mincho', '游明朝', 'MS PMincho', 'ＭＳ Ｐ明朝', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro', 'serif';
	font-size: 20px;
}

#brand .brand__item__content__body p {
	text-align: justify;
	font-size: 14px;
	line-height: 2;
}

@media print, screen and (min-width: 920px) {
	#brand .brand__item__content__body p {
		font-size: 14px;
		white-space: nowrap;
	}
}


/* Item Image
 ---------------------------------------------- */

#brand .brand__item__image {
	padding: 0 20px;
}

@media print, screen and (min-width: 920px) {
	#brand .brand__item__image {
		width: 50%;
		padding: 0;
	}
}

#brand .brand__item__image figure {
	margin: 0;
}

#brand .brand__item__image figure img {
	display: block;
	width: 100%;
	height: auto;
}


/* Button
 ---------------------------------------------- */

#brand .brand__item__button a {
	display: block;
	background-color: #00453f;
	text-align: center;
	color: #ddd;
	margin: 0 auto 80px;
	padding: 14px 0;
	max-width: 375px;
	transition: opacity 0.3s ease;
	box-sizing: border-box;
}

#brand .brand__item__button.tent-mark a {background-color: #1b2943;}
#brand .brand__item__button.qualz a {background-color: #054e3c;}
#brand .brand__item__button.jointer a {background-color: #e95513;}
#brand .brand__item__button.wildbase a {background-color: #7fd681; color: #000;}

@media print, screen and (min-width: 920px) {
	#brand .brand__item__button a:hover {
		text-decoration: none;
		opacity: 0.8;
	}
}

#brand .brand__item__button a span {
	position: relative;
	padding-left: 20px;
}

#brand .brand__item__button a span:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border: 1px solid transparent;
	border-right-color: #fff;
	border-bottom-color: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -4px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#brand .brand__item__button.wildbase a span:before {
	border-right-color: #000;
	border-bottom-color: #000;
}