@charset "UTF-8";

body{ color: #545454; }

a{ color: #2861bf; }
a:hover{ color: #5ac0f5; }

input:focus { outline: 0px; }

/*SP非表示*/
.spOnly{ display: none; }

/*
共通
ーーーーーーーーーーーーーーーーーーーーーー*/

/*コンテンツ下部一覧リンク*/
.modBtnMore{
	text-align: right;
}

	.modBtnMore a{
		display: inline-block;
		height: 15px;
		font-size: 12px;
		text-align: right;
		padding-left: 20px;
		background: url(/dist/01/img/beige/icon_link.gif) left center no-repeat;
	}

/*汎用タイトル*/
.modTitle{
	height: 24px;
	background: url(/dist/01/img/beige/bg_title.gif) repeat-x;
	border: 1px solid #efe9d0;/**/
	border-bottom: 0px;
}

	.modTitle span{
		display: block;
		font-size: 13px;
		font-weight: bold;
		padding: 3px 0 0 15px;
	}

/*汎用タイトル - アイコンあり*/
.modTitleIcon{
	height: 16px;
	padding-left: 22px;
	background: url(/dist/01/img/beige/icon_title_circle.gif) left center no-repeat;
	margin-bottom: 9px;
}

	.modTitleIcon span{
		font-size: 16px;
		font-weight: bold;
		margin-right: 17px;
	}

	.modTitleIcon small{
		font-size: 12px;
	}

/*汎用タイトル - サイド用*/
.modTitleSide{
	height: 24px;
	background: url(/dist/01/img/beige/bg_title.gif) repeat-x;
	border: 1px solid #efe9d0;/**/
	border-bottom: 0px;
}

	.modTitleSide span{
		display: block;
		font-size: 13px;
		font-weight: bold;
		padding: 4px 0 0 25px;
		background: url(/dist/01/img/beige/icon_title_dot.png) 10px center no-repeat;
	}

/* - 特集ページ用*/
.modTitleSide.feature{
	height: 24px;
	background: url(/dist/01/img/beige/bg_title_strong.gif) repeat-x;
	border: 1px solid #fae1c0;/**/
	border-bottom: 0px;
}

	.modTitleSide.feature span{
		display: block;
		font-size: 13px;
		font-weight: bold;
		padding: 4px 0 0 25px;
		background: url(/dist/01/img/beige/icon_title_star2.png) 10px center no-repeat;
	}

/*汎用タイトル - サイド用　背景なし*/
.modTitleSideNoBG{
	text-align: left;
	height: 27px;
}

	.modTitleSideNoBG span{
		display: block;
		font-size: 13px;
		font-weight: bold;
		padding: 0 0 0 25px;
		background: url(/dist/01/img/beige/icon_title_dot.png) 10px 2px no-repeat;
	}

/*ドットタテ罫線　左右*/
.modDotlineL{ background: url(/dist/01/img/beige/bg_dotline_v.gif) left top repeat-y; }
.modDotlineR{ background: url(/dist/01/img/beige/bg_dotline_v.gif) right top repeat-y; }



/*
=====================================================================
*
*    トップページ　※一旦すべてこちらに記入　カラバリ追加時に切り分け
*
* ===================================================================
*/


/*
ヘッドライン
ーーーーーーーーーーーーーーーーーーーーーー*/
#Headline{
	width: 100%;
	height: 30px;
	background-color: #eee;
	border-top: 3px solid #dfcd9f;/**/
	border-bottom: 1px solid #ccc;
}


	#Headline .wrap{
		overflow: hidden;
		width: 1000px;
		margin: 0 auto;
	}

	#Headline .naviBox{
		float: left;
	}

		#Headline .naviBox li{
			float: left;
			font-size: 90%;
			line-height: 32px;
			margin-right: 15px;
		}

	#Headline .search{
		float: right;
		position: relative;
		width: 227px;
		height: 24px;
		background-color: #fff;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border: 1px solid #dcdbdb;/**/
		margin-top: 2px;
	}

		#Headline .search input{
			position: absolute;
			top: 3px;
			left: 5px;
			font-size: 11px;
			line-height: 1.2;
			padding: 0 10px;
			width: 170px;
			height: 24px;
			border: 0;
			background-color: transparent;
		}

		#Headline .search button{
			position: absolute;
			top: 0px;
			right: 2px;
			border: 0;
			width: 26px;
			height: 24px;
			text-indent: -9999px;
			background: url(/dist/01/img/beige/btn_search_s.gif);
			cursor: pointer;
		}


/*
ヘッダ
ーーーーーーーーーーーーーーーーーーーーーー*/
#Header{
	width: 100%;
	background: url(/dist/01/img/beige/bg_header.gif) top repeat-x;
}
#Header.borderTop{
	border-top: 3px solid #ded19d;
}

	#Header .wrap{
		overflow: hidden;
		position: relative;
		width: 1000px;
		height: 79px;
		margin: 0 auto;
	}

	#Header .logo{
		float: left;
		margin-top: 14px;
		margin-right: 30px;
	}

	#Header .ad{
		box-sizing: border-box;
		display: table-cell;
		vertical-align: middle;
		line-height: 1.5;
		height: 80px;
		margin: 0 0 0 13px;
	}
	/*バナー部分*/
	#Header .ad.rightBlock{
		position: absolute;
		right: 0px;
		top: 0px;
		padding-top: 15px;
	}

	#Header .search{
		float: right;
		position: relative;
		width: 227px;
		height: 30px;
		background-color: #fff;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border: 1px solid #dcdbdb;
		margin-top: 25px;
	}

		#Header .search input{
			position: absolute;
			top: 3px;
			left: 5px;
			font-size: 13px;
			padding: 0 10px;
			width: 170px;
			height: 24px;
			border: 0;
			background-color: transparent;
		}

		#Header .search button{
			position: absolute;
			top: 3px;
			right: 3px;
			border: 0;
			width: 26px;
			height: 24px;
			text-indent: -9999px;
			background: url(/dist/01/img/beige/btn_search_s.gif);
			cursor: pointer;
		}


/*
グローバルナビ
ーーーーーーーーーーーーーーーーーーーーーー*/
.globalnavi{
	height: 40px;
	background-color: #e3dcb9;
}
.globalnavi.tall{
	height: 54px;
	background-color: #e3dcb9;
}
.globalnavi.second{
	height: 30px;
	background: none;
	background-color: #c3c3c3;
	border-bottom: 1px solid #ebe3c4;
}
			.globalnavi ul.link4 > li{ width: 25%; }
			.globalnavi ul.link5 > li{ width: 20%; }
			.globalnavi ul.link6 > li{ width: 16.6%; }
			.globalnavi ul.link7 > li{ width: 14.1%; }
			.globalnavi ul.link8 > li{ width: 12.4%; }
			.globalnavi ul.link9 > li{ width: 11.0%; }
			.globalnavi ul.link10 > li{ width: 10%; }

#dropmenu {
	width: 1000px;
	margin: 0 auto;
}
#dropmenu li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
#dropmenu li:first-child {
	background: url(/dist/01/img/common/bg_gnavi_line.gif) left center no-repeat;
}
.tall #dropmenu li:first-child {
	background: url(/dist/01/img/common/bg_gnavi_line_tall.gif) left center no-repeat;
}
.second #dropmenu li:first-child {
	background: url(/dist/01/img/common/bg_gnavi_line2.gif) left center no-repeat;
}
.second.tall #dropmenu li:first-child {
	background: url(/dist/01/img/common/bg_gnavi_line_tall2.gif) left center no-repeat;
}
#dropmenu li a {
	display: block;
	margin: 0;
	padding: 13px 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	background: url(/dist/01/img/common/bg_gnavi_line.gif) right center no-repeat;
}
.tall #dropmenu li a {
	padding: 20px 0;
	background: url(/dist/01/img/common/bg_gnavi_line_tall.gif) right center no-repeat;
}
.second #dropmenu li a {
	font-size: 12px;
	padding: 10px 0;
	background: url(/dist/01/img/common/bg_gnavi_line2.gif) right center no-repeat;
}
.second.tall #dropmenu li a {
	background: url(/dist/01/img/common/bg_gnavi_line_tall2.gif) right center no-repeat;
}
#dropmenu li a:hover { color: #ff8d2f; }
#dropmenu li ul {
	list-style: none;
	position: absolute;
	z-index: 100;
	top: 100%;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}
#dropmenu li ul li {
	overflow: hidden;
	width: 100%;
	height: 0;
	color: #fff;
	transition: .2s;
}
#dropmenu li ul li a,
.tall #dropmenu li ul li a {
	padding: 13px 15px;
	background: #d5cda5;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
}
.second #dropmenu li ul li a{ background: #ccba92 !important; }
.second #dropmenu li ul li a:hover{ background: #e1cfa7 !important; }

#dropmenu > li:hover li:hover > a {	background: #ebe5ca }
.second #dropmenu > li:hover li:hover > a {	background: #e1cfa7 }

#dropmenu > li:hover > ul > li {
	overflow: visible;
	height: 38px;
}
.second #dropmenu > li:hover > ul > li {
	overflow: visible;
	height: 32px;
}
#dropmenu li ul li ul {
	top: 0;
	left: 100%;
}
/*3番目の折り返しナシで
	#dropmenu li:last-child ul li ul {
	left: -100%;
	width: 100%;
}*/
#dropmenu li ul li ul:before {
	position: absolute;
	content: "";
	top: 13px;
	left: -20px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left-color: #8d7662;
}
/*3番目の折り返しナシで
	#dropmenu li:last-child ul li ul:before {
	position: absolute;
	content: "";
	top: 13px;
	left: 200%;
	margin-left: -20px;
	border: 5px solid transparent;
	border-right-color: #8d7662;
}*/
#dropmenu li ul li:hover > ul > li {
	overflow: visible;
	height: 38px;
}
.second #dropmenu li ul li:hover > ul > li {
	overflow: visible;
	height: 32px;
}
#dropmenu li ul li ul li a { background: #e3dcb9 }
#dropmenu li:hover ul li ul li a:hover { background: #e8e3cb }
.second #dropmenu li ul li ul li a { background: #d8c7a0 !important}
.second #dropmenu li:hover ul li ul li a:hover { background: #e8e3cb !important}



/*ul.megaMenu__childUl > li.megaMenu__breadcrumbs span.megaMenuCloseBtn{
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    background: url(/dist/01/img/beige/btn_submenu_close.gif) right center no-repeat;
}*/
/*ul.megaMenu__childUl > li.megaMenu__breadcrumbs span.megaMenuCloseBtn:hover{
    opacity: 0.8;
}*/

/*ul.megaMenu__childUl .megaMenu__opneBtn.btn-menuOpen{
    cursor: pointer;
    border-radius: 0 !important;
    padding: 0 !important;
    background: url(/dist/01/img/beige/btn_submenu_plus.gif) right center no-repeat !important;
    width: 16px;
    height: 16px;
    color: #ddd;
    font-size: 1px !important;
    line-height: 1px !important;
    vertical-align: text-bottom;
    margin-left: 3px !important;
}
ul.megaMenu__childUl .megaMenu__opneBtn.btn-menuOpen:hover{
    opacity: 0.8;
}*/

/*メガメニュー用*/
/*--------------------------------------------------*/
#dropmenu > li .icon{
	position: relative;
	display: inline-block;
	width: 20px;
	height: 10px;
	margin-right: 5px;
	vertical-align: middle;
}

#dropmenu > li .icon img{
	position: absolute;
	left: 0;
	top: -5px;
    width: 20px;
	height: auto;
}

/*背景の削除*/
.second #dropmenu li a {
    background: none;
}
.second #dropmenu li:first-child {
    background: none;
}

/* floatクリア */
.megaMenu:before,
.megaMenu:after {
    content: " ";
    display: table;
}

.megaMenu:after {
    clear: both;
}

.megaMenu {
    *zoom: 1;
}

.megaMenu {
    position: relative;
    width: 100%;
    height: 36px;
    max-width: 1000px;
    margin: 0 auto;
}

.megaMenu .topBarMenu > li {
    float: left;
    width: 25%; /* グローバルナビ4つの場合 */
    height: 36px;
    line-height: 36px;
    /*background: rgb(29, 33, 19);*/
    text-align: center;
}

.megaMenu .topBarMenu > li a {
    /*display: block;*/
    /*color: #fff;*/
    color: #333;
    background: #ECD882;
}

.megaMenu .topBarMenu > li a:hover {
    color: #999;
}

ul.megaMenu__childUl {
    display:none;
    z-index: 1;
}

