@charset "Shift_JIS";


/* =================================================================
		Body
================================================================= */
body{
	background: #09253D url(../../img/common/bg.jpg) repeat-y top center;
}


/* =================================================================
		Wrapper
================================================================= */
#wrapper,
.layout_body{
	width: 960px;
	margin: 0 auto;
}

.smp_wrap {
	background:#09253D;
	text-align:center;
	padding:20px 0;
	display:none;
}
.iPhone .smp_wrap,
.Android .smp_wrap {
	display:block;
}
/* =================================================================
		Header
================================================================= */
#header{
	position: relative;
	background: url(../../img/common/header_bg.png) repeat-x left top #3d729f;
}
#header__catch {
	position:absolute;
    top: 30px;
    left: 530px;
}
#assist-area{
	width: 952px;
	height:110px;
	padding: 0 8px 0 0;
	border-bottom:1px solid #5280aa;
}
#header h1{
	color: #A7BCCE;
	font-size: 93%;
	position:absolute;
    top: 57px;
    left: 200px;
}
#assist-nav{
	position:absolute;
    top: 50px;
    right: 0px;
	width: 170px;
}
#assist-nav li{
	float: left;
	margin: 0 1px 2px 0;
}

#logo{
	position: absolute;
	left: 10px;
	top: 0;
	z-index: 999;
}

/* イベントバナー */
.header-banner1{
	padding: 0 0 10px 0;
}

.header-banner2{
	padding: 0 0 10px 25px;
}
.header-banner2 li{
	float: left;
	margin: 0 10px 0 0;
}
.header-banner2 li p{
	font-size: 12px;
	padding: 2px 0 0 0;
}

.header-banner3{
	width: 906px;
	margin: 0 auto 15px auto;
	/*display: none;*/
}


/* key-visual
--------------------------------------------------------------- */
#key{
	background: #232323 url("https://www.sansya.co.jp/img/system/key.jpg") no-repeat left top;
	width: 960px;
	height: 137px;
	text-indent: -9999px;
	z-index: 1;
}

#index-key{
	background: #232323;
	padding: 0 0 1px 0;
}

/* 商品情報 */
#FS2_body_Goods #key{
	background: url("https://www.sansya.co.jp/img/products/key.jpg") no-repeat left top;
}
/* 蔵元案内 */
#about #key{
	background: url("../../img/about/key.jpg") no-repeat left top;
}
/* アクセスマップ */
#access #key{
	background: url("../../img/access/key.jpg") no-repeat left top;
}
/* 花酵母の酒造り */
#hanayeast #key{
	background: url("../../img/hanayeast/key.jpg") no-repeat left top;
}
/* お買いものガイド */
#company #key{
	background: url("../../img/company/key.jpg") no-repeat left top;
}
/* お買いものガイド */
#guide #key{
	background: url("../../img/guide/key.jpg") no-repeat left top;
}
/* 美味い肴に美味い酒 */
#atesake #key{
	background: url("../../img/atesake/key.jpg") no-repeat left top;
}
/* プロも絶賛！おすすめのこの一本 */
#pro #key{
	background: url("../../img/pro/key.jpg") no-repeat left top;
}
/* CLUB348 */
#club348 #key{
	background: url("../../img/club348/key.jpg") no-repeat left top;
}
/* スタッフ紹介 */
#staff #key{
	background: url("../../img/staff/key.jpg") no-repeat left top;
}
/* リンク集 */
#link #key{
	background: url("../../img/link/key.jpg") no-repeat left top;
}
/* 受賞歴 */
#award #key{
	background: url("../../img/award/key.jpg") no-repeat left top;
}
/* お問い合わせ */
#inquiry #key{
	background: url("../../img/inquiry/key.jpg") no-repeat left top;
}
/* 新着情報 */
#news #key{
	background: url("../../img/news/key.jpg") no-repeat left top;
}
/* 特商法に基づく表示 */
#transcription #key{
	background: url("../../img/transcription/key.jpg") no-repeat left top;
}
/* プライバシーポリシー */
#privacy #key{
	background: url("../../img/privacy/key.jpg") no-repeat left top;
}
/* サイトマップ */
#sitemap #key{
	background: url("../../img/sitemap/key.jpg") no-repeat left top;
}

