﻿/* CSS Document */

.ml_only{
	display: block
}


h1.logo {
    letter-spacing: 2px;
    font-size: 140%;
}

.footer {
	max-width:900px;
    margin: 0 auto;
    font-size: 14px;
}
.fNaviSp {
    display: none;
}
.fNaviEnglish {
position: static;
}
.footer li {
    margin-bottom: 1.0em;
}
.fNaviPc {
    display: block;
}

.fSnsList {
	float: right;
}
.fSnsList li:last-child a {
	padding-right:0px;
}
/*
.copyright {
    position: absolute;
    bottom: 5px;
    right: 30px;
}
*/

.head_lang{
    font-size: 11px;
}

.head_access a {
    padding: 5px 10px;
    font-size: 100%;
}
header .inner {
	padding:0 10px;
}
header .inner #global-nav {
    width: 78%;
}
header > .inner > div > a{
	font-size: 0.9em;
}
header > .inner > #global-nav > div > ul {
/*    width: 55%;*/
    width: 100%;
    font-size:80%;
}
/*
header .inner #global-nav ul li{
	border-right:solid #999999 1px;
    padding-right:10px;
}*/
header > .inner > #global-nav > div > ul > .gnav_5 {
	border-right:none;
}
header > .inner > #global-nav > div > ul > li > a{
	display:block;
}
.hederInfo .fontB {
	/* font-size:0.8rem; */
	font-size:0.7rem;
}
.hederInfo .fontS {
	font-size:0.75rem;
}
.hederInfo .fontB span {
	font-size:1.0rem;
}
.head_box-box{
	display: block;
}
.head_box-box img{
    width: 130px;
    height: 33px;
}
.nature_main_txt {
	font-size:150%;
}

/*
.history_title {
    font-size: 140%;
}
*/
.top_products_link a {
    height: 150px;
    line-height: 90px;
}
.head_title img, 
header > .inner > div > a > div {
	width:120px;
}


.water_box{
	padding:10px;}
	

.prodct_title {
    font-size: 1.6em;
}

/*
.kounyuu_link_btn {
    font-size: 150%;
    padding: 10px;
    width: 40%;
}
*/
.sub_products_link a {
    width: 65%;
}

.overview_map .w1180 .f_link{
	position:absolute;
	bottom:0;
	right:0;}
    
#upper_stage li {
    width: 30%;
    margin: 0 5px;
}
#lower_column li {
    width: 23%;
    margin: 0 5px;
}
/*
.kenkyu_pic{
    height:215px;}

.history_year2 {
    font-size: 110%;
}

.history_title.pc_none {
    font-size: 180%;
}

.history_txt_txt {
    font-size: 100%;
}

.history_content_border {
    padding-bottom: 40px;
}
.history_content_2 .history_content_border, .history_content_3 .history_content_border, .history_content_4 .history_content_border, .history_content_5 .history_content_border, .history_content_6 .history_content_border {
    padding: 60px 0 40px;
}
.history_year {
    font-size: 200%;
}
*/
.prodct_title_moon{    
    font-size: 2.4em;
    text-shadow: 0 0 20px #000;
}

.top_harry_bnr{
	margin-top:40px;}
.top_harry_bnr a{
	padding:10px;
	font-size:80%;}
	
/*IE10以降に適用されるCSSハック（一応）*/
@media all and (-ms-high-contrast:none){
  
.top_title.pc_tab_tate{
	left:50%;
	margin-left:-45px;
	position:relative;
	}
}
.products_content div h2{
	font-size: 300%;
}
.products_content div p{
	font-size: 100%;
}
.newsTop{
    width: 85%;
}
.you_label-mine,
.you_label-shizuku{
    background-size:cover;
    padding-top: 30px;
    padding-bottom: 30px;
}