ul.megaMenu__childUl {
    position: absolute;
    top: 42px;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 2%;
    background: #FEFEFE;
    border-radius: 5px;
    border:1px solid #aaa;
    /*-webkit-transition: all .2s ease;
    transition: all .2s ease;*/
}
    .megaMenu .balloonTail{
        position: absolute;
        top:31px;
        left:50px;
        display:none;
    }
    .megaMenu .balloonTail p{
        position: relative;
        display: inline-block;
        z-index: 1;
    }
    .megaMenu .balloonTail > p:before {
        content: "";
        position: absolute;
        top: -10px; left: 50%;
        margin-left: -9px;
        display: block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0 9px 9px 9px;
        border-color: transparent transparent #FEFEFE transparent;
        z-index: 1;
    }
    .megaMenu .balloonTail > p:after {
        content: "";
        position: absolute;
        top: -12px; left: 50%;
        margin-left: -10px;
        display: block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #AAAAAA transparent;
        z-index: 0;
    }
    ul.megaMenu__childUl > li {
        float: left;
        width: 24%;
        border: none;
        padding: 5px 0;
    }
        ul.megaMenu__childUl > li a {
            color:#333;
            text-decoration: none;
        }
        ul.megaMenu__childUl > li a:hover {
            color: #ff8d2f;
        }

        ul.megaMenu__childUl > li.megaMenu__breadcrumbs{
            width: 100%;
            font-size:12px;
            line-height: 14px;
            text-align: left;
            margin-top: -15px;
            padding-bottom: 5px;
            border-bottom: 1px solid #ccc;
            margin-bottom: 10px;
        }
            /*ul.megaMenu__childUl > li.megaMenu__breadcrumbs span{
                float:left;
            }*/
            ul.megaMenu__childUl > li.megaMenu__breadcrumbs span.megaMenuCloseBtn{
                float:right;
                cursor: pointer;
                color:#666;
            }
            ul.megaMenu__childUl > li.megaMenu__breadcrumbs span.megaMenuCloseBtn{
                width: 18px;
                height: 18px;
                text-indent: -9999px;
                background: url(/dist/01/img/beige/btn_submenu_close.gif) right center no-repeat;
            }
            ul.megaMenu__childUl > li.megaMenu__breadcrumbs span.megaMenuCloseBtn:hover{
                opacity: 0.8;
            }
            ul.megaMenu__childUl > li.megaMenu__breadcrumbs .megaMenu__breadcrumbsBtn{
                cursor: pointer;
                font-weight: bold;
            }

    ul.megaMenu__childUl > li:nth-child(4n+3) {
        margin: 0 1%;
    }

        /*ul.megaMenu__childUl .megaMenu__opneBtn.btn-menuOpen{
            cursor: pointer;
            border-radius: 50%;
            padding: 1px 3px;
            background: #888;
            color: #ddd;
            font-size: 10px;
            line-height: 12px;
            vertical-align: text-bottom;
            margin-left: 3px;
        }*/
        ul.megaMenu__childUl .megaMenu__opneBtn.btn-menuOpen{
            cursor: pointer;
            border-radius: 0 ;
            padding: 3px 8px;
            background: url(/dist/01/img/beige/btn_submenu_plus.gif) right center no-repeat !important;
            width: 16px;
            height: 16px;
            color: #ddd;
            font-size: 10px;
            line-height: 16px;
            vertical-align: text-bottom;
            margin-left: 3px;
        }
        ul.megaMenu__childUl .megaMenu__opneBtn.btn-menuOpen:hover{
            opacity: 0.8;
        }


/*
パンくず
ーーーーーーーーーーーーーーーーーーーーーー*/
#Breadcrumb{
	height: 24px;
	background-color: #edece6;/**/
	margin-top: 1px;
}

	#Breadcrumb ul{
		width: 1000px;
		margin: 0 auto;
	}

		#Breadcrumb ul li{
			float: left;
			font-size: 11px;
			font-weight: bold;
			line-height: 24px;
		}

			#Breadcrumb ul li a{
				display: block;
				text-decoration: underline;
				padding-right: 15px;
				background: url(/dist/01/img/common/bg_breadcrumb.png) right center no-repeat;
				margin-right: 8px;
			}


/*
フッタ
ーーーーーーーーーーーーーーーーーーーーーー*/
#Footer{
	width: 100%;
	border-top: 1px solid #f3edda;
	background: url(/dist/01/img/beige/bg_footer_bottom.gif) center bottom repeat-x #f9f1d8;
}

	#Footer .wrap{
		border-top: 1px solid #f3edda;
		position: relative;
		width: 1000px;
		padding: 35px 0 0;
		margin: 0 auto;
	}

	#Footer .btnPagetop{
		position: absolute;
		right: 0px;
		top: -39px;
	}

	/*広告バナー*/
	#Footer .adBlock{
		width: 1000px;
		overflow: hidden;
	}

		#Footer .adBlock ul{
			position: relative;
			margin-right: -15px;
		}

		#Footer .adBlock li{
			float: left;
			width: 240px;
			margin-right: 13px;
			margin-bottom: 13px;
		}

	/*ナビ*/
	#Footer .navi{
		height: 50px;
		line-height: 50px;
		text-align: center;
	}

		#Footer .navi li{
			display: inline;
			padding: 0 5px;
			border-right: 1px solid #333;
		}
		#Footer .navi li:last-child{
			border-right: 0px;
		}

			#Footer .navi li a{
				display: inline;
				padding: 0 5px;
				font-size: 13px;
				font-weight: bold;
				color: #545454;
				text-decoration: none;
			}
			#Footer .navi li a:hover{
				color: #ff8d2f;
			}

	#Footer .copyright{
		text-align: center;
		height: 50px;
		line-height: 50px;
		font-size: 10px;
	}


/*
コンテンツ枠組み
ーーーーーーーーーーーーーーーーーーーーーー*/

/*全体*/
#Contents{
	padding: 0 0 60px;
}

/*左右別れる箇所の括り*/
#ContentsWrapper{
	/*overflow: hidden; 削除*/
	width: 1000px;
	padding: 20px 0 0;
	margin: 0 auto;
}

/*左カラム*/
#Main{
	float: left;
	width: 680px;
}

/*右カラム*/
#Side{
	float: right;
	width: 300px;
}

/*反転の場合*/
.reverse #Main{ float: right; }
.reverse #Side{ float: left; }


/*■　メインエリア*/

/*
■メインビジュアル
ーーーーーーーーーーーーーーーーーーーーーー*/
.mainvisualSection{
	width: 100%;
}

	.mainvisualSection .pctList{
		position: relative;
		width: 1008px;/*4pxボーダー分*/
		/*height: 268px;*/
		margin: 0 auto;
	}

		.mainvisualSection .pctList .btnPrev{
			position: absolute;
			top: 110px;
			left: 50px;
		}

		.mainvisualSection .pctList .btnNext{
			position: absolute;
			top: 110px;
			right: 50px;
		}


/*
■注意文
ーーーーーーーーーーーーーーーーーーーーーー*/
.attentionSection{ margin-bottom: 23px; }

	.attentionSection .wrap{
		padding: 8px 15px;
		border: 1px solid #ff0000;
		background-color: #ffeee0;
	}

	.attentionSection p{
		color: #ff0000;
		font-size: 14px;
		font-weight: bold;
	}


/*
■新着記事 / RSS / 求人
ーーーーーーーーーーーーーーーーーーーーーー*/
.topnewsSection,
.rssSection,
.recruitSection{ margin-bottom: 23px; }

	.topnewsSection .wrap,
	.rssSection .wrap,
	.recruitSection .wrap{
		padding: 5px 15px 1px;
		background: url(/dist/01/img/beige/bg_dotline_h.gif) bottom left repeat-x;
		margin-bottom: 6px;
	}

	.topnewsSection li,
	.rssSection li,
	.recruitSection li{
		padding: 10px 0 8px 1px;
		background: url(/dist/01/img/beige/bg_dotline_h.gif) bottom left repeat-x;
	}
	.topnewsSection li:last-child,
	.rssSection li:last-child,
	.recruitSection li:last-child{
		background: none;
	}

		.topnewsSection li .date,
		.rssSection li .date,
		.recruitSection li .date{
			display: block;
			float: left;
			width: 90px;
			font-size: 12px;
		}

			.topnewsSection li .title,
			.rssSection li .title,
			.recruitSection li .title{
				overflow: hidden;
				font-size: 14px;
			}

				.topnewsSection li .title a,
				.rssSection li .title a,
				.recruitSection li .title a{
					overflow: hidden;
					font-size: 14px;
				}

/*リスト冒頭にアイコン*/
.noneDateList li .title::before{
	content: '●';
	font-size: 6px;
	vertical-align: middle;
	color: #ccc;
	margin-right: 5px;
}


/*
■NEWS TOPICS
ーーーーーーーーーーーーーーーーーーーーーー*/
.newstopicsSection{ margin-bottom: 23px; }

	.newstopicsSection .wrap{
		overflow: hidden;
		padding: 15px 15px 1px;
		background: url(/dist/01/img/beige/bg_dotline_h.gif) bottom left repeat-x;
		margin-bottom: 6px;
	}

	.newstopicsSection .wrap .icon{
		margin-left: 5px;
		vertical-align: top;
	}

	/*左*/
	.newstopicsSection .newBlock{
		float: left;
		width: 320px;
	}

	.newstopicsSection li{
		padding: 7px 0 6px 1px;
		background: url(/dist/01/img/beige/bg_dotline_h.gif) bottom left repeat-x;
	}
	.newstopicsSection li:last-child{
		background: none;
	}

			.newstopicsSection li .title{
				overflow: hidden;
				font-size: 14px;
			}

				.newstopicsSection li .title a{
					overflow: hidden;
					font-size: 14px;
				}

	/*右*/
	.newstopicsSection .kakomiBlock{
		float: right;
		width: 320px;
	}

		.newstopicsSection .kakomiBlock .box{
			overflow: hidden;
			border: 1px solid #dedede;
			padding: 5px;
			margin-bottom: 10px;
		}

		.newstopicsSection .kakomiBlock .pct{
			float: left;
		}

			.newstopicsSection .kakomiBlock .pct a{
				display: block;
				padding: 1px;
				border: 1px solid #d8cb97;
			}

		.newstopicsSection .kakomiBlock p{
			float: right;
			width: 180px;
			font-size: 12px;
			line-height: 1.6;
			margin-right: 5px;
		}


/*
■ランキング表示
ーーーーーーーーーーーーーーーーーーーーーー*/
.rankingSection{ margin-bottom: 23px; }

	.rankingSection ul{
		overflow: hidden;
	}

	.rankingSection .pct{
		margin-bottom: 8px;
	}

		.rankingSection .pct a{
			display: block;
			padding: 1px;
		}

		.rankingSection li.rank1 .pct a{
			position: relative;
			left: 1px;
			top: 1px;
			float: left;
			overflow: hidden;
			width: 180px;
			height: 180px;
			border: 1px solid #fff;
			outline: 1px solid #ffdd9d;
		}
		.rankingSection li.rank1 .pct a img{
			position: absolute;
			top: 50%;
			left: 50%;
			width: 100%;
			height: auto;
			-webkit-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
		}
		.rankingSection li.rank2 .pct a{
			position: relative;
			float: left;
			overflow: hidden;
			width: 160px;
			height: 160px;
			border: 1px solid #fff;
			outline: 1px solid #d3dee1;
			margin-top: 10px;
		}
		.rankingSection li.rank2 .pct a img{
			position: absolute;
			top: 50%;
			left: 50%;
			width: 100%;
			height: auto;
			-webkit-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
		}

		.rankingSection li.rank3 .pct a,
		.rankingSection li.rank4 .pct a,
		.rankingSection li.rank5 .pct a{
			position: relative;
			left: 1px;
			overflow: hidden;
			box-sizing: border-box;
			width: 150px;
			height: 150px;
			border: 1px solid #fff;
			outline: 1px solid #d2c4bf;
		}
		.rankingSection li.rank3 .pct a img,
		.rankingSection li.rank4 .pct a img,
		.rankingSection li.rank5 .pct a img{
			position: absolute;
			top: 50%;
			left: 50%;
			width: 100%;
			height: auto;
			-webkit-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
		}

	.rankingSection li.rank1{
		float: left;
		width: 360px;
		margin-bottom: 20px;
	}
	.rankingSection li.rank2{
		float: left;
		width: 320px;
	}
	.rankingSection li.rank3,
	.rankingSection li.rank4,
	.rankingSection li.rank5{
		float: left;
		width: 200px;
		margin-right: 40px;
	}
	.rankingSection li.rank3{
		clear: left;
	}
	.rankingSection li.rank5{
		margin-right: 0px;
	}

		.rankingSection li .icon{
			float: left;
			width: 60px;
		}
		.rankingSection li.rank1 .icon,
		.rankingSection li.rank2 .icon{
			float: none;
			margin-bottom: 10px;
		}
		.rankingSection li.rank1 .detail,
		.rankingSection li.rank2 .detail{
			float: left;
			width: 140px;
			margin-left: 10px;
		}
		.rankingSection li.rank1 .detail{
			margin-top: 30px;
		}
		.rankingSection li.rank2 .detail{
			margin-top: 25px;
		}

		.rankingSection li .title{
			padding-top: 2px;
			font-size: 14px;
		}

		.rankingSection li p{
			padding-top: 2px;
			font-size: 12px;
		}


/*
■新着店舗
ーーーーーーーーーーーーーーーーーーーーーー*/
.brandnewSection{ margin-bottom: 23px; }

	.brandnewSection .wrap{
		background: url(/dist/01/img/beige/bg_dotline_h.gif) bottom left repeat-x;
	}

	.brandnewSection .block{
		overflow: hidden;
		padding: 15px;
		background: url(/dist/01/img/beige/bg_dotline_h.gif) top left repeat-x;
	}

		.brandnewSection .block .pct{
			overflow: hidden;
			float: left;
			width: 100px;
			height: 100px;
		}
		.brandnewSection .block .pct img{
			position: relative;
			top: 50%;
			left: 50%;
			width: auto;
			height: 100%;
			-webkit-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
		}

		.brandnewSection .block .detail{
			position: relative;
			float: right;
			width: 535px;
		}

			.brandnewSection .block .detail .date{
				font-size: 12px;
				line-height: 1.2;
				padding-top: 2px;
				margin-bottom: 3px;
			}

			.brandnewSection .block .detail .category{
				position: absolute;
				top: 0px;
				right: 0px;
				display: inline-block;
				font-size: 11px;
				color: #fff;
				height: 19px;
				padding: 0 10px;
				background: url(/dist/01/img/beige/bg_category.gif);
			}

			.brandnewSection .block .detail .title{
				font-size: 14px;
				margin-bottom: 4px;
			}

			.brandnewSection .block .detail .text{
				font-size: 12px;
				line-height: 1.5;
			}

				.brandnewSection .block .detail .text .info{
					padding-top: 5px;
					font-size: 11px;
					color: #767676;
				}


