/* CSS Document */
@import	"../css/common.css";

.info-news {
	padding: 3vh 5vw;
    border: 1px solid #474747;
}

/*-----------------------------------------------------------------------*/
/*title*/
/*-----------------------------------------------------------------------*/
h2 {
	width: 780px;
	margin-bottom: 24px;
	background: url("image/title.png") no-repeat;
}
/*hideText*/
h2 span#main-title{
	display: none;
}
h3, 
h4{
	margin: 2.5em 0 1em;
}
p{
	margin-bottom: 1.25em;
}

#contents2 {
	width: 720px;
}


#left {
	width: 200px;
	margin: auto auto 5px 10px;
	float:left;
}

#right {
	width: 492px;
	margin: auto auto 5px 10px;
	float:right;
}

/*-----------------------------------------------------------------------*/
/*groupBanner*/
/*-----------------------------------------------------------------------*/
#group-banner {
	width: 492px;
	margin: auto auto 15px 60px;
	float:right;
}
#group-banner ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#group-banner ul li {
	float: left;
	margin: 0 9px 9px 0;
	padding: 0;
}
#group-banner ul li a {
	display: block;
	width: 150px;
	height: 150px;
}
/*haratan*/
li#gp-haratan, li#gp-haratan a {
	background: url("image/banner_haratan.png") no-repeat;
}
/*miuty*/
li#gp-miuty, li#gp-miuty a {
	background: url("image/banner_miuty.png") no-repeat;
}

/*kandon*/
li#gp-kandon, li#gp-kandon a {
	background: url("image/banner_kandon.png") no-repeat;
}
/*rogumi*/
li#gp-rogumi, li#gp-rogumi a {
	background: url("image/banner_rogumi.png") no-repeat;
}
/*itadakimasu*/
li#gp-itadakimasu, li#gp-itadakimasu a {
	background: url("image/banner_itadakimasu.png") no-repeat;
}
/*grioman*/
li#gp-grioman, li#gp-grioman a {
	background: url("image/banner_grioman.png") no-repeat;
}
/*omedetai*/
li#gp-omedetai, li#gp-omedetai a {
	background: url("image/banner_omedetai.png") no-repeat;
}
/*birioncoffee*/
li#gp-birioncoffee, li#gp-birioncoffee a {
	background: url("image/banner_birioncoffee.png") no-repeat;
}
/*baanboon*/
li#gp-baanboon, li#gp-baanboon a {
	background: url("image/banner_baanboon.png") no-repeat;
}
/*gou*/
li#gp-gou, li#gp-gou a {
	background: url("image/banner_gou.png") no-repeat;
}
/*gou2*/
li#gp-gou2, li#gp-gou2 a {
	background: url("image/banner_gou2.png") no-repeat;
}
/*toriden*/
li#gp-toriden, li#gp-toriden a {
	background: url("image/banner_toriden.png") no-repeat;
}
/*dotonbori*/
li#gp-dotonbori, li#gp-dotonbori a {
	background: url("image/banner_dotonbori.png") no-repeat;
}
/*katsusato*/
li#gp-katsusato, li#gp-katsusato a {
	background: url("image/banner_katsusato.png") no-repeat;
}
/*jyoujyouya*/
li#gp-jyoujyouya, li#gp-jyoujyouya a {
	background: url("image/banner_jyoujyouya.png") no-repeat;
}

/*hideText*/
#group-banner span {
	display: none;
}
/*clearHack*/
#group-banner ul{zoom:1;}
#group-banner ul:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}




/*-----------------------------------------------------------------------*/
/*shopMenu*/
/*-----------------------------------------------------------------------*/
#shop-menu {
	width: 180px;
	height: 148px;
	margin-bottom: 15px;
	background: url("image/menu_box.png") no-repeat;
}
#shop-menu ul {
	margin-left: 15px;
	padding-top: 15px;
	list-style: none;
}
#shop-menu ul li a {
	display: block;
}
li#shop-top a {
	width: 148px;
	height: 90px;
}
li#recipe a {
	width: 105px;
	height: 19px;
}
/*hideText*/
#shop-menu ul li span {
	display: none;
}

