/* = Reset CSS
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
dl,dt,dd,ul,ol,li {	list-style: none;}

body {
	background-color: #FDF4FB;
	margin: 0;
	padding: 0;
}

#head_base {
	background-color: #fff;
}

footer {
	background-color: #fff;
	padding: 50px 0 10px;
}

/* 大タイトル
---------------------------------------------------*/

h1 {
	background-color: #fff;
	padding  : 25px 0;
	font-size: 25px;
	color: #525151;
	margin: 0 0 50px;
	font-weight: 500;
}
/* font-weightを追加　okuyama */

h1 > .tt {
	display: block;
	max-width: 1150px;
	margin: 0 auto;
}


/* コンテンツ
---------------------------------------------------*/

#content {
	max-width: 1200px;
	min-width: 650px;
	margin: 0 auto;
	width: 100%;
}

/* -- メインビジュアル -- */

#content .mvs {
	width: 100%;
	overflow: hidden;
	margin-bottom: 50px;
}

#content .mvs img {
	max-width: 597px;
	min-width: 321px;
	width: 49.5%;
	height:auto;
}

#content .mvs img:first-child {
	margin-right: 6px;
}

/* -- グーグルマップ -- */

#content #googlemap_area{
	width: 84%;
	margin: 0 8% 50px;
}

#content #googlemap_area iframe {
	width: 100%;
	margin-bottom: 10px;
	height: 515px;
}

#content #googlemap_area .cmt {
	color:#DE2296;
	margin-bottom: 10px;
	font-weight: 300;
}

#content #googlemap_area dl dt,
#content #googlemap_area dl dd {
	display: inline-block;
	margin: 0 0 0 10px;
	font-weight: 400;
}
#content #googlemap_area dl dd:nth-of-type(1) {
	color: #F80521;
	font-weight: 400;
}
#content #googlemap_area dl dd:nth-of-type(2) {
	color: #27CB27;
	font-weight: 400;
}
#content #googlemap_area dl dd:nth-of-type(3) {
	color: #20BACE;
	font-weight: 400;
}

/* -- アコーディオン -- */

#content dl.shoplist {
	max-width: 1150px;
	width: 100%;
	margin: 0 auto 0px;
}

#content dl.shoplist dt {
	background: #EEA2B4 url("../images/shoplist/icon_down.png") no-repeat right 10px center;
	border-bottom: solid 1px #DE2296;
	padding: 10px;
	font-size: 20px;
	display: block;
	color: #fff;
}

#content dl.shoplist dt.on {
	background: #EEA2B4 url("../images/shoplist/icon_up.png") no-repeat right 10px center;
	border-bottom: solid 1px #DE2296;
}

#content dl.shoplist dd {
	background-color: #fff;
	padding: 25px;
	margin: 0;
}

/* 店舗内容 */
#content dl.shoplist dd .article {
	border: solid 2px #E4E4E4;
	padding: 20px;
	margin-top: 25px;
}
#content dl.shoplist dd .article:first-child {
	margin-top: 0px;
}

#content dl.shoplist dd .article .head {
	border-bottom: dotted 2px #E4E4E4;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#content dl.shoplist dd .article .head h2 {
	display: inline-block;
	margin-right: 10px;
	font-size: 20px;
	font-weight: 500;
}

#content dl.shoplist dd .article .head ul {
	display: inline-block;
}

#content dl.shoplist dd .article .head ul li {
	display: inline-block;
	margin-right: 5px;
}

#content dl.shoplist dd .article .head ul li.den {
	color: #F80521;
	font-size: 20px;
	font-weight: 400;
}

#content dl.shoplist dd .article .head ul li.nichi {
	color: #27CB27;
	font-size: 20px;
	font-weight: 400;
}

#content dl.shoplist dd .article .head ul li.nishi {
	color: #20BACE;
	font-size: 20px;
	font-weight: 400;
}

#content dl.shoplist dd .article .head .category {
	color: #F79437;
	line-height: 1;
	font-size: 17px;
	font-weight: 400;
	margin-top: 8px;
}

#content dl.shoplist dd .article address {
	font-style: normal;
	font-size: 17px;
	font-weight: 400;
}

#content dl.shoplist dd .article table {
	margin-bottom: 15px;
}