/*
■バナーエリア
ーーーーーーーーーーーーーーーーーーーーーー*/
.bannerSection{ padding-bottom: 20px; }

	.bannerSection ul{
		overflow: hidden;
		margin-right: -10px;
	}

	.bannerSection li{
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}


/*
■おすすめスポット紹介
ーーーーーーーーーーーーーーーーーーーーーー*/
.spotSection{ margin-bottom: 23px; }

	.spotSection .wrap{
		overflow: hidden;
		background: url(/dist/01/img/beige/bg_dotline_h.gif) bottom left repeat-x;
	}

	.spotSection .block{
		float: left;
		width: 340px;
		background: url(/dist/01/img/beige/bg_dotline_v.gif) top right repeat-y;
	}

	.spotSection .inner{
		overflow: hidden;
		padding: 15px;
		background: url(/dist/01/img/beige/bg_dotline_h.gif) top left repeat-x;
	}

		.spotSection .block .pct{
			overflow: hidden;
			float: left;
			width: 100px;
			height: 100px;
		}
		.spotSection .block .pct img{
			position: relative;
			top: 50%;
			left: 50%;
			width: auto;
			height: 100%;
			-webkit-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
		}

		.spotSection .block .detail{
			position: relative;
			float: right;
			width: 195px;
		}

			.spotSection .block .detail .title{
				font-size: 14px;
				margin-bottom: 4px;
			}

			.spotSection .block .detail .text{
				font-size: 12px;
				line-height: 1.5;
			}

				.spotSection .block .detail .text .info{
					padding-top: 5px;
					font-size: 11px;
					color: #767676;
				}


/*
■おすすめコンテンツ紹介
ーーーーーーーーーーーーーーーーーーーーーー*/
.contentsSection{ margin-bottom: 23px; }

	.contentsSection .listBlock{
		float: left;
		width: 335px;
		padding-bottom: 10px;
		background: url(/dist/01/img/beige/bg_recommend.gif);
	}
	.contentsSection .listBlock.right{
		float: right;
	}

	.contentsSection .subTitle{
		height: 16px;
		padding-left: 20px;
		background: url(/dist/01/img/beige/icon_title_star.png) left center no-repeat;
		margin: 13px 0 10px 10px;
	}

		.contentsSection .subTitle span{
			font-size: 14px;
			font-weight: bold;
		}

	.contentsSection .block{
		overflow: hidden;
		width: 315px;
		height: 130px;
		border-bottom: 1px solid #f4ebc8;
		background-color: #fff;
		margin: 0 auto;
	}

	.contentsSection .inner{
		padding: 15px;
	}

		.contentsSection .block .pct{
			overflow: hidden;
			float: left;
			width: 100px;
			height: 100px;
		}
		.contentsSection .block .pct img{
			position: relative;
			top: 50%;
			left: 50%;
			width: auto;
			height: 100%;
			-webkit-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
		}

		.contentsSection .block .detail{
			position: relative;
			float: right;
			width: 170px;
		}

			.contentsSection .block .detail .title{
				font-size: 14px;
				margin-bottom: 4px;
			}

			.contentsSection .block .detail .text{
				font-size: 12px;
				line-height: 1.5;
			}

				.contentsSection .block .detail .text .info{
					padding-top: 5px;
					font-size: 11px;
					color: #767676;
				}


/*
■おすすめクーポン紹介
ーーーーーーーーーーーーーーーーーーーーーー*/
.couponSection{ margin-bottom: 23px; }

	.couponSection .wrap{
		padding-top: 11px;
		position: relative;
		width: 687px;
		background: url(/dist/01/img/beige/bg_coupon.gif);
        background-size: 687px 100% !important;
        padding-bottom: 20px;
	}

	.couponSection .titleBlock{
        overflow: hidden;
		width: 661px;
		/*height: 34px;*//* コメントアウト 2017-06-13tokuda*/
		background: url(/dist/01/img/beige/bg_coupon_subtitle.png);
		margin: 0 0 10px 10px;
        background-repeat: no-repeat !important;/*2017-06-13tokuda*/
	}

		.couponSection .titleBlock .title{
			font-size: 16px;
			font-weight: bold;
			line-height: 34px;
			color: #75420b;
			float: left;
			margin-left: 20px;
		}

		.couponSection .titleBlock .link{
			font-size: 11px;
			font-weight: bold;
			line-height: 34px;
			float: right;
			margin-right: 33px;
		}

	.couponSection ul{
        overflow: hidden;
		margin-left: 11px;
	}

	.couponSection li{
		position: relative;
		float: left;
		width: 185px;
		padding: 15px;
		background-color: #fff;
		margin-right: 8px;
	}

		.couponSection li .pct{
			overflow: hidden;
			width: 185px;
			height: 185px;
			margin-bottom: 10px;
		}
		.couponSection li .pct img{
			position: relative;
			top: 50%;
			left: 50%;
			width: 100%;
			height: auto;
			-webkit-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
		}

		.couponSection li .price{
			position: absolute;
			top: 10px;
			left: 0px;
			width: 68px;
			height: 22px;
			font-size: 10px;
			font-weight: bold;
			line-height: 22px;
			text-indent: 4px;
			color: #fff;
			background: url(/dist/01/img/beige/bg_off.png);
		}

			.couponSection li .price span{
				font-size: 12px;
			}

			.couponSection li .title{
				font-size: 14px;
                font-family: monospace;/* 2017-05-09 tokuda */
				margin-bottom: 4px;
			}

			.couponSection li .text{
				font-size: 12px;
				line-height: 1.5;
			}

				.couponSection li .text .info{
					padding-top: 5px;
					font-size: 11px;
					color: #767676;
				}


/*
■コラム紹介
ーーーーーーーーーーーーーーーーーーーーーー*/
.columnSection{ margin-bottom: 23px; }

	.columnSection .column{
		float: left;
		width: 335px;
		margin-bottom: 10px;
	}
	.columnSection .column.right{
		float: right;
	}

	.columnSection .wrap{
		overflow: hidden;
		padding: 15px;
		background: url(/dist/01/img/beige/bg_dotline_h.gif) bottom left repeat-x;
	}

		.columnSection .wrap .pct{
			float: left;
			width: 100px;
		}

		.columnSection .wrap .detail{
			position: relative;
			float: right;
			width: 195px;
			background: url(/dist/01/img/beige/icon_arrow_brown_l.gif) right center no-repeat;
		}

			.columnSection .wrap .detail .title{
				font-size: 14px;
				margin-bottom: 2px;
			}

			.columnSection .wrap .detail .info{
				font-size: 11px;
				color: #767676;
				margin-bottom: 8px;
			}

			.columnSection .wrap .detail .text{
				font-size: 12px;
				line-height: 1.5;
				width: 175px;
			}


/*
■検索
ーーーーーーーーーーーーーーーーーーーーーー*/
.searchSection{ margin-bottom: 23px; }

	.searchSection .wrap{
		position: relative;
		width: 680px;
		height: 63px;
		background: url(/dist/01/img/beige/bg_search.gif);
	}

			.searchSection .inputBox{
				position: absolute;
				top: 16px;
				left: 17px;
			}

				.searchSection .inputBox input{
					font-size: 15px;
					padding: 0 10px;
					width: 540px;
					height: 30px;
					border: 1px solid #dcdbdb;
					background-color: #fff;
					box-shadow: 3px 3px 0px #d7d6d6 inset;
					-webkit-box-shadow: 3px 3px 0px #d7d6d6 inset;
					-moz-box-shadow: 3px 3px 0px #d7d6d6 inset;
					border-radius: 4px;
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;
				}

			.searchSection .btn{
				position: absolute;
				top: 14px;
				right: 17px;
			}

				.searchSection .btn button{
					border: 0;
					width: 70px;
					height: 32px;
					text-indent: -9999px;
					background: url(/dist/01/img/beige/btn_search.png);
					cursor: pointer;
				}


/*
■動画
ーーーーーーーーーーーーーーーーーーーーーー*/
.movieSection{ margin-bottom: 23px; }

	.movieSection .wrap{
		text-align: center;
		width: 100%;
		padding: 20px 0;
		background: url(/dist/01/img/beige/bg_content.gif) top repeat-x #f4ebc8;
	}


/*
■地図
ーーーーーーーーーーーーーーーーーーーーーー*/
.mapSection{ margin-bottom: 23px; }

	.mapSection .wrap{
		text-align: center;
		width: 100%;
		padding: 20px 0;
		background: url(/dist/01/img/beige/bg_content.gif) top repeat-x #f4ebc8;
	}


/*
■ツイッター
ーーーーーーーーーーーーーーーーーーーーーー*/
.twitterSection{ margin-bottom: 23px; }

	.twitterSection .wrap{
		width: 640px;
		padding: 20px;
		background: url(/dist/01/img/beige/bg_content.gif) top repeat-x #f4ebc8;
	}

	.twitterSection .wrap iframe{
		width: 100% !important;
	}


/*
■求人（検索部分）
ーーーーーーーーーーーーーーーーーーーーーー*/
.recruitSection{ margin-bottom: 23px; }

	.recruitSection .searchBlock{
		position: relative;
		width: 680px;
		height: 107px;
		background: url(/dist/01/img/beige/bg_recruit.gif);
	}

		.recruitSection .searchBlock .selectBox{
			width: 510px;
			position: absolute;
			top: 20px;
			left: 16px;
		}

			.recruitSection .searchBlock .selectBox select{
				width: 150px;
				margin-right: 15px;
			}

		.recruitSection .searchBlock .textBox{
			position: absolute;
			top: 54px;
			left: 16px;
		}

			.recruitSection .searchBlock .textBox input{
				font-size: 15px;
				padding: 0 10px;
				width: 470px;
				height: 30px;
				border: 1px solid #dcdbdb;
				background-color: #fff;
				box-shadow: 3px 3px 0px #d7d6d6 inset;
				-webkit-box-shadow: 3px 3px 0px #d7d6d6 inset;
				-moz-box-shadow: 3px 3px 0px #d7d6d6 inset;
				border-radius: 4px;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
			}

		.recruitSection .searchBlock .btn{
			position: absolute;
			top: 20px;
			right: 18px;
		}

			.recruitSection .searchBlock .btn button{
				border: 0;
				width: 140px;
				height: 66px;
				text-indent: -9999px;
				background: url(/dist/01/img/beige/btn_search_recruit.gif);
				cursor: pointer;
			}


/*
■ SNSボタン
ーーーーーーーーーーーーーーーーーーーーーー*/
ul.SnsBtnList{
    /*width: 410px;*/
    /*margin-top: -20px;*/
    margin-bottom: 3px;
    text-align: right;
}
    ul.SnsBtnList li{
        /*float: left;*/
        display: inline-block;
        text-align: center;
        height: 30px;
        margin: 0 4px;
        padding:0;
        vertical-align: middle;
    }

    /* [Twitter] */
    .snsbtn-tw{
        width: 71px;
    }

    /* [Facebook] */
    .snsbtn-fb{
        width: 72px;
    }

    /* [LINE] */
    .snsbtn-li{
        width: 25px;
    }

    .snsbtn-li-img{
        border: none;
        margin: 0 auto;
        padding:0;
        width: 20px;
        height: 20px;
    }

/*◯　サイドエリア*/

/*
◯ショップ各リンク
ーーーーーーーーーーーーーーーーーーーーーー*/
.side_shoplinkSection{ margin-bottom: 20px; }

	.side_shoplinkSection li{
		font-size: 14px;
		letter-spacing: 1px;
		margin-bottom: 3px;
	}
	.side_shoplinkSection li:last-child{
		margin-right: 0px;
	}

		.side_shoplinkSection li a{
			text-align: center;
			display: block;
			font-weight: bold;
			color: #916805;
			text-decoration: none;
			padding: 7px 0 4px 0;
			background: #f4f3ef url(/dist/01/img/beige/icon_arrow_orange.png) 18px center no-repeat;

			border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
		}
		.side_shoplinkSection li a:hover,
		.side_shoplinkSection li.current a{
			background-color: #f0e9ce;
		}



/*
◯新着店舗
ーーーーーーーーーーーーーーーーーーーーーー*/
.side_brandnewSection{ margin-bottom: 20px; }

	.side_brandnewSection .wrap{
		margin-bottom: 5px;
	}

	.side_brandnewSection .block{
		overflow: hidden;
		padding: 13px;
		background: url(/dist/01/img/beige/bg_dotline_h.gif) bottom left repeat-x;
	}

		.side_brandnewSection .block .pct{
			overflow: hidden;
			float: left;
			width: 80px;
			height: 80px;
		}
		.side_brandnewSection .block .pct img{
			position: relative;
			top: 50%;
			left: 50%;
			width: auto;
			height: 100%;
			-webkit-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
		}

		.side_brandnewSection .block .detail{
			position: relative;
			float: right;
			width: 185px;
		}

			.side_brandnewSection .block .detail .date{
				display: inline-block;
				font-size: 11px;
				line-height: 1.2;
				padding-top: 2px;
				margin-bottom: 3px;
			}

			.side_brandnewSection .block .detail .category{
				display: inline-block;
				font-size: 11px;
				color: #fff;
				height: 19px;
				padding: 0 10px;
				background: url(/dist/01/img/beige/bg_category.gif);
			}

			.side_brandnewSection .block .detail .title{
				font-size: 14px;
				margin-bottom: 4px;
				padding-top: 2px;
			}

			.side_brandnewSection .block .detail .text{
				font-size: 12px;
				line-height: 1.5;
			}

				.side_brandnewSection .block .detail .text .info{
					padding-top: 5px;
					font-size: 11px;
					color: #767676;
				}


