/*
	Miniport 2.5 by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic  */
/*********************************************************************************/

body
	{
	font-size: 13px;
	}

header
	{
	margin: 0 0 3em 0;
	}
	
header > span
	{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	color:#616161;
	}

footer
	{
	margin: 3em 0 0 0;
	}
	
footer > p
	{
	font-size: 15px;
	}
	
/*********************************************************************************/
/* Wrappers   */
/*********************************************************************************/

.wrapper-style1
	{
	padding: 6em 0 5em 0;
	text-align: center;
		}
		
.wrapper
	{
	padding: 3em 0 3em 0;
	text-align: center;
		}
		
.wrapper-sns
	{
	padding-top: 10px;
	padding-bottom: 10px;
	}

/*********************************************************************************/
/* Nav    */
/*********************************************************************************/
#nav_inside
	{
	background-color: #282828;
	text-align: center;
	width: 768px;
	margin:0 auto;
	}
	
#nav .logo
	{
	padding-top: 2.2em;
	padding-bottom: 2.2em;
	}
.logo img	
	{
	width:190px;
	height:22px;
	}
	
#nav .menu
	{
	margin-top: 40px;
	margin-right: 35px;
	}
			
/*********************************************************************************/
/* Top   */
/*********************************************************************************/
	
#top
	{
	text-align: center;
	}
	
#top p
	{
	line-height: 1.75em;
	}
	
/* top01 */
.top01 {
    position:relative;
    width:768px;
	margin:0 auto;
}
.top01 .back_desktop {
    width:768px;
}
.top01 .back_mobile {
    display:none;
}

/* top02 */
#copy_desktop {
	width:768px;
	margin:0 auto;
	text-align: center;
}
#copy_desktop p {
	font-size: 17px;
	color: #ffffff;
	text-align:left;
	font-family: 'Noto Sans Japanese', serif;
	letter-spacing: 1px; /* ←文字間隔 */
	display: inline-block;
	margin-top:50px;
	margin-bottom:80px;
}
#copy_mobile {
	display:none;
}
/*********************************************************************************/
/*  ポップアップ  */
/*********************************************************************************/
.siin_btn {
	background: #423F3F;
	border-top: 3px solid #646464;
	border-left: 3px solid #4C4948;
	border-right: 3px solid #585757;
	border-bottom: 3px solid #2D2523;
	width: 100px;
	text-align: center;
	padding-top:5px;
	padding-bottom:5px;
}
.siin_btn a{
	font-size: 12px;
	color: #ffffff;
	font-family:'Noto Sans Japanese', serif;
	letter-spacing: 1px; /* ←文字間隔 */
	text-decoration:none;

}
.siin_btn a:hover{
	opacity:0.5;
}
.white-popup {
    background: #ffffff;
	padding: 20px 30px;
	text-align: center;
	max-width: 370px;
	margin-top: 100px;
	margin-bottom: 80px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
　}

#popup-info {
	text-align:left;
	list-style:none;
	margin-top: 30px;
	}
#popup-info img{
	width:215px;
	}
	
/* 試飲会情報 */
#popup-info p1{
	font-size: 41px;
	color: #50829A;
	font-family:'Noto Sans Japanese', serif;
	letter-spacing: 1px; /* ←文字間隔 */
	
　}
/* 以下の日程 */
#popup-info p2{
	font-size: 15px;
	color: #50829A;
	font-family: 'Noto Sans Japanese', serif;
	letter-spacing: 1px; /* ←文字間隔 */
	}
/* 場所 */
#popup-info p3{
	font-size: 15px;
	color: #50829A;
	font-family: 'Noto Sans Japanese', serif;
	letter-spacing: 1px; /* ←文字間隔 */
	font-weight:600;
	}
/* 日程と時間 */
#popup-info p4{
	font-size: 15px;
	color: #50829A;
	font-family: 'Noto Sans Japanese', serif;
	letter-spacing: 1px; /* ←文字間隔 */
  }
	
/*********************************************************************************/
/* HOMEのボタン部分                                                              */                      
/*********************************************************************************/
.fa
	{
	text-decoration: none;
	}

.fa:before
	{
	display:inline-block;
	font-family: FontAwesome;
	font-size: 1.25em;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	}

/* 下へ行くボタン */	
.btn-circle
	{ 
    font-size: 40px;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-circle a
	{
	color: #fff;
	}

.btn-circle:hover,
.btn-circle:focus 
	{ 
    outline: 0;
    color: #fff;
	}
	
/*********************************************************************************/
/* BOTTLEBOX                                                                         */
/*********************************************************************************/
#bottlebox {
	margin: 0 auto;
}

#bottlebox ul{
	text-align: center;
	padding:0px;
}

#bottlebox li{
	display: inline-block;
}
#bottlebox a:hover{ /* フーバー透明 */
	opacity:0.4;
	filter:alpha(opacity=40);
	-ms-filter: "alpha( opacity=40 )";
	background:none!important;
	color:rgba(0,0,0,0.4);
}
#bottlebox .kuzanmugi {
	width:157px;
}
#bottlebox .kuzanimo {
	width:154px;
}
#bottlebox .kuzankome {
	width:147px;
}
#bottlebox .tokusenhita {
	width:159px;
}
#bottlebox .hitazenkoji {
	width:137px;
}
/*! MOBILE用のBOXを非表示 */
#bottlebox_320 {
	display:none;
}