/* お客様の声 */
#FS2_body_Review #key{
	background: url("https://www.sansya.co.jp/img/system/key-voice.jpg") no-repeat left top;
}
/* ログイン */
#FS2_body_Login #key{
	background: url("https://www.sansya.co.jp/img/system/key.jpg") no-repeat left top;
}
/* マイページ */
#FS2_body_MyPage #key{
	background: url("https://www.sansya.co.jp/img/system/key.jpg") no-repeat left top;
}
/* カートに入れた  */
#FS2_body_Cart #key{
	background: url("https://www.sansya.co.jp/img/system/key.jpg") no-repeat left top;
}

/* 岐阜の酒コラム */
#column #key{
	background: url("../../img/column/key.jpg") no-repeat left top;
}
/* 送料価格改定のお知らせ */
#delivery_fee #key{
	background: url("../../img/delivery_fee/key.jpg") no-repeat left top;
}

/* Global Navigation
--------------------------------------------------------------- */
#gnav{
	margin: 0 0 5px 0;
}
#gnav li{
	float: left;
}

#gnav-second{
	padding: 0 0 0 5px;
	margin: 0 0 10px 0;
}
#gnav-second li{
	float: left;
	margin: 0 5px 0 0;
}
#gnav-second li.end{
	margin: 0;
}

.nav-bottom{
	margin-bottom: 20px;
}

/* =================================================================
		Topic Path
================================================================= */
#topic-path,
.system_content .pan{
	background: #DEDEDE url(../../img/common/icon-home.gif) no-repeat 10px center;
	padding: 7px 7px 7px 30px;
	margin: 0 0 20px 0;
}
#topic-path li{
	float: left;
	font-size: 77%;
	padding: 0 8px 0 0;
}
#topic-path li a{
	background: url(../../img/common/arrow05.gif) no-repeat right center;
	padding: 0 8px 0 0;
}


/* =================================================================
		Container
================================================================= */
#container{
	padding: 0 15px;
}
.layout_table{	/*for FutureShop2*/
	width: 930px;
	margin: 0 auto;
}


/* Main 
--------------------------------------------------------------- */
#main,
.system_content{
	float: right;
	width: 735px;
}


/* h2 
--------------------------------------------------------------- */
#delivery_fee #main h2,
#guide #main h2,
#privacy #main h2,
#transcription #main h2,
#pro #main h2,
#link #main h2,
#company #main h2,
#atesake #main h2,
#sitemap #main h2,
#hanayeast #main h2,
#club348 #main h2,
#about #main h2,
#award #main h2,
#staff #main h2,
#access #main h2,
#inquiry #main h2,
#review #main h2,
#purchase #main h2{
	background: url(../../img/common/h2_bg.jpg) no-repeat left top;
	height: 35px;
	color: #fff;
	font-size: 123%;
	font-weight: bold;
	line-height: 35px;
	padding: 0 0 0 15px;
	margin: 0 0 15px 0;
}

/* h2なし */
#wrapper #main h2.none{
	background:none;
	height: auto;
	padding: 0;
	margin: 0;
}


/* h3 
--------------------------------------------------------------- */
#guide #main h3,
#privacy #main h3,
#purchase #main h3{
	background-color: #E6DEC9;
	font-size: 108%;
	font-weight: bold;
	border: #DDD4BB 1px solid;
	padding: 5px 10px;
	margin: 0 0 15px 0;
}

/* h4 
--------------------------------------------------------------- */
#guide #main h4{
	background: url(../../img/common/h4_bg.gif) no-repeat left bottom;
	font-size: 108%;
	font-weight: bold;
	padding: 0 0 3px 20px;
	margin: 0 0 10px 0;
}

/* #main内 バナーのスタイル 
--------------------------------------------------------------- */
/* banner-list01 */
.banner-list01{
	margin: 0 0 15px 0;
}
.banner-list01 li{
	margin: 0 0 5px 0;
}


/* Sub
--------------------------------------------------------------- */
#side{
	float: left;
	width: 185px;
}

/* 会員登録 */
#member{
	border: #CCBB9A 3px solid;
	margin: 0 0 10px 0;
}
#member p{
	padding: 0 8px 10px 10px;
}