/*
◯ランキング表示
ーーーーーーーーーーーーーーーーーーーーーー*/
.side_rankingSection{
	margin-bottom: 20px;
}

	.side_rankingSection .wrap{
		padding: 10px 0 1px;
		background: url(/dist/01/img/beige/bg_dotline_h.gif) bottom left repeat-x;
	}

	.side_rankingSection ul{}

	.side_rankingSection .pct{
		float: left;
	}
	.side_rankingSection .pct img{
		width: 79px;
		height: auto;
	}

		.side_rankingSection .pct a{
			display: inline-block;
			padding: 1px;
			width: 79px;
			height: 79px;
			line-height: 79px;
		}

		.side_rankingSection .rank1 .pct a{
			border: 1px solid #ffdd9d;
		}
		.side_rankingSection .rank2 .pct a{
			border: 1px solid #d3dee1;
		}
		.side_rankingSection .rank3 .pct a{
			border: 1px solid #d2c4bf;
		}
		.side_rankingSection .rank4 .pct a,
		.side_rankingSection .rank5 .pct a{
			border: 1px solid #eee;
		}

	.side_rankingSection li{
		overflow: hidden;
		padding: 0 10px 10px;
		background: url(/dist/01/img/beige/bg_dotline_h.gif) bottom left repeat-x;
		margin: 0 auto 10px;
	}
	.side_rankingSection li.rank5{
		background: none;
		margin: 0 auto;
	}

		.side_rankingSection li .title{
			float: right;
			width: 128px;
			font-size: 14px;
			padding-left: 62px;
		}

		.side_rankingSection .rank1 .title{
			padding-top: 7px;
			margin-top: 16px;
			background: url(/dist/01/img/common/icon_rank1.gif) left center no-repeat;
		}
		.side_rankingSection .rank2 .title{
			padding-top: 7px;
			margin-top: 7px;
			background: url(/dist/01/img/common/icon_rank2.gif) 2px center no-repeat;
		}
		.side_rankingSection .rank3 .title{
			padding-top: 7px;
			margin-top: 7px;
			background: url(/dist/01/img/common/icon_rank3.gif) 2px center no-repeat;
		}
		.side_rankingSection .rank4 .title{
			padding-top: 7px;
			margin-top: 7px;
			background: url(/dist/01/img/common/icon_rank4.gif) 2px center no-repeat;
		}
		.side_rankingSection .rank5 .title{
			padding-top: 7px;
			margin-top: 7px;
			background: url(/dist/01/img/common/icon_rank5.gif) 2px center no-repeat;
		}

		.side_rankingSection li p{
			padding-top: 2px;
			font-size: 12px;
		}


/*
ジャンル別ランキング(タブ切り替え版) 2018-08-01 徳田追加
--------------------------------------------------*/
.main_genreRankingTabSection{
    max-width: 680px;
    margin: auto;
}
.main_genreRankingTabSection .tabContainer {
    overflow-x: auto;
    margin-bottom: 5px;
    border-bottom: #999 solid 5px;
}
/*.main_genreRankingTabSection .tabContainer::-webkit-scrollbar {
    height: 5px;
}
.main_genreRankingTabSection .tabContainer::-webkit-scrollbar-track {
    background: #999;
}
.main_genreRankingTabSection .tabContainer::-webkit-scrollbar-thumb {
    background: #999;
}*/
.main_genreRankingTabSection .tab{
    display: table;
    margin-top: 5px;
    position: relative;
}
.main_genreRankingTabSection .tab__button{
    display: table-cell;
    text-align: center;
    background-color: #c3c3c3;
    vertical-align: middle;
    border: 2px solid white;
    border-bottom-width: 4px;
    min-width: 80px;
    white-space: nowrap;
}
.main_genreRankingTabSection .tab__button.active{
    border-bottom: none;
    background-color: #999;
}
.main_genreRankingTabSection .tab__button a{
    padding: 10px;
    color: #fff;
    display: block;
    text-decoration: none;
    font-size: 12px;
}
.main_genreRankingTabSection .contents__content{
    background-color: #ccc;
    text-align: center;
}
.main_genreRankingTabSection .contents__content div{
    clear: left;
}
.main_genreRankingTabSection .contents__content div a{
    display: table;
    width: 100%;
    text-decoration: none;
    padding: 10px;
    border-bottom:1px solid #c3c3c3;
    color:#222;
    text-align: left;
    line-height: 1.5em;
    font-size: 14px;
}
.main_genreRankingTabSection .contents__content div a span{
    display: table-cell;
    padding-left: 10px;
    padding-right: 10px;
}
.main_genreRankingTabSection .contents__content div a:before{
    content:'';
    width: 50px;
    height: 50px;
    display: block;
    background-color: #fff;
    display: table-cell;
}

.main_genreRankingTabSection .sidebyside li {
    width: 130px;
    margin-right: 7px;
    float: left;
    position: relative;
}
.main_genreRankingTabSection .sidebyside li.emptyMessage{
    font-size: 16px;
    text-align: center;
    margin: 40px 20px 20px;
    width: 100%;
    color: #999;
}
.main_genreRankingTabSection .sidebyside li:nth-child(5) {
    margin-right: 0px;
}
.main_genreRankingTabSection .sidebyside li .head {
    position: absolute;
    /*ボーダーを丸くしないバージョンの以下4行コメントアウト*/
    /*top:0px;
    left:0px;
    border-bottom: #fff 2px solid;
    border-right: #fff 2px solid;*/
    top:3px;
    left:3px;
}
.main_genreRankingTabSection .sidebyside li .head > img{
    border-radius: 20%;
     /*border: 3px #fff solid;*/
}
.main_genreRankingTabSection .sidebyside li .pct {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    width: 130px;
    height: 130px;
}
.main_genreRankingTabSection .sidebyside li .pct:after {
    position: absolute;
    top: 0px;
    content: "";
    box-sizing: border-box;
    width: 130px;
    height: 130px;
}
.main_genreRankingTabSection .sidebyside li .title a {
    font-size: 11px;
    line-height: 16px;
    max-height: 32px;
    overflow: hidden;
    /*font-family: monospace;*/
    display: inline-block;
}
.main_genreRankingTabSection .sidebyside li .title p {
    font-size: 11px;
    line-height: 1.5;
}
.main_genreRankingTabSection .sidebyside li .pct img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

/*サイドバー用*/
.side_genreRankingTabSection {
    max-width: 298px;
    margin: auto;
}
.side_genreRankingTabSection .tabContainer {
    overflow-x: auto;
    margin-bottom: 5px;
    border-bottom: #999 solid 5px;
}
.side_genreRankingTabSection .tab{
    display: table;
    margin-top: 5px;
    position: relative;
}
.side_genreRankingTabSection .tab__button{
    display: table-cell;
    text-align: center;
    background-color: #c3c3c3;
    vertical-align: middle;
    border: 2px solid white;
    border-bottom-width: 4px;
    min-width: 80px;
    white-space: nowrap;
}
.side_genreRankingTabSection .tab__button.active{
    border-bottom: none;
    background-color: #999;
}
.side_genreRankingTabSection .tab__button a{
    padding: 10px;
    color: #fff;
    display: block;
    text-decoration: none;
    font-size: 11px;
}
.side_genreRankingTabSection .genreRankingSection .contents > ul {
    margin-bottom: 30px;
}
.side_genreRankingTabSection .genreRankingSection .contents > ul > li {
    overflow: hidden;
    padding: 10px;
    position:relative;
}

