@charset "UTF-8";
/*
Theme Name: sasa_ogawa
Theme URI: https://work1989.com
Author: Advertising studio work
Author URI: https://work1989.com/
*/



@font-face {
    font-family: YakuHanJP_Noto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/YakuHanJP/YakuHanJP-Regular.woff2) format("woff2"), url(fonts/YakuHanJP/YakuHanJP-Regular.woff) format("woff");
}

@font-face {
    font-family: YakuHanJP_Noto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(fonts/YakuHanJP/YakuHanJP-Medium.woff2) format("woff2"), url(fonts/YakuHanJP/YakuHanJP-Medium.woff) format("woff");
}

@font-face {
    font-family: YakuHanJP_Noto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/YakuHanJP/YakuHanJP-Bold.woff2) format("woff2"), url(fonts/YakuHanJP/YakuHanJP-Bold.woff) format("woff");
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:transparent;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

* html .clearfix {zoom: 1;}
*+html .clearfix {zoom: 1;}

.clearfix:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

ol, ul {list-style: none;}
blockquote, q {quotes:none;}
/*blockquote要素、q要素の前後にコンテンツを追加しないように指定*/
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃える*/
a {
margin:0;
padding:0;
vertical-align:baseline;
background:transparent;
cursor:pointer;
color: currentColor;
text-decoration: none;
}

a:hover img {opacity: .8;}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更*/
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用。*/
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}

/*テキストに打ち消し線が付く*/
del {text-decoration: line-through;}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくように
また、マウスオーバー時にヘルプカーソルの表示が出るように*/
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定*/
table {
border-collapse:collapse;
border-spacing:0;
}

/*水平罫線のデフォルトである立体的な罫線を見えなく*/
hr {
display:block;
height:1px;
border:0;  
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}

/*縦方向の揃え位置を中央揃えに指定*/
input, select {
vertical-align:middle;
}

/*画像を縦に並べた時に余白が出ないように*/
img {
vertical-align: top;
font-size: 0;
line-height: 0;
}

/*box-sizingを全ブラウザに対応*/
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}



 a.btn{
  font-size: 1.4rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  padding: 0.1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #ffffff;
}

a.btn-c {
  font-size: 1.2rem;
  position: relative;
  border-radius: 5px;
  padding: 5px;
  color:#fff;
	background:#b9302c;
	min-width:140px;
}