/* 会員登録 */
#search-box{
	padding: 10px 0 15px 10px;
}
#search-input{
	width: 117px;
	vertical-align: middle;
	border: #A9A9A9 1px solid;
}
#search-input:focus{
	background-color: #fdf6e9;
	border: #956F24 1px solid;
}
#search-btn{
	vertical-align: middle;
}

/* バナー */
.side-banner{
}
.side-banner li{
	margin: 0 0 10px 0;
}

/* side-nav
--------------------------------------------------------------- */
.side-nav{
	margin: 0 0 10px 0;
}
.side-nav li{
	background: #EAE3D9;
	font-weight: bold;
	font-size: 93%;
}
.side-nav li a{
	display: block;
	background: url(../../img/common/arrow01.gif) no-repeat 6px 6px;
	color: #50300E;
	text-decoration: none;
	padding: 4px 0 4px 22px;
}
.side-nav li ul{
	margin: 0 0 5px 0;
}
.side-nav li ul li,
.guide-nav li{
	background: #fff url(../../img/common/line01.gif) repeat-x left bottom;
	font-size: 100%;
	font-weight: normal;
	padding: 0 0 1px 0;
}
.side-nav li ul li a,
.guide-nav li a{
	background:url(../../img/common/arrow02.gif) no-repeat 8px 9px;
	display: block;
	color: #000;
	padding: 4px 0 3px 22px;
}
.side-nav li ul li a:hover,
.guide-nav li a:hover{
	background: #f2ece1 url(../../img/common/arrow02.gif) no-repeat 9px 9px;
}

.guide-nav{
	margin: 0 0 15px 0;
}

/* アコーディオン */
#item-list{
	margin: 0 0 15px 0;
}

.accordion{
}
.accordion h3{
	background: #EAE3D9 url(../../img/common/icon-open.png) no-repeat right center;
	background-position : right 5px center;
	color: #50300E;
	font-size: 12px;
	font-weight: bold;
	border-left: #B19577 1px solid;
	border-bottom: #B19577 1px solid;
	border-right: #B19577 1px solid;
	padding: 5px 5px 5px 10px;
}
.accordion .accordionActive h3{
	background: #EAE3D9 url(../../img/common/icon-close.png) no-repeat right center;
	background-position : right 5px center;
}

.accordion dd ul{
	border-left: #B19577 1px solid;
	border-bottom: #B19577 1px solid;
	border-right: #B19577 1px solid;
}
.accordion dd li{
	background: #fff url(../../img/common/line01.gif) repeat-x left bottom;
	font-size: 12px;
	font-weight: normal;
	padding: 0px 0 1px 0;
}
.accordion dd li:last-child{
	background: none;
}

.accordion dd li a{
	background:url(../../img/common/arrow02.gif) no-repeat 8px 13px;
	display: block;
	color: #000;
	padding: 7px 0 6px 22px;
}
.accordion dd li a:hover{
	background: #f2ece1 url(../../img/common/arrow02.gif) no-repeat 9px 13px;
}





/* カレンダー
--------------------------------------------------------------- */
#calendar{
	border: #BFBFBF 1px solid;
	padding: 10px;
}

.cal_wrapper {
	padding: 0 0 15px 0;
	margin: 0 auto;
}

/* 年月 */
.cal_base {
}
.cal_base p {
	color: #515151;
	text-align: center;
	padding: 0 0 3px 0;
}
.cal_main {
	width: 161px;
	clear: both;
	padding: 0px;
	margin: 0px;
}
.cal_main li {
	background-color: #fff;
	color: #515151;
	float: left;
	width: 23px;
	font-size: 77%;
	text-align: center;
	border-bottom: #CCCCCC 1px solid;
}

/* 日〜土のヘッド部分 */
.cal_main li.cal_headline {
	color: #333333;
	margin: 0;
}

/* 水曜日のセル */
.cal_main li.Wed{
}
/* 木曜日のセル */
.cal_main li.Thu{
}
/* 土曜日のセル */
.cal_main li.Sat{
	background-color: #FFCCCC;
	color: #FF0000;
}
/* 日曜日のセル */
.cal_main li.Sun{
	background-color: #FFCCCC;
	color: #FF0000;
}
/* 平日のセル */
.cal_main li.undefined {
}
/* 休日のセル */
.cal_main li.holyday {
	background-color: #FFCCCC;
	color: #FF0000;
}
.cal_main li span {
	padding: 3px 3px;
	display: block;
}
/* 今日のセル */
.cal_main li span.Today {
	display: block;
	font-weight: bold;
}