.school_img img{
    width: 30%;
}
.school_top_title{
    font-size: 220%;
}
.news_side{
    padding:1em 1.5em 0 0;
}
.news_side h1 {
    font-size: 1em;
}
.news_side ul {
    padding: 5px 5px 30px 5px;
    font-size: 0.8em;
}
.noukaya_main_foot{
    padding: 50px 20px;
}
.kodawari_main_foot-label{
    /* width: 32.8%; */
    font-size: 90%;
}
.noukaya_main_foot h2,
.kodawari_main_foot h2{
    font-size: 180%;
}
.noukaya_box-txt h1 {
    font-size:100%;
}
.noukaya_box-img img{
	display: block;
    margin:auto;
    /* width:50%; */
}
.noukaya_prof{
    padding: 25px;
}
.noukaya_box-txt-txt{
    font-size: 90%;
}
.sub_title_4{
    font-size: 150%;
}
.sub_title_you{
    font-size: 180%;
}
.taisyo_content{
	padding: 30px 0;
}
.top_box-img,
.top_box-txt-kodawari,
.top_box-txt{
    width: 50%;
}
.top-bnrl_content h3 {
    font-size: 180%;
    top: 14%;
}
.top-bnrl_content .top_sub_txt {
    font-size: 100%;
    top: 26%;
}
.top-bnrl_content .top_sub_txt-txt {
    font-size: 80%;
    top: 38%;
}
.top-bnrl_content .top_sub_txt-right, 
.top-bnrl_content .top_sub_txt-left,
.top-bnrl_content .top_sub_txt-onlineShop{
    font-size: 80%;
    top: 80%;
}
.kodawari_main_content h3,
.kodawari_main_content p {
    font-size: 90%;
}
.sub_title_top{
    font-size: 180%;
}
.top_box-txt-txt{
    font-size: 100%;
}
.top_box-txt-txt-s,
.top_box-txt-left,
.top_box-txt-right{
    font-size: 80%;
}

.kodawari_main_labelB {
	/* padding: 120px 0 10px 0; */
	padding: 100px 0 20px 0;
}
.kodawari_box-txt{
    width: 50%;
}
.imgPresident{
    margin-bottom: 1.1em;
}
.top_box-txt-kodawari .top_box-txt-right{
	margin-left: 53%;
}
.clm_box-img{
    margin: 0 auto;
}

/* 福袋ページ */
.top_sub_txt-happybag{
    font-size: 80%;
}
.sub_title-happybag img{
	width: 70%;
}
.FAQ_sub_title_about,
.FAQ_sub_title_haisou{
	background-size: 40%;
}
.FAQ_sub_title_about p,
.FAQ_sub_title_haisou p{
    font-size: 100%;
    padding: 0.5% 0 2% 10%;
}

.modal__content{
	width: 80%;
	height : 70%;
}
.modal_top_area_img,
.modal_top_area_txt{
    display: block;
    text-align: center;
    width: 100%;
}
.modal_recommend_area{
    padding: 1em;
}
.modal_top_area_img img{
    width: 50%;
}
.modal_recommend_txt,
.modal_recommend_graph{
	display: block;
    width: 100%;
}
.modal_recommend_graph{
    margin: 1em;
}
.modal_recommend_box{
	display: block;
	width: 100%;
	padding: 0.5em;
	margin: 1em 0;
	font-size: 14px;
}
.modal_recommend_graph img{
	width: 70%;
}
.modal_btn{
	display: block;
    width: 70%;
    margin: auto;
}

/* happybag */
/* .main_bg{
	background-image: url(../images/main_ml.jpg);
	background-size:cover;
	padding: 8vh 0;
} */

/* 春バージョン */
.spring_link_area{
	bottom: 7%;
	right: 13%;
}
.spring_link_area span{
	padding: 0.3em;
}
.spring_link_area a{
	font-size: 50%;
}

/* ********* */
/* 復刻苗加屋 */
/* ********* */
.noukaya_top_box_img,
.noukaya_top_box_comment{
	padding: 2em;
}
.products_about-fukkokuNoukaya{
	display: block;
}
.products_about-fukkokuNoukaya ul{
	width: 100%;
}
.products_about-fukkokuNoukaya .w40{
	font-size: 90%;
}
.products_kind-fukkokuNoukaya ul {
	width: 90%;
	margin: auto;
}
.products_kind-fukkokuNoukaya ul li{ 
	width: 44%;
	margin: 10px 5px;
	font-size: 80%;
}
.products_kind-fukkokuNoukaya #products_on{
	font-size: 80%;
}
.noukaya_shop_list_area{
	display: block;
    padding: 0;
}
.noukaya_shop_list_box{
	display: flex;
	width: 100%;
	padding: 1em;
}
.noukaya_shop_list_koumoku{
	width: 30%;
}
.noukaya_shop_list_txt{
	width: 70%;
}