﻿/* CSS Document */

.sp_only{display:block;}
.sp_none{display:none;}

.txt50sp{font-size:50%!important;}
.txt60sp{font-size:60%!important;}
.txt70sp{font-size:70%!important;}
.txt80sp{font-size:80%!important;}
.txt90sp{font-size:90%!important;}
.txt100sp{font-size:100%!important;}
.txt110sp{font-size:110%!important;}
.txt120sp{font-size:120%!important;}
.txt130sp{font-size:130%!important;}
.txt140sp{font-size:140%!important;}
.txt150sp{font-size:150%!important;}
.txt160sp{font-size:160%!important;}
.txt170sp{font-size:170%!important;}
.txt180sp{font-size:180%!important;}
.txt190sp{font-size:190%!important;}
.txt200sp{font-size:200%!important;}
.txt240sp{font-size:240%!important;}
.txt280sp{font-size:280%!important;}

.sp_mb0{margin-bottom:0!important;}
.sp_mb05{margin-bottom:5px!important;}
.sp_mb20{margin-bottom:20px!important;}
.sp_mb40{margin-bottom:40px!important;}

.sp_ml10{margin-left:10px!important;}
.sp_mr10{margin-right:10px!important;}

.sp_mt20{margin-top:20px!important;}
.sp_mt40{margin-top:40px!important;}

.sp_pb0{padding-bottom:0!important;}

.sp_80p{
	width:80%;}
	
.sp_align_left{
	text-align:left!important;}
.sp_align_center{
	text-align:center!important;}
	
.sp_dis_block{
	display:block;}
	
.sp_width_50px{
	width:50px;}
.sp_width_100px{
	width:100px;}
.sp_width_150px{
	width:150px;}
.sp_width_200px{
	width:200px;}
.sp_width_65p{
	width:65%;}
.sp_width_80p{
	width:80%;}
	
.sp_maxw_60p{
	max-width:60%;}
.sp_maxw_80p{
	max-width:80%;}
.sp_maxw_100p{
	max-width:100%;}

.sp_center{
	width: 100%;
	text-align: center;
}
/*-------------------------------*/

#page_top {
    padding-top: 70px;
}
header .inner{
	height:70px;}
header > .inner > div > a{
	font-size: 0.5em;
}
header > .inner > #global-nav > div > ul{
	text-align:left;
	background:#001638;
	border-top:1px solid #aaa;
	margin-top: 50px;
	font-family: "Noto Serif Japanese", メイリオ, "serif,ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
header > .inner > #global-nav > div > ul > li {
	padding:10px 15px;
	border-bottom:1px solid #aaa;
    background: url(../images/arrow_sp.png) no-repeat center right 20px !important;
	background-size: 11px 18px !important;
	width: 100%;
}/*
header > .inner > #global-nav > div > ul > li.parent {
    background: url(../images/arrow_plus_sp.png) no-repeat center right 20px !important;
}*/
header > .inner > #global-nav > div > ul > li > a {
	color:#FFF;
    display: block;
}
header > .inner > #global-nav > div > ul > li > span{
	display: none;}
	
#mobile-head{
	    position: relative;
    z-index: 1000;
		padding: 10px 0;}
		
.gnav_0 {
	padding: 0!important;
}

.gnav_0.sp_only a{
	width:50%;
	display:inline-block!important;
	padding:10px;
	color:#aaa;
	text-decoration:underline;}
.gnav_0.sp_only a:first-child{
	border-right:1px solid #aaa;
	color:#fff;
	background:#555;
	text-decoration:none;}
	