/*********************************************************************************/
/* 各ボトル                                                                         */
/*********************************************************************************/
/* 空山独酎・麦・芋・米 */
.kproject_frame{
    position:relative;
    width:768px;
	margin:0 auto;
}
.kproject_frame span{
    position:absolute;
    top:150px;
    width:720px;
	left:0;
	text-align:left;
	margin-left:45px;
}
.kproject_frame .desktop_image{
    width:768px;
}

.kproject_p-title { 
	color: #231815;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.1em; /*! 文字間隔 */
}
.kproject_p-parag { 
	color: #231815;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 12px;
	letter-spacing: 0.1em; /*! 文字間隔 */
	line-height: 18px;
	margin-top:1em;
	margin-left:5px;
}
.kproject_p-detail { 
	color: #231815;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 12px;
	letter-spacing: 0.05em; /*! 文字間隔 */
	line-height: 15px;
	margin-top:0.5em;
	margin-left:5px;
}

/* 特選日田全麹 */
.tokusen_frame{
    position:relative;
    width:768px;
	margin:0 auto;
}

.tokusen_frame span{
    position:absolute;
    top:160px;
    width:720px;
	left:0;
	text-align:left;
	margin-left:45px;
}

.tokusen_frame .desktop_image{
    width:768px;
}

/* 日田全麹 */
.hitazenkoji_frame{
    position:relative;
    width:768px;
	margin:0 auto;
}

.hitazenkoji_frame span{
    position:absolute;
    top:140px;
    width:720px;
	left:0;
	text-align:left;
	margin-left:45px;
}

.hitazenkoji_frame .desktop_image{
    width:768px;
}

/* 全麹の共通文字 */
.zenkoji_p-title { 
	color: #231815;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.1em; /*! 文字間隔 */
}
.zenkoji_p-parag { 
	color: #231815;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 12px;
	
	line-height: 18px;
	margin-top:1em;
	margin-left:5px;
}
.zenkoji_p-detail { 
	color: #231815;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 12px;
	letter-spacing: 0.05em; /*! 文字間隔 */
	line-height: 15px;
	margin-top:0.5em;
	margin-left:5px;
}

#koteibutton a{
	font-family: ;
	font-size: 0.8em;
	color: #ffffff;
	text-align: center;
	/* ↓ここから囲みのデザイン */
	background: rgba(0,0,0,0.25);
	border: 1px solid #ffffff;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	padding: 8px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	letter-spacing: 0.1em;
	text-decoration: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	margin-left:5px;
}

#koteibutton a:hover { /* 全体的のリンク要素 */
	color: #817f80;
	background: #ffffff;
	border: 1px solid #817f80;
}
.mobile_image {
	display:none;
}
#koteibutton320 {
	display:none;
}
	
/*********************************************************************************/
/*  ボトルリスト   */
/*********************************************************************************/
		/* 商品一覧 */
		.allitems-text01
		{
		font-size: 15px;
		color: #3e3e3e;
		text-align:center;
		font-weight: bold;
		font-family: 'Noto Sans Japanese', serif;
		}
		/* 全体の文章 */
		#parag_product
		{
		text-align: center;
		}
		/* 各ボトルのタイトル */
		#parag_product .other-title
		{
		font-size: 13px;
		color: #3e3e3e;
		text-align:center;
		font-weight: bold;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	    }
    	/* 容量などの詳細 */
		#parag_product .other-detail
		{
		font-size: 11px;
		color: #3e3e3e;
		text-align:center;
		font-weight: 300;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		line-height:20px;
		margin-top:-25px;
		}
		
/*********************************************************************************/
/*  SlickSlide   */
/*********************************************************************************/

	.responsive slider a:hover {
		opacity:0.5;
	}
		
		* {
      box-sizing: border-box;
    }

    .slider {
        width: 55%;
        margin: 100px auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
	  margin-bottom:10px;
    }
	
	.slick-slide a:hover{
	opacity:0.5;
	}

/*********************************************************************************/
/*  NEWソーシャルネットワーク   */
/*********************************************************************************/
	
	#sociallist {
	text-align:center;
	list-style:none;
	margin-top:23px;
	}
	
	#sociallist li {
	display:inline-block;
	}
	
	#sociallist .line {
		display:none;
	}
	

/*********************************************************************************/
/*  ソーシャルネットワーク   */
/*********************************************************************************/

.sns
	{
	vertical-align:middle;
	line-height: 1;
	}

.top_space
	{
	display:none;
	}

iframe.twitter-share-button
	{
	width: 90px!important;
	}

/*（例）幅を 105px とした場合 */
div#___plusone_0
	{
	width: 85px!important;
	}

div#sns ul
	{
	margin:0;
	padding:0;
	}

div#sns li 
	{
	float:left;
	list-style-type:none;
	}

.facebook 
	{
	margin-right:25px;
	}

.twitter 
	{
	margin-right:30px;
	}

.googleplus 
	{
	margin-right:20px;
	}

.mixi 
	{
	margin-right:10px;
	}

.line 
	{
	display:none;
	}

.centered 
	{
	position: relative;
	overflow: hidden;
	}

.centered ul 
	{
	position: relative;
	left: 50%;
	float: left;
	}

.centered ul li 
	{
	position: relative;
	left: -50%;
	float: left;
	}
	
/* フロートナビ */
	#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 40px;
	}
	#page-top a {
	text-decoration: none;
	color: rgba(0,0,0,0.8);
	text-align: center;
	display: block;
	}
	#page-top a:hover {
 	text-decoration: none;
	color: rgba(0,0,0,0.4);
	}

@media (min-width: 1200px){
}