.side_genreRankingTabSection .genreRankingSection .contents > ul > li.emptyMessage {
    padding: 2px 0 10px 30px;
    font-size: 12px;
    margin-top: 10px;
    margin-left: 10px;
}
    .side_genreRankingTabSection .genreRankingSection .contents > ul > li .pct{
        float: left;
        overflow: hidden;
        width: 94px;
        height: 94px;
        margin-right: 10px;
    }
    .side_genreRankingTabSection .genreRankingSection .contents > ul > li .pct img{
        position: relative;
        top: 50%;
        left: 50%;
        width: auto;
        height: 100%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

    .side_genreRankingTabSection .genreRankingSection .contents > ul > li .icon {
        position: absolute;
        /*ボーダーを丸くしないバージョンの以下4行コメントアウト*/
        /*top:0px;
        left:0px;
        border-bottom: #fff 2px solid;
        border-right: #fff 2px solid;*/
        top: 12px;
        left: 12px;
        border: #ccc 2px solid;
        background-color: #ccc;
        border-radius: 25%;
    }
    .side_genreRankingTabSection .genreRankingSection .contents > ul > li .icon > img{
        border-radius: 20%;
         /*border: 3px #fff solid;*/
    }

    .side_genreRankingTabSection .genreRankingSection .contents > ul > li .detail {
        position: relative;
        padding-top: 5px;
    }
    .side_genreRankingTabSection .genreRankingSection .contents > ul > li .detail .title {
        font-size: 11px;
        line-height: 150%;
    }
    .side_genreRankingTabSection .genreRankingSection .contents > ul > li .detail .title > p{
        margin-top: 8px;
    }


/*
◯バナー / 広告
ーーーーーーーーーーーーーーーーーーーーーー*/
.side_bannerSection,
.side_adSection{ padding-bottom: 20px; }

	.side_bannerSection li,
	.side_adSection li{
		margin-bottom: 10px;
	}


/*
◯検索
ーーーーーーーーーーーーーーーーーーーーーー*/
.side_searchSection{ margin-bottom: 20px; }

	.side_searchSection .wrap{
		position: relative;
		width: 300px;
		height: 63px;
		background: url(/dist/01/img/beige/bg_search_s.gif);
	}

			.side_searchSection .inputBox{
				position: absolute;
				top: 16px;
				left: 17px;
			}

				.side_searchSection .inputBox input{
					font-size: 15px;
					padding: 0 10px;
					width: 160px;
					height: 30px;
					border: 1px solid #dcdbdb;
					background-color: #fff;
					box-shadow: 3px 3px 0px #d7d6d6 inset;
					-webkit-box-shadow: 3px 3px 0px #d7d6d6 inset;
					-moz-box-shadow: 3px 3px 0px #d7d6d6 inset;
					border-radius: 4px;
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;
				}

			.side_searchSection .btn{
				position: absolute;
				top: 14px;
				right: 17px;
			}

				.side_searchSection .btn button{
					border: 0;
					width: 70px;
					height: 32px;
					text-indent: -9999px;
					background: url(/dist/01/img/beige/btn_search.png);
					cursor: pointer;
				}


/*
◯動画
ーーーーーーーーーーーーーーーーーーーーーー*/
.side_movieSection{ margin-bottom: 20px; }

	.side_movieSection .wrap{
		text-align: center;
		width: 100%;
		padding: 10px 0 15px;
		background: url(/dist/01/img/beige/bg_content.gif) top repeat-x #f4ebc8;
	}


/*
◯地図
ーーーーーーーーーーーーーーーーーーーーーー*/
.side_mapSection{ margin-bottom: 20px; }

	.side_mapSection .wrap{
		text-align: center;
		width: 100%;
		padding: 10px 0 15px;
		background: url(/dist/01/img/beige/bg_content.gif) top repeat-x #f4ebc8;
	}


/*
◯ツイッター
ーーーーーーーーーーーーーーーーーーーーーー*/
.side_twitterSection{ margin-bottom: 20px; }

	.side_twitterSection .wrap{
		width: 260px;
		padding: 20px;
		background: url(/dist/01/img/beige/bg_content.gif) top repeat-x #f4ebc8;
	}

	.side_twitterSection .wrap iframe{
		width: 100% !important;
	}


/*
◯RSS
ーーーーーーーーーーーーーーーーーーーーーー*/
.side_rssSection{ margin-bottom: 20px; }

	.side_rssSection .wrap{
		padding: 5px 15px 1px;
		background: url(/dist/01/img/beige/bg_dotline_h.gif) bottom left repeat-x;
		margin-bottom: 6px;
	}

	.side_rssSection li{
		padding: 10px 0 8px 1px;
		background: url(/dist/01/img/beige/bg_dotline_h.gif) bottom left repeat-x;
	}
	.side_rssSection li:last-child{
		background: none;
	}

		.side_rssSection li .date{
			font-size: 12px;
			margin-right: 10px;
		}

			.side_rssSection li .title{
					font-size: 13px;
			}






/*お店詳細 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.shopDetailSection{
	margin-bottom: 60px;
}

	/*タブメニュー*/
	.shopDetailSection .tabMenu{
		overflow: hidden;
		clear: left;
	}

		.shopDetailSection .tabMenu li{
			float: left;
			margin-right: 3px;
			font-size: 11px;
		}
		.shopDetailSection .tabMenu li:last-child{
			margin-right: 0px;
		}

			.shopDetailSection .tabMenu li a{
				display: block;
				color: #545454;
				text-decoration: none;
				text-align: center;
				border: 1px solid #f5eccb;/**/
				border-bottom: 0px;
				padding: 9px 15px 9px;
				border-top-left-radius: 2px;
				-webkit-border-top-left-radius: 2px;
				-moz-border-top-left-radius: 2px;
				border-top-right-radius: 2px;
				-webkit-border-top-right-radius: 2px;
				-moz-border-top-right-radius: 2px;
				background-color: #f5eccb;/**/
			}
			.shopDetailSection .tabMenu li a:hover{
				color: #666666;/**/
			}

			.shopDetailSection .tabMenu li.current a{
				font-weight: bold;
				border: 1px solid #dccb85;/**/
				border-bottom: 0px;
				border-top-left-radius: 2px;
				-webkit-border-top-left-radius: 2px;
				-moz-border-top-left-radius: 2px;
				border-top-right-radius: 2px;
				-webkit-border-top-right-radius: 2px;
				-moz-border-top-right-radius: 2px;
				background-color: #fffcef;
			}
			.shopDetailSection .tabMenu li.current a:hover{
				color: #545454;
			}

	/*各コンテンツ ラップ*/
	.shopDetailSection .detailWrap{}


	/*△　トップの情報*/
	.shopDetailSection .topInfoBlock{
		overflow: hidden;
		padding: 15px;
		margin-bottom: 15px;
		background-color: #fffcef;
	}

		.shopDetailSection .topInfoBlock .pct{
			position: relative;
			overflow: hidden;
			float: left;
			box-sizing: border-box;
			width: 186px;
			height: 186px;
			border: 1px solid #d3dee1;
			margin-right: 14px;
		}
		.shopDetailSection .topInfoBlock .pct:after{
			position: absolute;
			top: 0px;
			content: "";
			box-sizing: border-box;
			width: 184px;
			height: 184px;
			border: 2px solid #fff;
		}
			.shopDetailSection .topInfoBlock .pct img{
				position: absolute;
				top: 50%;
				left: 50%;
				width: auto;
				height: 100%;
				-webkit-transform: translate(-50%,-50%);
				-ms-transform: translate(-50%,-50%);
				transform: translate(-50%,-50%);
			}

		.shopDetailSection .topInfoBlock .lead{
			font-size: 12px;
			line-height: 21px;
			margin-bottom: 8px;
		}

		.shopDetailSection .topInfoBlock .detail{
			overflow: hidden;
		}

			.shopDetailSection .topInfoBlock .detail .category{
				display: inline-block;
				font-size: 10px;
				color: #fff;
				height: 19px;
				line-height: 19px;
				padding: 0 10px;
				background: url(/dist/01/img/beige/bg_category.gif);
				margin-bottom: 5px;
			}

			.shopDetailSection .topInfoBlock .detail .ruby{
				font-size: 10px;
				margin-bottom: 2px;
			}

			.shopDetailSection .topInfoBlock .detail .name{
				font-size: 17px;
				line-height: 1.3;
				margin-bottom: 8px;
			}
				.shopDetailSection .topInfoBlock .detail .name small{
					font-size: 10px;
				}

				.shopDetailSection .topInfoBlock .detail .name a{
					font-weight: bold;
					padding-bottom: 4px;
				}

			.shopDetailSection .topInfoBlock .detail table{
				font-size: 12px;
				line-height: 21px;
				width: 100%;
			}

			.shopDetailSection .topInfoBlock .detail th{
				color: #bd9d22;/**/
				text-align: left;
				width: 80px;
				padding: 2px 0;
				border-bottom: 1px solid #e1e1e1;
			}

			.shopDetailSection .topInfoBlock .detail td{
				padding: 2px 0;
				border-bottom: 1px solid #e1e1e1;
			}

				.shopDetailSection .topInfoBlock .detail td strong{
					font-size: 15px;
				}

				.shopDetailSection .topInfoBlock .detail td .btnContact{
					position: relative;
					top: -2px;
					display: inline-block;
					height: 14px;
					line-height: 14px;
					padding-left: 22px;
					background: url(/dist/01/img/beige/icon_contact.png) 0 center no-repeat;
					background-size: 18px 13px;
					margin-left: 15px;
				}

			.shopDetailSection .topInfoBlock .detail tr:last-child th,
			.shopDetailSection .topInfoBlock .detail tr:last-child td{
				border-bottom: 0px;
			}


	/*△　詳細*/
	.shopDetailSection .detailInfoBlock{
		margin-bottom: 40px;
	}
	/*メニューページ*/
	.shopDetailSection .detailInfoBlock.menu{
		margin-bottom: 40px;
	}
		.shopDetailSection .detailInfoBlock.menu .modTitle{
			margin-bottom: 20px;
		}

		.shopDetailSection .detailInfoBlock .wrap{
			padding: 15px 15px 1px 15px;
			border: 1px solid #d3dee1;
			margin-bottom: 10px;
		}

		.shopDetailSection .detailInfoBlock .topBox{
			overflow: hidden;
			margin-bottom: 20px;
		}

			.shopDetailSection .detailInfoBlock .topBox .detail{
				float: left;
				width: 440px;
			}

				.shopDetailSection .detailInfoBlock .topBox .detail .title{
					font-size: 16px;
					font-weight: bold;
					line-height: 24px;
					margin-bottom: 20px;
				}

			.shopDetailSection .detailInfoBlock .topBox .pct{
				float: right;
				width: 186px;
				margin-right: 9px;
			}

				.shopDetailSection .detailInfoBlock .topBox .pct .thumb{
					position: relative;
					float: right;
					overflow: hidden;
					box-sizing: border-box;
					width: 186px;
					height: 186px;
					border: 1px solid #d3dee1;
					margin-bottom: 3px;
				}
				.shopDetailSection .detailInfoBlock .topBox .pct .thumb:after{
					position: absolute;
					top: 0px;
					content: "";
					box-sizing: border-box;
					width: 184px;
					height: 184px;
					border: 2px solid #fff;
				}
					.shopDetailSection .detailInfoBlock .topBox .pct .thumb img{
						position: absolute;
						top: 50%;
						left: 50%;
						width: auto;
						height: 100%;
						-webkit-transform: translate(-50%,-50%);
						-ms-transform: translate(-50%,-50%);
						transform: translate(-50%,-50%);
					}

				.shopDetailSection .detailInfoBlock .topBox .pct .caption{
					font-size: 12px;
					line-height: 1.4;
				}

		.shopDetailSection .detailInfoBlock .bottomBox{
			font-size: 12px;
			line-height: 1.5;
			overflow: hidden;
			margin-bottom: 20px;
			background-color: #fff;
		}

			.shopDetailSection .detailInfoBlock .bottomBox ul{
				position: relative;
				margin-right: -40px;
			}

			.shopDetailSection .detailInfoBlock .bottomBox li{
				float: left;
				width: 205px;
				margin-right: 17px;
			}
			.shopDetailSection .detailInfoBlock .bottomBox li:last-child{
				margin-right: 0px;
			}

				.shopDetailSection .detailInfoBlock .bottomBox li .pct{
					position: relative;
					overflow: hidden;
					float: left;
					box-sizing: border-box;
					width: 196px;
					height: 196px;
					border: 1px solid #d3dee1;
					margin: 0 auto 3px;
				}
				.shopDetailSection .detailInfoBlock .bottomBox li .pct:after{
					position: absolute;
					top: 0px;
					content: "";
					box-sizing: border-box;
					width: 194px;
					height: 194px;
					border: 2px solid #fff;
				}
				.shopDetailSection .detailInfoBlock .bottomBox li .pct img{
					position: absolute;
					top: 50%;
					left: 50%;
					width: auto;
					height: 100%;
					-webkit-transform: translate(-50%,-50%);
					-ms-transform: translate(-50%,-50%);
					transform: translate(-50%,-50%);
				}

				.shopDetailSection .detailInfoBlock .bottomBox li p{
					padding: 8px 2px 0;
				}

				.shopDetailSection .detailInfoBlock .bottomBox li strong{
					display: block;
					margin-bottom: 3px;
				}

		.shopDetailSection .detailInfoBlock .iconBox{
			overflow: hidden;
			margin-bottom: 10px;
		}

			.shopDetailSection .detailInfoBlock .iconBox li{
				float: left;
				margin-right: 9px;
				margin-bottom: 10px;/*徳田追加*/
			}

			.shopDetailSection .detailInfoBlock .iconBox li .icon{
				display: block;
				font-size: 12px;
				font-weight: bold;
				color: #fff;
				padding: 4px 7px;
				background-color: #c7c7c7;
			}
			.shopDetailSection .detailInfoBlock .iconBox li .icon.on{
				background-color: #c1984d;/**/
			}


	/*△　スペック*/
	.shopDetailSection .detailSpecBlock{
		margin-bottom: 45px;
	}

		.shopDetailSection .detailSpecBlock table{
			width: 100%;
		}

		.shopDetailSection .detailSpecBlock th{
			font-size: 12px;
			color: #bd9d22;/**/
			text-align: left;
			width: 110px;
			padding: 12px 0 12px 10px;
			border-bottom: 1px solid #e1e1e1;
		}

		.shopDetailSection .detailSpecBlock td{
			font-size: 14px;
			padding: 12px 0;
			border-bottom: 1px solid #e1e1e1;
		}

			.shopDetailSection .detailSpecBlock td .caution{
				font-size: 11px;
				color: #ff0000;
				padding-left: 10px;
			}

		.shopDetailSection .detailSpecBlock tr:last-child th,
		.shopDetailSection .detailSpecBlock tr:last-child td{
			border-bottom: 0px;
		}


/*△　クーポン情報*/
	.shopDetailSection .couponBlock{
		margin-bottom: 50px;
	}

		.shopDetailSection .couponBlock .modTitle{
			margin-bottom: 20px;
		}

		.shopDetailSection .couponBlock .couponBox{
			position: relative;
			overflow: hidden;
			width: 680px;
			background: url(/dist/01/img/beige/bg_coupon_detail.gif);/**/
			padding-bottom: 35px;
			margin-bottom: 25px;
		}
		.shopDetailSection .couponBlock .couponBox:after{
			position: absolute;
			left: 0px;
			bottom: 0px;
			content: "";
			width: 680px;
			height: 22px;
			background: url(/dist/01/img/beige/bg_coupon_detail_bottom.gif);/**/
		}
		.shopDetailSection .couponBlock .couponBox.last{
			margin-bottom: 5px;
		}

			.shopDetailSection .couponBlock .couponBox .title{
				position: absolute;
				top: 40px;
				left: 20px;
				font-size: 15px;
				font-weight: bold;
				color: #fff;
				width: 100px;
				text-align: center;
			}

			.shopDetailSection .couponBlock .couponBox .name{
				padding-top: 40px;
				padding-left: 150px;
				font-size: 18px;
			}

			.shopDetailSection .couponBlock .couponBox .service{
				display: inline-block;
				margin: 20px 25px 5px 40px;
				font-size: 29px;
				color: #2861bf;
				line-height: 1.2;
				font-weight: bold;
				border-bottom: 2px dotted #2861bf;
			}

			.shopDetailSection .couponBlock .couponBox .text{
				padding: 10px 40px 0 40px;
				font-size: 14px;
			}

			.shopDetailSection .couponBlock .couponBox ul{
				float: left;
				margin: 20px 0 0 39px;
			}

				.shopDetailSection .couponBlock .couponBox ul li{
					padding: 8px 0 8px 18px;
					width: 360px;
					background-color: #f5f2e1;
					margin-bottom: 3px;
				}

					.shopDetailSection .couponBlock .couponBox ul li{
						font-size: 13px;
					}

						.shopDetailSection .couponBlock .couponBox ul li strong{
							display: inline-block;
							font-size: 14px;
							margin-right: 15px;
						}

			.shopDetailSection .couponBlock .couponBox .qr{
				float: right;
				width: 206px;
				height: 116px;
				background: url(/dist/01/img/beige/bg_coupon_qr.gif);
				margin: 20px 40px 0 0;
			}

				.shopDetailSection .couponBlock .couponBox .qr p{
					float: left;
					width: 104px;
					font-size: 15px;
					line-height: 1.5;
					font-weight: bold;
					text-align: center;
					padding-top: 36px;
					margin-bottom: 24px;
					margin-left: 8px;
				}

				.shopDetailSection .couponBlock .couponBox .qr .code{
					padding-top: 17px;
					float: left;
				}


	/*△　フォトギャラリー*/
	.shopDetailSection .photoBlock{
		overflow: hidden;
		margin-bottom: 10px;
	}

		.shopDetailSection .photoBlock ul{
			overflow: hidden;
			position: relative;
			margin-top: 12px;
			margin-right: -12px;
		}

		.shopDetailSection .photoBlock li{
			float: left;
			overflow: hidden;
			position: relative;
			text-align: center;
			width: 167px;
			height: 167px;
			margin: 10px 5px 10px 0;
		}
		.shopDetailSection .photoBlock li img{
			position: absolute;
			top: 50%;
			left: 50%;
			width: auto;
			height: 100%;
			-webkit-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
		}


	/*△　メニュー*/
	.shopDetailSection .detailMenuBlock{
		margin-bottom: 20px;
	}

		.shopDetailSection .detailMenuBlock .title{
			font-size: 16px;
			font-weight: bold;
			padding-bottom: 8px;
			border-bottom: 2px solid #e89990;/**/
			margin-bottom: 8px;
		}

		.shopDetailSection .detailMenuBlock table{
			width: 100%;
		}

		.shopDetailSection .detailMenuBlock th{
			font-size: 12px;
			color: #bd9d22;/**/
			text-align: left;
			padding: 12px 0 12px 10px;
			border-bottom: 1px solid #e1e1e1;
			width: 250px;
		}

		.shopDetailSection .detailMenuBlock td{
			font-size: 14px;
			padding: 12px 0;
			border-bottom: 1px solid #e1e1e1;
		}

		.shopDetailSection .detailMenuBlock td.price{
			width: 100px;
			text-align: right;
		}

		.shopDetailSection .detailMenuBlock tr:last-child th,
		.shopDetailSection .detailMenuBlock tr:last-child td{
			border-bottom: 0px;
		}

		/*写真ありの場合*/
		.shopDetailSection .detailMenuBlock li{
			overflow: hidden;
			padding: 15px 10px;
			border-bottom: 1px solid #e1e1e1;
		}
		.shopDetailSection .detailMenuBlock li:last-child{
			overflow: hidden;
			padding: 15px 10px;
			border-bottom: 0px;
		}

			.shopDetailSection .detailMenuBlock .detail{
				overflow: hidden;
				padding-top: 10px;
			}

				.shopDetailSection .detailMenuBlock .detail .namePrice{
					overflow: hidden;
					margin-bottom: 20px;
				}

					.shopDetailSection .detailMenuBlock .detail .namePrice .name{
						display: inline-block;
						float: left;
						font-size: 13px;
						font-weight: bold;
						color: #bd9d22;/**/
					}

					.shopDetailSection .detailMenuBlock .detail .namePrice .price{
						display: inline-block;
						float: right;
						font-size: 14px;
					}

					.shopDetailSection .detailMenuBlock .detail .text{
						padding: 10px;
						background-color: #fffcef;/**/
					}

			.shopDetailSection .detailMenuBlock .pct{
				float: right;
				margin-left: 40px;
			}


	/*△　地図*/
	.shopDetailSection .mapBlock{
		margin-bottom: 40px;
	}

		.shopDetailSection .mapBlock .modTitle{
			margin-bottom: 20px;
		}

		.shopDetailSection .mapBlock p{
			font-size: 14px;
			padding-left: 15px;
			margin-bottom: 15px;
		}

		.shopDetailSection .mapBlock .wrap{
			border: 1px solid #e1e1e1;
			padding: 14px 15px 12px;
		}


	/*△　お問い合わせ・ご予約*/
	.shopDetailSection .contactBlock{
		margin-bottom: 45px;
	}

		.shopDetailSection .contactBlock p{
			padding: 8px 15px;
		}

		.shopDetailSection .contactBlock table{
			width: 100%;
			margin: 0 auto;
		}

		.shopDetailSection .contactBlock th{
			font-size: 13px;
			color: #bd9d22;/**/
			text-align: left;
			width: 200px;
			padding: 12px 0 12px 10px;
			border-bottom: 1px solid #e1e1e1;
			vertical-align: middle;
		}
		.shopDetailSection .contactBlock th .must_input{
			display: block;
			font-size: 11px;
			font-weight: normal;
			color: #666;
		}

		.shopDetailSection .contactBlock td,
		.siteOthersPageWrap .contactBlock td{
			font-size: 14px;
			padding: 12px 0;
			border-bottom: 1px solid #e1e1e1;
			vertical-align: middle;
		}

		.shopDetailSection .contactBlock tr:last-child th,
		.shopDetailSection .contactBlock tr:last-child td{
			border-bottom: 0px;
		}

		.inputarea {
			border: 1px solid #DFDFDF;
			font-size: 100%;
			height: 25px;
			line-height: 25px;
			width: 80%;
		 	padding:3px;
		}

		.inputarea2 {
			border: 1px solid #DFDFDF;
			font-size: 100%;
			height: 150px;
			line-height: 25px;
			width: 80%;
			padding:3px;
		}

		.inputbtn {
			display: block;
			width: 200px;
			height: 30px;
			background-color: #e28074;/**/
			cursor: pointer;
			text-align: center;
			font-size: 14px;
			font-weight: bold;
			color: #FFFFFF;
			margin: 0 auto;
			border: 0;

			border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			background: url(/dist/01/img/beige/bg_category.gif) repeat-x;/**/
			background-size: 74px 30px;
		}
		.inputbtn:hover {
			opacity: 0.8;
		}


	/*△　スタッフ*/
	.shopDetailSection .staffBlock{
		margin-bottom: 40px;
	}

		.shopDetailSection .staffBlock .modTitle{
			margin-bottom: 20px;
		}

		.shopDetailSection .staffBlock li{
			overflow: hidden;
			padding: 0 15px 20px;
			margin-bottom: 20px;
			border-bottom: 1px solid #e1e1e1;
		}
		.shopDetailSection .staffBlock li:last-child{
			border-bottom: 0px;
		}

			.shopDetailSection .staffBlock li .detail{
				float: left;
				width: 420px;
			}

				.shopDetailSection .staffBlock li .detail .title{
					font-size: 16px;
					font-weight: bold;
					line-height: 24px;
					margin-bottom: 15px;
					color: #bd9d22;/**/
				}

			.shopDetailSection .staffBlock li .pct{
				float: right;
				width: 180px;
			}

				.shopDetailSection .staffBlock li .pct .caption{
					padding-top: 3px;
					font-size: 12px;
					line-height: 1.4;
				}



	/*△　特集*/
	.shopDetailSection .featureBlock{
		margin-bottom: 40px;
	}

		.shopDetailSection .featureBlock .modTitle{
			margin-bottom: 20px;
		}

		.shopDetailSection .featureBlock li{
			overflow: hidden;
			padding: 20px;
			margin-bottom: 20px;
			border: 1px solid #e1e1e1;
		}
		.shopDetailSection .featureBlock li:last-child{
			margin-bottom: 0px;
		}

			.shopDetailSection .featureBlock li .pct{
				overflow: hidden;
				float: left;
				width: 200px;
				height: 200px;
				margin-right: 20px;
			}
				.shopDetailSection .featureBlock li .pct img{
					position: relative;
					top: 50%;
					left: 50%;
					width: auto;
					height: 100%;
					-webkit-transform: translate(-50%,-50%);
					-ms-transform: translate(-50%,-50%);
					transform: translate(-50%,-50%);
				}

			.shopDetailSection .featureBlock li .detail{
				float: left;
				width: 400px;
				padding-top: 8px;
			}

			.shopDetailSection .featureBlock li .detail .title{
				font-size: 18px;
				margin-bottom: 15px;
			}

				.shopDetailSection .featureBlock li .detail .title a{
					display: inline-block;
					font-weight: bold;
					padding-bottom: 4px;
				}

			.shopDetailSection .featureBlock li .detail p{
				font-size: 12px;
				margin-bottom: 15px;
			}

			.shopDetailSection .featureBlock li .detail p.lead{
				font-size: 15px;
				font-weight: bold;
				margin-bottom: 8px;
				color: #666;/**/
			}

			.shopDetailSection .featureBlock li .detail p.text{
				overflow: hidden;
				height: 95px;
			}

			.shopDetailSection .featureBlock li .detail .btn a{
				display: inline-block;
				font-size: 14px;
				font-weight: bold;
				text-decoration: none;
				color: #fff;
				width: 155px;
				height: 30px;
				text-align: center;
				margin: 0 3px 10px 0;

				border-radius: 4px;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				background: url(/dist/01/img/beige/bg_category.gif) repeat-x;/**/
				background-size: 74px 30px;
			}
			.shopDetailSection .featureBlock li .detail .btn a:hover{
				opacity: 0.8;
			}
				.shopDetailSection .featureBlock li .detail .btn a span{
					display: block;
					padding-top: 5px;
				}


	/*△　ブログ*/
	.shopDetailSection .blogBlock{
		margin-bottom: 40px;
	}

		.shopDetailSection .blogBlock .modTitle{
			margin-bottom: 0px;
		}
		.shopDetailSection .blogBlock.detail .modTitle{
			margin-bottom: 20px;
		}

		/*一覧用*/
		.shopDetailSection .blogBlock .entryBox{
			background-color: #fffcef;/**/
			padding: 13px 15px;
			margin: 0 0 20px;
		}

			.shopDetailSection .blogBlock .entryBox .pct{
				float: left;
				width: 230px;
			}

			.shopDetailSection .blogBlock .entryBox .detail{
				float: left;
				width: 410px;
				margin-bottom: 7px;
			}

			.shopDetailSection .blogBlock .entryBox .date{
				font-size: 90%;
				color: #999;/**/
				padding: 3px 15px 6px 0;
			}

			.shopDetailSection .blogBlock .entryBox .title{
				font-size: 150%;
				font-weight: bold;
				color: #916805;/**/
				padding-bottom: 10px;
				border-bottom: 2px dotted #d8cb97;
				margin-bottom: 12px;
			}

				.shopDetailSection .blogBlock .entryBox .title a{
					display: inline-block;
					font-weight: bold;
				}

			.shopDetailSection .blogBlock .entryBox p.text{
				font-size: 110%;
				line-height: 1.6;
				height: 96px;
			}

		.shopDetailSection .blogBlock .entryBox .btn{}

			.shopDetailSection .blogBlock .entryBox .btn a{
				display: inline-block;
				font-size: 15px;
				font-weight: bold;
				text-decoration: none;
				color: #fff;
				width: 180px;
				height: 32px;
				text-align: center;
				margin: 0 3px 10px 0;

				border-radius: 4px;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				background: url(/dist/01/img/beige/bg_category.gif) repeat-x;/**/
				background-size: 74px 32px;
			}
			.shopDetailSection .blogBlock .entryBox .btn a:hover{
				opacity: 0.8;
			}
				.shopDetailSection .blogBlock .entryBox .btn a span{
					display: block;
					padding: 6px;
				}

			.shopDetailSection .blogBlock .entryBox .info{
				clear: both;
				font-size: 90%;
				padding: 8px 10px;
				border: 2px dotted #d8cb97;
			}

				.shopDetailSection .blogBlock .entryBox .info span{
					margin-right: 15px;
				}

		/*詳細*/
		.shopDetailSection .blogBlock .entryDetailBox{
			margin: 0 0 80px;
		}

			.shopDetailSection .blogBlock .entryDetailBox .title{
				font-size: 150%;
				font-weight: bold;
				color: #916805;/**/
				background-color: #fffcef;/**/
				padding: 13px 0 0 15px;
			}

				.shopDetailSection .blogBlock .entryDetailBox .title a{
					display: inline-block;
					font-weight: bold;
				}

			.shopDetailSection .blogBlock .entryDetailBox .date{
				font-size: 90%;
				text-align: right;
				color: #999;/**/
				padding-bottom: 10px;
				border-bottom: 2px dotted #d8cb97;
				margin-bottom: 15px;
				background-color: #fffcef;/**/
				padding: 10px 15px 10px 0;
			}

			.shopDetailSection .blogBlock .entryDetailBox p{
				font-size: 110%;
				line-height: 1.7;
				margin-bottom: 20px;
			}

			.shopDetailSection .blogBlock .entryDetailBox .pct{
				text-align: center;
				margin-bottom: 15px;
			}

		.shopDetailSection .blogBlock .entryDetailBox .btn{
			text-align: center;
			padding: 15px 0;
		}

			.shopDetailSection .blogBlock .entryDetailBox .btn a{
				display: inline-block;
				font-size: 15px;
				font-weight: bold;
				text-decoration: none;
				color: #fff;
				width: 200px;
				height: 32px;
				text-align: center;
				margin: 0 3px 10px 0;

				border-radius: 4px;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				background: url(/dist/01/img/beige/bg_category.gif) repeat-x;/**/
				background-size: 74px 32px;
			}
			.shopDetailSection .blogBlock .entryDetailBox .btn a:hover{
				opacity: 0.8;
			}
				.shopDetailSection .blogBlock .entryDetailBox .btn a span{
					display: block;
					padding: 6px;
				}

			.shopDetailSection .blogBlock .entryDetailBox .info{
				font-size: 90%;
				padding: 8px 10px;
				border: 2px dotted #d8cb97;
			}

				.shopDetailSection .blogBlock .entryDetailBox .info span{
					margin-right: 15px;
				}



		/*各カテゴリーリンク*/
		.shopDetailSection .blogBlock .catLink{
			background-color: #FFFCE9;/**/
			padding: 15px;
		}

			.shopDetailSection .blogBlock .catLink .title{
				display: block;
				font-weight: bold;
				color: #bd9d22;/**/
				margin-bottom: 8px;
			}

			.shopDetailSection .blogBlock .catLink span{
				margin-right: 15px;
			}

		/*ページャー*/
		.shopDetailSection .blogBlock .entryPager{
			overflow: hidden;
			padding-top: 30px;
		}
		.shopDetailSection .blogBlock .entryPager .prev{
			float: left;
		}
		.shopDetailSection .blogBlock .entryPager .next{
			float: right;
		}
		.shopDetailSection .blogBlock .entryPager a{
			font-size: 120%;
		}


/*カテゴリ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*タイトル*/
.categoryTitleSection{
	font-size: 18px;
	line-height: 1.2;
	font-weight: bold;
	color: #fff;
	padding: 11px 10px 10px;

	text-shadow: 1px 1px 3px #b57037;

	background: -webkit-gradient(
	linear,left top, left bottom,
	from(#fc8312),
	color-stop(0,#ffb160),
	color-stop(1,#ff9c4a),
	to(#ff9c4a)
	);/**/

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/*ページャー（他箇所も共通）*/
.pagerSection{
	overflow: hidden;
	height: 36px;
	border-bottom: 2px solid #edece6;
	margin-bottom: 20px;
}
.pagerSection.bottom{
	margin-top: 40px;
	border-bottom: 0px;
	border-top: 2px solid #edece6;
}

	.pagerSection .text{
		float: left;
		width: 430px;
		font-size: 12px;
		line-height: 38px;
		padding-left: 10px;
	}

		.pagerSection .text span{
			font-size: 15px;
			font-weight: bold;
			color: #ff9c4a;/**/
			margin-right: 15px;
		}

	.pagerSection ul{
		float: right;
		text-align: right;
		padding-top: 8px;
		margin-right: 15px;
	}

		.pagerSection ul li{
			display: inline-block;
		}

		.pagerSection ul li a{
			display: inline-block;
			color: #545454;
			text-align: center;
			text-decoration: none;
			width: 22px;
			font-size: 15px;
			line-height: 1.2;
			padding: 1px 0;
			margin-left: 8px;
			background-color: #edece6;

			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
		}
		.pagerSection ul li.current a,
		.pagerSection ul li a:hover{
			color: #fff;
			background-color: #84cbe1;/**/
		}


.shopIndexSection{}

	/*各コンテンツ ラップ*/
	.shopIndexSection .detailWrap{
		background-color: #fffcef;
	}
	.shopIndexSection .detailWrap.last{
		margin-bottom: 30px;
	}


	/*△　トップの情報*/
	.shopIndexSection .topInfoBlock{
		position: relative;
		padding: 20px 15px 5px;
	}

		.shopIndexSection .topInfoBlock .ruby{
			font-size: 10px;
			margin-bottom: 0px;
		}

		.shopIndexSection .topInfoBlock .name{
			font-size: 18px;
			line-height: 1.4;
			margin-bottom: 20px;
			padding-right: 110px;
		}
			.shopIndexSection .topInfoBlock .name small{
				font-size: 10px;
			}

			.shopIndexSection .topInfoBlock .name a{
				font-weight: bold;
			}

		.shopIndexSection .topInfoBlock .text{
			font-size: 15px;
			font-weight: bold;
			line-height: 1.5;
			margin-bottom: 15px;
		}

		.shopIndexSection .topInfoBlock p{
			font-size: 14px;
			line-height: 1.5;
			margin-bottom: 15px;
		}

		.shopIndexSection .topInfoBlock .btn{
			position: absolute;
			right: 12px;
			top: 28px;
		}

			.shopIndexSection .topInfoBlock .btn a{
				display: inline-block;
				font-size: 13px;
				font-weight: bold;
				text-decoration: none;
				color: #fff;
				width: 90px;
				height: 30px;
				text-align: center;
				margin: 0 3px 10px 0;

				border-radius: 4px;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				background: url(/dist/01/img/beige/bg_category.gif) repeat-x;/**/
				background-size: 74px 30px;
			}
				.shopIndexSection .topInfoBlock .btn a span{
					display: block;
					height: 24px;
					padding: 7px 0 0 0;
				}
				.shopIndexSection .topInfoBlock .btn a:hover span{
					color: #FBFF7F;/**/
				}


		.shopIndexSection .topInfoBlock .pctdetailBox{
			overflow: hidden;
		}

			.shopIndexSection .topInfoBlock .pctdetailBox .pct{
				position: relative;
				overflow: hidden;
				float: left;
				box-sizing: border-box;
				width: 180px;
				height: 180px;
				border: 1px solid #d3dee1;
			}
			.shopIndexSection .topInfoBlock .pctdetailBox .pct:after{
				position: absolute;
				top: 0px;
				content: "";
				box-sizing: border-box;
				width: 178px;
				height: 178px;
				border: 2px solid #fff;
			}
			.shopIndexSection .topInfoBlock .pctdetailBox .pct img{
				position: absolute;
				top: 50%;
				left: 50%;
				width: auto;
				height: 100%;
				-webkit-transform: translate(-50%,-50%);
				-ms-transform: translate(-50%,-50%);
				transform: translate(-50%,-50%);
			}

			.shopIndexSection .topInfoBlock .pctdetailBox .detail{
				float: right;
				width: 450px;
			}

			.shopIndexSection .topInfoBlock .pctdetailBox table{
				width: 100%;
				margin-bottom: 15px;
			}

			.shopIndexSection .topInfoBlock .pctdetailBox th{
				font-size: 12px;
				color: #bd9d22;/**/
				text-align: left;
				width: 80px;
				padding: 10px 0;
				border-bottom: 1px solid #e1e1e1;
			}

			.shopIndexSection .topInfoBlock .pctdetailBox td{
				font-size: 13px;
				padding: 10px 0;
				border-bottom: 1px solid #e1e1e1;
			}

				.shopIndexSection .topInfoBlock .pctdetailBox td strong{
					font-size: 16px;
				}

			.shopIndexSection .topInfoBlock .pctdetailBox tr:last-child th,
			.shopIndexSection .topInfoBlock .pctdetailBox tr:last-child td{
				border-bottom: 0px;
			}

				.shopIndexSection .topInfoBlock .pctdetailBox .pct .caption{
					padding-top: 3px;
					font-size: 12px;
					line-height: 1.4;
				}

		.shopIndexSection .topInfoBlock .iconBox{
			overflow: hidden;
			padding-bottom: 20px;
			border-bottom: 1px solid #c1984d;
			margin-bottom: 5px;
		}
		.detailWrap.last .topInfoBlock .iconBox{
			padding-bottom: 0px;
			border-bottom: 0px;
		}

			.shopIndexSection .topInfoBlock .iconBox li{
				float: left;
				margin-right: 10px;
				margin-bottom: 10px;
			}

			.shopIndexSection .topInfoBlock .iconBox li .icon{
				display: block;
				font-size: 12px;
				font-weight: bold;
				color: #fff;
				padding: 4px 5px;
				background-color: #c7c7c7;
			}
			.shopIndexSection .topInfoBlock .iconBox li .icon.on{
				background-color: #c1984d;/**/
			}


/*特集ページ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*タイトル*/
.featureTitleSection{
	font-size: 18px;
	line-height: 1.2;
	font-weight: bold;
	color: #fff;
	padding: 11px 10px 10px;
	margin-bottom: 5px;

	text-shadow: 1px 1px 3px #b57037;

	background: -webkit-gradient(
	linear,left top, left bottom,
	from(#fc8312),
	color-stop(0,#ffb160),
	color-stop(1,#ff9c4a),
	to(#ff9c4a)
	);/**/

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/*ページャーを流用　変更箇所のみ*/
.pagerSection.featureSubTitleSection{
	height: auto;
	padding: 10px;
}

/*特集一覧*/
.indexFeatureBlock{
	margin-bottom: 40px;
}

	.indexFeatureBlock .modTitle{
		margin-bottom: 20px;
	}

	.indexFeatureBlock > ul > li{
		overflow: hidden;
		padding: 20px;
		margin-bottom: 20px;
		background-color: #fffcef;
	}
	.indexFeatureBlock > ul > li:last-child{
		margin-bottom: 0px;
	}

		.indexFeatureBlock > ul > li .pct{
			float: left;
			overflow: hidden;
			width: 230px;
			height: 200px;
		}
		.indexFeatureBlock > ul > li .pct img{
			width: 200px;
			height: auto;
		}

		.indexFeatureBlock > ul > li .detail{
			float: left;
			width: 410px;
			padding-top: 4px;
		}

		.indexFeatureBlock > ul > li .detail .subtitle{
			font-size: 12px;
			margin-bottom: 5px;
		}

		.indexFeatureBlock > ul > li .detail .title{
			font-size: 18px;
			margin-bottom: 15px;
		}

			.indexFeatureBlock > ul > li .detail .title a{
				display: inline-block;
				font-weight: bold;
			}

		.indexFeatureBlock > ul > li .detail p{
			font-size: 12px;
			line-height: 1.6;
		}

		.indexFeatureBlock > ul > li .detail p.lead{
			font-size: 15px;
			font-weight: bold;
			margin-bottom: 8px;
		}

		.indexFeatureBlock > ul > li .detail p.text{
			overflow: hidden;
			height: 75px;
		}

		.indexFeatureBlock > ul > li .detail .btn a{
			display: inline-block;
			font-size: 14px;
			font-weight: bold;
			text-decoration: none;
			color: #fff;
			width: 155px;
			height: 30px;
			text-align: center;
			margin: 0 3px 10px 0;

			border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			background: url(/dist/01/img/beige/bg_category.gif) repeat-x;/**/
			background-size: 74px 30px;
		}
		.indexFeatureBlock > ul > li .detail .btn a:hover{
			opacity: 0.8;
		}
			.indexFeatureBlock > ul > li .detail .btn a span{
				display: block;
				padding-top: 6px;
			}

		/*特集ページ*/
		.indexFeatureBlock.pageFeatureBlock li .detail{
			float: none;
			width: 100%;
			padding-top: 4px;
		}
		.indexFeatureBlock.pageFeatureBlock li .detail .title{
			line-height: 150%;
		}
		.indexFeatureBlock.pageFeatureBlock li .detail p{
			line-height: 150%;
		}
        .indexFeatureBlock.pageFeatureBlock li .detail p b,
        .indexFeatureBlock.pageFeatureBlock li .detail p span {
            line-height: 120%;
        }
		.indexFeatureBlock li .pct_box_max{
			float:none;
			width:100%;
			margin:0 0 20px 0;
		}
		.indexFeatureBlock li .pct_box_right{
			float:right;
			margin:0 0 0 20px;
		}
		.indexFeatureBlock li .pct_box_left{
			float:left;
			margin:0 20px 0 0;
		}
		.pageFeatureBlock .pictbox-Wrapper .caption{
			font-size:85%;
			color:#666;
			margin-bottom: 10px;
		}



/*ブログページ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*タイトル*/
.blogTitleSection{
	font-size: 18px;
	line-height: 1.2;
	font-weight: bold;
	color: #fff;
	padding: 11px 10px 10px;
	margin-bottom: 20px;

	text-shadow: 1px 1px 3px #b57037;

	background: -webkit-gradient(
	linear,left top, left bottom,
	from(#fc8312),
	color-stop(0,#ffb160),
	color-stop(1,#ff9c4a),
	to(#ff9c4a)
	);/**/

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}



/*サイト その他のページ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.siteOthersPageWrap{
	padding: 0 15px 20px;
	background-color: #fff;
	margin-bottom: 30px;
	clear:both;
}

/*△　お問い合わせ・運営会社・サイトマップ*/
	.siteOthersPageWrap .companyBlock,
	.siteOthersPageWrap .contactBlock{
		margin-bottom: 45px;
	}

		.siteOthersPageWrap .companyBlock p,
		.siteOthersPageWrap .contactBlock p{
			padding: 8px 15px;
		}

		.siteOthersPageWrap .companyBlock table,
		.siteOthersPageWrap .contactBlock table{
			width: 90%;
			margin: 0 auto;
		}

		.siteOthersPageWrap .companyBlock th,
		.siteOthersPageWrap .contactBlock th{
			font-size: 13px;
			color: #bd9d22;/**/
			text-align: left;
			width: 200px;
			padding: 12px 0 12px 10px;
			border-bottom: 1px solid #e1e1e1;
			vertical-align: middle;
		}
		.siteOthersPageWrap .companyBlock th .must_input,
		.siteOthersPageWrap .contactBlock th .must_input{
			display: block;
			font-size: 11px;
			font-weight: normal;
			color: #666;
		}

		.siteOthersPageWrap .companyBlock td,
		.siteOthersPageWrap .contactBlock td{
			font-size: 14px;
			padding: 12px 0;
			border-bottom: 1px solid #e1e1e1;
			vertical-align: middle;
		}

		.siteOthersPageWrap .companyBlock tr:last-child th,
		.siteOthersPageWrap .companyBlock tr:last-child td,
		.siteOthersPageWrap .contactBlock tr:last-child th ,
		.siteOthersPageWrap .contactBlock tr:last-child td {
			border-bottom: 0px;
		}

	.siteOthersPageWrap .contactErrorBlock {
		font-size:14px;
		line-height: 150%;
	}
	.siteOthersPageWrap .contactErrorLinkBlock{
		text-align: center;
		font-size: 16px;
		line-height: 200%;
	}
		.siteOthersPageWrap .contactErrorLinkBlock a{
			line-height: 1.2;
			padding-left: 12px;
			border-bottom: 1px solid #fff;
			margin-bottom: 10px;
		}

.sitemapListWrapper ul{
	width:300px;
	float:left;
	padding-left: 20px;
	font-size:16px;
}
	.sitemapListWrapper ul li{
		line-height: 200%;
	}
		.sitemapListWrapper ul li.categoryItem{
			padding-left: 20px;
			font-size: 90%;
		}

		.sitemapListWrapper ul li a{
			display: inline-block;
			line-height: 1.2;
			padding-left: 15px;
			background: url(/dist/01/img/beige/icon_link.gif) left center no-repeat;/**/
			background-size: 10px;
			border-bottom: 1px solid #fff;
			margin-bottom: 10px;
		}

		.sitemapListWrapper ul li a:hover{
			border-bottom: 1px dotted #ccc;
		}


/*△　検索ページ*/
.searchPageSection {
	width: 100%;
	background-color: #fffcef;
	margin-bottom: 30px;
}
.searchPageSection .wrap{
	padding: 10px 10px 2px;
}
.serchInputList dt,
.serchInputList dd{
	display: inline-block;
	margin: 10px;
}
.serchInputList dt {
	width: 120px;
	text-align: left;
	font-weight: bold;
	color: #bd9d22;/**/
}
.serchInputList dd{
	width:410px;
}
form.siteSearch {
	margin-bottom: 20px;
}
	form.siteSearch input[type=text]{
		font-size: 15px;
		padding: 0 10px;
		width: 100%;
		height: 30px;
		border: 1px solid #dcdbdb;
		background-color: #fff;
		box-shadow: 3px 3px 0px #d7d6d6 inset;
		-webkit-box-shadow: 3px 3px 0px #d7d6d6 inset;
		-moz-box-shadow: 3px 3px 0px #d7d6d6 inset;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}
	form.siteSearch select{
		font-size: 15px;
		padding: 0 10px;
		width: 100%;
		height: 30px;
		border: 0px;
		cursor: pointer;
	}
	form.siteSearch .btn {
		text-align: center;
		margin: 10px 20px;
	}
	form.siteSearch .btn button[type=submit]{
		display: block;
		width: 200px;
		height: 30px;
		background-color: #e28074;/**/
		cursor: pointer;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		color: #FFFFFF;
		margin: 0 auto;
		border: 0;

		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		background: url(/dist/01/img/beige/bg_category.gif) repeat-x;/**/
		background-size: 74px 30px;
	}
	form.siteSearch .btn button[type=submit]:hover{
		opacity: 0.8;
	}



/*サイト 求人情報 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*検索ブロック*/
.recruitIndexSearchSection .wrap{
    width: 100%;
    background-color: #fff;
    padding: 10px 0 10px;
    margin-bottom: 30px;
}
    .recruitIndexSearchSection .serchInputList dt,
    .recruitIndexSearchSection .serchInputList dd{
        display: inline-block;
        margin: 10px;
    }
    .recruitIndexSearchSection .serchInputList dt {
        width: 100px;
        text-align: right;
    }
    .recruitIndexSearchSection .serchInputList dd{
        width: 500px;
    }
    .recruitIndexSearchSection form.recruiteSearch {
        margin-bottom: 20px;
    }
        .recruitIndexSearchSection form.recruiteSearch input[type=text]{
            font-size: 15px;
            padding: 0 10px;
            width: 95%;
            height: 30px;
            background-color: #f4f4f4;
            border: 1px solid #ccc;
        }
        .recruitIndexSearchSection form.recruiteSearch select{
            font-size: 15px;
            padding: 0 10px;
            width: 100%;
            height: 30px;
            border: 1px solid #ccc;
            cursor: pointer;
            border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
        }
        .recruitIndexSearchSection form.recruiteSearch .btn {
            text-align: center;
            margin: 10px 20px;
        }
        .recruitIndexSearchSection form.recruiteSearch .btn button[type=submit]{
			display: block;
			height: 40px;
			cursor: pointer;
			text-align: center;
			font-size: 14px;
			line-height: 36px;
			font-weight: bold;
			color: #FFFFFF;
			padding: 0 50px;
			margin: 0 auto;
			border: 0;

			border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			background: url(/dist/01/img/beige/bg_category.gif) repeat-x;/**/
			background-size: cover;
        }



/*一覧ページ*/
.recruitIndexSection{
    margin-bottom: 60px;
}

    /*各コンテンツ ラップ*/
    .recruitIndexSection .detailWrap{
        padding: 20px 15px;
        background-color: #f1fffb;
        margin-bottom: 20px;
    }


    /*△　トップの情報*/
    .recruitIndexSection .topInfoBlock{
        /*overflow: hidden;*/
        margin-bottom: 30px;
    }

		.recruitIndexSection .name small{
			display: block;
			font-size: 16px;
			line-height: 1.6;
			font-weight: bold;
			margin-bottom: 3px;
		}

		.recruitIndexSection .lead{
			font-size: 14px;
			line-height: 1.6;
			font-weight: bold;
			margin-bottom: 8px;
			color: #f57312;
		}

        .recruitIndexSection .topInfoBlock .pct{
            float: left;
			margin-right: 30px;
        }
			.recruitIndexSection .topInfoBlock .pct img{
				width: 240px;
				height: auto;
				display: block;
				padding: 2px;
				border: 1px solid #d3dee1;
			}

        .recruitIndexSection .topInfoBlock .detail{
			overflow: hidden;
        }

            .recruitIndexSection .topInfoBlock .detail .lead{
                font-size: 14px;
                line-height: 21px;
                margin-bottom: 5px;
            }

            .recruitIndexSection .topInfoBlock .detail .category{
                display: inline-block;
                font-size: 10px;
                line-height: 12px;
                color: #84cbe1;
                height: 12px;
                padding: 0 5px;
                border: 1px solid #84cbe1;
                margin-bottom: 8px;
            }

            .recruitIndexSection .topInfoBlock .detail .ruby{
                font-size: 10px;
                margin-bottom: 2px;
            }

            .recruitIndexSection .topInfoBlock .detail .name{
                font-size: 20px;
                margin-bottom: 15px;
            }
                .recruitIndexSection .topInfoBlock .detail .name small{
                    font-size: 10px;
                }

                .recruitIndexSection .topInfoBlock .detail .name a{
                    display: inline-block;
                    font-weight: bold;
                    padding-bottom: 4px;
                    border-bottom: 1px dotted #72c3dc;
                }
                .recruitIndexSection .topInfoBlock .detail .name a:hover{
                    border-bottom: 1px dotted #ffffff;
                }

            .recruitIndexSection .topInfoBlock .detail table{
				font-size: 12px;
				line-height: 21px;
				width: 100%;
            }

            .recruitIndexSection .topInfoBlock .detail th{
				color: #bd9d22;/**/
				text-align: left;
				width: 80px;
				padding: 2px 0;
				border-bottom: 1px solid #e1e1e1;
            }

            .recruitIndexSection .topInfoBlock .detail td{
				padding: 2px 0;
				border-bottom: 1px solid #e1e1e1;
            }

                .recruitIndexSection .topInfoBlock .detail td strong{
					font-size: 15px;
                }

            .recruitIndexSection .topInfoBlock .detail tr:last-child th,
            .recruitIndexSection .topInfoBlock .detail tr:last-child td{
				border-bottom: 0px;
            }

            .recruitIndexSection .topInfoBlock .detail .btnBox a{
                display: inline-block;
                font-size: 16px;
                font-weight: bold;
                color: #fff;
                text-align: center;
                width: 190px;
                padding: 7px 0 6px 20px;
                margin: 0 20px 10px 0;

                background: url(/dist/02/img/common/icon_contact.png) 8px center no-repeat;

            }

            .recruitIndexSection .topInfoBlock .detail .btnBox a:hover{
                color: #fff;
                background-color: #e99287;
                border-bottom: 0px;
            }
            .recruitIndexSection .topInfoBlock .detail .btn{
				text-align: right;
            }
            .recruitIndexSection .topInfoBlock .detail .btn a{
				display: inline-block;
				height: 30px;
				line-height: 30px;
				cursor: pointer;
				text-align: center;
				font-size: 14px;
				font-weight: bold;
            	text-decoration: none;
				color: #FFFFFF;
				padding: 0 30px;
				margin: 0 auto;
				border: 0;

				border-radius: 4px;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				background: url(/dist/01/img/beige/bg_category.gif) repeat-x;/**/
				background-size: cover;
            }
            .recruitIndexSection .topInfoBlock .detail .btn a:hover{
	            opacity: 0.8;
            }

    /*△　詳細*/
    .recruitIndexSection .detailInfoBlock{
        margin-bottom: 0px;
    }

        .recruitIndexSection .detailInfoBlock .wrap{
            padding: 25px 30px 10px;
            background-color: rgba(255,255,255,0.8);
        }

        .recruitIndexSection .detailInfoBlock .topBox{
            overflow: hidden;
            margin-bottom: 20px;
        }

            .recruitIndexSection .detailInfoBlock .topBox .detail{
                float: left;
                width: 620px;
            }
            .recruitIndexSection .detailInfoBlock .topBox .detail.maxWidthDetail{
                width: 100%;
            }

                .recruitIndexSection .detailInfoBlock .topBox .detail .title{
                    font-size: 16px;
                    font-weight: bold;
                    line-height: 24px;
                    margin-bottom: 20px;
                }

            .recruitIndexSection .detailInfoBlock .topBox .pct{
                float: right;
                width: 260px;
            }

                .recruitIndexSection .detailInfoBlock .topBox .pct .caption{
                    padding-top: 3px;
                    font-size: 12px;
                    line-height: 1.4;
                }




/*詳細ページ*/
.recruitDetailSection{
    margin-bottom: 60px;
}

    /*各コンテンツ ラップ*/
    .recruitDetailSection .detailWrap{
        padding: 20px 15px;
        background-color: #f1fffb;
    }


    /*△　トップの情報*/
    .recruitDetailSection .topInfoBlock{
        /*overflow: hidden;*/
        margin-bottom: 30px;
    }

		.recruitDetailSection .name small{
			display: block;
			font-size: 16px;
			line-height: 1.6;
			font-weight: bold;
			margin-bottom: 3px;
		}

		.recruitDetailSection .lead{
			font-size: 14px;
			line-height: 1.6;
			font-weight: bold;
			margin-bottom: 8px;
			color: #f57312;
		}

        .recruitDetailSection .topInfoBlock .pct{
            float: left;
			margin-right: 30px;
        }
			.recruitDetailSection .topInfoBlock .pct img{
				width: 240px;
				height: auto;
				display: block;
				padding: 2px;
				border: 1px solid #d3dee1;
			}

        .recruitDetailSection .topInfoBlock .detail{
			overflow: hidden;
        }

            .recruitDetailSection .topInfoBlock .detail .lead{
                font-size: 14px;
                line-height: 21px;
                margin-bottom: 5px;
            }

            .recruitDetailSection .topInfoBlock .detail .category{
                display: inline-block;
                font-size: 10px;
                line-height: 12px;
                color: #84cbe1;
                height: 12px;
                padding: 0 5px;
                border: 1px solid #84cbe1;
                margin-bottom: 8px;
            }

            .recruitDetailSection .topInfoBlock .detail .ruby{
                font-size: 10px;
                margin-bottom: 2px;
            }

            .recruitDetailSection .topInfoBlock .detail .name{
                font-size: 20px;
                margin-bottom: 15px;
            }
                .recruitDetailSection .topInfoBlock .detail .name small{
                    font-size: 10px;
                }

                .recruitDetailSection .topInfoBlock .detail .name a{
                    display: inline-block;
                    font-weight: bold;
                    padding-bottom: 4px;
                    border-bottom: 1px dotted #72c3dc;
                }
                .recruitDetailSection .topInfoBlock .detail .name a:hover{
                    border-bottom: 1px dotted #ffffff;
                }

            .recruitDetailSection .topInfoBlock .detail table{
				font-size: 12px;
				line-height: 21px;
				width: 100%;
				margin-bottom: 20px;
            }

            .recruitDetailSection .topInfoBlock .detail th{
				color: #bd9d22;/**/
				text-align: left;
				width: 80px;
				padding: 2px 0;
				border-bottom: 1px solid #e1e1e1;
            }

            .recruitDetailSection .topInfoBlock .detail td{
				padding: 2px 0;
				border-bottom: 1px solid #e1e1e1;
            }

                .recruitDetailSection .topInfoBlock .detail td strong{
                    font-size: 15px;
                }

            .recruitDetailSection .topInfoBlock .detail tr:last-child th,
            .recruitDetailSection .topInfoBlock .detail tr:last-child td{
				border-bottom: 0px;
            }

			/*応募ボタン*/
            .recruitDetailSection .btnBox{
	            text-align: center;
            }

            .recruitDetailSection .btnBox a{
				display: inline-block;
				width: 200px;
				height: 30px;
				line-height: 30px;
				cursor: pointer;
				text-align: center;
				font-size: 14px;
				font-weight: bold;
            	text-decoration: none;
				color: #FFFFFF;
				padding: 0 30px;
				margin: 0 auto;
				border: 0;

				border-radius: 4px;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				background: url(/dist/01/img/beige/bg_category.gif) repeat-x;/**/
				background-size: cover;
            }
            .recruitDetailSection .btnBox a:hover{
	            opacity: 0.8;
            }


    /*△　詳細*/
    .recruitDetailSection .detailInfoBlock{
        margin-bottom: 40px;
    }

        .recruitDetailSection .detailInfoBlock .wrap{
            padding: 25px 30px 10px;
            background-color: rgba(255,255,255,0.8);
        }

        .recruitDetailSection .detailInfoBlock .topBox{
            overflow: hidden;
            margin-bottom: 20px;
        }

            .recruitDetailSection .detailInfoBlock .topBox .detail{
                float: left;
                width: 620px;
            }
            .recruitDetailSection .detailInfoBlock .topBox .detail.maxWidthDetail{
                width: 100%;
            }

                .recruitDetailSection .detailInfoBlock .topBox .detail .title{
                    font-size: 16px;
                    font-weight: bold;
                    line-height: 24px;
                    margin-bottom: 20px;
                }

            .recruitDetailSection .detailInfoBlock .topBox .pct{
                float: right;
                width: 260px;
            }

                .recruitDetailSection .detailInfoBlock .topBox .pct .caption{
                    padding-top: 3px;
                    font-size: 12px;
                    line-height: 1.4;
                }

        .recruitDetailSection .detailInfoBlock .bottomBox{
            overflow: hidden;
            padding: 20px 0 20px 20px;
            margin-bottom: 20px;
            background-color: #fff;
        }

            .recruitDetailSection .detailInfoBlock .bottomBox ul{
                margin-right: -10px;
            }

            .recruitDetailSection .detailInfoBlock .bottomBox li{
                float: left;
                width: 270px;
                margin-right: 30px;
            }

                .recruitDetailSection .detailInfoBlock .bottomBox li p{
                    padding: 8px 10px 0;
                }

                .recruitDetailSection .detailInfoBlock .bottomBox li strong{
                    display: block;
                    margin-bottom: 3px;
                }

        .recruitDetailSection .detailInfoBlock .iconBox{
            overflow: hidden;
            margin-bottom: 10px;
        }

            .recruitDetailSection .detailInfoBlock .iconBox li{
                float: left;
                margin-right: 10px;
                margin-bottom: 10px;/*徳田追加*/
            }

            .recruitDetailSection .detailInfoBlock .iconBox li .icon{
                display: block;
                font-size: 14px;
                font-weight: bold;
                color: #fff;
                padding: 4px 7px;
                background-color: #c7c7c7;
            }
            .recruitDetailSection .detailInfoBlock .iconBox li .icon.on{
                background-color: #84cbe1;
            }


    /*△　スペック*/
    .recruitDetailSection .detailSpecBlock{
        margin-bottom: 20px;
    }

        .recruitDetailSection .detailSpecBlock table{
				font-size: 12px;
				line-height: 21px;
				width: 100%;
				margin-bottom: 20px;
        }

        .recruitDetailSection .detailSpecBlock th{
				color: #bd9d22;/**/
				text-align: left;
				width: 150px;
				padding: 8px 0 8px 15px;
				border-bottom: 1px solid #e1e1e1;
        }

        .recruitDetailSection .detailSpecBlock td{
				padding: 8px 0;
				border-bottom: 1px solid #e1e1e1;
        }

        .recruitDetailSection .detailSpecBlock tr:last-child th,
        .recruitDetailSection .detailSpecBlock tr:last-child td{
			border-bottom: 0px;
        }

            .recruitDetailSection .detailSpecBlock td .caution{
                font-size: 11px;
                color: #ff0000;
                padding-left: 10px;
            }