@charset "UTF-8";

/*
ja_JP
*/

/* common */
@import "/css/jpn/common/seed.css";
@import "/css/jpn/common/exmedia.css";
@import "/css/jpn/common/enlarge.css";
@import "/css/jpn/common/fan.css";

/* tmp */
@import "/css/jpn/tg/tg_layout.css";

/* =========================================================
view-tab
========================================================= */
.view-tab li a {
	background-color: rgba(180,180,143,1);
}
.view-tab li a:hover {
	background-color: rgba(180,180,143,.8);
}
.view-tab li.on a {
	background-color: rgba(143,143,95,1);
}
.view-tab li.list a span {
	background-image: url(/img/common/tg/view_list.png);
}
.view-tab li.map a span {
	background-image: url(/img/common/tg/view_map.png);
}
.view-tab li.pic a span {
	background-image: url(/img/common/tg/view_pic.png);
}
.view-tab li.video a span {
	background-image: url(/img/common/tg/view_video.png);
}
/* =========================================================
view-sort
========================================================= */
.view-sort li a {
	background-color: #f8f8f5;
	border: 1px solid #e4e4d6;
}
.view-sort li.on a {
	background-color: #e4e4d6;
}
/* =========================================================
common
========================================================= */
/* -----------------------------------------------
link color
----------------------------------------------- */

a:link {
	color: #008749;
}
a:visited {
	color: #008749;
}
a:hover {
	color: #ffa300;
}

/* ===============================================
left menu
=============================================== */

#side-left .menu h3 {
	border-top: 4px solid #8f8f5f;
	border-bottom: 1px solid #8f8f5f;
}
#side-left .menu div a {
	background-color: #8f8f5f;
}

#side-left .category li {
	background: url(/img/common/tg/left_nav_point.png) no-repeat 0 9px;
}

/* -----------------------------------------------
category
----------------------------------------------- */
#side-left .category {
	margin-bottom: 20px;
}
#side-left .category .tg-cat li {
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 0 5px;
	padding-left: 20px;
}
#side-left .category li.cat-0 {
	background-image: url(/img/common/tg/category/tg_cat_01.png);
}
#side-left .category li.cat-1 {
	background-image: url(/img/common/tg/category/tg_cat_02.png);
}
#side-left .category li.cat-2 {
	background-image: url(/img/common/tg/category/tg_cat_03.png);
}
#side-left .category li.cat-3 {
	background-image: url(/img/common/tg/category/tg_cat_04.png);
}
#side-left .category li.cat-4 {
	background-image: url(/img/common/tg/category/tg_cat_05.png);
}
#side-left .category li.cat-5 {
	background-image: url(/img/common/tg/category/tg_cat_06.png);
}
#side-left .category li.cat-6 {
	background-image: url(/img/common/tg/category/tg_cat_07.png);
}
#side-left .category li.cat-7 {
	background-image: url(/img/common/tg/category/tg_cat_08.png);
}
#side-left .category li.cat-8 {
	background-image: url(/img/common/tg/category/tg_cat_09.png);
}
#side-left .category li.cat-9 {
	background-image: url(/img/common/tg/category/tg_cat_10.png);
}
#side-left .category li.cat-10 {
	background-image: url(/img/common/tg/category/tg_cat_11.png);
}
#side-left .category li.cat-11 {
	background-image: url(/img/common/tg/category/tg_cat_12.png);
}
#side-left .category li.cat-12 {
	background-image: url(/img/common/tg/category/tg_cat_13.png);
}
#side-left .category li.cat-13 {
	background-image: url(/img/common/tg/category/tg_cat_14.png);
}
#side-left .category li.cat-14 {
	background-image: url(/img/common/tg/category/tg_cat_15.png);
}
#side-left .category li.cat-15 {
	background-image: url(/img/common/tg/category/tg_cat_16.png);
}
#side-left .category li.cat-16 {
	background-image: url(/img/common/tg/category/tg_cat_17.png);
}
#side-left .category li.cat-17 {
	background-image: url(/img/common/tg/category/tg_cat_18.png);
}
#side-left .category li.cat-18 {
	background-image: url(/img/common/tg/category/tg_cat_19.png);
}
#side-left .category li.cat-19 {
	background-image: url(/img/common/tg/category/tg_cat_20.png);
}
#side-left .category li.cat-20 {
	background-image: url(/img/common/tg/category/tg_cat_21.png);
}