.gnav_4{
	border:0px;
	width: 100%;
}
.head_title div{
	width:120px;
	display: inline-block;
    float: left;
}
.head_title span{
	margin-left: 10px;
}
.head_title img, 
header > .inner > div > a > div {
	/* width: 110px; */
	width: 85px;
}
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .7s;
	box-sizing: border-box;
}
.menu-trigger {
	position: absolute;
    right: 15px;
    top: 15px;
	width: 34px;
	height: 26px;
	vertical-align: -2px;
	cursor:pointer;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #01102a;
	border-radius: 1px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 13px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

.menu-trigger span {
}
.active .menu-trigger span:nth-of-type(1) {
	-webkit-transform: translateY(12.5px) rotate(-45deg);
	transform: translateY(12.5px) rotate(-45deg);
}
.active .menu-trigger span:nth-of-type(2) {
	opacity: 0;
}
.active .menu-trigger span:nth-of-type(3) {
	-webkit-transform: translateY(-12.5px) rotate(45deg);
	transform: translateY(-12.5px) rotate(45deg);
}
.openmenu{
    width: 100vw;
    position: fixed;
    left: 0;
    top: 0;
	text-align:center;
	color:#fff;
	opacity:0;
	font-weight:200;
	overflow-y:scroll;
	z-index:999;
	margin-top:70px;
	font-family: "Noto Serif Japanese", メイリオ, "serif,ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}
.openmenu.fadeOutUp{
	display:none;
	}
	
.openmenu.animated.fadeOutUp{
	display:block;
	}
	
.active .openmenu{
	opacity:1;
	}
	
h1.logo {
font-size: 150%;
    line-height: 1;
}

.sp_head_menu{
	display: inline-block;
	position: absolute;
    font-size: 75%;
    bottom: -20px;
	left: 0px;
	color:#01102a;}
	
.top_product_link a,
.top_other_link a{
    width:50%;
	transition:.1s;
}
.newsCategory li span {
    margin-right:10px;
    margin-bottom:10px;
}

.top_box-img {
    width: 45%;
}

.top_product_link img,
.top_other_link img{
    max-width:90%;
    max-height:90%;
}
.top_product_link li,
.top_other_link li{
    width:50%;
}

.top_content2{
/*	background:url(../images/content2_bg.jpg);
	background-size:cover;
*/	padding:20px 0 ;
	color:#fff;}
.top_products_link{
	display: block;}
.top_products_link a.top_products_link1{
	background:url(../images/products_1_bg.png);}
.top_products_link a.top_products_link2{
	background:url(../images/products_2_bg.png);}
.top_products_link a{
	display:block;
	width:100%;
	height:auto;
	line-height:1.4;
	background-size:cover!important;
	background-position:right center!important;
	text-decoration:none;
	color:#fff;
	padding:40px 15px;
	transition:.5s;
	border:1px solid #aaa;
	border-left:none;
	border-right:none;}
.top_products_link a:last-child{
	border-top:none;}
.top_products_link a:hover{
	color:#E3D84A;}
	
.sub_products_link a {
	border-left:none;
	border-right:none!important;
}
.sub_products_link a:last-child {
	border-left:none;
}
	
.top_title,.top_title2{
	font-size:150%;}


.sp_top_link{
	background:#000;
	text-decoration:none;
	color:#fff;
	display:block;
	padding:20px 15px;
	text-align:center;
	font-size:130%;
	position:relative;}
.sp_top_link:after{
	content:"";
	position:absolute;
	bottom:2px;
	right:2px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom: 10px solid #fff;
	border-right: 10px solid #fff;}
	

#areaFooter {
    padding: 30px 0 5px;
}
.footer {
    font-size: 14px;
}
.logoFooter {
    width: 100%;
    border-right: none;
    text-align: center;
}
.logoFooter img{
	width: 30%;
}
.footerInfo {
    padding: 40px 0 40px 0;
    text-align: center;
}
.fNaviSp {
    display: block;
    width: 100%;
    text-align: center;
}
.fSnsList {
    position: static;
    margin: 0 auto;
    padding: 0 0 40px 0;

}
.fSnsList li {
  padding: 0 10px;
}

.fNaviSp ul.fSitemapList li {
    border-bottom: 1px solid #dfe1e4;
    padding-left: 15px;
    padding-bottom: 15px;
    padding-top: 15px;
    margin-bottom: 0 !important;
    background-size: 11px 18px !important;
}
.fNaviSp > ul.fSitemapList > li,
.fNaviSp > ul.fSitemapList > label > li {
	background: url(../images/arrow_sp.png) no-repeat center right 20px !important;
}/*
.fNaviSp > ul.fSitemapList > label > li {
    background: url(../images/arrow_plus_sp.png) no-repeat center right 20px !important;
}*/
.fNaviSp ul.fSitemapList li:first-child {
    border-top: 1px solid #dfe1e4;
}
.fNaviSp ul.fSitemapList li a {
    display: block;
}
.fNaviPc {
    display: none;
}
.copyright {
    width: 100%;
    position: static;
    text-align: left;
    padding-left: 15px;
    padding-bottom: 10px;
}



.page_top_link {
    position: fixed;
    bottom: 10px;
    right: 10px;
}
.page_top_link img {
	width:50px;
}




.overview_map {
    padding: 30px 5px;
}


.clm_box_r,.clm_box_l{
	display: block;}

.clm_box_l,
.concept_content_3 .clm_box_l {
	margin:15px;
}
	
.clm_box-txt{
	width:100%;}
	
.clm_box-txt .sp_only{
	margin-bottom:15px;}
	
.clm_box-txt-txt{
	text-align:left;
	line-height:1.8;
	text-shadow:0 0 10px #69411e,0 0 10px #69411e,0 0 10px #69411e,0 0 10px #69411e,0 0 10px #69411e,0 0 10px #69411e,0 0 10px #69411e,0 0 10px #69411e;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
/*	
.sub_title_1,
.sub_title_2,
.sub_title_3{
	font-size:120%;}
*//*
.overview_content_1,
.overview_content_2,
.overview_content_3,
.overview_content_4,
.overview_content_5,
.overview_content_6,
.overview_content_7,*/
.concept_content_1,
/*.concept_content_2,*/
/*.concept_content_3,*/
/*.concept_content_4,*/
/*.nature_content_1,
.nature_content_2,*/
.access_content{
	padding:40px 0;}
	
.concept_content_2 {
	background-position:left;
	padding: 0 0 50px 0;
}
.concept_content_4,
.concept_content_5,
.you_content_3,
.you_content_4,
.you_content_5,
.noukaya_content_3,
.noukaya_content_4,
.noukaya_content_5,
.kodawari_content_2{
	background-size:cover;
	background-position:center;
}
.concept_content_5{
	background-image:url(../images/content5_bg_sp.jpg);
	padding: 5% 0;
	background-size:100%;	
}
.you_content_3{
	background-image:url(../images/content3_bg_sp.jpg);
}
.you_content_4{
	padding: 30px 0;
}
.you_content_5{
	background-image:url(../images/content5_bg_sp.jpg);
}
.noukaya_content_5{
	background-image:url(../images/content5_bg_sp.jpg);
}
.kodawari_content_2{
	background-size:100%;
	padding: 15px 0;
	background-image:url(../images/content2_bg_sp.jpg);	
	margin-bottom: 20px;
}
.ayumi-bnr_content,
.news_content1,
.news_content2,
.news_content3,
.news_content4,
.news_content5,
.news_content6,
.spirit_content,
.inquiry_content{
	padding: 5px 0;
	background-size: 100%;
}
.concept_content_4{
	padding: 0 0 10px 0;
}
.ayumi-bnr_content{
	background-image:url(../images/bnr_ayumi_sp.png);
}
.news_content1{
	background-image:url(../images/main_notice_sp.jpg);
}
.news_content2{
	background-image:url(../images/main_media_sp.jpg);
}
.news_content3{
	background-image:url(../images/main_prize_sp.jpg);
}
.news_content4{
	background-image:url(../images/main_event_sp.jpg);
}
.news_content5{
	background-image:url(../images/main_kurainfo_sp.jpg);
}
.news_content6{
	background-image:url(../images/main_newinfo_sp.jpg);
}
.inquiry_content{
	background-image:url(../images/main_inquiry_sp.jpg);	
}
.taisyo_content{
	display: none;
}
.cd-fixed-bg.cd-fixed-bg--1,
.cd-fixed-bg.cd-fixed-bg--2,
.cd-fixed-bg.cd-fixed-bg--3,
.cd-fixed-bg.cd-fixed-bg--4,
.cd-fixed-bg.cd-fixed-bg--5 {
	background-image:none;
	min-height:	auto;
	padding: 20px 0;
}
.cd-fixed-bg.cd-fixed-bg--5 {
	background-image:url(../images/bg01.jpg)
}
.overview_main_foot,
.ayumi_main_foot,
.news_main_foot,
.you_main_foot,
.noukaya_main_foot,
.concept_content_4 .overview_main_foot, 
.noukaya_content_4 .noukaya_main_foot {
/*    background: rgba(0,0,0,1.00);*/
	padding: 30px 10px 30px;
}
.inquiry_content .news_main_foot{
	padding: 0;
}
.overview_main_foot h2,
.ayumi_main_foot h2,
.news_main_foot h2,
.spirit_main_foot h2,
.you_main_foot h2,
.noukaya_main_foot h2 {
	margin-bottom:10px;
	font-size:120%;
	line-height:1.4;
	font-weight:normal;
}
.noukaya_main_foot h2 {
	text-align: left;
}	
.ayumi_main_foot h2{
	letter-spacing: 8px;
}
.news_main_foot h2{
	padding: 0;
	margin-bottom: 0;
}
.spirit_main_foot h2{
	font-size: 90%;
}
.overview_main_foot p,
.you_main_foot p,
.noukaya_main_foot p {
	font-size: 90%;
	text-align: left;
}
.sub_main_foot, 
.concept_content_3 .sub_main_foot {
/*	margin: 30px 0 0 0;*/
	padding: 30px 0;
	margin: 0 0 50px 0;
}
.sub_main_foot h2{
	margin-bottom:25px;
	font-size:125%;
	line-height:1.4;
	font-weight:normal;
}
.concept_content_4 .sub_main_foot{
	padding: 30px 0 0 0;
}
.kodawari_main_foot h2{
	font-size: 120%;
	text-align: left;	
}
.kodawari_box-txt{
	width: 100%;
}
.kodawari_box-logo{
	width: 98%;
	margin: auto;
	display: block;
	align-items: normal;
}
.kodawari_box-logo{
	text-align: left;
	font-size: 2rem;
}
.kodawari_box-logo img{
	width:50%;
}
.kodawari_box-txt h3,
.cd-fixed-bg--3 .kodawari_box-txt-txt{
	color: #000;
}
.kodawari_box-txt h3{
	font-size: 200%;
}

.kodawari_main_foot-label{
	width: 100%;
	/* font-size: 90%; */
	/* margin-bottom: 4em; */
	text-align: left;
}
.kodawari_main_foot-label h2{
	font-size: 90%;
}
.kodawari_main_foot-label p{
	font-size: 60%;
}
.kodawari_main_foot-label{
	width: 50%;
	/* font-size: 90%; */
	/* margin-bottom: 4em; */
	text-align: left;
}
.sub_main_title_txt{
	text-align:center;
	margin-bottom:40px;}
	
.sub_main_title_txt h1.tate{
	margin:auto;
	font-size:200%;
	font-weight:normal;
	margin-bottom:20px;
	margin-top:0;}
	
	
.overview_main {
    background-size: 100%;
	background-position:top;
}
.concept_main {
	background-position:top ;
    background-size: 280%;
	padding-top:20px;
}
.concept_content_2 .clm_box-img {
	display:none;
}
.water_box .clm_box-img {
    width: 100%;
}
.water_box .clm_box-txt {
	padding:0;
}

.nature_main_txt {
	font-size:120%;
	line-height:1.6;
}
.nature_map{
	width:100%;
	margin-bottom:20px;}
	
.nature_main {
    background-position: center -50px;
}

/*
.kounyuu_link_btn{
	display:block;
	padding:15px;
	margin:auto;
	width:80%;
	font-size:120%;}
.kounyuu_link_btn:after{
	border: 9px solid transparent;
	border-bottom: 9px solid #231815;
	border-right: 9px solid #231815;}
*/
.access_main {
    background-size: cover;
}
.access_main .sub_main_title_txt {
    margin-bottom: 0;
	padding-bottom:40px;
}
.access_main .sub_main_title_txt {
	text-shadow:0 0 20px #000,0 0 20px #000,0 0 20px #000;
}

.history_lead{
	font-size:150%;}
	
.sp_w55px{
	width:55px;}


.water_box{
	background:none;
	padding:0;
	border:none;}
	
	
.prodct_title {
	display:none;
}

.prodct_title2 {
    padding: 5px;
    font-size: 130%;
	margin-bottom:20px;
}
.products_content div h2{
	font-size: 150%;
}
.products_content div p{
	font-size: 60%;
}
.products_content{
	background-position:center;
	background-size: 100%;
	padding: 5% 0 30% 0;
}
/*
.products_content_1 {
	padding-bottom:25px;
	padding-top:25px;
}
.products_content_3,
.products_content_5 {
	padding-bottom:25px;
	padding-top:25px;
}
.products_content_4,
.products_content_6 {
	padding-bottom:0;
	padding-top:25px;
}
*/
.products_main {
    background-size: 100%;
}
.products_main.moon_bg1 {
    background-size: cover;
}

.nature_main{
	background-image:url(../images/main_bg_sp.jpg);
	background-position:top center;
    background-size: 140%;
	text-shadow:0 0 10px #000;}
	

.overview_map .w1180 .f_link{
	position:relative;
	margin-top:25px;
	bottom:0;
	right:0;}
	
/*
.nikai_photo{
	font-size:12px;
	width:24px;
	height:24px;
	margin-left:-12px;
	margin-top:-12px;
	line-height: 24px;}
*/	
.btn_calendar{
	width:100%;}
	

.head_sp_lng_link {
    position: absolute;
    top: 12px;
    /* right: 60px; */
    right: 30px;
    font-size: 80%;
    z-index: 1001;
    padding: 3px 5px;
    line-height: 1;
    border-radius: 2px;
}
.head_sp_lng_link img{
	width: 30%;
	height: 30%;
}
.head_sp_lng_link a{
	margin-left:5px;
}

.sp_block{
	display:block;}
.sp_lh120{
	line-height:1.2;}
	
	
.top_harry_bnr {
	margin:20px 20px 0;
}
.top_harry_bnr a{
	width:100%;
	padding:3px 5px 10px;
	font-size:80%;
}
.president{
	width: 50%;
	font-size: 90%;
	margin: 0;
	display: table;
}
.president dt,
.president dd{
	display: table-cell;
	vertical-align: bottom;
	font-size: 12px;
}
.imgPresident,
.imgPresident-build {
	margin: auto;
}
.imgPresident{
    width: 50%;
}
.imgPresident img{
    width: 100%;
}
.imgPresident-build img{
	width: 60%;
}
.tblHistory th{
	font-weight: bold;
	padding: 5px 0 0 0;
}
.tblHistory td {
	border-bottom: 1px solid #000;
}
.tblOutline {
    margin:auto;	
}
.products_title{
	margin: 5px auto;
	width: 90%;
	font-size: 150%;
}
.products_txt{
	margin: 20px auto;
	width: 90%;
	font-size: 100%;
	line-height: 1.5em;
}
.concept_content_6 .products_txt {
	margin: 20px auto;
}
.concept_content_6 .clm_box_l, 
.noukaya_content_6 .clm_box_l {
	padding-top: 50px;
}
/* .products_kind ul ,
.products_kind-mine ul , 
.products_kind-shizuku ul ,
.products_kind-noukaya ul , */
.products_about ul,
.products_about-mine ul ,
.products_about-shizuku ul ,
.products_about-noukaya ul { 
	text-align: center;
	width: 100%;
}
.products_kind ul ,
.products_kind-mine ul , 
.products_kind-shizuku ul ,
.products_kind-noukaya ul , 
.products_kind-fukkokuNoukaya ul {
	width: 90%;
	margin: auto;
}
.products_kind ul li,
.products_kind-mine ul li, 
.products_kind-shizuku ul li,
.products_kind-noukaya ul li,
.products_kind-fukkokuNoukaya ul li{ 
	width: 44%;
	margin: 10px 5px;
	font-size: 80%;
}
.products_about ul li,
.products_about-mine ul li ,
.products_about-shizuku ul li,
.products_about-noukaya ul li {
	display: inline-block;
	width: 90%;
	padding: 0;
	margin: 5px;
	vertical-align: middle;
	font-size: 80%;
}


.cart_button,
.cart_button-you,
.cart_button-noukaya {
	display: inline-block;
	width: 70%;
	padding: 10px 0;
	margin: 10px;
	text-align: center;
}
.not_onlineShop{
	display: block;
}
.products_list{
	width: 100%;
	padding: 20px 0;
}

.footer_layout {
	font-size: 14px;
	padding: 10px 0;
}

footer{
	padding: 0;
}

.comment_table table{
	padding:15px;
	width: 100%;
	margin: 20px 0 0 0;
}
.comment_table p{
	font-size:100%;
}
.products_kind_title{
	font-size: 180%;
}
.products_block{
	margin: 0 auto;
}

.clm_box-txt span {
	line-height: 1.5em;
}
.history_time{
	font-size: 120%;
}
.history_time_title{
	font-size: 100%;
	font-weight: 500;
}
.history_time_txt{
	display: block;
	font-size: 100%;
	font-weight: 400;
}
.history_time_txt .txt-left{
	display: block;
	width: 100%;
	padding: 0;
}
.history_time_txt .img-right{
	display: block;
	width: 100%;
	padding: 20px 0;
	margin: 0 auto;
}

/*大正蔵*/
.taisyo_top_title,
.kodawari_top_title{
	text-align: left;
	font-size:150%;
	padding: 30px 0;
	margin: 0 auto;
	width: 90%;
}
.kodawari_top_title{
	letter-spacing: 10px;
}
.school_top_title,
.kaori_top_title{
	text-align: center;
	font-size:125%;
	padding: 30px 0;
	margin: 0;
	letter-spacing: normal;
}
.taisyo_top_txt,
.kodawari_box-txt-txt{
	text-align: left;
	font-size:90%;
	font-weight: 500;
	line-height: 2em;
	padding-bottom: 50px;
	margin: 0 auto;
	width: 90%;
}
.kodawari_box-txt-txt{
	width: 98%;
}
.school_top_txt,
.kaori_top_txt{
	text-align: left;
	font-size:100%;
	font-weight: 500;
	line-height: 2em;
	padding-bottom: 50px;
	margin: 0;
}
.taisyo_about {
	padding: 0;
}
.taisyo_about_title,
.reiwa_about_title,
.inquiry_title {
	font-size: 100%;
}
.inquiry_title {
	letter-spacing: 3px;
}
.taisyo_about_txt{
	width: 95%;
}
.taisyo_about_txt p{
	font-weight: 500;
	font-size: 100%;
}
.taisyo_about_txt h2{
	text-align: center;
	padding-bottom: 1.5em;
	line-height: 2em;
	font-size: 90%;
	font-weight: 500;
	font-family: "Noto Serif Japanese", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;
}
.taisyo_kind{
	display: block;
	font-weight: 500;	
}
.reiwa_kind {
	display: block;
	font-weight: 500;
	margin-bottom: 0;
}
.taisyo_kind .img-left,
.reiwa_kind .img-left{
	display: block;
	width: 100%;
}
.taisyo_kind .txt-right,
.reiwa_kind .txt-right{
	display: block;
	width: 100%;
	margin: auto 0;
	padding: 0;
	font-size: 100%;
	line-height: 2em;
}
/* 令和蔵 */
.reiwa_area_reverse{
	padding: 0.1em 0;
}
.reiwa_caption{
	font-size: 1.2em;
}
.reiwa_kind .contents-left,
.reiwa_kind .contents-right{
	display: block;
	width: 100%;
	padding: 20px 0;
}
.taisyo_visit{
	background-color: #f1f2f0;
	padding-top: 1em;
}
.about_visit .taisyo_about_title,
.about_visit .reiwa_about_title{
	display: block;
	width: 100%;
	padding: 10px;
	text-align: center;
	border: 1px solid #000;
}
.about_visit .taisyo_about_title:before ,
.about_visit .taisyo_about_title:after ,
.about_visit .reiwa_about_title:before ,
.about_visit .reiwa_about_title:after {
	content: none;
}
table, th, td {
	border: none;
}
.taisyo_visit_table,
.reiwa_visit_table,
.spirit_visit_table,
.inquiry_table {
	width: 100%;
	margin: 10px auto;
	
}
.taisyo_visit_table th,
.reiwa_visit_table th,
.inquiry_table th {
	display: block;
	width: 100%;
	padding: 0;
	border-bottom: 1px solid #000;
	background-color : transparent;
}
.inquiry_table th {
	text-align: center;
}
.taisyo_visit_table td,
.reiwa_visit_table td,
.inquiry_table td {
	display: block;
	width: 100%;
	padding: 20px 0;
}
.taisyo_attention{
	margin: 0 0 0 20px;
	width: auto;
	padding-bottom: 2em;
	padding-right: 1em;	
	font-weight: 500;
	font-size: 100%;
}
/* .taisyo_reserve_block{
	display: flex;
} */
.taisyo_reserve_block .red{
	display: inline-block;
	/* width: 40%; */
	margin: auto;
}
.taisyo_reserve_block .black,
.taisyo_reserve_block .txt_fax{
	display: inline-block;
	/* width: 60%; */
	margin: auto;
}
.taisyo_reserve_block .red,
.taisyo_reserve_block .black,
.taisyo_reserve_block .txt_fax{
	font-size: 100%;
}
.attention_block{
	font-size: 90%;
}
.taisyo_reserveR{
	font-size: 150%;
}
.taisyo_about_txt p{
	line-height: 2em;
}
/*蔵の香*/
.kaori_img img{
	width: 100%;
}

/*酒楽塾*/
.school_visit_table{
	width: 100%;
	margin: 10px auto;
	
}
.school_visit_table th{
	display: block;
	width: 100%;
	padding: 0;
	border-bottom: 1px solid #000;
	background-color : transparent;
}
.school_visit_table td{
	display: block;
	width: 100%;
	padding: 20px 0;
}
.school_btn {
	width: 100%;
}

.school_club{
	display: block;
}
.school_club_txt, 
.school_club_img,
.school_club_img img{
		width: 100%;
}

/*NEWS*/
.news_display{
	display: block;
	flex-direction: row;
}
.news_about_title {
	font-size: 1rem;
	margin: 1em auto;
}
.news_main{
	display: block;
	width: 100%;
}
.news_main p{
	font-size: 90%;
	font-weight: 300;
	line-height: 2em;
	padding-bottom: 1em;
}
.news_main dl{
	font-size: 90%;
}
.news_main dt{
	float: none;
	margin-bottom: 0.8em;
}
.news_main table, 
.news_main table th, 
.news_main table td {
	border: 1px solid #000;
}
.news_side{
	padding:1em 0 0 0;	
	display: block;
	width: 100%;
}
.news_side ul{
	padding: 10px 10px 50px 10px;
}
.news_side li{
	padding: 10px;
	font-size: 1em;
}
.news_side li:hover{
	color: #fff;
	background-color: #001638;
}
.news_side h1{
	border-bottom:1px solid #000;
	padding: 10px;
	font-size: 1em;
}

/* .news_main .photoBlock2{
	width: 100%;
	display: block;
	text-align: center;
} */

/*瑤嶺・瑤雫*/
.mine_box-txt,
.shizuku_box-txt,
.noukaya_box-txt{
	width:100%;
}
.sub_title_you{
	font-size:120%;
}
#top_kodawari{
	text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000;
}
.top-bnrl_content h3,
.top-bnrl_content .top_sub_txt,
.top-bnrl_content .top_sub_txt-left {
	font-size: 110%;
	left: 45%;
	letter-spacing: 10px;
}
#top_kodawari h3 {
	top: 30%;
	left: 10%;
	letter-spacing: 10px;
}
#top_kodawari .top_sub_txt {
	top: 44%;
	left: 10%;
	letter-spacing: normal;
    font-size: 80%;
}
.top-bnrl_content .top_sub_txt {
	top: 32%;
	font-size: 60%;
	letter-spacing: normal;
}
.top-bnrl_content .top_sub_txt-right{
    font-size: 70%;
	top: 82%;
	left: 70%;
}
.top-bnrl_content .top_sub_txt-left{
    font-size: 70%;
	top: 52%;
	letter-spacing: 5px;
}
.kodawari_main_block{
	display: block;
}
.kodawari_main_content h3,
.kodawari_main_content p {
	font-size: 80%;
	top: 34%;
	left: 54%;
	line-height: 1.4;
	-ms-transform: translate(0%,-50%);
	-webkit-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
}
.kodawari_main_content p {
	font-size: 60%;
	top: 63%;
	line-height: normal;
}
.sub_title_top{
	font-size:110%;
	margin-bottom: 0;
	letter-spacing: 10px;
}
.noukaya_box-txt h1{
	font-size:100%;
	line-height: 1.8em;
}
.noukaya_box-txt h2{
	margin: 0;
	width: 100%;
	font-size:100%;
}
.noukaya_box-img{
	display: none;
}
.you_content_00,
.you_content_01,
.you_content_02{
	background-image:none;
	padding:10px 0;
}
.you_label-mine,
.you_label-shizuku{
	width: 90%;
	background-size:cover;
	background-position: right;
	padding: 10px 0;
	margin-left:auto;
	margin-right:auto;
}

.noukaya_yurai{
	text-align: left;
}

.noukaya_about_title {
	font-size: 100%;
	margin: 2em 0;
	max-width: 1000px;
}
.noukaya_about_title:before {
	content: none;
}
.noukaya_prof{
	padding: 10px;
}
.noukaya_prof p{
	text-align: left;
}
#page_top-sp_only{
	padding-top: 70px;
}
.noukaya_box-txt-txt,
.you_box-txt-txt{
	font-size: 100%;
}
.top_box-txt-txt,
.top_box-txt-txt-s{
	letter-spacing: normal;
	font-size: 80%;	
	margin: 0;
}
.top_box-txt-left,
.top_box-txt-right{
	font-size: 70%;	
}
.top_box-txt-right{
	width: 100%;
	text-align: right;
	margin: 0;
}
.top_box-txt-kodawari .top_box-txt-right{
	margin-left: 0;
}
.top_box-txt{
	width:55%;
}
.you_box-txt-txt{
	padding: 0 10px;
}

.noukaya_yurai h2{
	font-size: 120%;
	margin-bottom: 25px;
}
.noukaya_about_title-txt{
	font-size: 95%;
}
.gentei_title{
	font-size: 100%;
	margin: 0.2em 0;
}
.products_txt .gentei_red{
	font-size: 110%;
}
.products_title .gentei_blue {
	font-size: 70%;
	margin: 0;
}
.products_title .gentei_red{
	font-size: 70%;
	margin: 0;
}
.products_title .gentei_black{
	margin: 0;
}
.mine_box-txt h1,
.shizuku_box-txt h1{
	font-size: 100%;
}

.sub_title_4 {
	font-size: 120%;
}
.tate{
	font-size: 100%;
}
.tate_kodawari{
	writing-mode: horizontal-tb;
	-webkit-writing-mode: horizontal-tb;
	-ms-writing-mode: lr-tb;
	font-size: 100%;
}

.newsTop {
	width: 100%;
	font-size: 90%;
}
.newsTop dt,
.newsTop dd{
	width: 100%;
	margin-top: 10px;
}
.lastButtom{
	padding-bottom:50px;
}
.lastBM{
	margin-bottom:50px;
}
.noukaya_logo img{
	width: 20%;
}

.noukaya_logo{
	font-size: 3em;
}
.noukaya_logo span{
	font-size:18px;
	padding-left: 10px;
}
.noukaya_logo_meistersBlend{
	font-size: 1.5em;	
}
.noukaya_logo_meistersBlend span{
	font-size:10px;
	padding-left: 10px;
}

.products_about-mine .w50-30,
.products_about-shizuku .w50-30,
.products_about-noukaya .w50-30{
	width: 35%;
}
.products_about-mine .w50-70,
.products_about-shizuku .w50-70,
.products_about-noukaya .w50-70{
	width: 65%;
}
.products_about-shizuku_img div p{
	font-size: 80%;
}
.top_box-txt-kodawari{
	width:100%;
	text-shadow:0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000;
	padding-left: 3em;
}
.top_box-txt-kodawari .sub_title_top{
	line-height: 1.7em;
}
.products_footer,
.products_footer-3{
	padding-bottom: 2em;
}
.products_footer-3{
	text-align: left;
	width: 90%;
	margin: 0 auto;
}
.products_footer img,
.products_footer-3 img{
	width: 45%;
}
.products_footer-3 img{
	width: 48%;
}
.products_kind_header ul li { 
	width: 40%;
	margin: 10px 5px;
}

.header_dropdown ul li {
    float: none;
    border: none;
}
.top_content3 .top_product_link,
.products_kind_header ul{
	align-content: center;
}
.top_product_link {
    -webkit-justify-content: start;
    justify-content: start;
    -webkit-align-items: start;
    align-items: start;
}
.products_footer-3{
	display : flex;
	flex-wrap : wrap;
	justify-content:space-between;
}
.item{
	box-sizing:border-box;
}

/* Nav
-----------------------------------------*/
.Nav {
	position: relative;
	border-top:none;
}
#mobile-head .navbtn {
/*	display: block;
	position: absolute;
	top: 18px;
	right: 10px;*/
	position: absolute;
    right: 15px;
    top: 15px;
	width: 34px;
	height: 26px;
	vertical-align: -2px;
	cursor:pointer;
	font-family: "Noto Serif Japanese", メイリオ, "serif,ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}
#mobile-head .navbtn,
#mobile-head .navbtn div {
/*	display: block;
	position: absolute;
	top: 18px;
	right: 10px;
*/
	display: inline-block;
	transition: all .7s;
	box-sizing: border-box;
}
#mobile-head .navbtn div {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #01102a;
	border-radius: 1px;
}
#mobile-head .navbtn a,
#mobile-head .navbtn a.close {
	display: block;
	position: relative;
	width: 40px;
	height: 40px;
}
#mobile-head .navbtn a::before,
#mobile-head .navbtn a.close::before {
	position: absolute;
	top:10px;
	left:0px;
	content:"";
	width: 40px;
	height: 3px;
	background-color: #001638;
	transition: .7s;

}
#mobile-head .navbtn a.open::before {
	top:19px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);

}
#mobile-head .navbtn a::after,
#mobile-head .navbtn a.close::after {
	position: absolute;
	bottom:10px;
	left:0px;
	content:"MENU";
	width: 40px;
	height: 3px;
	background-color: #001638;
	transition: .7s;

}
#mobile-head .navbtn a.open::after {
	bottom:18px;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	content: "";
}
#mobile-head .navbtn a div {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #01102a;
	border-radius: 1px;
}
#mobile-head .navbtn a div:nth-of-type(1) {
	top: 0;
}
#mobile-head .navbtn a div:nth-of-type(2) {
	top: 13px;
}
#mobile-head .navbtn a div:nth-of-type(3) {
	bottom: 0;
}