a.btn-c:after {
	font-family: "Font Awesome 6 Free";
	  content: "\f061";
  font-size: 1.6rem;
  line-height: 1;
  position: absolute;
  top: calc(50% - 0.8rem);
  right: 1rem;
  margin: 0;
  padding: 0;

  -webkit-transition: all 0.3s;
	transition: all 0.3s;
	
}
a.btn-c span:after{color: #fff;}
a.btn-c:hover {color: #fff;}
/*a.btn-c:hover:before {opacity: 0;}*/
a.btn-c:hover{background:#214183;}
a.btn-c:hover:after {right: 0.5rem;}

a.btn-d {
  font-size: 1.2rem;
  position: relative;
  border-radius: 5px;
  padding: 5px;
  color:#fff;
	background:#b9302c;
	min-width:140px;
}


a.btn-d:after {
	font-family: "Font Awesome 6 Free";
	  content: "\f061";
  font-size: 1.6rem;
  line-height: 1;
  position: absolute;
  top: calc(50% - 0.8rem);
  right: 1rem;
  margin: 0;
  padding: 0;

  -webkit-transition: all 0.3s;
	transition: all 0.3s;
	
}
a.btn-d span:after{color: #fff;}
a.btn-d:hover {color: #fff;}
/*a.btn-c:hover:before {opacity: 0;}*/
a.btn-d:hover{background:#214183;}
a.btn-d:hover:after {right: 0.5rem;}

a.btn-e {
  font-size: 1.6rem;
  position: relative;
  padding: 10px;
  color:#fff;
	background:#ffd85f;
	width:80%;
}


a.btn-e:after {
	font-family: "Font Awesome 6 Free";
	  content: "\f061";
  font-size: 1.6rem;
  line-height: 1;
  position: absolute;
  top: calc(50% - 0.8rem);
  right: 1rem;
  margin: 0;
  padding: 0;

  -webkit-transition: all 0.3s;
	transition: all 0.3s;
	
}
a.btn-e span:after{color: #1a1a1a;}
a.btn-e:hover {color: #1a1a1a;}
/*a.btn-c:hover:before {opacity: 0;}*/
a.btn-e:hover{background:#fff200;}
a.btn-e:hover:after {right: 0.5rem;}



a.btn-f {
  font-size: 1.4rem;
  position: relative;
  padding: 5px 10px;
  color:#ffffff;
	background:#b9302c;
	border:	1px solid #b9302c;
	max-width:200px;
	min-width:150px;
	font-weight:normal;
}


a.btn-f:after {
	font-family: "Font Awesome 6 Free";
	  content: "\f061";
  font-size: 1.6rem;
  line-height: 1;
  position: absolute;
  top: calc(50% - 0.8rem);
  right: 1rem;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.3s;
	transition: all 0.3s;
	font-weight:bold;
}
a.btn-f span:after{color: #b9302c;}
a.btn-f:hover {color: #b9302c;}
/*a.btn-c:hover:before {opacity: 0;}*/
a.btn-f:hover{background:#ffffff;}
a.btn-f:hover:after {right: 0.5rem;}


/*====================================

----------------------------------

----------------------------------
====================================*/

html {font-size: 62.5%;/* ルートのフォントサイズを10pxに設定しておく */}

body{
width: 100%;
min-height: 100%;
overflow-y: scroll;
/*font-family:  YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;*/
font-weight: 500;
letter-spacing: .085em;
/*font-family: 'Roboto', sans-serif;*/
font-size: 1.6rem;
/*text-align: justify;*/
/*-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
word-wrap : break-word;
overflow-wrap : break-word;
background-color:#fff;*/
/*font-feature-settings: "palt";*/
background-color: #fff;
color: #212121;
font-family: YakuHanJP_Noto, Noto Sans JP, sans-serif;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
 overflow-wrap: break-word;
font-weight: 400;
word-break: break-word;
	word-break: break-all;
	line-height: 1.8;
	letter-spacing: 0.05em;
}


.t_inner {margin: 0 auto; width:70%;}
.t_inner.__reset {margin:0;}

@media screen and (max-width: 1440px) {
    .t_inner {width:69.44444vw;}
}

@media screen and (max-width: 1280px) {
    .t_inner {width:78.125vw;}
}

@media screen and (max-width: 896px) {
    .t_inner {
        width:85.74%;
    }
}

@media screen and (max-width: 414px) {
    .t_inner {
        width:92%;
    }
}


.p_title {margin-bottom: 30px; position: relative;z-index:4;}

.p_title:before {
    display: block;
    height: 1px;
    width: 40px;
    background: #eb6700;
    content: "";
    margin-bottom:30px;
}

.p_title-jp {font-size: 20px;}
.p_title-en {
    font-size: 30px;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    letter-spacing:.05em;
}

.p_title-en.__small {font-size:14px;}

.pc_only{display:none;}
.sp_only{display:block;}
.pc_only_inline{display:none;}
.sp_only_inline{display:inline;}


@media screen and (min-width: 960px) {
	.pc_only{display:block;}
.sp_only{display:none;}
.pc_only_inline{display:inline;}
.sp_only_inline{display:none;}

	.p_title:before {margin-bottom:60px;}
}

/* Loading背景画面設定*/
#splash {
/*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999998;
  background:#182833;
/*background: url("img/splash_bk.jpg") no-repeat center top;  background-size: cover;*/
  text-align:center;
}

/* Loading画像中央配置*/
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*Loading アイコンの大きさ設定*/
#splash_logo img {width:100px;}



/* fadeUpをするアイコンの動き */
.fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

.fadeUp02{
animation-name: fadeUpAnime;
animation-duration:0.9s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* #header ヘッダー
=========================================== */
#header {
	width:100%;
	height: 62px;
	padding:0;
	position:fixed;
	left:0;
	top:0;
	display: flex;
	justify-content: center;
	align-items:center;
	transition: .4s ease;
	box-sizing: content-box;
	background:#ffffff;
	z-index:999997;
}

.header_content_wrap{display: none; transition:transform .4s .2s ease,opacity .4s .2s ease;}
.header_content { display: none; transition:transform .4s .2s ease,opacity .4s .2s ease;}
.header_content .pc { display: none !important; }

.header_nav_btn {background: #b9302c; width: 45px; height: 45px; border-radius: 50%; position: absolute; top: 10px; right: 10px; cursor: pointer;}
.header_nav_btn div {background: #fff; width: 23px; height: 2px; border-radius: 1px; position: absolute; left: 11px; top: 22px; transition: width .2s .2s ease,top .2s .2s ease,transform .2s ease;}
.header_nav_btn div:first-of-type {top: 16px;}
.header_nav_btn div:last-of-type {width: 23px; top: 28px;}
#header.on {width: 100vw; height: 100vh; display: block; padding-top:10px; background:#ffffff;}
#header.on .header_nav_btn div { width: 23px; top: 22px; transform:rotate(45deg); transition: width .2s ease,top .2s ease,transform .2s .2s ease; }
#header.on .header_nav_btn div:first-of-type { transform:rotate(-45deg); }

.header-nav-upper {display:none;}
#header.scroll, #header.mega_on{background: #fff; /*border-bottom: 1px solid #b9302c;*/}
#header.scroll .header_logo img { width: 150px; }
.header_logo_wrap { display:flex; justify-content:center; align-items:center; margin-top:10px;}
.header_logo img {width:160px; transition: .4s ease;}
.h_intro{display:none;}


.logo_subtxt{display:none; font-size:1.2rem; margin-bottom:10px; }

.header_list {
	height: 30px;
	/*margin-right:38px;*/
	display:inline-block;
	vertical-align:middle;
	letter-spacing:0;
	font-size:0;
}
.header_list > li {/*max-width:160px;*/ height: 100%; display:inline-block; vertical-align:middle; margin-bottom:10px;}
.header_list > li:nth-child(n+2) {margin-left:20px;}
.header_list_title { height: 100%; position: relative; z-index: 999999;}
.header_list_title  a {
	height: 100%;
	position: relative;
	display: block;
	line-height: 30px;
	letter-spacing: 0.05em;
	font-size:1.5rem;
	color:#212121;

}


.home #header.mega_on .header_list_title a{color:#1A1A1A;}
#header.scroll .header_list_title a{color:#1a1a1a;}
.home #header.on .header_list_title a{color:#1a1a1a;}

.header_list_title_en {
margin-left: 11px;
		display: inline-block;
		letter-spacing: 0.05em;
		font-weight: 400;
		font-size: 10px;
		font-family: 'Roboto', sans-serif;
		color: #b0b0b0;	
}

.header_list_has_mega .header_list_title a::before{ display: none; }
#header.on .header_list_title a {height: 30px; letter-spacing: 0.03em; line-height: 30px;}

.header_list_title a::after { display: none; }
.header_list_has_mega .header_list_title a::before{ display: none; }
#header.on .header_list_title a {height: 30px; letter-spacing: 0.03em; line-height: 30px;}

.header_list_title_bk{background:#182833; border-radius:5px; padding:3px 20px; margin-bottom:10px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.header_list_title_bk i{margin-right:5px;}
.header_list_title_bk  a {
	height: 100%;
	position: relative;
	display: block;
	line-height: 30px;
	letter-spacing: 0.05em;
	font-size:1.4rem;
	color:#ffffff;
}

.header_list_title_bk:hover{background:#f1c452;}
.header_list_title_icon{margin:0;}
.header_list_title_icon  a {
	height: 100%;
	position: relative;
	display: block;
	line-height: 45px;
	letter-spacing: 0.05em;
	font-size:1.8rem;
}

.header_list_contact {display:none;}
.header_list_sub{ display: none; }
.header_list_has_under_button {
	    width: 50px;
	    height: 30px;
	    position: absolute;
	    right: 0;
	    top: 0;
		display: block;
		cursor: pointer;
}
.header_list_has_under_button:before, .header_list_has_under_button:after {
	    content: "";
	    background: #b9302c;
	    width: 12px;
	    height: 2px;
	    position: absolute;
	    right: 0;
	    top: calc(50% - 2px);
	    display: block;
	    transition: all 0.4s ease;
}


#header.on .header_content_wrap{display:block;}
	#header.on .header_content {
		width: 100vw;
		height: 100vh;
		margin-top: 12px;
		padding: 0 13.6% 50px;
		display: block;
		overflow-y: auto;
		overflow-x: hidden;
		transform: translateY(8px);
	opacity: 0;

}

	#header.anime .header_content {transform: translateY(0); opacity: 1;}
    #header.on .header_list {
    	width: 100%;
    	height: auto;
		padding-top: 57px;
		margin-right: 0;
    	font-size: 0;
    	letter-spacing: 0;
    }
	#header.on .header_list > li {
		width: 100%;
		height: auto;
		margin-left: 0;
	    padding-right: 0;
	    position: relative;
	    display: inline-block;
	    vertical-align: top;
	}
	#header.on .header_list > li a {font-weight: 500;}



	.header_list_sub { padding-left: 0px; padding-bottom: 15px;}
	.header_list_sub li a {
		/*display: block;*/
		padding: 5px 0;
		/*line-height: 2;*/
		letter-spacing: 0.05em;
		font-size: 12px;
		color: #1a1a1a;
}

.header_list_sub img{margin-right:5px;}
.header_list_sub img{width:50px; height:50px;}
	

	
	.mega_on .header_list_mega_title {
		width: 100%;
	padding-left: 16px;
	padding-right:20px;
		font-size:1.4rem;
		font-weight:bold;
		position: relative;
		display: inline-block;
		/*line-height: 55px;*/
	z-index: 999999;
			letter-spacing: 0.04em;
	color: #1a1a1a;
	}
	


.header_list_has_under_button:after {transform: rotate(90deg);}
.header_list_has_under_button.on:after {transform: rotate(360deg);}

.header_list_sp_sec { margin-top: 85px; display: block; padding-bottom: 100px; }
.header_list_sp li:nth-of-type(n+2) {margin-top: 22px;}
.header_list_sp li a {letter-spacing: 0.04em; font-size: 12px; color: #1a1a1a;}
.header_copyright {margin-top: 46px; letter-spacing: 0.05em; line-height: 1.8; font-size: 10px; color: #d6d6d6;}

#header.on .header_list_mega_wrap .header_list_sub li {relative; display:flex; align-items:center; margin-bottom:10px; }

.head_buy{background:#009dd7; height:100%; color:#ffffff;  padding:9px 20px; font-weight:bold; margin-left:20px;}





@media screen and (min-width: 960px) {
	#header { height: 140px; justify-content: space-between;}
	.h_intro{display:block; margin-bottom:10px; padding-left:20px; font-size:1.2rem;}
	#header.scroll .h_intro{display:none;}
	.header_logo_wrap{justify-content:flex-start; padding-left:20px;}
	.header_logo img {width:180px; }
	/*****要注意****/
	.logo_subtxt{display:block; font-size:1.0rem;}

	.header_content { display: block; /*padding-right: 3vw;*/}
	.header_content_wrap{display: flex; margin-right:2vw;}
	.header_nav_btn {display:none;}
	.header_list_title_en{display:none;}
	.header_list_sp , .header_copyright{display:none;}
	#header.scroll{height:110px;}
	
	.header-nav-upper {display:flex; justify-content:flex-end; align-items:center; margin-bottom:10px;}
.header-nav-upper li{margin-right:15px; font-size:1.3rem;}
/*#header.scroll .header-nav-upper{display:none;}*/

	
#header.on .header_list {padding-top: 10px;}
.header_list_title a::after{
	content: '';
	display:block;
	background-color: #004f72;
	height: 2px;
	width: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: .4s ease;
}
.header_list_title a.current::after, .header_list_title a.hover::after {width: 100%;}
.header_list_has_mega .header_list_title a { padding-right: 15px; position: relative; }
.header_list_has_mega .header_list_title a::before{
	content: '';
	display:block;
	background: url('img/sita_arrow.png') no-repeat center right / 100%;
	width: 7px;
	height: 4px;
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
    right: 0;
	}
	.header_list > li {margin-bottom:0px;}
		.mega_on .header_list_mega_wrap {
		background: #ffffff;
		width: 95%;
		min-width: 1100px;
		position: absolute;
		left: 50%;
	    transform: translateX(-50%);
	    /*top: calc(100% + 1px);*/
	    box-shadow: 0 7px 22px rgba(0,0,0,.07);
	    display:none;
	}
	.header_list > li:nth-child(n+2) {margin-left:10px;}
	/*
.mega_on .header_list_mega_wrap::before{
	content: '';
	background-color: #fff;
	display:block;
	width: 100%;
	height: 9px;
	position: absolute;
	top: -10px;
}*/
	.mega_on .header_list_sub li::after{
		content: '';
		display:block;
		background: url('img/arrow_circle02.png') no-repeat center right / 100%;
		width: 22px;
		height: 22px;
		position: absolute;
		top: 50%;
	    transform: translateY(-50%);
	    right: 0;
	}
.mega_on .header_list_mega_head_sec {max-width:1400px; min-width: 1080px; margin:0 auto; padding:0 10px; display: flex; justify-content:center; align-items:center;}
	/*.mega_on .header_list_mega_head_left {width: 85%; letter-spacing:0; padding: 20px 70px 20px 48px; }*/
	.mega_on .header_list_mega_wrap .header_list_sub { display: flex; flex-wrap:wrap;  /*letter-spacing:0;*/ padding: 20px 20px 20px 20px; min-width: 980px;}
	/*.mega_on .header_list_mega_wrap .header_list_mega_head_left > li {padding: 20px 0 4px 0; border-bottom: 1px solid #c9c9c9; position: relative; width:calc(50% - 15px); display:inline-block; vertical-align:middle;}*/
	.mega_on .header_list_mega_wrap .header_list_sub li {padding: 20px 0 10px 0;  position: relative; width:calc(33% - 15px); display:flex;  align-items:center; margin-bottom:10px; margin-right:10px; }
	.header_list_sub img{width:180px; height:120px;}
	.header_mega_title_wrap{display:none;}
	.mega_on .header_mega_title_wrap{width:25%; display:block; padding:40px 40px 40px 30px;}
	.mega_on .header_mega_title{
		letter-spacing: 0.04em;
		font-size: 2.4rem;
		color: #b9302c;
		font-weight:bold;
	}
	.mega_on .header_mega_subtxt{font-size:1.4rem; margin-top:5px; font-weight:bold;}

	
	.header_list_title_en {display:none;}
	
	.header_list_has_under_button{display:none;}
	.header_list_sp_sec { display:none; }
	.header_list_mega_foot_sec{display:none;}
	.mega_on .header_list_mega_foot_sec {display: block; border-top: 1px solid #ffd85f; font-size:1.4rem; font-weight:bold; background:#ffd85f; color:#ffffff; text-align:center; padding:10px 0; margin-top:30px; transition: .4s ease;}
	.mega_on .header_list_mega_foot_sec:hover{background:#b9302c;} 
	.mega_on .header_list_mega_foot_sec .all_arrow_button { text-align: center; }
	.mega_on .header_list_mega_foot_sec .all_arrow_button a { line-height: 60px; font-size: 12px; color: #1a1a1a;}
	
	.header_list_contact {display:inline-block; vertical-align:middle; }
.header_list_contact a {
	background:#b9302c;
		width:50px;
		height:50px;
	display:block;
	text-align:center;
	border:1px #b9302c solid;
	line-height:44px;
		border-radius:50%;
		color:#ffffff;
		font-size:2.0rem;
		transition: .4s ease;
	}

	#header.scroll .header_list_contact a{ width: 40px; height: 40px; line-height:40px; font-size:1.8rem;}
	
.header_list_contact a span {
	padding-left:28px;
	position:relative;
	display:inline-block;
	vertical-align:middle;
	font-weight:700;
	font-size:14px;
	color:#fff;
	}
		
.header_list_contact a span:after {
    content:"";
	font-family: "Font Awesome 5 Free";
	content: "\f0e0";
    position:absolute;
    left:0;
    top:50%;
    display:block;
    transform:translateY(-50%);
}
	.header_list_title_bk{margin-bottom:0px;}
	.header_list_title_bk{padding:2px 10px;}
}
@media (min-width: 1200px) {
		.logo_subtxt{display:block; font-size:1.2rem;}
	.header_content .pc { display: inline-block !important; }
	.header_list_title_bk{padding:3px 20px;}
.header_list > li:nth-child(n+2) {margin-left:20px;}
}



/********
footer
************/

.f_cal_wrap{margin:100px 0 0px 0; background:#fdf4ed;}

.f_contact_wrap{ background: url("img/f_akimi_bk.jpg") no-repeat center top;  background-size: cover; padding:0 0; color:#ffffff;}
.f_con_ttl{text-align:center; font-size:2.8rem; padding-top:80px;}
.f_con_att{font-size:1.2rem; margin:10px 0; text-align:center;}
.f_contact{width:100%; margin-right:20px; margin-bottom:20px; display:flex; flex-wrap: wrap;}
.f_yasumi_wrap{width:100%; }
.f_yasumi .widgettitle{font-size:1.8rem;}


.f_contact_flex{display:flex; flex-wrap:wrap; padding: 60px 0 60px 0;}
.f_contact_flex h3{margin-bottom:10px;}
.f_relative{position:relative;}
.f_akimi{position:absolute; right:0px; bottom:0;}
.f_akimi img{width:100px;}



.top_itemcate_wrap{width:100%;  display:flex; flex-wrap:wrap; justify-content:space-between; }

.top_itemcate{display:flex; flex-wrap:wrap; width:100%; margin-bottom:50px;}
.top_itemcate li{width:calc(50% - 10px); background:#ffd85f; margin:5px; display:flex; align-items:center; font-size:1.8rem; font-weight:bold; transition: .4s ease;}
.top_itemcate li:hover{background:#fff200;}
.top_itemcate_lnk{display:flex; align-items:center;  padding:5px 20px;}
.top_itemcate_lnk img{width:20%;  margin-right:10px;}





.f_contact_mail{margin-bottom:40px; width:100%;}
.f_contact_mail ul li{font-size:1.8rem; font-weight:bold;}
.f_contact_tel{width:100%;}
.f_con_mail_txt{margin-top:10px; font-size:1.4rem; }
.f_con_tel_txt{font-size:1.4rem; padding-right:110px;}
.f_contact_tel_number{font-weight:bold; font-size:2.0rem;}

#biz_calendar {
  max-width: 100%;
  margin: auto;
}

#biz_calendar table.bizcal {
  margin: 10px 0;
  width: 100%;
  background-color: #ffffff;
  table-layout: fixed;
  border: 0px #b5b5b6 solid;
  line-height: 1.6;
  cursor: default;
  vertical-align: middle;
}
#biz_calendar table.bizcal th {
  text-align: center;
  border-width: 0;
  padding: 2px;

  background-color: #f1f1f1;
  *zoom: 1;
/*  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE9EAEA', endColorstr='#FFDCDDDD');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9eaea), color-stop(100%, #dcdddd));
  background-image: -webkit-linear-gradient(#e9eaea 0%, #dcdddd 100%);
  background-image: -moz-linear-gradient(#e9eaea 0%, #dcdddd 100%);
  background-image: -o-linear-gradient(#e9eaea 0%, #dcdddd 100%);
  background-image: linear-gradient(#e9eaea 0%, #dcdddd 100%);*/
}

#biz_calendar table.bizcal .holiday {background-color: #fa979b;}
#biz_calendar p span.boxholiday {background-color: #fa979b;}
#biz_calendar table.bizcal .eventday {background-color: #32cb7a;}
#biz_calendar p span.boxeventday {background-color: #32cb7a;}


.footer{text-align:center; padding:100px 0 60px 0;}

.footer .after20{font-size:1.2rem; margin-top:80px;}
.footer .copy{font-size:1.2rem; margin-top:30px;}
.footer .privacy{font-size:1.2rem; margin-top:20px;}
.f_con{display:flex; flex-wrap:wrap; text-align:left;}
.f_con_l{width:100%; margin-bottom:20px;}
.f_con_r{width:100%;}
	.f_logo{font-size:1.4rem; font-weight:bold;}
	.f_logo img{width:180px;}


#page_top{display:none;}
#page_top_sp{width: 110px;  position: fixed; right: -150px; bottom: 20px; z-index:111111;}
#page_top_sp a{position: relative; display: block; width: 110px;  text-decoration: none;}
#page_top_sp a img{width:110px;}





.f_shop_info{margin-bottom:20px;}
.f_access_ttl{font-size:1.4rem; font-weight:600; border-left:5px solid #f1c452; padding-left:10px;}
.f_access{}
.f_access_att{font-size:1.4rem; font-weight:600;}
	.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
	position: relative;
	margin-bottom:10px;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
		width: 100%;
		border:none;
}

.f_sns{display:flex; justify-content:center; align-items-center; flex-direction:column; margin-top:100px;}
.f_sns p{margin:0 10px;}
.f_sns_ttl span{background:#ffd85f; padding:2px 10px;}
@media screen and (min-width: 960px) {

#page_top_sp{display:none;}
#page_top{display:block; width: 120px;  position: fixed; right: -200px; bottom: 80px; z-index:111111;}
#page_top a{position: relative; display: block; width: 200px; height: 50px; text-decoration: none;}
#page_top a img{width:120px;}
.f_con_l{width:50%; margin-bottom:0;}
	.f_con_r{width:50%; }
	
	

	.top_itemcate_wrap{width:70%; }
	.top_itemcate{width:80%; }
	.top_itemcate li{width:calc(33.3% - 10px);}
	.f_contact{ }
	.f_contact_mail{ width:50%;}
	.f_contact_tel{width:50%;}
	.f_akimi img{width:150px;}
	.f_con_mail_txt{padding-right:40px;}
.f_yasumi_wrap{width:calc(30% - 20px); margin-left:20px; }
	.f_contact_tel_number{font-size:2.4rem;}
	.f_sns{flex-direction:row;}
}



/* index
=========================================== */

.all_news{display:flex; flex-wrap:wrap; margin-top:50px;}
.all_newsbox{width:calc(50% - 10px); margin:0 5px 40px;}
.post-thumb img{width:100%; border-radius:10px;}
.news_time_cate{display:flex; flex-wrap:wrap; align-items:center; margin:5px 0;}
.allnewsbox_ttl{font-weight:700; font-size:1.6rem; letter-spacing:0.1em;  margin-bottom:8px;}
.allnewsbox_txt{color:#333333;}
.all_news_ymd{font-size:1.3rem; margin-right:0px;}
@media (min-width: 960px) {
	.all_newsbox{width:calc(33.3% - 20px);}
	
	
}

/* single
=========================================== */
/*.single-wrap{}
.single-wrap h1{border-bottom:2px solid #b9302c; margin-bottom:30px; padding:10px 0;}*/

.single_ttl{width:100%;}

.article-tag{margin-bottom:20px;}
.article-tag ul{display:flex;}
.article-tag ul .li-tag{margin-right:10px;}
.s_news_time_cate{display:flex; align-items:center; margin-bottom:30px; margin-top:10px;}
.cat01{height:30px; line-height:30px;  margin-left:10px; background:#b9302c; padding:0px 20px; color:#ffffff;}
.cat02{height:20px; line-height:20px;  margin-left:5px; color:#ffffff; padding:0px 10px;  font-size:1.2rem; letter-spacing:.02em; font-weight:normal;}


.cat02.news{background:#adbd31; }
.cat02.blog{background:#f1c452; }






.s_page_main {margin-top:60px;}
.s_page_main img{width:100%;}

.single_main{line-height:3.8rem; letter-spacing:0.1rem; margin:20px 0 80px 0; padding-right:10px;}
.single_main img{width:100%; height:auto;}
.single_main .gotokiji{color:#b9302c;}
.single_main .gotokiji:hover{color:#214183; text-decoration:underline;}

.prev-next-link{display:flex; justify-content:space-between; flex-wrap:wrap;}
.prev-next-link li{display:flex; align-items:center; font-weight:500; background:#f0f8fc; padding:10px; width:100%; margin-bottom:10px;}

.link_img_left , .link_img_right{width:80px;}
.link_img_left img , .link_img_right img{width:100%;}
.link_img_left{margin-right:10px;}
.link_img_right{margin-left:10px;}
.wp-block-image{margin-top:30px;}
.wp-block-image img{width:100%;}
.gotopage{margin:30px 0;}
@media screen and (min-width: 960px) {
	.single_ttl{width:100%;}
	.prev-next-link li{ width:calc(50% - 10px); margin:0 5px;}
	
}



.s_page{max-width:980px; margin:0 auto 0; padding:0 20px; display:flex; flex-wrap:wrap;}
.s_page .s_page_main{width:100%;}
.s_page_main h1{margin-bottom:10px; font-size:3.2rem; width:90%;}
.s_page .s_sidebar{width:100%; margin-top:50px;}
.single_wrap{margin-top:100px;}
.side-menu{margin-bottom:40px;}
.side-menu h3{font-size:1.6rem; background:#f1c452; padding:3px 20px 2px; border-bottom:2px solid #000000; margin-bottom:20px; padding-bottom:4px;}
.side_postbox{display:flex; flex-wrap:wrap; align-items:center; margin-bottom:10px;}

.side_postimg{width:30%;}
.side_postimg img{width:100%;}
.side_posttext{width:calc(70% - 10px); font-size:1.5rem; margin-left:10px; font-weight:500;}

.side_news_time_cate{display:flex; flex-wrap:wrap; align-items:center; margin-bottom:4px;}
.side_news_ymd{font-size:1.2rem;}
.side_category{font-size:1.2rem;}
.side_archive li{font-weight:500; margin-bottom:10px;}


@media screen and (min-width: 960px) {
	.c_page{padding:0 20px;}
	.c_page50{padding:50px 20px 0;}
	.s_page{padding:0 10px; justify-content:center;}
	.s_page .s_page_main{width:calc(70% - 20px); margin-right:20px;}
	.s_page .s_sidebar{width:30%; }
}


	
	
.t-contents {min-height:100vh; position:relative;}
.top_t-main {position:relative; }
/*	.top_pickup{position:absolute; right:0; bottom:20px; background:#182833; z-index:999; padding:10px; width:500px; height:auto; color:#f7ec96; display:flex;}
	.top_pickup h3{margin-bottom:5px;}
	.top_pickup_img{width:180px;}
	.top_pickup_txt{margin-left:15px;}*/
.pick_sakewrap{text-align:left;}
.pick_sake{font-size:2.0rem; font-weight:bold; margin-bottom:10px;}
	.pick_sakagura{background:#ffd85f; font-size:1.4rem; padding:2px 5px; border-radius:5px; margin-right:5px;}
	.top_pickup_img img{width:100%;}
	
	.left_fixed_ban{display:none;}
	
	
	
	
	/*
.top_t-title {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width:1px !important;
	}
	*/
	
	
	
	
	
	
.top_t-kv {
    position: relative;

    /*display: -webkit-box;*/
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    /*-webkit-box-orient: vertical;
    -webkit-box-direction: normal;*/
    -ms-flex-direction: column;
    flex-direction: column;
    /*-webkit-box-pack: start;*/
    -ms-flex-pack: start;
    justify-content: flex-start;
    /*-webkit-box-align: start;*/
    -ms-flex-align: start;
    align-items: flex-start;
	z-index:2;

	}


	.top_t-kv__body{
    position: relative;
   /* -webkit-box-ordinal-group: 3;*/
    -ms-flex-order: 2;
    order: 2;
    /*display: -webkit-box;*/
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
/*    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;*/
    -ms-flex-direction: column;
    flex-direction: column;
   /* -webkit-box-pack: start;*/
    -ms-flex-pack: start;
    justify-content: flex-start;
	/*    -webkit-box-align: start;*/
	-ms-flex-align: start;
    align-items: flex-start;
	width:100%;
	

}

.top_n_hutari_wrap{
	position:absolute; left:0; bottom:0;
	 width: 95%;
    max-width: 600px;
    height: 140px;
	background:#ffffff;
	padding:10px 0px 10px 5px;
	
    box-sizing:border-box;
	border-radius:0 20px 20px 0;
	z-index:999996;
	border:1px solid #adbc32;
}


.top_n_hutari_wrap:before{
    content:"";
    display: block;
    position: absolute;
    left: 0;
    bottom:0;
    width: 88%;
    height: 5px;
	background:#adbc32;
	z-index:999988;
}
/*.top_n_hutari_wrap:after{
    content:"";
    display: block;
    position: absolute;
    left: 0;
    top:-20px;
    width: 20px;
    height: 20px;
    background:url(../image/common/wkado_lb20.png);
    background-size:cover;
    z-index:999987;
}*/



.top_n_hutari_wrap a {
    display: block;
    -js-display: flex;
    display:-webkit-box;
    display: -webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%;
    max-width:482px;
}
.top_n_hutari_wrap .img {
    position: relative;
    width: 100px;
    height: 100px;
    border:10px solid #fff;
    box-sizing:border-box;
    background-size:cover;
    background-position: center center;
}

.top_n_hutari_wrap .img:before{
    content:"";
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
        left:-6px;
        top: -6px;
        border:2px solid #adbc32;

    box-sizing:border-box;
    z-index:10;
	-webkit-transition: border 0.3s ease;
    -moz-transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    transition: border 0.3s ease;
}


.top_n_hutari_wrap a:hover .img:before {
     border-color:#ffd85f; 
	-webkit-transition: border 0.3s ease;
    -moz-transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    transition: border 0.3s ease;
}

.top_n_hutari_wrap .text_area {

	width: calc(100%  - 150px);
        max-width: 500px;

	margin-left:20px;

}
.top_n_hutari_wrap h3 {
    position: relative;
    padding-left: 29px;
    box-sizing:border-box;
	margin-bottom: 10px;
	font-size:16px;
}
.top_n_hutari_wrap h3:before{
    content:"";
    display: block;
    width: 28px;
    height: 25px;
    position: absolute;
    left: -1px;
    top: 0px;
    background:url(img/icon_sake.svg);
    background-size:cover;
}
.top_n_hutari_wrap h3 img {
    width: 178px;
}
.text_area_ttl{font-size:12px; font-weight:bold; }
.text_area_txt {

	font-size: 11px;
        line-height: 12px;
    color:#1f1f1f;
	-webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.top_n_hutari_wrap a:hover p{
    color:#adbc32;
	-webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}


.top_n_hutari_wrap .enb {display:none;}



.top_n_hutari_wrap .n_icon{
    display: block;
    position: absolute;
    left: 0px;
    top:-145px;
  
    z-index:50;
}

.top_n_hutari_wrap .n_icon img{width:330px;}

/*
@media screen and (max-width : 1000px ){
    .topic .enb{right: 25px;}
}
@media screen and (max-width : 860px ){
    #main{margin-top: 42px;}
}

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




    .topic {
        position: relative;
        width: 95%;
        max-width: 800;
        height: 160px;
        left: 0;
        bottom:auto;
        z-index:300;
        padding:25px 50px 25px 20px;
        box-sizing:border-box;
        border-radius:0 10px 10px 0;
        margin-top: 20px;
    }
    .topic:before{
        content:"";
        display: block;
        position: absolute;
        left: 0;
        bottom:0;
        width: 80%;
        height: 2px;
    }
    .topic:after{display:none;}
    .topic .img {
        width: 100px;
        height: 100px;
        border:6px solid #fff;
    }

    .topic .img:before{
        width: 100px;
        height: 100px;
        left:-6px;
        top: -6px;
        border:2px solid #adbc32;
    }


    .topic .text_area {
        width: calc(100% - 100px - 6.25vw);
        max-width: 800px;
        padding-top:0px;
    }
    .topic h3 {
        padding-left: 30px;
        margin-bottom: 13px;
    }
    .topic h3:before{
        width: 22px;
        height: 20px;
        left: -1px;
        top: -2px;
    }
    .topic h3 img {
        width: 137px;
    }
    .topic p {
        font-size: 10px;
        line-height: 18px;
    }



    .topic .icon{
        left: 0;
        bottom:4px;
        width: 42px;
    }


    
}

*/

@media screen and (min-width: 960px) {
	.top_n_hutari_wrap{left:0px; bottom:250px; width: 70%; max-width: 600px; height: 246px; padding:30px 75px 30px 20px; }
	.top_n_hutari_wrap .text_area {width: calc(100% - 180px); padding-top:12px; margin-left:30px; max-width:290px;}

	.top_n_hutari_wrap h3{font-size:20px; padding-left:29px;}
	
	.text_area_txt {font-size: 14px; line-height: 22px; }
	.text_area_ttl{font-size:18px; line-height: 24px; }
	.top_n_hutari_wrap .n_icon{left:0; top:-212px; z-index:-100;}
	.top_n_hutari_wrap .n_icon img{width:500px; }
	.top_n_hutari_lnk{margin-left:0px;}
	.top_n_hutari_wrap .enb {    position: absolute;
    font-feature-settings: normal;
    vertical-align: top;
    display: inline-block;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
     right: 15px;
        top: 25px;
        font-size: 11px;
    color:#adbc32;
    letter-spacing: 0.05em;}
	
	.top_n_hutari_wrap .img {width: 160px; height: 160px;}

.top_n_hutari_wrap .img:before{
    width: 160px;
    height: 160px;
    left:-10px;
    top: -10px;
 }
}













.top_t-kvHeader {
    display:none;
}
				.hoge_001{display:flex;}
				.hoge_001 img{margin-right:30px;}
.top_t-kvHeader__logo {display:none;}
.top_t-kv__title {
    letter-spacing: .185em;
    white-space: nowrap;
    font-size: 23px;
    margin-bottom:19px;
	}

.top_t-deptItem {
    position: relative;
    width: 100%;
    background-color: #e9e9e9;
    margin-top:40px;
}

.top_t-deptItem:first-of-type {margin-top:0;}

				.top_t-kvNews_wrap {position: absolute;  bottom:0; left:70px; padding:50px 25px 60px;}
				.top_t-kvNews{background:#ffd85f;}
.top_t-kvNews__title {font-size: 16px; margin-bottom:11px;}
		
		.swiper-top01 , .swiper-top02{width:100%; height:100%; max-height:1200px; overflow:hidden;}
		.top_sliderimg img{width:100%;}
		
.index_p-kvMainVisual {
    position: relative;
    /*-webkit-box-ordinal-group: 2;*/
    -ms-flex-order: 1;
    order: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
	overflow:hidden;
z-index:0;
}


.sp_Mainlogo{position:absolute; 
	/*top:50%; left:50%; 
transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);*/
	width:100%;
	height:100%;
	background:red;
	opacity:0;
z-index:9999998;}

.sp_Maintxt{position:absolute; 
	top:45%; 
	left:50%; 
transform: translate(-45%, -70%);
    -webkit-transform: translate(-45%, -70%);
    -ms-transform: translate(-45%, -70%);
-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
color:#ffffff;
	z-index:999999;
font-size:2.0rem; font-weight:bold;}

.c-imgScroller.index_p-kvMainVisualLine {
    position: relative;
    width: 50%;
			height:100vh;
		
}

.c-imgScroller.index_p-kvMainVisualLine .c-imgScrollerItem {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration:0s;
}

.c-imgScroller.index_p-kvMainVisualLine .c-imgScrollerItem img {
    opacity: 1 !important;
    -webkit-transition: none !important;
	transition:none !important;
	width:100%;
}

.c-imgScroller.index_p-kvMainVisualLine.is-playable .c-imgScrollerItem {
    -webkit-transition: opacity .4s linear;
    transition: opacity .4s linear;
    opacity:1;
}

	




@media screen and (min-width: 960px) {
	.c-imgScroller.index_p-kvMainVisualLine {
			height:100%;
		
	}
	
	.left_fixed_ban{display:block; position:absolute; left:0; top:20%; background:#182833; padding:20px 10px; max-width:80px; text-align:center; z-index:10;}
	
	.left_fixed_ban_img img{width:100%; height:30px;}
	.left_fixed_ban_txt{
		text-align:center;
		-ms-writing-mode: tb-rl; color:#ffffff;
		writing-mode: vertical-rl; 
		margin:10px auto;
	}
	
	.left_fixed_ban_txt span{display:block; font-size:1.2rem;}
	
}
	
	
	
.t_title {
    margin-bottom: 30px;
    position: relative;
	z-index:4;
	width:100%;
}



.t_title:before {
    display: block;
    height: 1px;
    width: 40px;
    background: #eb6700;
    content: "";
    margin-bottom:30px;
}

.t_title-jp {font-size: 20px; display: block;}

.t_title-en {
    font-size: 30px;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    letter-spacing:.05em;
}

.t_title-en.__small {font-size:14px;}

@media screen and (min-width: 960px) {
	
	.t_title {
	width:20%;
}
}


 .top_about_wrap{max-width: 1300px; height:100%; padding:80px 30px; margin:100px auto 0; background: url("img/top_aboutbg.jpg") no-repeat center top;  background-size: cover; position:relative;}

.top_about_ttl {color:#ffffff; font-size:2.4rem; margin-bottom:20px;}
.top_about_ttl h3{ font-weight:normal;}
.top_about_ttl h3 span{display:block; font-size:1.4rem;}
.top_about_bottomnav{}
.top_about_bottomnav ul li{margin-top:3px; color:#ffffff;}
.top_about_rightnav{margin-bottom:20px;}
.top_about_rightnav_btn{background:#ffffff; margin-top:10px; padding:10px 20px; font-size:1.6rem; position: relative;   -webkit-transition: all 0.3s;
	transition: all 0.3s;}



.top_about_rightnav_btn:after {
	font-family: "Font Awesome 6 Free";
	  content: "\f061";
  font-size: 1.6rem;
  line-height: 1;
  position: absolute;
  top: calc(50% - 0.8rem);
  right: 1rem;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.3s;
	transition: all 0.3s;
	font-weight:bold;
}
.top_about_rightnav_btn:after{color: #1e1e1e;}
/*a.btn-c:hover:before {opacity: 0;}*/
.top_about_rightnav_btn:hover{background:#f1c452; color:#ffffff;}
.top_about_rightnav_btn:hover:after {right: 0.5rem; color:#ffffff;}








				.top_hutari_wrap{margin:0 auto;  margin-top:-100px; width:100%; z-index:999987;}
.top_hutari{background:#ffd85f; text-align:center; width:100%; padding:0 10px 30px; border-radius:10px 10px 10px 10px;}
/*.top_hutari .hutari{margin-top:-150px;}*/
				.top_hutari_con_wrap{background:#ffffff; padding:10px;}
				.top_hutari_con{display:flex;}
				.top_hutari_con_wrap h3{font-size:2.4rem; margin-bottom:5px;}
				.top_hutari_con .ty_wrap{display:flex; justify-content:center;}
				.top_hutari_con .ty_month{font-weight:bold; font-size:20px;}
				.top_hutari_con .ty_day{display:flex; justify-content:center;}
				.top_hutari_con .ty_day li{ position:relative; margin-left:10px; font-size:1.8rem; font-weight:bold;}
.top_hutari_con .ty_day li:not(:first-child){padding-left:10px;}
				.top_hutari_con .ty_day li:not(:first-child):before{
					content:"/";
   display:block;
	position:absolute;
   top:0;
   left:0;
}



.top_sec01_wrap{overflow:hidden; box-sizing: border-box;}
.top_con_ttl{width:10%; font-size:2.6rem;  margin:80px auto; font-weight:bold; text-align:center; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
.top_con_ttl_sub{margin-top:10px;}
.top_sec01{display:flex; flex-direction:column;}
.top_sec01_img_wrap{width:100%; }
.top_sec01_img{display:flex;  justify-content:flex-end; flex-wrap:wrap; width:100%;}
.top_sec01_img li{width:100%;}
.top_sec01_img li:not(:first-child){margin-top:10px;}
.top_sec01_img li img{width:100%;}



.top_original_wrap{position:relative; padding:60px 10px;}



.top_original{max-width:1200px; margin:0 auto; display:flex; flex-wrap:wrap;}
.top_original:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fdf4ed;
    width: 100%;
    height: 100%;
    z-index:-1;

}

.top_original02{max-width:1200px; margin:-100px auto 0; display:flex; flex-wrap:wrap; overflow: hidden;
	padding:180px 0; 
	}
.top_original02:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fdf4ed;
    width: 100%;
    height: 100%;
    z-index:-1;

}


	.top_original_left{width:100%; margin-right:50px; display:none;}
		.top_original_left img{width:100%;}
	.top_original_right{width:100%;}
	.top_original_right h3{font-size:3.2rem; text-align:center;}
	.top_original_right .top_og_subttl{display:block; font-size:1.4rem; color:#f1c452;}
	
	.top_original_right h3{font-size:2.6rem; margin-bottom:20px;}
	.top_original_right_ogitem{display:flex; flex-wrap:wrap; margin-bottom:20px; }
.top_original_right_ogitem_img{width:100%; margin-bottom:10px;}
	
	.top_original_right_ogitem_img img{width:100%;}
	.top_original_right_ogitem_txt{width:100%;}
.top_original_right_ogitem_txt h4{font-size:2.2rem; margin-bottom:10px;}
.top_original_right_ogitem_txt_txt{margin-bottom:10px;}



.zoom-grayscale {
    width: 100%; /* 幅を指定 */
}
.zoom-grayscale-image {
    overflow: hidden;
    padding: 60% 0 0; /* 縦横比を指定 */
    position: relative;
}
.zoom-grayscale-link {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 2.0rem;
    font-weight: 600;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 100%;
    z-index: 2;
}
.zoom-grayscale-photo {
    display: block;
   filter: grayscale(0%); 
    left: 0;
    position: absolute;
    top: 0;
    transition: all .2s ease-in-out;
    z-index: 1;
}
.zoom-grayscale-link:hover {
    text-shadow: 0 0 35px rgba(0,0,0,.4);
}
.zoom-grayscale-link:hover +.zoom-grayscale-photo {
    filter: grayscale(100%);
    transform: scale3d(1.1,1.1,1); /* hover時の倍率を指定 */
}




.top_news_wrap{margin-top:100px; display:flex; align-items:flex-start; flex-wrap:wrap; max-width:1200px; margin:100px auto 0; padding:0 10px;}

.top_news{ display:flex; flex-wrap:wrap;}
.top_news_box{width:calc(50% - 10px); margin:0 5px 20px;}
.top_news_boxall{background:#f1c452; display:flex; align-items:center;}
.top_news_box img{width:100%;}
.top_news_ttl_wrap{ margin-bottom:50px; width:100%;}
.top_news_ttl h2{font-size:3.2rem; display:flex; align-items:center;}
.top_news_ttl .en{color:#f1c452; font-weight:bold; font-size:1.6rem; margin-left:5px;} 


	
	


	
@media screen and (min-width: 960px) {
	
	.t_title:before {margin-bottom:60px;}
	
	
		    .top_t-kv {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction:row;
			}
			
.top_t-kv__body {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 450px;
        min-width: 450px;
        margin-left: 80px;
        margin-right: 54px;
        padding-top: 200px;
  
		max-height:1200px;

		}
	.sp_Mainlogo{display:none;}
	.sp_Maintxt{display:none;}
	.top_t-kvHeader {
    position: relative;

    /*display: -webkit-box;*/
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
/*    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;*/
    flex-direction: column;
/*    -webkit-box-pack: center;*/
    -ms-flex-pack: center;
    justify-content: center;
/*    -webkit-box-align: start;*/
    -ms-flex-align: start;
    align-items: flex-start;
    z-index: 1;
    padding: 25px 30px;
    /*margin-top: -179px;
		margin-bottom:49px;*/
	}
	
	/*	
	.top_t-kvHeader {
        background-color: transparent;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0 0 0 0px;
        height: 80%;
        width:auto;
    }*/
	

    .top_t-kvHeader__inner {
       /* display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: flex-end;
        position: relative;*/
        padding-left: 100px;
    /*
        -webkit-transform: translateY(-10%);
        transform:translateY(-10%);*/
    }

    .top_t-kvHeader__logo {
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        left: 0;
        display: block;
        width: 105px;
        height: 100px;
        fill:#212121;
		}

.top_t-kv__title {font-size: 50px; margin-bottom:22px;}
	.top_t-kv__deptItem {font-size: 14px; margin-top:15px;}
	    .top_t-kvNews {padding:0;}

	.top_t-kvNews__title {font-size: 16px; margin-bottom:30px;}
	
.index_p-kvMainVisual {
       /* -webkit-box-ordinal-group: 3;*/
        -ms-flex-order: 2;
        order: 2;
		max-height:1200px;
}

	.top_hutari_wrap{height:100vh; margin-top:200px;}
	.top_hutari{
	
	position: sticky;
	top: 200px;
	}
	
	
	
	.top_sec01_wrap{padding-left:13vw; margin-top:120px;}
	.top_sec01{flex-direction:row;}
	.top_con_ttl{font-size:4.0rem; margin:0 0 20px 0;   padding-right:50px;}
	.top_sec01_img_wrap{width:90%; }
	.top_sec01_img li{width:calc(33.3% - 10px);}
	.top_sec01_img li:not(:first-child){margin-left:10px; margin-top:0px;}
	
	
	
	
	

	
	
	
	
	
	
	
	
	.top_original_wrap{margin-top:80px; padding:60px;}
	.top_original:after {

    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px);

}
	.top_original_left{width:calc(30% - 50px); display:block;}
	.top_original_right{width:70%;}
	.top_original_right h3{text-align:left;}
	.top_original_right_ogitem_img{width:calc(40% - 20px); margin-right:20px;}	
	
	.top_original_right_ogitem_txt{width:60%;}
	
	.top_about_wrap{ min-height:600px; padding:0px 0px;}
		.top_about_ttl { font-size:3.4rem; position:absolute; top:100px; left:100px;}
	.top_about_ttl h3 span{font-size:1.8rem;}
	
	
	
.top_about_bottomnav{position:absolute; bottom:20px; left:100px; }
.top_about_bottomnav ul li{margin-top:3px; color:#ffffff;}
.top_about_rightnav{position:absolute; bottom:30px; right:10px;}
		.top_about_rightnav_btn{margin-top:10px; padding:30px 140px; }
		
		
	.top_news_wrap{}
	.top_news_ttl_wrap{width:15%; }
	.top_news_ttl{
        height: 300px;
        width: 100%;
        display: flex;
        writing-mode: vertical-rl;
	align-items: center; }
	
	.top_news_ttl h2{
		flex-direction:column-reverse;
		align-items:flex-start;
	}
	.top_news_ttl span{display:block; font-size:1.6rem;}
	
		.top_news{width:80%; letter-spacing:.1em; font-size:1.5rem; font-weight:600;}
		.top_news_box{width:calc(25% - 10px); margin:0 5px 20px;}
	}

/**category*/
.corp_recmmend_ttl{ margin-bottom:60px; padding-left:30px;}
.corp_recmmend_ttl h2 span{color:#59AE9B; font-size:2.0rem; display:block; margin-bottom:20px;}
	.corp_recmmend_ttl h2{ font-size:3.4rem; color:#1a1a1a; letter-spacing:0.04em;}
	
	.corp_recmmend{
	  background-color: #f5f5ef;
		overflow: hidden;
	padding:180px 0;
	margin-top:-100px;
		}
	.corp_recmmend_itemlist{display:flex;}



.top_catebox_wrap{display:flex; flex-wrap:wrap; padding:0 10px; color:#1a1a1a;}
.top_catebox_wrap li{width:100%; text-align:center; font-weight:500; margin-bottom:30px; display:flex; flex-wrap:wrap;}
.top_catebox_wrap li span{display:block; margin:20px 0 5px;}
.top_catebox_wrap li img{width:100%;}

.top_catebox_img{position:relative; color:#ffffff; width:40%;}
.top_catebox_img img{border-radius:20px;}

.top_catebox_text_wrap{
	text-align:left;
	margin-top:0px;
	width:calc(60% - 10px);
	margin-left:10px;
}

.top_catebox_text_wrap p:first-child{
	margin-bottom:10px;
	font-size:2.0rem; 
	font-weight:500;
}

.ttl01{
	margin-bottom:10px;
	font-size:2.0rem; 
	font-weight:500;
}

.top_catebox_text_wrap p:nth-child(2){
	margin-bottom:20px;
	font-size:1.4rem;
}


.ttl02{
	margin-bottom:20px;
	font-size:1.4rem;
}

.pg-top-root__business__list__number {display:none;}




	.corp_recmmend_item{width:calc(33% - 20px); margin:0 10px;}
	.corp_recmmend_item img{width:100%;}




@media screen and (min-width: 960px) {
	.corp_page_ttl_wrap{margin-top:100px;}
	.corp_page_ttl{top: 200px; left: 10%;}
	.top_catebox_wrap{padding:0 20px;}
	.top_catebox_wrap li{width:30%; margin:0 15px 30px;}
	.pg-top-root__business__list__number {
    position: absolute;
    right: 1.1rem;
    bottom: -4.0rem;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    border-top: solid 1px #fff;
    padding-right:.5rem;
}


.pg-top-root__business__list__number span {
    display: block;
    text-transform: uppercase;
    font-family: Rajdhani, sans-serif;
    /*font-weight:500;*/
}

.pg-top-root__business__list__number span:nth-of-type(1) {
    font-size: 1.3rem;
    font-size: max(1.3rem, 12px);
    margin-top: .9rem;
    margin-right:.6rem;
}

.pg-top-root__business__list__number span:nth-of-type(2) {font-size: 6rem; font-size:max(6rem, 40px);}

.pg-top-root__business__list__number.-right0 {padding-right:0;}
.pg-top-root__business__list__number.-right0 span:nth-of-type(2) {margin-right:-.4rem;}
.top_catebox_img{width:100%;}
.top_catebox_text_wrap{width:100%; margin-left:0px; margin-top:30px;}

}










/***page***/
.page_wrap{}
.page_inner{max-width:1180px; margin:50px auto 0; padding:0 20px;}
.page_ttl_wrap{height:300px; padding:0 0 0px 0;  margin-top:70px;  position:relative; }
.page_ttl_inner{position:absolute; top:35%; left:20px;}
.page_ttl_wrap > .page_ttl_inner> h1{color:#ffffff; font-size:4.0rem; margin-bottom:5px;}
.page_ttl_wrap > .page_ttl_inner > p{color:#ffffff; font-size:1.6rem; font-weight:bold;}

.page_ttl_wrap.kodawari{ background: url("img/pagettl_kodawari.jpg") no-repeat center top;  background-size: cover;}

.page_ttl_wrap.staff{ background: url("img/pagettl_staff.jpg") no-repeat center top;  background-size: cover;}
.page_ttl_wrap.item{ background: url("img/pagettl_item.jpg") no-repeat center top;  background-size: cover;}
.page_ttl_wrap.sake{ background: url("img/pagettl_sake.jpg") no-repeat center top;  background-size: cover;}
.page_ttl_wrap.beer{ background: url("img/pagettl_beer.jpg") no-repeat center top;  background-size: cover;}
.page_ttl_wrap.shochu{ background: url("img/pagettl_shochu.jpg") no-repeat center top;  background-size: cover;}
.page_ttl_wrap.wine{ background: url("img/pagettl_wine.jpg") no-repeat center top;  background-size: cover;}
.page_ttl_wrap.japanese_liqueur{ background: url("img/pagettl_japanese_liqueur.jpg") no-repeat center top;  background-size: cover;}
.page_ttl_wrap.seasoning{ background: url("img/pagettl_seasoning.jpg") no-repeat center top;  background-size: cover;}

.page_ttl_wrap.eatin{ background: url("img/pagettl_eatin.jpg") no-repeat center top;  background-size: cover;}
.page_ttl_wrap.original{ background: url("img/pagettl_original.jpg") no-repeat center top;  background-size: cover;}
.page_ttl_wrap.yuzu{ background: url("img/pagettl_yuzu.jpg") no-repeat center top;  background-size: cover;}
.page_ttl_wrap.aokionoue{ background: url("img/pagettl_aokionoue.jpg") no-repeat center top;  background-size: cover;}
.page_ttl_wrap.company{ background: url("img/pagettl_company.jpg") no-repeat center top;  background-size: cover;}
.page_ttl_wrap.shop{ background: url("img/pagettl_shop.jpg") no-repeat center top;  background-size: cover;}
.page_ttl_wrap.news{ background: url("img/pagettl_shop.jpg") no-repeat center top;  background-size: cover;}
.page_ttl_wrap.blog{ background: url("img/pagettl_blog.jpg") no-repeat center top;  background-size: cover;}

.page_ttl_wrap.about{ background: url("img/pagettl_about.jpg") no-repeat center top;  background-size: cover;}
.page_ttl_wrap.shopping{ background: url("img/pagettl_shopping.jpg") no-repeat center top;  background-size: cover;}
.page_ttl_wrap.contact{ background: url("img/pagettl_contact.jpg") no-repeat center top;  background-size: cover;}
.page_ttl_wrap.privacy{ background: url("img/pagettl_privacy.jpg") no-repeat center top;  background-size: cover;}
.page_ttl_wrap.giftwrap{ background: url("img/pagettl_giftwrap.jpg") no-repeat center top;  background-size: cover;}

.page_ttl_wrap.giftwrap{ background: url("img/pagettl_giftwrap.jpg") no-repeat center top;  background-size: cover;}
.page_ttl_wrap.giftwrap{ background: url("img/pagettl_giftwrap.jpg") no-repeat center top;  background-size: cover;}
.page_ttl_wrap.wholesale{ background: url("img/pagettl_wholesale.jpg") no-repeat center top;  background-size: cover;}
.page_ttl_wrap.delivery{ background: url("img/pagettl_delivery.jpg") no-repeat center top;  background-size: cover;}


.page_ttl_wrap.support{ background: url("img/pagettl_support.jpg") no-repeat center top;  background-size: cover;}

.message_wrap{padding: 120px 0 140px 0; position: relative; display: flex; flex-wrap:wrap;}
.message-wrap-ttl {width:100%;}
.message_text{display: flex; flex-wrap:wrap; width:100%;}
.message_text h3{font-size:3.0rem; width:100%; margin-bottom:20px;}
.message_text_read{width: 100%; padding: 0 0 0 0px; line-height:2;}

.message_pro{margin-top:80px;}
.message_pro img{width:100%;}

.company_wrap{background:#fdf4ed;  padding:30px 10px;}
.company_flex{display:flex; flex-wrap:wrap;}
.company_pro{background:#ffffff; padding:30px 40px;}
.breadcrumbs{position:absolute; bottom:20px; right:20px; color:#ffffff;}
.page_con01{margin-top:-160px;  background:#ffd85f;  padding:200px 10px 30px;}
.page_con01_inner{width:100%; margin:0 auto; }

.page_con02{margin-top:-150px;  background:#fdf4ed;  padding:150px 10px 20px;}
.page_con02_inner{width:100%; margin:0 auto; }


.hitokoto_wrap{display:flex; align-items:center; justify-content: center; flex-wrap:wrap;}
.hitokoto_ttl{position:relative; width:100%; padding-top:10px; margin-bottom:20px; border-left:2px solid #b9302c; padding-left:10px; display:none;}


.hitokoto_sp_img{width:20%; margin-right:5px;}
.hitokoto_img{display:none;}
.hitokoto_sp_img img{width:100%; border-radius:50%;}
.hitokoto_txt_wrap{width:100%;}
.hitokoto_right{width:100%; display:flex; align-items:center;}
.hitokoto_name_wrap{display:flex; flex-wrap:wrap; align-items:center;}
.hitokoto_namelnk{display:flex; align-items:center; margin-top:5px;}
.hitokoto_name{font-size:2.4rem;}
.hitokoto_cate_wrap{}
		.hitokoto_cate{background:#fff200; padding:3px 7px; margin-right:5px; border-radius:5px; font-size:1.2rem;}
		.hitokoto_katagaki{display:block; font-size:1.6rem;}
.hitokoto_lnk{margin-left:10px;}
.hitokoto_txt{margin-top:5px; background:#ffffff; padding:10px; border-radius:10px;}
.page_2col{display:flex; justify-content:space-between; } 
.page_2col > .page_left{width:100%;}
.page_2col > .page_left h3{margin-bottom:20px; font-size:2.6rem;}
.page_2col > .page_right{display:none;}
		.page_right_nav {width:100%;}
		.page_right_nav li{width:100%; margin:5px;}
		.page_right_nav_lnk{background:#ffd85f;  display:flex; justify-content:flex-start; align-items:center; font-size:1.8rem; font-weight:bold; padding:20px 10px; transition-duration: .3s;}
		.page_right_nav_lnk:hover{background:#fff200;}
		.page_right_nav_lnk_img{width:20%; margin-right:5px;}
		.page_right_nav_lnk_img img{width:100%;}
		.page_right_nav_lnk p{}
.og_aoki{}

.og_aokisec00{display:flex; flex-wrap:wrap; margin-bottom:50px;}
.og_aokisec00_left{width:100%;  }
.og_aokisec00_intro{ }
.og_aokisec00_intro img{width:100%;}
.og_aokisec00_intro_ttl{}
.og_aokisec00_intro h2{font-size:3.0rem;}
.og_aokisec00_right{width:100%;}
.og_aokisec00_right_read{line-height:2; }
.og_aokisec00_right h3{font-size:2.6rem; margin-bottom:10px;}
.og_aokisec00_right img{width:100%;}
.og_aokisec00_right_imgarea{margin:30px 0; display:flex;}
.og_aokisec00_right_imgarea .og_img{width:33.333%;}
.og_aokisec00_right_imgarea .og_img img{width:100%;}



.og_aokisec03_wrap{}
.og_aokisec03_wrap h2{margin-bottom:30px; text-align:center; font-size:3.0rem; display:flex; align-items: center;}


.og_aokisec03_wrap h2:before,
.og_aokisec03_wrap h2:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #666;
}

.og_aokisec03_wrap h2:before {
    margin-right: 1rem;
}
 
.og_aokisec03_wrap h2:after {
    margin-left: 1rem;
}



.og_aokisec03{display:flex; flex-wrap:wrap; margin-bottom:100px;}
.og_aokisec03_box{width:100%; margin-bottom:20px;}

.og_aokisec03_box_txt{width:100%; padding:0 10px;}
.og_aokisec03_box_txt h3{margin-bottom:5px;}
.og_aokisec03_box_img{ text-align:center; margin-bottom:20px;}
.og_aokisec03_box_img img{width:100px;}

.og_aoki_goblog{background:#f7ec96; padding:20px 30px; margin-top:30px; display:flex; flex-wrap:wrap; justify-content:space-between;}


.og_yuzu_wrap{display:flex; flex-wrap:wrap; }
.og_yuzu_right{width:100%; text-align:center;}
.og_yuzu_right img{width:100%;}
.og_yuzu_left{width:100%;  /*background:#f7ec96;*/ padding:20px 10px;}
.og_yuzu_left h4{color:#f6dd00; font-size:2.2rem;}
.og_yuzu_left h3{font-size:3.2rem; margin-bottom:20px;}
.og_yuzu_left h3 span{font-size:1.8rem;}

.og_yuzu_marker{background:linear-gradient(transparent 60%, #f7ec96 60%);}
.og_yuzu02_wrap{background:#f7ec96; padding:20px 0px 20px 0px; margin-top:80px;}
.og_yuzu02_wrap h2{text-align:center; margin-bottom:30px;}
.og_yuzu_recipe{display:flex; flex-wrap:wrap;}
.og_yuzu_recipe li{width:calc(50% - 10px); margin:0 5px 10px; background:#ffffff;}
.og_yuzu_recipe li img{width:100%;}
.og_yuzu_recipe li .og_yuzu_recipe_ttl{text-align:center; padding:5px 10px; }


.sp_bottle03{text-align:center; margin-bottom:30px;}
.sp_bottle03 img{width:100%;}
.kodawari_box{display:flex; flex-wrap:wrap; margin-bottom:100px; font-size:1.8rem; }
.kodawari_num{position:absolute; top:0; right:20px; text-align:center; font-size:1.4rem; font-weight:bold; color:#f1c452;}
.kodawari_num span{font-size:4.0rem; display:block; line-height:0.9em;}
.kodawari_box h2{color:#182833; margin-bottom:20px; font-size:3.4rem;}

.kodawari_box_l , .kodawari_box_r{width:100%; position:relative;}
.kodawari_box_l img , .kodawari_box_r img{width:100%;}
.kodawari_box_l{}
.kodawari_box_r{}
.kodawari_box_txt_l{padding:20px 50px 10px 10px;}
.kodawari_box_txt_r{padding:20px 10px 10px 50px;}


	
.item_list{display:flex; flex-wrap:wrap; justify-content:space-between; }
.item_box{width:calc(50% - 10px); margin:0 5px 20px; }
.item_box02{width:100%; margin-bottom:10px; }

.item_box img , .item_box02 img{width:100%;}




		.sake_sec{width:100%; margin-bottom:20px; background:#ebf7fb; padding:10px;}
		.wine_sec{width:100%; margin-bottom:20px; background:#ebf7fb; padding:10px;}
		.wine_sec h2{} 
		.winecellar{background:#eae3dd; padding:20px; display:flex; align-items:center; margin-top:30px;}
		.cellar_img{width:100%;}
		.cellar_img img{width:100%;}
		.cellar_txt{width:100%;}
.staff_wrap{display:flex; justify-content:space-between; flex-wrap:wrap;}
.staff_box{width:100%; background:#fdf4ed; margin-bottom:10px; padding:10px;}




.gallery_intro{margin:20px 0; font-size:1.4rem;}
.gallery_wrap{display:flex; flex-wrap:wrap; margin-top:30px;}
.gallery{width:calc(50% - 10px); margin:0 5px 10px;}
.gallery img{width:100%;}
.gallery a:hover {opacity: 0.8;}

.course-item a img {width: 100%;}

.modal {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      background-color: rgba(0, 0, 0, 0.8);
		display: none;
		z-index:999998;
    }

.bigimg {
      position: absolute;
      width: 80%;
      
      top: 250px;
      left: 0;
      right: 0;
      margin-right: auto;
      margin-left: auto;
    }

.bigimg img {width:100%;}
	
.close-btn {
      color: #fff;
      font-size: 40px;
      position: absolute;
      right: 20px;
	top: 0;
	z-index:9999999;
    }

.close-btn a {color: #fff; text-decoration: none;}
		

@media screen and (min-width: 960px) {
	.bigimg {max-width: 800px;}
	.message-wrap-ttl {margin-right: auto; width:24%;}
	.message_text{width:76%; display:flex;}
	.message_text h3{ -ms-writing-mode: tb-rl; writing-mode: vertical-rl; width:128px;}
.message_text_read{
    width: -webkit-calc(100% - 128px);
    width: calc(100% - 128px);
    margin-left: auto;
    padding: 0 0 0 55px;
line-height:2;
}

	.page_ttl_wrap{margin-top:140px; height:500px; margin-left:8vw;}
	.page_con01{margin-right:7vw;}
	.page_con01_inner{width:980px;  }
		.page_con02{margin-right:7vw;}
	.page_con02_inner{width:980px;  }
	.page_ttl_inner{ top:45%; left:70px;}

	.hitokoto_txt_wrap{width:80%;}
	.hitokoto_ttl{display:block; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-size:2.6rem;  padding-top:20px; width:10%; border-left:0px none; }
	.hitokoto_ttl span{border-top:2px solid #b9302c; padding-top:20px;}
.hitokoto_katagaki{display:inline;}
.hitokoto_ttl::before {right:0;}

.hitokoto_right{width:90%; }
	.hitokoto_sp_img{display:none;}	
	.hitokoto_img{width:20%; margin:0 10px 0 20px; display:block;}
	.hitokoto_img img{width:100%; border-radius:50%;}
	
	.company_wrap{margin-right:7vw; }
	
	
	.kodawari_box_l , .kodawari_box_r{width:50%;}
		.page_2col > .page_left{width:calc(80% - 30px); margin-right:30px;}
			.page_2col > .page_right{width:20%; display:block;}
		.item_box{width:calc(25% - 10px);}
		.item_box02{width:calc(50% - 10px); margin:0 5px;}
			.sake_sec{width:calc(33% - 10px);}
			.cellar_img{width:30%;}
			.cellar_txt{width:calc(70% - 20px); margin-left:20px;}
			
			
			.top_about_rightnav_btn{padding:30px 140px; }
.og_aokisec00_right_read{padding-right:50px;}
.og_aokisec00_left{width:calc(30% - 60px); margin-right:60px; }
.og_aokisec00_intro{ position: sticky; top: 130px; text-align:center;}
.og_aokisec00_intro img{width:90%;}
.og_aokisec00_intro_ttl{-ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-align: left; display:inline-block;}
.og_aokisec00_intro h2{font-size:3.0rem;}
	.og_aokisec00_right{width:70%;}
	.og_aokisec00_intro img{width:90%;}
	.og_aokisec03_box{width:33.3%; }

	.gallery{width:calc(33.33% - 10px);}
	
	.og_yuzu02_wrap{padding:20px 10px 20px 10px;}
	.og_yuzu_right{width:40%; }
.og_yuzu_left{width:calc(60% - 40px); margin-right:40px; padding:20px 40px;}
.og_yuzu_recipe li{width:calc(33.3% - 10px); }
	}

.eatin_wrap{display:flex; flex-wrap:wrap; justify-content:space-between;}
.eatin_txt{padding:0; margin-bottom:10px;}
.eatin_img{width:100%;}
.eatin_img img{width:50%;}
.eatin_txt a{text-decoration:underline;}

@media screen and (min-width: 960px) {
	.eatin_img{width:40%;}
	.eatin_txt{padding:0 10px;}
}

.con_404{margin-top:200px; }
.mb-10{margin-bottom:10px;}


/**contactform**/
/*ContactForm7カスタマイズ*/
.page_att{background:#ffd85f; text-align:center; padding:10px 20px; margin:20px auto 0; width:90%; border-radius:20px;}
table.CF7_table{width:80%; margin:0 auto; border: 3px solid #e5e5e5;}
table.CF7_table tr{border-top: 1px solid #e5e5e5;}
table.CF7_table tr th{text-align:left; padding-left:30px;}
table.CF7_table tr td{padding:10px 0 10px 20px;}
.single .entry-content table.CF7_table, .page .entry-content table.CF7_table{display:table;}

/*入力欄*/
.CF7_table input, .CF7_table textarea {
	border: 1px solid #d8d8d8;
}

.CF7_table ::placeholder {
	color:#797979;
}

/*「必須」文字*/
.CF7_req{
	font-size:1.4rem;
	padding: 5px;
	background: #f79034;/*オレンジ*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

/*「任意」文字*/
.CF7_unreq{
	font-size:1.4rem;
	padding: 5px;
	background: #bdbdbd;/*グレー*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

/* タイトル列 */
@media screen and (min-width: 768px){
	.CF7_table th{width:30%; background-color:#ebedf5;}
	.page_att{width:70%;}
	
}

/* レスポンシブ */
@media screen and (max-width: 768px){
	table.CF7_table{width:95%;}
	.CF7_table tr, .CF7_table td, .CF7_table th{display: block; width: 100%; line-height:2.5em;}
	table.CF7_table tr td{padding:10px 0 10px 10px;}
	table.CF7_table tr th{padding-left:10px;}
	.CF7_table th{background-color:#ebedf5;}
}

/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	background-color:#f79034;
	border:0;
	color:#fff;
	font-size:1.4rem;
	font-weight:bold;
	margin:0 auto;
	padding:5px 10px;
}

.CF7_btn{text-align:center; margin-top:20px;}

.wpcf7-spinner{width:0; margin:0;}