/* ○日後の設定をした時のセル */
.cal_main li.deli {
	background-color: #009900;
	color: #FFFFFF;
}
/* 毎月○日の設定をした時のセル */
.cal_main li.openingsale {
	color: #FFFFFF;
	font-weight: bolder;
	background-color: #FF0000;
}

.side-banner2{
	padding: 15px 0 10px 0;
	text-align: center;
}

/* =================================================================
		PageTOP
================================================================= */
.pagetop{
	text-align: right;
	margin: 0 0 0 0;
}

.pagetop a{
	background: ;
	padding: 0 0 0 0;
}


/* =================================================================
		Footer
================================================================= */
#footer{
	padding: 15px 15px 0 15px;
}

#fguide{
}
#fguide-left{
	float: left;
	width: 300px;
	margin: 0 15px 0 0;
}
#fguide-right-container{
	float: left;
	width: 615px;
}
#fguide-center-right{
}


#fguide-center{
	float: left;
	width: 300px;
}
#fguide-right{
	float: right;
	width: 300px;
}

#wrapper #fguide .section,
.layout_body #fguide .section{
	background-color: #F1F1F1;
	border: #C8C8C8 3px solid;
	padding: 15px;
	margin: 0 0 15px 0;
}
#wrapper #fguide .section h2,
.layout_body #fguide .section h2{
	text-align: center;
	border-bottom: #C0C0C0 1px solid;
	margin: 0 0 10px 0;
}
#wrapper #fguide .section p,
.layout_body #fguide .section p{
	font-size: 93%;
	padding: 0;
	margin: 0 0 10px 0;
}
#wrapper #fguide .section p span a,
.layout_body #fguide .section p span a{
	background: url(../../img/common/arrow03.gif) no-repeat left center;
	padding: 0 0 0 15px;
}

#footer-underagedrinking{
	margin: 0 0 10px 0;
}

/* copyright */
#copyright{
	background: url(../../img/common/copyright.jpg) no-repeat left top;
	height: 20px;
	color: #B19E8A;
	font-size: 93%;
	text-align: right;
	padding: 3px 5px 0 0;
	margin: 0 0 10px 0;
}

/* f-nav */
#f-nav{
	border-left: #3B3B3B 1px solid;
	margin: 0 0 20px 0;
}
#f-nav li{
	float: left;
	font-size: 93%;
	line-height: 1.2;
	border-right: #3B3B3B 1px solid;
	padding: 0 8px 0 8px;
}

#fguide-about{
}
.fguide-about-content{
	float: left;
	width: 289px;
}
#wrapper #fguide .section p.fguide-delivery{
	padding: 5px 0 5px 0;
}

.footer-gmap{
	border: #BFBFBF 1px solid;
	margin: 10px 0 0 0;
}

/* カラー設定 */
.red {
	color: #FF0000;
}


/*  カテゴリー用　ご挨拶　20210706*/
  .greeting_gift{
    width:735px;
    
  }
  .greeting_gift .first_explain{
    margin: 40px auto;
    width:94%;
  }
  .greeting_service{
    padding:20px 18px 20px 17px;
    width:735px;
    background: url("../../img/products/greeting/bg_greeting_service.jpg") no-repeat center top;
    box-sizing:border-box;
  }
  .greeting_service h2{
    text-align: center;
    margin: 10px 0 20px 0;
  }
  .greeting_service p.explain{
    text-align: center;
    margin-bottom:  25px;
  }

  .greeting_service ul{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    padding:  0;
    margin-bottom: 10px;
    
    
  }
  
  .greeting_service ul li{
       list-style: none;
    margin-bottom: 13px;
   
  }
  .greeting_service .paper_area{
    position:relative;
  }
  .greeting_service .paper_area .btn{
    position:absolute;
    left: 122px;
    top: 84px;
  }


/*wp-pagenavi*/

#container .wp-pagenavi{
    display: flex;
    justify-content: center;
}
#container .wp-pagenavi a:hover,
#container .wp-pagenavi span.current{
    border-color: #25557E;
    background-color: #25557E;
    color: #fff;
}