@charset "UTF-8";
@import url("../tripro/style.css");
@import url("common/css/reset.css");

/*
Theme Name:トリプロプラス main template
Template:   tripro 
*/

/* template 子テーマ用のスタイルを書く */

img{
	max-width: 100%;
	height: auto;
}
/*全画面黒背景*/
.overlay_wrap{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,0.50);
	z-index: 10000;
	display: none;
}
/*ポップアップブロック*/
.popup_wrap{
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	z-index: 10001;
	display: none;
}
.popup_wrap .btn_close{
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

/*店舗情報のアイコン　オフ時*/
.img_block.eatin{background-image: url(common/img/shop/ico_eatin_off.png)}
.img_block.foodcoat{background-image: url(common/img/shop/ico_foodcoat_off.png)}
.img_block.tekeout{background-image: url(common/img/shop/ico_tekeout_off.png)}
.img_block.tachinomi{background-image: url(common/img/shop/ico_tachinomi_off.png)}
.img_block.osake{background-image: url(common/img/shop/ico_osake_off.png)}
.img_block.park{background-image: url(common/img/shop/ico_park_off.png)}
/*店舗情報のアイコン　オン時*/
.ico_eatin .img_block.eatin{background-image: url(common/img/shop/ico_eatin.png) !important}
.ico_foodcoat .img_block.foodcoat{background-image: url(common/img/shop/ico_foodcoat.png) !important}
.ico_tekeout .img_block.tekeout{background-image: url(common/img/shop/ico_tekeout.png) !important}
.ico_tachinomi .img_block.tachinomi{background-image: url(common/img/shop/ico_tachinomi.png) !important}
.ico_osake .img_block.osake{background-image: url(common/img/shop/ico_osake.png) !important}
.ico_park .img_block.park{background-image: url(common/img/shop/ico_park.png) }
/*画像表示ボックス*/
.img_block{
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.img_block::after{
	content: "";
	display: block;
	padding-top: 100%;
}
.wrap_take_out .block_01 .img_block::after{
	content: "";
	display: block;
	padding-top: 78%;
}

input[type="text"], input[type="url"], input[type="password"], input[type="email"], input[type="search"], input[type="tel"], textarea {
    background-color: #fff;
    background-image: none;
    border: 1px solid #333;
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
    color: #333;
    display: block;
    font-size: 16px;
    line-height: 1.42857;
    padding: 6px 12px;
    -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    box-sizing: border-box;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="url"]:focus, input[type="tel"]:focus, textarea:focus {
	border: 1px solid #333;
	background: #fff;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
	color: #333;
}