#mobile-head .navbtn a.open div:nth-of-type(1) {
	-webkit-transform: translateY(12.5px) rotate(-45deg);
	transform: translateY(12.5px) rotate(-45deg);
}
#mobile-head .navbtn a.open div:nth-of-type(2) {
	opacity: 0;
}
#mobile-head .navbtn a.open div:nth-of-type(3) {
	-webkit-transform: translateY(-12.5px) rotate(45deg);
	transform: translateY(-12.5px) rotate(45deg);
}
#mobile-head .navbtn a.open {
}
.navbtn a span {
	display: block;
	overflow: hidden;
	width: 1px;
	height: 1px;
}
.navbtn a span::after,
.navbtn a.close span::after {
	position: absolute;
	top:18px;
	left:0px;
	content:"";
	width: 40px;
	height: 3px;
	background-color: #01102a;
}
.navbtn a.open span::after {
	display: none;
}

header > .inner > #global-nav > div > ul > li.gnav_2,
header > .inner > #global-nav > div > ul > li.gnav_3{
	display: block;
}
.sp_none_mt-mb20{
	margin: 0;
}
.cd-fixed-bg__content{
	background-color: #fff;
}
.cd-fixed-bg--4,
.cd-fixed-bg--4 .cd-fixed-bg__content{
	background-color: #000;
	padding: 0;
}
.cd-fixed-bg__content, .cd-fixed-bg h2 {
	position: static;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	-webkit-transform: none;
		-ms-transform: none;
			transform: none;
	width: 100%;
	/* max-width: none; */
}