#content dl.shoplist dd .article table th {
	text-align: left;
	font-size: 17px;
	font-weight: 400;
}

#content dl.shoplist dd .article table td:before {
	content: ": ";
}

#content dl.shoplist dd .article ul.btn li {
	display: inline-block;
	margin-right: 20px;
}

#content dl.shoplist dd .article ul.btn li a {
	display: inline-block;
	color: #fff;
	background-color: #ccc;
	padding: 5px 15px;
	width: 270px;
	font-size: 18px;
	border-radius: 6px;
	text-align: center;
	text-decoration: none;
}

#content dl.shoplist dd .article ul.btn li.hp a {
	background-color: #ED907E;
	font-size: 18px;
	font-weight: 400;
}

#content dl.shoplist dd .article ul.btn li.twr a {
	background-color: #1DA1F2;
	font-size: 18px;
	font-weight: 400;
}

#content dl.shoplist dd .article ul.btn li.gmp a {
	background-color: #3FC8B6;
	font-size: 18px;
	font-weight: 400;
}

#content dl.shoplist dd .article ul.btn li a:hover{
	background-color: #4D6A79;
}

/* -- 日本橋総合案内所 -- */

#content .information {
	border: solid 2px #E07DBA;
	background-color: #fff;
	max-width: 800px;
	border-radius: 10px;
	padding: 35px 100px;
	margin:  50px auto 50px auto;
}

#content .information h2 {
	background: url("../images/shoplist/bg_line.png") no-repeat center bottom;
	padding-bottom: 25px;
	margin-bottom: 25px;
	text-align: center;
	font-weight: 500;
}
	
#content .information p.annai {
	color: #C12886;
	font-size: 20px;
	margin-bottom: 15px;
	font-weight: 400;
}

#content .information address {
	font-style: normal;
	font-size: 20px;
	font-weight: 400;
}

#content .information table {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 400;
}

#content .information table th {
	text-align: left;
	font-weight: 400;
}

#content .information table td:before {
	content: ": ";
}
	
#content .information ul.btn li {
	margin-top: 25px;
}
	
#content .information ul.btn li a {
	display: inline-block;
	color: #fff;
	background-color: #ccc;
	padding: 5px 15px;
	max-width: 750px;
	width: 100%;
	font-size: 18px;
	border-radius: 6px;
	text-align: center;
	text-decoration: none;
}

#content .information ul.btn li:nth-of-type(1) a {
	background-color: #3FC8B6;
	font-weight: 400;
}

#content .information ul.btn li:nth-of-type(2) a {
	background-color: #C12886;
	font-weight: 400;
}

#content .information ul.btn li a:hover{
	background-color: #4D6A79;
	font-weight: 400;
}