/* -----------------------------------------------
banner
----------------------------------------------- */
/* promo */
/* 2018/4/9 消去 by arai
#side-left .banner-promo {
	text-align: center;
	margin-bottom: 20px;
}
#side-left .banner-promo li {
	margin: 0 0 10px 0;
}
#side-left .banner-promo li.lunch img {
	width: 140px;
	height: 69px;
}
#side-left .banner-promo li.dinner img {
	width: 140px;
	height: 69px;
}
*/
/* free */
/* 2018/4/9 消去 by arai
#side-left .banner-free {
	text-align: center;
}
#side-left .banner-free li {
	margin: 0;
}
#side-left .banner-promo li.tg img {
	width: 125px;
	height: 126px;
}
#side-left .banner-promo li.lang img {
	width: 125px;
	height: 40px;
}
*/

#side-left .bn-promo li {
	margin-bottom: 10px;
}
#side-left .bn-promo li.tg img {
	width: 125px;
	height: 126px;
}

/* -----------------------------------------------
location
----------------------------------------------- */

.location h3 {
	background-color: #8f8f5f;
}
.location div {
	background: url(/img/common/tg/location_bg.png) no-repeat 100% 100%;
}
.location p {
	background: url(/img/common/tg/location_arrow.png) no-repeat 10px 0;
}

/* -----------------------------------------------
sort open
----------------------------------------------- */

.sort-open {
	color: #ffffff;
	line-height: 100%;
	background-color: #ed6d35;
	padding: 8px 10px;
	margin-bottom: 10px;
}

/* -----------------------------------------------
contents name
----------------------------------------------- */

#contents-name h2 a {
	display: block;
	background: url(/img/jpn/tg/title_tm.gif) no-repeat 0 0;
	width: 200px;
	height: 50px;
}

/* -----------------------------------------------
nodata
----------------------------------------------- */

/* Edited by arai on 2018/11/10 */

#nodata p {
	text-align: left;
}
#nodata div a {
	background-color: #8f8f5f;
}
#nodata .illust {
	background: url(/img/common/tg/illust_town.png) no-repeat 50% 0;
	height: 56px;
}

/* -----------------------------------------------
pagination
----------------------------------------------- */

.paging .bg {
	background-color: #8f8f5f;
}

/* -----------------------------------------------
text ad
----------------------------------------------- */

#sidead li.textad {
	background-color: #f4f4ef;
}

/* -----------------------------------------------
trademark
----------------------------------------------- */
.trademark {
	clear: both;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	font-size: 12px;
	padding: 10px 0;
}
/* =========================================================
subcategory
========================================================= */

#subcategory {
	clear: both;
	margin-bottom: 10px;
}
#subcategory div:nth-of-type(1) {
	display: inline-block;
}
#subcategory div:nth-of-type(1) span {
	display: inline-block;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	line-height: 100%;
	background-color: #669900;
	border-radius: 3px;
	cursor: pointer;
	padding: 8px 10px 6px 10px;
}
#subcategory div:nth-of-type(1) span:hover {
	background-color: #ffcc00;
}
#subcategory div:nth-of-type(2) {
	line-height: 146%;
	background-color: #f8f8f5;
	border: 1px solid #e4e4d6;
	border-radius: 3px;
	margin-top: -15px;
	padding: 20px 10px 10px 10px;
}
#subcategory div:nth-of-type(2) a {
	color: #333333;
}
#subcategory div:nth-of-type(2) a:hover {
	color: #ffa300;
}
#subcategory div:nth-of-type(2) span {
	color: #cccccc;
	margin: 0 4px;
}
#subcategory div:nth-of-type(2) span:last-of-type {
	display: none;
}