.about_nomikata{
	overflow-x: scroll;
}
.about_nomikata img{
	width: 600px;
}
.bxslider > li {
    height: auto;
}

.mwform-radio-field label{
	display: block;
}
.mw_wp_form_preview .info_btn,
.mw_wp_form_preview .return{
	width: 100%;
}

.mw_wp_form_input #check_agree{
	width: 100%;
	margin: 10px auto;
}
.mw_wp_form_input .info_btn{
	width: 50%;
}

.mwform-tel-field input[type="text"] {
    width: 80px;
}

/*瑤雫 IWC 2019 SAKE部門 純米大吟醸の部ゴールドメダル受賞*/
.left-txt{
	display: block;
	width: 100%;
}

.right-img{
	display: none;
}

/*各地域で医療機関、看護施設、介護施設様向けに優先して
70～83%の高濃度エタノールを供給可能な酒造様*/
.spirit_sub-title{
	font-size: 1.2em;
}
.spirit_map_area{
	display: block;
}
.txt_left,
.img_right{
	width: 100%;
	display: block;
	padding: 1em 0;
}

.spirit_map_info{
	display: block;
}
.card_map{
	width: 100%;
	display: block;
	padding: 1em 0;
}

/* ========= */
/* 福袋ページ */
/* ========= */
/* TOP */
.main_bg{
	background-image: url(../images/main_sp.jpg);
	background-size:cover;
	background-position:center;
	padding: 3em 0;
}
.top_area{
	text-align: center!important;
}
.top_area img{
	width: 60%;
	margin: auto;
}
.top_sub_txt-happybag{
	padding: 2em 0;
}
.top_explanation_icon{
	padding: 0;
	width: 48%;
}