/*-----------------------------------------------------------------------*/
/*mainImage*/
/*-----------------------------------------------------------------------*/
#main-image {
	margin: auto auto 15px auto;
}
#main-image p {
	padding: 9px 15px;
}
/*-----------------------------------------------------------------------*/
/*recipeImage*/
/*-----------------------------------------------------------------------*/
#recipe-image {
	margin: auto auto 15px auto;
}
#recipe-image-bt {
	width: 230px;
	height: 30px;
	margin-left: 350px;
	background: url("image/bt_menu2.png") no-repeat;
	text-align: right;
}
#recipe-image-bt a {
	display: block;
	width: 230px;
	height: 30px;
}
/*hideText*/
#recipe-image-bt a span {
	display: none;
}
/*-----------------------------------------------------------------------*/
/*shopImage*/
/*-----------------------------------------------------------------------*/
#shop-image {
	margin: auto;
}


/*-----------------------------------------------------------------------*/
/*shopContents*/
/*-----------------------------------------------------------------------*/
#shop-contents {
	width: 570px;
}
/*hideText*/
#shop-contents h3 span {
	display: none;
}
#shop-contents div.data-box {
	width: 260px;
	background: #1b1b1b url("image/back_contents.png") no-repeat;
	float:left;
}

/*clearHack*/
#shop-contents{zoom:1;}
#shop-contents:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}


/*-----------------------------------------------------------------------*/
/*shopData*/
/*-----------------------------------------------------------------------*/
#shop-data {
	display: inline;
	float: left;
	width: 269px;
}
#shop-data h3 {
	width: 269px;
	height: 38px;
	background: url("image/t_data.png") no-repeat;
}
#shop-data table {
	width: 260px;
	margin: auto 3px 12px 3px;;
}
#shop-data table th, #shop-data table td {
	padding: 3px 6px;
	border-bottom: 1px solid #555;
	font-weight: normal;
	text-align: left;
}
#shop-data table th {
	white-space: nowrap;
}
/*-----------------------------------------------------------------------*/
/*mapData*/
/*-----------------------------------------------------------------------*/
#map-data {
	display: inline;
	float: right;
	width: 269px;
}
#map-data h3 {
	width: 269px;
	height: 38px;
	background: url("image/t_map.png") no-repeat;
}
#map-data iframe {
	margin: auto 3px;
}
#map-data a {
	display: block;
	padding-right: 6px;
	text-align: right;
}
/*-----------------------------------------------------------------------*/
/*custom*/
/*-----------------------------------------------------------------------*/
.goto ul{
	margin: 1em;
}
.goto h2{
	font-size: 2em;
}
.goto h3{
	font-size: 1.5em;
	border-bottom: 1px solid #e5b62e;
	padding-bottom: 0.2em;
}
.goto h4{
	font-size: 1.3em;
	border-left: 5px solid #e5b62e;
    padding-left: 1em;
}
.goto .flex-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.goto .flex-box a{
    background-color: #ffb130;
    color: #333;
    font-size: 1.2em;
    display: inline-block;
    text-align: center;
    border-radius: 8px;
    width: 45%;
    padding: 0.8em;
    margin-bottom: 1em;
}
.link_button a{
	background-color: #ffb130;
	font-weight: bold;
    color: #333;
    font-size: 1.2em;
    display: inline-block;
    text-align: center;
    border-radius: 8px;
    padding: 0.8em 2rem;
    margin-bottom: 1em;
}
.goto a.reserve_link{
    display: inline-block;
    padding: 0.5em 2em;
    background-color: #ffb130;
    color: #333;
    border-radius: 8px;
    font-weight: bold;
    margin: 1em 1em 2em;
}


@media ( max-width: 700px ){

#contents-box{
	width: 100%;
}

}