@charset "UTF-8";


/* ========BASIC======== */

/* ========配置======== */
#hayashi{
	position:absolute;
	top:50px;
	right:0;
	}
#medaka{
		position:absolute;
    top:500px;
	left:45px;
	}
	
.noma{
	position:absolute;
    top:0px;
	right:0px;
	}
.back_b{
	background-image:url(../img/back_b.png);
	background-position:center 240px;
	background-repeat:no-repeat;
	}
	
.back_b2{
	/*background-image:url(../img/back_b2.png);*/
	background-position:center 315px;
	background-repeat:no-repeat;
	}
	
	
/*-----ページトップへ---------------------------------*/

#side {
    position: fixed;
	padding:3px;
	padding-top:20px;
   top: 0px;
    left: 15px;
	
}

/* ========TEMPLATE LAYOUT======== */



#container{
  position:relative;
  margin-left:auto;
  margin-right:auto;
  width:960px;

	}
#top{
	
	height:300px;}
#title{
top:px;}	
#main{
	
	}
	
#footer{
	width:550px;
	
	margin-top:20px;
	}

#pageTop {
   clear:both;
}



	
/* =======TOP======== */

/* ========MENU======== */

/* ========MAIN======== */
#main{
	margin-top:0px;
}

#main a {
   color:#0172AB;
}

#main a:hover {
   color:#0172AB;
   border:0;
   text-decoration:underline;
}
#main p{
	padding-left:20px;
	font-size:14px;
	}


#main h3 {
   margin-bottom:2px;
   padding-left:12px;
   font-size:18px;
   font-weight:bold;
  
}


#main h4 {
   margin:5px 0 2px 0;
   padding:2px;
   font-size:15px;
   background:#d0dfe9;
}

#main h5 {
   margin-top:5px;
   margin-bottom:2px;
   font-size:13px;
   color:#0088D0;
   border-bottom:2px solid #0088D0;
}

#main h6 {
   margin-bottom:2px;
   font-size:13px;
   color:#0088D0;
}

#main p {
   margin:0 0 1em 0;
}

#main div.section {
   margin-bottom:30px;
}




/* ========PAGRTOP CUSTOMIZE========= */
#pageTop {
   text-align:right;
   font-size:14px;
}

#pageTop a {
   padding:0 0 0 12px;
   background:url("../images/bg_pagetop.gif") 0 50% no-repeat;
}


/* ========FOOTER CUSTOMIZE======== */
.f_left{
	float:left;
	text-align:center;
	padding:10px;
	padding-left:70px;}
.copyright {
   font-style:normal;
   font-size:11px;
   color:#999;
   line-height:3.0;
}

.copyright a{
	color:#33F;}
	

/* ========各ページ======== */
#g_menu{
	font-style:italic;
	color:#666;
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:16px;
	
	}
#d_menu{
	font-style:italic;
	color:#666;
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:16px;
	}
#d_menu dt{
	width:300px;
	}
.bi{
	position:relative;
	}

.bi_c{
	position:absolute;
	width:100%;
	height:100%;
	top:40px;
	text-align:center;}
dl.drink dt{
	width:230px;
	float:left;
	clear:left;
	margin:0px;}
dl.drink dd{
	width:110px;
	float:left;
	margin:0px;
	padding:0px;}

dl.drink dd div{
	margin:0px;
	padding:0px;
	}

.wh{
	background-image:url(../img/wh.png)}

/* ========2019-03-20======== */

.kyuujin {
    font-size: 18px;
}

.kyuujin_hojo div{
    text-align: center;
    background: #fff09e;
    border: 2px #333 solid;
    border-radius: 20px;
    padding: 0.2em 1em;
    margin: 0.1em 0.5em;
    
}

.kyuujin_naiyou {
    background: #fff;
    padding: 1em;
    border: 2px solid #dc6000;
    border-radius: 10px;
}

.kyuujin_side span{
    background: #008740;
    color: #ffeb00;
    padding: 0.2em 0.5em;
    border-radius: 50px;
    
}

.kyuujin_green_maru {
    background: #008740;
    color: #ffeb00;
    padding: 0.2em 0.5em;
    border-radius: 50px;    
}

/*============================
flexbox
============================*/

.flex_w {
	display: -webkit-flex;
	display: flex;
	width: 100%;
}

.flex_wc {
	display: -webkit-flex;
	display: flex;

}

.flex1 {
	-webkit-flex: 1;
	flex: 1;
}

.flex2 {
	-webkit-flex: 2;
	flex: 2;
}

.flex3 {
	-webkit-flex: 3;
	flex: 3;
}

.flex4 {
	-webkit-flex: 4;
	flex: 4;
}

.flex5 {
	-webkit-flex: 5;
	flex: 5;
}


/*============================
to_photo
============================*/

.to_photo {
    text-align: center;
    font-size: 1em;
    margin: 0.5em;
    color: #5a0000;
    
}

.to_photo > .flex1 {
    text-align: center;
    font-size: 1.5em;
    background: #fafafa;
    padding: 0.5em;
    margin: 0.3em;
    /* box-shadow */
    box-shadow:3px 3px 6px 3px #b2b2b2;
    /* border-radius */
    border-radius:6px;
    /* border */
    border:1px solid #cccccc;
}

.to_photo > .flex1 > span {
    color: red;
}

.to_photo img {
    width: 95%;
    margin: auto;
}

.to_menu_txt {
    border-top:1px solid #999999; 
    font-weight: bold;
}

.to_menu_txt > .flex1 {
    padding: 5px;
}

.to_menu_txt span {
    color:red;
    font-weight: normal;
}




.to_link {
    margin: 1.5em auto;
    padding: 5em auto;
    background: #fff url("../img/takeout20200429/sousyoku/to_icon.png") 90% no-repeat;
    background-size: contain;
    /* box-shadow */
    box-shadow:3px 3px 6px 3px #b2b2b2;
    /* border-radius */
    border-radius:6px;
    /* border */
    border:1px solid #cccccc;   
}

.to_link a {
    margin: 1em auto;
    font-size: 2em;
    text-decoration: underline;
    padding: auto;
}