/* Variety */
.variety_sub_title{
	color: #1A4267;
	background-color: #FFFFFF;
	text-align: center;
	border-radius: 17px;
	width: 60%;
	margin: 1em auto;
	font-weight: bold;
	padding: 0.5em 0;
}
.variety_icon{
	width: 48%;
}
.variety_icon img{
	width: 80%;
}
.variety_txt{
	font-weight: normal;
}

/* モーダル */

.modal__content{
	padding: 15px;
	top: 50%;
	width: 90%;
	height : 70%;
}
.modal_title{
	display: block;
	font-size: 100%;
}
.modal_top_area_img,
.modal_top_area_txt{
	padding-bottom: 1em;
	width: 100%;
}
.modal_top_area_img img{
	width: 40%;
	vertical-align: middle;
}
.modal_top_sub_title{
	width: 58%;
	display: inline-block;
	font-size: 90%;
	vertical-align: middle;
}
.modal_recommend_area{
    padding: 1em;
}
.modal_recommend_txt,
.modal_recommend_graph{
	display: block;
	width: 100%;
}
.modal_recommend_box{
	display: block;
	width: 100%;
	padding: 0.5em;
	margin: 1em 0;
	font-size: 14px;
}
.modal_recommend_graph img{
	width: 100%;
}
.modal_btn{
	display: block;
	width: 100%;
}

