@charset "UTF-8";

/*----------------------------------------
              共通設定
----------------------------------------*/

/*--------------フォント---------------*/
html {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
.page_header h1,
.links_contents li .en {
	font-family: din-condensed, sans-serif;
	font-style: normal;
	font-weight: 300;
	text-shadow: 0px 0px 20px #000;
}

/*--------------背景---------------*/
.wrapper { background: #2a261d; }
.bg_weekend_journy {
	position: relative;
	padding-bottom: 40px;
	background-image: url(../image/bg_main_01_on.png) , url(../image/bg_main_01.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}
	.bg_weekend_journy:before {
		content: "";
		display: block;
		width: 100%;
		height: 40px;
		position: absolute;
		bottom: 0;
		background: -moz-linear-gradient(top,  rgba(42,38,29,0.01) 0%, rgba(42,38,29,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(42,38,29,0.01) 0%,rgba(42,38,29,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(42,38,29,0.01) 0%,rgba(42,38,29,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#032a261d', endColorstr='#2a261d',GradientType=0 ); /* IE6-9 */
	}

/*--------------ヘッダー---------------*/
.page_header {
	height: 100px;
	box-sizing: border-box;
	background: rgba(0,0,0,0.4);
	font-size: 100%;
}
.page_header .inner {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}
.hum_menu {
	position: absolute;
	left: 20px;
	top: 20px;
}
.hum_menu a {
	background-color: transparent;
	display: block;
	width: 30px;
	height: 30px;
	padding-top: 5px;
	box-sizing: border-box;
}
.hum_menu a span {
	display: block;
	width: 30px;
	height: 3px;
	background: #fff;
	border-radius: 10px;
	margin: 6px auto;
}
.hum_menu a span:first-child {
	margin-top: 0px;
}

.page_header .inner h1 {
	padding-top: 6px;
	text-align: center;
	color: #fff;
	font-size: 32px;
}
.page_header .inner h1 img {
	width: 120px;
	padding-top: 10px;
}

/*--------------メインエリア---------------*/
.section_wrapper_basic {
	position: relative;
	z-index: 10;
	width: 87.5%;
	max-width: 1120px;
	margin: 0 auto;
}
.tokusyou_main {
	margin: 40px auto 0;
	padding: 40px 5%;
	background: rgba(0,0,0,0.6);
	color: #fff;
}
.tokusyou_main h1 {
	font-size: 40px;
	margin-bottom: 24px;
}
.tokusyou_main dl {
	line-height: 1.5;
	font-size: 20px;
}
.tokusyou_main dl dt {
	font-size: 1.2em;
}
.tokusyou_main dl dd {
	margin-bottom: 32px;	
}
.tokusyou_main dl dd:last-child {
	margin-bottom: 0;
}

/*-----------------ページ下部リンク-----------------*/
.links_contents {
	overflow: hidden;
	width: 96.25%;
	max-width: 1232px;
	margin: 0 auto 72px;
}
.links_contents li {
	width: 49.2%;
	margin-bottom: 2%;
	-webkit-background-size: cover;
	background-size: cover;
	text-align: center;
}
.links_contents li:nth-child(odd) {
	float: left;
}
.links_contents li:nth-child(even) {
	float: right;
}
.links_contents li.product {
	background-image: url(../image/bg_product.png);
}
.links_contents li.brewmaster {
	background-image: url(../image/bg_brewmaster.png);
}
.links_contents li.about_wj {
	background-image: url(../image/bg_about.png);
	background-position: 0 80%;
}
.links_contents li a {
	display: block;
	color: #fff;
	text-decoration: none;
}
.links_contents li.product a,
.links_contents li.brewmaster a {
    padding: 32px 0;
}
.links_contents li a .en {
	font-size: 60px;
}
.links_contents li a .ja {
	font-size: 24px;
}
.links_contents li.about_wj a img {
	height: 146px;
}

/*-----------------footer-----------------*/
footer {
	width: 100%;
	text-align: center;
	background: #31312d;
	line-height: 60px;
}
footer ul {
	margin: 0 auto;
}
footer ul li {
	display: inline;
	width: 200px;
	color: #fff;
}
footer ul li a {
	text-decoration: none;
	color: #fff;
}
footer ul li a:after {
	content: "|";
	padding: 15px;
	color: #696660;
}
footer ul li:last-child a:after {
	content: none;
}
p.copyright {
	margin: 0 auto;
	height: 126px;
	line-height: 126px;
	background: #282824;
	text-align: center;
	color: #696660;
}

/*----------------------------------------
             SP専用 640pxまで
----------------------------------------*/
@media(max-width: 640px){
	body {
		min-width: 320px;
	}
	.bg_weekend_journy {
    	background-image: url(../image/sp_bg_main_01.jpg);
	}
	.section_wrapper_basic {
		width: 93.75%;
	}
	/*----------メイン----------*/
	.tokusyou_main {
		padding: 20px 5%;
	}
	.tokusyou_main h1 {
		font-size: calc(8px + 3.7vw);
	}
	.tokusyou_main dl {
		font-size: calc(8px + 2.2vw);
	}
	
	/*-----------------ページ下部リンク-----------------*/
	.links_contents { 
		width: 93.75%;
		margin: 0 auto 6.25vw;
	}
	.links_contents li {
		float: none;
		width: 100%;
		margin-bottom: 6%;
	}
	.links_contents li.product {
		background-image: url(../image/sp_bg_product.png);
	}
	.links_contents li.brewmaster {
		background-image: url(../image/sp_bg_brewmaster.png);
	}
	.links_contents li.about_wj {
		background-image: url(../image/sp_bg_about.png);
	}
	.links_contents li.product a,
	.links_contents li.brewmaster a {
		padding: 6.808vw 0;
	}
	.links_contents li.about_wj a {
		padding: 15px 0;
	}
	.links_contents li.about_wj a img {
	    height: calc(24vw - 20px);
	}
	.links_contents li a .en {
		font-size: calc(8px + 7.5vw);
	}
	.links_contents li a .ja {
		font-size: calc(8px + 2vw);
	}
}

/*-----------------footer-----------------*/
@media(max-width: 750px){
	footer ul li{
		display: block;
		text-align: left;
		font-size: calc(8px + 2.5vw);
		width: 100%;
	}
	footer ul li a{
		padding: 0 5%;
		display: block;
	}
	footer ul li a:hover {
		background: #666;
		transition: 0.3s;
	}
	footer ul li a:after{
		content: none;
	}
	p.copyright{
		line-height: 64px;
		font-size: 8px;
		height: auto;
	}
}

/*----------------------------------------
             retina設定
----------------------------------------*/
/*PC*/
@media
(-webkit-min-device-pixel-ratio: 2) and (min-width: 641px),
(            min-resolution: 2dppx) and (min-width: 641px) {
	.bg_weekend_journy {
		background-image: url(../image/bg_main_01_on.png) , url(../image/bg_main_01@2x.jpg);
	} 
	.links_contents li.product {
		background-image: url(../image/bg_product@2x.png);
	}
	.links_contents li.brewmaster {
		background-image: url(../image/bg_brewmaster@2x.png);
	}
	.links_contents li.about_wj {
		background-image: url(../image/bg_about@2x.png);
	}
}
/*SP*/
@media
(-webkit-min-device-pixel-ratio: 2) and (max-width: 640px),
(            min-resolution: 2dppx) and (max-width: 640px) {
	.bg_weekend_journy {
		background-image: url(../image/sp_bg_main_01@2x.jpg);
	} 
	.links_contents li.product {
		background-image: url(../image/sp_bg_product@2x.png);
	}
	.links_contents li.brewmaster {
		background-image: url(../image/sp_bg_brewmaster@2x.png);
	}
	.links_contents li.about_wj {
		background-image: url(../image/sp_bg_about@2x.png);
}