/* bootstrap4 hack*/
.no-gutters {
	margin:0;
	padding:0;
}
   
.no-gutters > .col,.no-gutters > [class*="col-"] {
	margin:0;
	padding:0;
}

.h2{
	font-weight: 700;
}

/* 背景 */
.bg-main{background-color:#222221;}
.bg-primary{background-color:#ad8242!important;}
.bg-yellowocher{background-color:#b6893c;}
.bg-glay{background-color:#c6c6c6;}
.bg-black{background-color:#000000;}
.bg-white{background-color:#ffffff;}

/* ランク背景 */
.bg-regular{background-color:#0066ad;}
.bg-bronze{background-color:#6c3c00;}
.bg-silver{background-color:#4e4e4e;}
.bg-gold{background-color:#ad8242;}
.bg-black{background-color:#000000;}
.bg-rank{
	border-radius: 1.75rem;
}

/* テキスト */
.text-white{color:#FFF;}
.text-green{color:#28a745;}
.text-black{color:#000;}
.text-red{color:#ff0000;}
.text-glay{background-color:#c6c6c6;}
.overflow-hidden{overflow:hidden;}

.text-lampblack{color:#222221;}
.text-yellowocher{color:#AD8242;}

.border-yellowocher{border-color:#AD8242!important;}

.border-1{border-width:1px!important;}
.border-2{border-width:3px!important;}
.border-3{border-width:5px!important;}
.border-4{border-width:7px!important;}

.white-hr{
	border-top:1px solid white;
}

/* 改行 */
@media screen and (min-width: 767px){	
	.br-pc { display:block; }
	.br-sp { display:none; }
}
@media screen and (max-width: 767px){	
	.br-pc { display:none; }
	.br-sp { display:block; }
}
/* 画像(縦横比を維持し、横幅いっぱい */
img.width_fill{
	width: 100%;
	height : auto;
}

/*--------------- primary color ---------------*/
.btn-primary {
    background: #ad8242;
    border-color: #ad8242;
    color: #ffffff;
}

.btn-primary.outline {
    border: 3px solid #ad8242; /*アウトラインのみのボタンの線の色*/
    color: #ffffff; /*アウトラインのみのボタンのテキストの色 */
}
.btn-primary:hover{
	background: #ad8242;
    border-color: #ad8242;
    color: #ffffff;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    background: #000000;
    border-color: #000000;
    color: #ffffff;
}

.btn-primary:focus, .btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(173, 130, 66, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled,.btn-primary.focus, .btn-primary:focus{
	background-color:  rgb(173, 130, 66);
	border-color:  rgb(173, 130, 66);
}

/*
.btn-primary:hover, .btn-primary:focus,
.btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:active.focus,
.btn-primary.active, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.btn-primary:hover,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary.focus,
*/
.btn-primary.disabled,
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
    background: #ad8242;
    border-color: #ad8242;
    color: #ffffff;
}




/*--------------- secondary color ---------------*/
.btn-secondary {
    background: #212121;
    border-color: #ffffff;
    color: #ffffff;
}

.btn-secondary.outline {
    border: 3px solid #212121; /*アウトラインのみのボタンの線の色*/
    color: #ffffff; /*アウトラインのみのボタンのテキストの色*/
}


.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    background: #212121;
    border-color: #212121;
    color: #ffffff;
}

.btn-secondary:focus, .btn-secondary.focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, 0.5);
}


/*
.btn-secondary:hover, .btn-secondary:focus,
.btn-secondary:active, .btn-secondary:active:focus, .btn-secondary:active:hover, .btn-secondary:active.focus,
.btn-secondary.active, .btn-secondary.active:focus, .btn-secondary.active:hover, .btn-secondary.active.focus,
.open > .dropdown-toggle.btn-secondary,
.open > .dropdown-toggle.btn-secondary:hover,
.open > .dropdown-toggle.btn-secondary:focus,
.open > .dropdown-toggle.btn-secondary.focus,
.btn-secondary.disabled,
.btn-secondary.disabled:hover, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus, .btn-secondary[disabled]:focus, fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled.focus, .btn-secondary[disabled].focus, fieldset[disabled] .btn-secondary.focus {
    background: #212121;
    border-color: #ffffff;
    color: #ffffff;
}
*/

/*----------------show color ---------------*/
.btn-show {
    background: #ffffff;
    border-color: #AD8242;
    color: #000000;
    border-width:4px;
}

.btn-show:hover, .btn-show:focus,
.btn-show:active, .btn-show:active:focus, .btn-show:active:hover, .btn-show:active.focus,
.btn-show.active, .btn-show.active:focus, .btn-show.active:hover, .btn-show.active.focus,
.open > .dropdown-toggle.btn-show,
.open > .dropdown-toggle.btn-show:hover,
.open > .dropdown-toggle.btn-show:focus,
.open > .dropdown-toggle.btn-show.focus,
.btn-show.disabled:hover, .btn-show[disabled]:hover, fieldset[disabled] .btn-show:hover,
.btn-show.disabled:focus, .btn-show[disabled]:focus, fieldset[disabled] .btn-show:focus,
.btn-show.disabled.focus, .btn-show[disabled].focus, fieldset[disabled] .btn-show.focus {
    background: #212121;
    border-color: #AD8242;
    color: #ffffff;
}

.btn-show.outline {
    border: 3px solid #212121; /*アウトラインのみのボタンの線の色*/
    color: #ffffff; /*アウトラインのみのボタンのテキストの色*/
}


.btn-stamplally{
	background-color:#d4b56f;
	background: #d4b56f;
    border-color: #d4b56f;
    color: #ffffff;
}
.btn-stamplally:hover{
	background-color:#d4c5a1;
	background: #d4c5a1;
    border-color: #d4c5a1;
    color: #ffffff;
}


.font-large{
	font-size:1.5rem;
}



@font-face {
	font-family: 'bravesFont';
	src: url(/fonts/castleton.otf);
}
@font-face{
	font-family: 'ab';
	src: url(/fonts/ab.otf);
}
.font-ab{
	font-family: ab;
}
.font-braves{
	font-family: bravesFont;
}
.largefont-braves,.process_title_font{ font-size: 5.0em; }
@media (max-width:767px) {
	.largefont-braves{font-size:3.5em;}
}
/* processサブタイトル */
.process_subtitle_font{ font-size:2.0em;}

/* processタイトル - スマホ */
@media (max-width:767px) {
	.process_title_font{ font-size: 2.0em; }
	.process_subtitle_font{font-size:0.8em;}
}

.middlelarge_font-braves{ font-size: 3em; }

.large_font{font-size:3.5em;}
@media (max-width:767px) {
	.large_font{font-size:2.5em;}
}
.middlelarge_font{font-size:2em;}
.middle_font{font-size:1.5em;}
.middlesmall_font{font-size:1.2rem;}

.top_welcome_font{font-size:2em;}
@media (max-width:767px) {
	.top_welcome_font{font-size:1.5em;}
}

/* Craftmen */
.craftmen_name{font-size:2.5em;}
.craftmen_position{font-size:1.5em;}

/* 各画面 */
.screen_bg_vh{
	height:60vh;
}
.screen_title_vh{
	height:30vh;
}

/* ボタン */
.btn-outline-yellowocher{
	color: #b6893c;
	background-color: transparent;
	background-image: none;
	border-color: #b6893c;
}


.btn-outline-black{
	color: #b6893c;
	background-color: transparent;
	background-image: none;
	border-color: #222221;
}

.btn-outline-black_white{
	color: #fff;
	background-color: transparent;
	background-image: none;
	border-color: #222221;
}

.btn-outline-yellowocher_white,.btn-outline-yellowocher_white:hover{
	color: #fff;
	background-color: #b6893c;
	background-image: none;
	border-color: #b6893c;
}


.main-font{
	font-family: 'Yatra One', cursive;
}

/* TOP */
.top-title-line-height{
	line-height:2em;
}

/* Whisky */
.whisky-detail{
	min-height:10em;
}
@media (max-width:769px) {
	.whisky-detail{
		min-height:0em;
	}
}

.whisky-name{
	min-height:4em;
}
@media (max-width:769px) {
	.whisky-name{
		min-height:2em;
	}
}


/* menu */
.menu_div{
	position:relative;
	height:20px;
	font-family: ab,Linotte, YuGothic,'Yu Gothic',游ゴシック体,游ゴシック,'ヒラギノ角ゴ Pro W3',
	'Hiragino Kaku Gothic Pro',Roboto,メイリオ,Meiryo,'ＭＳ Ｐゴシック',Osaka,'MS PGothic',Arial,Helvetica,Verdana,sans-serif !important;

}

.menu_font{
	font-size:1em;
}

@media (max-width:769px) {
	.menu_font{
		font-size:0.6em;
	}
}

.menu_under a{
	color:#000;
	text-decoration: none;
}

.menu_under:before{
	left : 50%;
	bottom: -20%;
	display: block;
	height: 2px;
	width: 0%;
	content: "";
	background-color: #000;
	position: absolute;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
}

.menu_under:after{
	top: -20%;
	left: 50%;
	display: block;
	height: 2px;
	width: 0%;
	content: "";
	background-color: #000;
	position: absolute;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
}

.menu_under:hover:before{
	left : 5%;
	width: 90%;
}
.menu_under:hover:after{
	left : 5%;
	width: 90%;
}

.menu_logout{
	position:absolute;
	right:1em;
	top : 1em;
	transform: translate(0%,0%);
}
.menu_logout_font{
	font-size:0.8rem;
}

/* ヘッダー */
header{
	font-size:13px;		/* 13px = タブレット横  */
}

div.logo_base{
	position:relative;
	height:30px;
}
@media (max-width:767px) {
	div.logo_base{
		position:relative;
		height:75px;
	}
}

img.top_logo{
	/* top:200%; */
	left:50%;
	display:inline!important;
	position:absolute;
	-webkit-transform:translate(-50%);
	-moz-transform: translate(-50%);
	-ms-transform: translate(-50%);
	-o-transform: translate(-50%);
	transform: translate(-50%);
	z-index:10;
}

/* トップロゴスケール */
@media (max-width:767px) {
	img.top_logo_scale{
		width:auto;
		max-height:140px;
	}
}

div.header_sentence{
	font-size:0.85em;
}

/*
div.header_wave{
	height:0.5em;
	background-color: #ffffff;
	background : url(/images/header-line-gold.png) repeat-x center;
	position : relative;
	//position : absolute;
	top:0;
	left:0;
	width:100%;
	z-index:5;
}
*/

.header_wave{
	position : relative;
}

.header_wave:before{
	background-image:url(/images/header-line-gold.png);
	background-size: contain;
	position : absolute;
	top:0px;
	left:0px;
	height:10px;
	width:100%;
	z-index:5;
	content:"　";
}

.footer_wave{
	position: relative;
}

.footer_wave:after{
	background-image:url(/images/footer-line-darkgray.png);
	background-size: contain;
	position : absolute;
	bottom:0;
	left:0px;
	height:10px;
	width:100%;
	z-index:5;
	content:"　";
}

div.footer_contents{
	position : relative;
}

div.footer_copyright{
	font-size:0.85em;
}

/* ログイン画面背景画像 */
.login-bg-img{
	background: url(/images/toppage_background.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.login-comfirmation-bg-img{
	background: url(/images/comfirmation_background.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.login-signup-bg-img{
	background: url(/images/signup_background.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.login-passreset-bg-img{
	background: url(/images/passreset_background.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.top-bg-img:before{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background:url(/images/top_background.jpg) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
}

.top-welcome-bg-img{
	background: url(/images/welcome_japan.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


.story-bg-img:before{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background:url(/images/story_top_background.jpg) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
}


.process-bg-img:before{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background:url(/images/process_top.jpg) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
}

.craftmen-bg-img:before{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background:url(/images/craftmen/craftmens_top_background.jpg) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
}

.whisky-bg-img:before{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background:url(/images/whisky_top.jpg) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
}

.contact-bg-img:before{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background:url(/images/contact_bg.jpg) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
}

/* fixしない */
.whisky-klyver-bg-img{
	background: url(/images/whisky/klyver-background.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center 60%;
}
.whisky-klyver-height{
	height:270px;
}

.whisky-klyver-title-box{
	border:1px solid #ffffff;
	height:128px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.whisky-klyver-title-font{
	font-size:2.0em;
}

@media( maxwidth:768px){
	.whisky-klyver-title-font{
		font-size:2.5em;
	}
}

/* fixしない */
.whisky-je-bg-img{
	background: url(/images/whisky/je_background.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center 20%;
}

.whisky-etc-height{
	height:270px;
}
.whisky-etc-title-font{
	font-size:2.0em;
}
@media( maxwidth:768px){
	.whisky-etc-title-font{
		font-size:2.5em;
	}
}

.rank_desc-bg-img:before{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background:url(/images/mypage/status-bg.png) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
}



div.login_bg_height,div.contents_bg_height{
	min-height: 690px;
}


div.contents_bg{
	/* border:1px solid #cecece; */
	background-color: rgba(10,10,10,0.9);
}
div.error_container{
	min-height: 600px;
}

nav.mobile_menu{
	position : fixed;
	top : 0;
	right : 0;
	left : 0;
	z-index: 20;
	padding : 0.5rem;
}


/* regist */
div.box_scroll{
	overflow:auto;
	height:320px;
	border:1px solid #000;
	background-color:#F9F9F9;
	color:#000;
	font-size:12px;
}

div.top_card{
	min-height:460px;
	position: relative;
	overflow: hidden;
}

@media (max-width:767px) {
	div.top_card{
		min-height:350px;
		position: relative;
		overflow: hidden;
	}
}

div.top_card > img.bg{
	left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover; /* 比率保持して拡大 */
}

div.top_contents_glay{
	background : url(/images/top_glay.png)  center repeat;
	/* background-size: cover; */
	min-height: 335px;
}
@media (max-width:767px) {
	div.top_contents_glay{
		background : url(/images/top_glay.png)  center repeat;
		/* background-size: cover; */
		min-height: 200px;
	}
}


div.bg_parent{
	min-height:350px;
	position: relative;
	overflow: hidden;

}
div.bg_parent > img{
	left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover; /* 比率保持して拡大 */
}

/* */
button.mobile-toggler{
	padding: .25rem .25rem;
	font-size: 1rem;
	line-height: 1;
	background-color: transparent;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: .25rem;
}
/* フッター */
.footer_sms_log{
	height:46px;
}

/* Media */
.media > img{
	width:64px;
	height:64px;
}

/* 画像を丸く切り抜く */
.image-round1{
  border-radius: 50%;
}

/* 中央寄せ */
img {
	display: block;
	margin: 0 auto;
}


/* footer */
div.footbox2{height:24px;}
div.footbox3{height:24px;}

/*----------------------------- mypage -----------------------*/
/* white -> blue (redius on) mypage point btn */
.btn-point-white_blue{
	background-color: #c6c6c6;
	background-image: none;
	border-color: #c6c6c6!important;
	border-radius: 0.75rem;
}
.btn-point-white_blue:hover{
	background-color: transparent;
	background-image: none;
	opacity: 0.7;
}

.icon-point-btn{
	background:url(/images/mypage/mypage-icon-point.png) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.icon-pointchange-btn{
	background:url(/images/mypage/mypage-icon-pointchange.png) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.icon-rank-btn{
	background:url(/images/mypage/mypage-icon-rank.png) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.icon-stamp-btn{
	background:url(/images/mypage/braves_stamp_icon_g.png) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.mypage_iconbtn{
	min-height:55px;
	min-width:55px;	
}



.mypage_conteinar .mypage_contents{
	min-height:650px;
}

.mypage_conteinar .mypage_headimg{
	min-height:500px;	
}
@media (max-width:767px) {
	.mypage_conteinar .mypage_contents{
		min-height:450px;
	}
	.mypage_conteinar .mypage_headimg{
		min-height:250px;
	}
}

.mypage_conteinar .rank-box{
	height:3rem;
}
.mypage_conteinar .rank-text{
	font-size:2.5rem;
}
@media (max-width:480px) {
	.mypage_conteinar .rank-text{ font-size:1.7rem; }
}
.mypage_conteinar .rank-badge{
	height:13rem;
}

.mypage_conteinar .triangle{
	border-top:   solid 16px var(--main-bg-color);
	border-left:  solid 16px transparent;
	border-right: solid 16px transparent;
}

.mypage_conteinar .my_parent{
	position:relative
}
.mypage_conteinar .my_child{
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
}

.mypage_conteinar .ci-bg-img{
	background:url(/images/mypage/ci-bg.png) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.mypage_conteinar .t-bg-img{
	background:url(/images/mypage/t-bg.png) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.mypage_conteinar .post_contents{
	word-wrap:break-word;
}

.mypage_menutab a{
	color:#ffffff;
}
.mypage_menutab a:hover{
	color:#c6c6c6;
	text-decoration: none;
}

.mypage-header-menu-border{
	border-bottom:solid 3px #ad8242;
}
.mypage_iconbtn {
    min-height: 55px;
    min-width: 55px;
}
.icon-point-btn{
	background:url(/images/mypage/mypage-icon-point.png) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.icon-pointchange-btn{
	background:url(/images/mypage/mypage-icon-pointchange.png) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* ページング処理 */
.page-item.active .page-link{
	z-index: 1;
    color: #fff;
    background-color: #ad8242;
    border-color: #ad8242;
}

.page-link:focus, .page-link.focus,
.page-link:not(:disabled):not(.disabled):active:focus,
.page-link:not(:disabled):not(.disabled):focus,
.show > .page-link.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, 0.5);
}

/* フッタの最下部固定 */
html {
  height: 100%;
  font-size:14px;
  overscroll-behavior: none;	/* バウンススクロール */
}
body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  color:#fff;
}


/* メインコンテンツ */
.my_container {
	flex: 1;
}

/* 共通モーダルの設定 */
.commonModal{
	color:#000000;
}

/*------ POST ----------*/
/* POSTコンテンツ内の画像はレスポンシブ */
div.post_contents * img{
    height:auto;
    max-width:100%;
}
.post_img{
	max-height:400px;
}

/*------ タイムライン -----*/


div.timeline_pageing .page-link{
	color:#6c757d;
}

@media (min-width:767px) {
	div.tl-card{
		min-height:250px;
	}
}
@media (max-width:767px) {
	div.tl-card{
		max-height:150px;
	}
}



img.tl-img{
	width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}

div.tl-box{
	margin : 0 1em;
	border-radius: 6px;
	padding: 0.5em;
	background-color:#c0c0c0;
	/* -webkit-box-shadow: 0px 2px rgba(0,0,0,0.3);*/
	/* box-shadow: 0px 2px rgba(0,0,0,0.3); */
}

/*----- LP --------*/
.lp-body-font{
	font-size:16px;
}

/*----- Online Shop ------*/
.bmenbersonly-text{ min-height:10rem; }
.limitedbottling-text{ min-height:10rem; }
@media (max-width:767px) {
	.bmenbersonly-text{ min-height:1rem; }
	.limitedbottling-text{ min-height:1rem; }
}
.bmenbersonly-set-img{
	min-height:300
}

table thead th{
	white-space: nowrap;
}

.nowrap{
	white-space: nowrap;
}

.top-content-title-jp {
    font-style: normal;
    font-size: 2.0em;
    letter-spacing: 0.04em;
}
.top-content-text-muted {
	color:#2c2c2c;
}


/*----------------------------- backend ----------------------------------*/
/* ----- 商品表示レイアウト -----*/
.product_layout .block-header-title{ 
    font-size:2.5rem;
    cursor: move;
}

.product_layout .i_disabled{
    color:#d9d9d9
}
.product_layout .cursor-pointer{
    cursor:pointer;
}
.product_layout .product_box{
    min-height:150px;
}

.product_layout .product-body{
    position: relative;
}
.product_layout .product-footer{
    position: absolute;
    top:12.5rem;
}

.product_layout .product_img{
    max-height:140px;
}

/* reCATPCHA logo hidden */
.grecaptcha-badge{
	visibility: hidden;
}

/* 疑似Readonly */
.pseudo_readonly{
	background-color: #e9ecef;
	pointer-events: none;
}