/* FAQ */
.FAQ_block{
	display: block;
	margin: 1em 0;
	width: 100%;
}
.FAQ_sub_title_about,
.FAQ_sub_title_haisou{
	background-size: cover;
}

.FAQ_sub_title_about p,
.FAQ_sub_title_haisou p{
	font-size: 120%;
	font-weight: bold;
	padding: 1em 0 1.5em 6em;
}
.FAQ_icon_Q,
.FAQ_icon_A{
		display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #62A1D9;
	text-align: center;
	line-height: 40px;
	color: #fff;
	text-indent: 0px;
	margin-right: 10px;
	font-weight: bold;
	font-size: 150%;
}
.FAQ_icon_A{
	background: #EA6C6C;
}
.bukuro_bg{
	/* background-image:url(../images/bukuro_bg_sp.jpg);
	background-size:cover;
	background-position: top center;
	padding: 1em 0; */
	/* background-color: #EAF8FF; */
	background-color: #FAF7EC;
	padding-top: 1em;
}
.new-year_txt{
	text-align: left;
	font-weight: normal;
}
.fa-stack {
	position: relative!important;
}
.fa-stack-1x {
	font-size: 0.5em!important;
	margin-top: 6px;
}
.fa-stack-2x{
	font-size: 2.5em!important;
}