/* --------------------------------------------------------------------------------

martPhone layout

-------------------------------------------------------------------------------- */
@media screen and (max-width: 1199px) {

	/* 大タイトル
	---------------------------------------------------*/

	h1 {
		font-size: 25px;
		margin-bottom: 0px;
		font-weight: 500;
		padding-left: 20px;
	}
/* font-weight500を追加　okuyama */
/* font-sizeを変更　35から25　okuyama */
/* text-align: center; を削除　okuyama */
/* padding-left: 20px;　を追加　okuyama */
	
	#content {
		max-width: 800px;
		min-width: 321px;
		width: 100%;
	}

	/* -- メインビジュアル -- */

	#content .mvs {
		width: 100%;
		overflow: hidden;
	}

	#content .mvs img {
		max-width: 800px;
		min-width: 321px;
		width: 100%;
	}

	#content .mvs img:first-child {
		margin-right: 0px;
	}

	/* -- グーグルマップ -- */

	#content #googlemap_area .cmt {
		font-size: 20px;
		margin-bottom: 15px;
	}
	
	#content #googlemap_area dl {
		padding-left: 80px;
		position: relative;
		font-size: 20px;
	}

	#content #googlemap_area dl dt {
		position:absolute;
		left: 0;
		top: 0;
	}
	
	#content #googlemap_area dl dd {
		display: inline-block;
		margin: 0 0 0 10px;
	}
	
	/* -- アコーディオン -- */

	#content dl.shoplist {
		max-width: 1150px;
		width: 100%;
		margin: 0 auto 50px;
	}

	#content dl.shoplist dt {
		background: #EEA2B4 url("../images/shoplist/icon_down.png") no-repeat right 10px center;
		border-bottom: solid 1px #DE2296;
		padding: 10px;
		font-size: 20px;
		display: block;
		color: #fff;
		font-weight: 400;
	}

	#content dl.shoplist dt.on {
		background: #EEA2B4 url("../images/shoplist/icon_up.png") no-repeat right 10px center;
		border-bottom: solid 1px #DE2296;
	}

	#content dl.shoplist dd {
		background-color: #fff;
		padding: 25px;
		margin: 0;
	}

	/* 店舗内容 */
	
	#content dl.shoplist dd .article .head h2 {
		display: inline-block;
		margin-right: 10px;
		font-size: 22px;
		font-weight: 700;
	}

	#content dl.shoplist dd .article .head ul {
		display: inline-block;
		font-size: 20px;
		font-weight: 500;
	}

	#content dl.shoplist dd .article address {
		font-size: 17px;
		font-weight: 400;
	}

	#content dl.shoplist dd .article table {
		margin-bottom: 15px;
		font-size: 17px;
		font-weight: 400;
	}

	#content dl.shoplist dd .article table th {
		text-align: left;
		font-size: 17px;
		font-weight: 400;
	}

	
	#content dl.shoplist dd .article ul.btn li {
		display: block;
		margin-right: 0px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 20px;
		font-weight: 400;
	}

	#content dl.shoplist dd .article ul.btn li a {
		padding: 10px 25px;
		width: 270px;
		font-size: 20px;
		font-weight: 400;
	}

	/* -- 日本橋総合案内所 -- */

	#content .information {
		border: solid 2px #E07DBA;
		background-color: #fff;
		max-width: 750px;
		border-radius: 10px;
		padding: 35px 30px;
		margin:  0 30px 50px;
	}

	#content .information p.annai {
		font-size: 17px;
		font-weight: 400;
	}

	#content .information address {
		font-size: 17px;
		font-weight: 400;
	}

	#content .information table {
		font-size: 17px;
		font-weight: 400;
	}


	#content .information h2 {
		font-size: 17px;
		font-weight: 400;
	}

	#content .information ul.btn li a {
		display: inline-block;
		color: #fff;
		background-color: #ccc;
		padding: 5px 0px;
		width: 100%;
		border-radius: 6px;
		text-align: center;
		text-decoration: none;
		font-size: 20px;
		font-weight: 400;
	}

	#content .information ul.btn li:nth-of-type(1) a {
		background-color: #3FC8B6;
		font-weight: 400;
	}

	#content .information ul.btn li:nth-of-type(2) a {
		background-color: #C12886;
		font-weight: 400;
	}

	#content .information ul.btn li a:hover{
		background-color: #4D6A79;
		font-weight: 400;
	}

}






@media screen and (min-width: 711px) {
#content dl.shoplist dd .article ul.btn{
        width: 650px;
}
#content dl.shoplist dd .article ul.btn li a {
        display: inline-block;
        color: #fff;
        background-color: #ccc;
        padding: 5px 15px;
        width: 270px;
        font-size: 18px;
        border-radius: 6px;
        text-align: center;
        text-decoration: none;
}
}

@media screen and (max-width: 710px) {
#content dl.shoplist dd .article ul.btn{
        width: 230px;
        margin: 0px auto;
}
#content dl.shoplist dd .article ul.btn li a {
        display: inline-block;
        color: #fff;
        background-color: #ccc;
        padding: 5px 15px;
        width: 200px;
        font-size: 18px;
        border-radius: 6px;
        text-align: center;
        text-decoration: none;
        margin: 5px auto 5px auto ;
}
}




#content dl.shoplist dd .article ul.btn li.hp a {
        background-color: #ED907E;
        font-size: 18px;
        font-weight: 400;
}

#content dl.shoplist dd .article ul.btn li.twr a {
        background-color: #1DA1F2;
        font-size: 18px;
        font-weight: 400;
}

#content dl.shoplist dd .article ul.btn li.gmp a {
        background-color: #3FC8B6;
        font-size: 18px;
        font-weight: 400;
}

#content dl.shoplist dd .article ul.btn li a:hover{
        background-color: #4D6A79;
}