/* 春バージョン */
.spring_link_block{
	position: static;
}
.spring_link_area{
	text-align: center;
	padding: 3em 0;
	position: static;
}

/* ********* */
/* 復刻苗加屋 */
/* ********* */
.noukaya_top_area,
.noukaya_history{
	display: block;
	padding: 0;
}
.noukaya_top_box_img,
.noukaya_top_box_comment{
	width: 100%;
	padding: 1em;
}
.noukaya_top_box_img img{
	margin: auto;
}
.noukaya_top_box_comment img{
	width: 70%;
}
.noukaya_history_img,
.noukaya_history_box,
.noukaya_history_txt,
.noukaya_history_source{
	width: 95%;
	margin: auto;
}
.noukaya_history_img{
	margin: 1em auto;
}
.noukaya_sub-title{
	text-align: center;
}
.noukaya_history_year{
	padding: 0;
	width: 100%;
}
.line-vertical{
	margin: 2em 50%;
	height: 5em;
}
.noukaya_seihou_box{
	display: block;
	margin: 0!important;
}
.noukaya_seihou_img{
	padding: 0 0 1em 0;
}

.products_about-fukkokuNoukaya{
	display: block;
}
.products_about-fukkokuNoukaya ul{
	width: 100%;
}
.products_kind-fukkokuNoukaya #products_on{
	font-size: 80%;
}
.noukaya_shop_list_title{
	margin-bottom: 2em;
	line-height: 2em;
}
.noukaya_shop_list_title p{
	padding: 1em 0;
}
.noukaya_shop_list_area{
	display: block;
	padding: 0;
}
.noukaya_shop_list_box{
	display: flex;
	width: 100%;
	padding: 1em;
}
.noukaya_shop_list_koumoku{
	width: 30%;
	font-size: 90%;
	padding: 1em 0;
}
.noukaya_shop_list_txt{
	width: 70%;
	padding-right: 0;
}
.noukaya_bg02{
	padding-bottom: 1em;
}
.noukaya_seihou_txt{
	padding: 20px 20px 30px 20px;
}

@-webkit-keyframes fadeOutUp {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -200%, 0);
	  transform: translate3d(0, -200%, 0);
	}
  }
  
  @keyframes fadeOutUp {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -200%, 0);
	  transform: translate3d(0, -200%, 0);
	}
  }
  
  .fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
	visibility: visible;
    animation-duration: 1.5s;
  }