@charset "UTF-8";
/* ------------------------------------------------ */
/* 店舗トップ新人情報にある「系列店新人情報」のボタン
/* ------------------------------------------------ */
@import url("./imp_top_newface.css");
/* ------------------------------

/* ------------------------------------------------ */
/* 付加情報などを読込
/* ------------------------------------------------ */
@import url("../../css/common/flag.css");
/* ------------------------------


    INDEX



  A  * 全体設定

  B  * ヘッダー

  C  * フッター

  D  * コンテンツ

  E  * 22周年バナー(バナー削除の際この記述も消す)



------------------------------ */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-



 * A. 全体設定



-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=*/
/* webfont */
@import url(https://fonts.googleapis.com/css?family=Italianno);
@import url(https://fonts.googleapis.com/css?family=Roboto:500);
@media screen and (min-width: 1000px) {
	a:hover img {
		opacity: .7;
	}
}
@media screen and (max-width: 767px) {
	.br:before {
		white-space: pre;
		content: "\A";
	}
}
@font-face {
	font-family: "fontello";
	font-weight: normal;
	font-style: normal;
	src: url('../font/fontello.eot?63215822');
	src: url('../font/fontello.eot?63215822#iefix') format('embedded-opentype'), url('../font/fontello.woff2?63215822') format('woff2'), url('../font/fontello.woff?63215822') format('woff'), url('../font/fontello.ttf?63215822') format('truetype'), url('../font/fontello.svg?63215822#fontello') format('svg');
}
.web_icon {
	display: inline-block;
	width: 1em;
	margin-right: .2em;
	margin-left: .2em;
	font-family: "fontello";
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: inherit;
	text-align: center;
	line-height: 1em;
	text-transform: none;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {
	min-width: 320px;
	overflow: hidden;
}
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-



 * B. ヘッダー



-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=*/
header {
	position: relative;
	z-index: 300;
}
#header {
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
  /*  background: #fff;*/
   /* background: #f5d5d8; valentine*/
	/*background: #f5de9b;*/  /*xmas*/
  /*background: #e9d5a0;  /*newyear*/

}
/*===========================================================

  ▼　PCエリアリンク

===========================================================*/
.hed_linkw {
	width: 100%;
	background: #000;
}
.hed_link {
	width: 940px;
	height: 32px;
	margin: 0 auto;
}
.logo_wrap {
	width: 100%;
	min-height: 58px;
}
@media screen and (min-width: 768px) {
	.logo_wrap {
		min-height: 64px;
	}
}
.grp_logo {
	float: left;
	padding-top: 3px;
	background: url(../../yes_img/common/logo/yes/yesgrp.png) no-repeat;
	background-size: contain;
}
.grp_logo a {
	display: block;
	width: 32px;
	height: 28px;
}
#nav_area {
	float: left;
	width: 620px;
}
#nav_area > li {
	position: relative;
	z-index: 300;
	float: left;
	height: 32px;
}
#nav_area > li > ul {
	display: none;
	position: absolute;
	top: 32px;
	min-width: 200px;
	padding: 4px;
	background: rgba(242, 242, 242, .95);
	font-size: 12px;
	line-height: 2;
}
#nav_area > li > a {
	display: block;
	margin-top: 10px;
	padding: 0 8px;
	border-right: 1px solid #c3c3c3;
	color: #fff;
	font-size: 12px;
	line-height: 1;
	white-space: nowrap;
}
#nav_area > li > ul > li > a {
	display: block;
	padding: 0 4px;
}
#nav_area > li > ul > li > a:hover {
	background: #c3c3c3;
	color: #fff;
}
#nav_area > li:last-child > a {
	border-right: 0;
}
.hed_linkr {
	float: left;
	width: 280px;
}
.hed_linkr li {
	float: right;
	width: 80px;
	height: 20px;
	margin: 6px 0 0 6px;
	text-align: right;
}
.nav_men, .nav_lady {
	border: 1px solid #c3c3c3;
}
.nav_men:hover, .nav_lady:hover {
	background: #5e5e5c;
}
.nav_point {
	background: #0042ff;
}
.nav_point:hover {
	background: #4778ff;
}
.hed_linkr li a {
	display: block;
	padding-top: 4px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}
/*===========================================================

  ▼　ヘッダー(ロゴ、店名、電話番号など)

===========================================================*/
.hed_fix {
	position: relative;
	width: 100%;
	line-height: 1;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
	.hed_fix {
		max-width: 767px;
		margin: 0 auto;
	}
}
@media screen and (min-width: 1000px) {
	.hed_fix {
		max-width: 940px;
		margin: 0 auto;
		padding: 0;
	}
}
.hed_txt {
	padding: 4px 4px 1px;
	color: #5e5e5c;
	font-size: 10px;
	line-height: 14px;
}
@media screen and (min-width: 768px) {
	.hed_txt {
		padding: 8px;
		font-size: 12px;
		line-height: 16px;
	}
}
.hed_logo {
	display: block;
	float: left;
	margin: 1px 5px 0 5px;
}
@media screen and (min-width: 1000px) {
	.hed_logo {
		margin: 1px 8px 0 5px;
	}
}
.hed_logo img {
	width: auto;
	height: 55px;
}
.hed_logo a:hover img {
	opacity: 1;
}
.hed_spwrap {
	display: inline-block;
	float: left;
	height: 45px;
	padding: 5px 0;
}
.hed_spname {
	position: relative;
	top: 0;
	height: 24px;
	padding: 8px 0 0;
	font-size: 16px;
	font-weight: bold;
}
@media screen and (min-width: 768px) {
	.hed_spname {
		height: 30px;
		font-size: 22px;
		padding: 4px 0 0;
		letter-spacing: 1px;
	}
}
.hed_spcap {
	height: 17px;
	padding: 6px 0 3px;
	font-weight: normal;
	font-size: 10px;
}
@media screen and (min-width: 768px) {
	.hed_spcap {
		padding: 0px 0 3px;
		height: 15px;
		font-size: 12px;
	}
}
.hed_icon {
	position: absolute;
	right: 0;
	bottom: 5px;
	width: 115px;
	height: 50px;
}
.hed_pccon {
	display: none;
	position: absolute;
	top: 10px;
	right: 0;
	font-size: 14px;
	text-align: right;
}
@media screen and (min-width: 1000px) {
	.hed_pccon {
		display: block;
	}
}
.hed_pccon p {
	display: inline-block;
	margin-left: 14px;
}
.hed_pccon p a {
	color: #e900a4;
	font-size: 12px;
	font-weight: bold;
}
.hed_pccon p a:hover {
	opacity: .7;
}
.hed_pccon p a:before {
	margin-right: 4px;
	color: #e900a4;
	font-family: "fontello";
	content: "\E800";
}
.hed_add dt {
	margin: 20px 0 6px 0;
	font-size: 12px;
}
.hed_add dt span {
	height: 12px;
	margin-left: 4px;
	background: #e900a4;
}
.hed_add dt span a {
	padding: 0 8px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}
.hed_add dd {
	font-size: 20px;
	font-weight: bold;
	font-family: "Century Gothic";
}
.hed_add dd p {
	padding-left: 14px;
	border-left: 1px solid #c3c3c3;
	font-size: 14px;
	vertical-align: middle;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Arial", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.hed_add dd p span {
	margin-right: 6px;
	font-size: 12px;
}
/*===========================================================

  ▼　SPアイコンメニュー

===========================================================*/
#hed_menu_wrap {
	background: #fff;
	border-top: 1px solid #d6d5d5;
	border-bottom: 1px solid #d6d5d5;
}
#hed_menu {
	overflow: hidden;
	width: 100%;
	border-right: 1px solid #d6d5d5;
	border-left: 1px solid #d6d5d5;
	background: #fff;
	text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
	#hed_menu {
		max-width: 767px;
		margin: 0 auto;
	}
}
#hed_menu ul li {
	float: left;
	width: 25%;
	border-left: 1px solid #d6d5d5;
}
#hed_menu ul li a {
	display: block;
	padding: 32px 0 3px;
	background-size: 24px;
	font-size: 10px;
	line-height: 1.2;
	color: #666;
	letter-spacing: 0;
}
.hed_pt a {
	background: url(../../yes_img/common/header/point.png) no-repeat 50% 3px;
}
.hed_mail a {
	background: url(../../yes_img/common/header/reserve.png) no-repeat 50% 3px;
}
.hed_wakaba a {
	background: url(../../yes_img/common/header/first.png) no-repeat 50% 3px;
}
.hed_lady a {
	background: url(../../yes_img/common/header/g_job.png) no-repeat 50% 3px;
}
.hed_men a {
	background: url(../../yes_img/common/header/m_job.png) no-repeat 50% 3px;
}
#hed_menu ul li:first-child {
	border: 0;
}
/*===========================================================

  ▼　ナビ(fixedする部分)

===========================================================*/
#gnav {
	z-index: 400;
	width: 100%;
}
.gnav_item {
	border-right: 1px solid #fff;
	width: 100%;
	display: table;
}
.gnav_item li {
	/*display: table-cell;*/
	display: inline-block;
	/*border-left: 1px solid #fff;*/
	border-right: 1px solid #fff;
	height: 42px;
	width: 20%;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
	.gnav_item {
		width: 767px;
		margin: 0 auto;
	}
	.gnav_item li {
		width: 14.285714%;
	}
}
@media screen and (min-width: 1000px) {
	.gnav_item {
		width: 1000px;
		margin: 0 auto;
	}
	.gnav_item li {
		width: 14.285714%;
	}
}
.gnav_item .active {
	border: 0;
}
.gnav_item a {
	display: block;
	height: 42px;
	font-size: 14px;
	font-weight: bold;
	line-height: 42px;
	white-space: nowrap;
	color: #fff;
	text-align: center;
}
.gnav_fix {
	position: fixed;
	top: 0;
}
.gnav_item .wf_star::before {
	font-family: "fontello";
	content: "\E809";
}
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-



 * C. フッター



-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=*/
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-



 * D. コンテンツ



-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=*/
/*===========================================================

  ▼　緊急コメント

===========================================================*/
.emer_come {
	max-width: 100%;
	padding: 10px;
	border-bottom: 1px solid #FFF;
	background: #feed91;
	background: #fff;
	font-size: 12px;
	text-align: center;
}
.emer_come p {
	display: block;
	max-width: 1000px;
	margin: 0 auto;
}
.emer_come p.holiday {
	font-size: 16px;
	font-weight: bold;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
	.emer_come {
		font-size: 14px;
	}
}
@media screen and (min-width: 1000px) {
	.emer_come {
		font-size: 14px;
	}
}
/*===========================================================

  ▼　アクセス・お問い合わせボタン

===========================================================*/
@media screen and (min-width: 999px) {
	#access_link {
		display: none;
	}
}
@media screen and (min-width: 480px) {
	#access_link li a {
		font-size: 14px;
	}
}
#access_link {
	overflow: hidden;
	max-width: 767px;
	margin: 20px auto;
}
#access_link li {
	float: left;
	width: 48%;
	margin: 0 1%;
	border: 1px solid #5e5e5c;
}
#access_link li a {
	display: block;
	position: relative;
	height: 40px;
	padding-top: 12px;
	padding-left: 2%;
	font-size: 16px;
	text-align: center;
	line-height: 1;
	letter-spacing: -1px;
}
/* 矢印アイコン */
#access_link li a::after {
	position: absolute;
	top: 0;
	right: 4%;
	padding-top: 14px;
	font-family: "fontello";
	font-size: 12px;
	content: "\E805";
}
/* アクセスのアイコン */
#access_link .access_icon a::before {
	position: absolute;
	top: 0;
	left: 4%;
	padding-top: 9px;
	font-family: "fontello";
	font-size: 22px;
	content: "\E80e";
}
/* お問い合わせのアイコン */
#access_link .mail_icon a::before {
	position: absolute;
	top: 0;
	left: 4%;
	padding-top: 8px;
	font-family: "fontello";
	font-size: 24px;
	content: "\E817";
}
/*===========================================================

  ▼　出勤情報

===========================================================*/
#attend {
	width: 100%;
	padding-top: 0;
	position: relative;
	border-top: 1px solid #d6d5d3;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
	#attend {
		margin: 0 auto;
	}
}
@media screen and (min-width: 1000px) {
	#attend {
		margin: 0 auto;
	}
}
/*===========================================================

  ▼　本日出勤 / 新人情報

===========================================================*/
/* --- content全体 --- */
#t_syu {
	position: relative;
	min-width: 320px;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 20px;
	z-index: 9;
}
/* --- ﾀﾌﾞの中身 --- */
.syu_tab_con {
	clear: left;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	color: #333;
}
.icon_shintab {
	padding: 0 2px;
}
.icon_shintab img {
	width: 26px !important;
	margin-bottom: 3px;
	vertical-align: middle;
}
/* --- ﾀﾌﾞｺﾝﾃﾝﾂ内の見出し部分 --- */
.syu_tab_con h2 {
	height: 40px;
	font-size: 20px;
	line-height: 1;
}
.syu_tab_con h2 span {
	color: #666;
	font-size: 11px;
	font-weight: normal;
}
.time_icon {
	color: #333 !important;
	font-size: 30px !important;
}
.icon_shin {
	padding: 0 6px;
}
.icon_shin img {
	width: 30px !important;
	margin: 0;
	padding: 0;
	vertical-align: normal !important;
}
/*-----------------------------------------------------------

  ▼　共通　本日出勤／新人情報

-----------------------------------------------------------*/
.syu_tab_in, .new_tab_in {
	overflow: hidden;
	width: 100%;
	background: #fff;
	font-size: 15px;
	line-height: 1;
}
.syu_tab_in2, .new_tab_in {
	overflow: hidden;
	width: 100%;
	padding: 0 1.2%;
	background: #fff;
	font-size: 15px;
	line-height: 1;
}
.syu_tab_in > div, .syu_tab_in2 > div, .new_tab_in > div {
	float: left;
	background: #fff;
}
.syu_tab_in > div a, .syu_tab_in2 > div a, .new_tab_in > div a {
	display: block;
	width: 100%;
	padding-bottom: 5px;
}
.syu_tab_in .syu_img_area, .syu_tab_in2 .syu_img_area, .new_img_area {
	position: relative;
}
.syu_tab_in div a img, .syu_tab_in2 div a img, .new_tab_in div a img {
	position: relative;
	z-index: 1;
	width: 100% !important;
}
.syu_tab_in .syu_list, .syu_tab_in2 .syu_list, .new_list {
	display: block;
	width: 100%;
}
.syu_tab_in2 .syu_r {
	text-align: center;
}
/*-----------------------------------------------------------

  本日出勤　ﾊﾟﾀｰﾝ①

-----------------------------------------------------------*/
/*　767以下横長1列　*/
.syu_tab_in > div {
	width: 98%;
	margin: 0 1% 3px;
	padding: 3px;
	background: #FFF !important;
}
/*　案内可能　*/
.syu_tab_in .annai_in {
	width: 182px;
	margin: 0 0 6px;
	padding: 6px 0 4px 0;
	font-size: 11px;
	text-align: center;
}
.syu_tab_in .annai_time {
	border: 1px solid #c39537;
	background: #fff;
	color: #c39537;
}
.syu_tab_in .annai_time span {
	padding: 0 10px;
	font-size: 30px;
	/*font-family: 'Italianno', cursive;*/
	vertical-align: middle;
	line-height: 0;
}
/*　名前　*/
.syu_tab_in h3 {
	margin-top: 2px;
	padding-top: 2px;
	font-size: 16px;
	line-height: 1.2;
}
/*　ｽﾘｰｻｲｽﾞ　*/
.syu_tab_in h3 span {
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	font-weight: normal;
}
/*  出勤時間　*/
.syu_tab_in .syu_time {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 11px;
}
.syu_tab_in .syu_time span {
	font-family: "Italianno", cursive;
	font-size: 30px;
	font-weight: bold;
	line-height: .9;
}
/*　出勤情報 ﾗﾍﾞﾙ　*/
.syu_tab_in .syu_label {
	overflow: hidden;
	margin: 3px 0 5px;
}
.syu_tab_in .syu_label li {
	width: 90px;
	margin: 0 2px 3px 0;
	padding: 6px 0 4px;
	font-size: 11px;
	text-align: center;
	line-height: 1;
}
/*　一言ｺﾒﾝﾄ　*/
.syu_tab_in .come {
	padding: 0;
	font-size: 11px;
}
/*　フリーテキスト　*/
.syu_tab_in .txt, .c_syu_tab_in .txt, .syb_girl .txt {
	margin-top: 4px;
	padding-top: 4px;
	color: #666;
	font-size: 11px;
}
/*-----------------------------------------------------------

  本日出勤　ﾊﾟﾀｰﾝ②

-----------------------------------------------------------*/
/* 767以下3列 */
.syu_tab_in2 > div {
	width: 32.1%;
	margin: 0 .6% 10px;
	/*border: 1px solid #ccc;*/
}
/*-- 案内可能時間のｽﾍﾟｰｽ --*/
.syu_tab_in2 .annai_time_wr {
	height: 18px;
	margin: 0;
	padding: 0;
}
/* 案内可能 */
.syu_tab_in2 .annai_in {
	display: block;
	height: 20px;
	margin: 0;
	padding: 5px 0;
	border: none;
	font-size: 11px;
}
.syu_tab_in2 .annai_time {
	background: #d81f58;
	color: #fff;
	font-size: 10px;
}
.syu_tab_in2 .annai_time span {
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 11px;
	vertical-align: middle;
	line-height: 1;
}
/*  名前  */
.syu_tab_in2 h3 {
	margin-top: 6px;
	padding-top: 6px;
}
/*　ｽﾘｰｻｲｽﾞ　*/
.syu_tab_in2 h3 span {
	font-family: "Roboto", sans-serif;
	font-size: 9px;
	font-weight: normal;
}
/*  出勤時間　*/
.syu_tab_in2 .syu_time {
	margin: 5px 0 0 0;
	padding: 0;
	color: #333;
	font-size: 10px;
}
.syu_tab_in2 .syu_time span {
	font-family: "Italianno", cursive;
	font-size: 24px;
	font-weight: bold;
	line-height: .9;
}
/*  出勤ﾗﾍﾞﾙ　*/
.syu_tab_in2 .syu_label {
	margin: 3px 0 3px;
}
.syu_tab_in2 .syu_label li {
	width: 90%;
	margin: 0 auto 2px;
	padding: 6px 0 4px;
	font-size: 11px;
}
/*　一言ｺﾒﾝﾄ　*/
.syu_tab_in2 .come {
	margin: 5px 0;
	padding: 0 3%;
	color: #666;
	font-size: 10px;
	line-height: 1.4;
	text-align: left;
}
/*　フリーテキスト　*/
.syu_tab_in2 .txt {
	padding: 8px 5% 3px;
	color: #666;
	border-top: 1px dashed #666;
	font-size: 10px;
	line-height: 1.4;
	text-align: left;
}
/*-----------------------------------------------------------

  新人情報

-----------------------------------------------------------*/
/*　767以下横長3列　*/
.new_tab_in > div {
	width: 32.1%;
	margin: 0 .6% 10px;
}
.new_list {
	text-align: left;
}
/*　名前　*/
.new_list h3 {
	margin: 0 0 0 5px;
	padding-top: 8px;
	color: #d01075;
	font-size: 15px;
	line-height: 1;
}
.new_list h3 span {
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1;
	color: #666;
}
/*　入店日　*/
.new_list p {
	margin: 5px 0;
	padding: 0 0 0 5px;
	color: #666;
	font-size: 10px;
	line-height: 1.4;
}
/*　新人情報 ﾗﾍﾞﾙ　*/
.new_label {
	width: 90%;
	margin: 0 auto 5px;
	padding: 5px 0;
	font-size: 12px;
	text-align: center;
	line-height: 1;
}
/*-----------------------------------------------------------

  全共通css　角ﾘﾎﾞﾝ

-----------------------------------------------------------*/
.rbn_1:before, .rbn_2:before, .rbn_3:before, .rbn_4:before, .rbn_5:before {
	display: block;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	border-top: 30px solid #eee;
	border-right: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 30px solid #eee;
	content: "";
}
.rbn_1:after, .rbn_2:after, .rbn_3:after, .rbn_4:after, .rbn_5:after {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 1px;
	width: 130px;
	height: 130px;
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.rbn_1:after {
	content: attr(data-item1);
}
.rbn_2:after {
	content: attr(data-item2);
}
.rbn_3:after {
	content: attr(data-item3);
}
.rbn_4:after {
	content: attr(data-item4);
}
.rbn_5:after {
	content: attr(data-item5);
}
@media screen and (max-width: 767px) {
	.rbn_1:before, .rbn_2:before, .rbn_3:before, .rbn_4:before, .rbn_5:before {
		border-top: 26px solid #eee;
		border-right: 26px solid transparent;
		border-bottom: 26px solid transparent;
		border-left: 26px solid #eee;
	}
	.rbn_1:after, .rbn_2:after, .rbn_3:after, .rbn_4:after, .rbn_5:after {
		width: 110px;
		height: 110px;
		font-size: 11px;
	}
}
/*.rbn_1:before,

.rbn_2:before,

.rbn_3:before  {

  border-top: 28px solid #eee;

  border-left: 28px solid #eee;

}



.rbn_1:after,

.rbn_2:after,

.rbn_3:after{

}

*/
/*

.rbn_2:before {

  border-top: 28px solid #eee;

  border-left: 28px solid #eee;

}



.rbn_2:after {

  top: 14px;

  left: 2px;

  font-family: "Roboto", sans-serif;

  content: attr(data-item2);

}



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

  全共通css　出勤ラベル

-----------------------------------------------------------*/
[class^="info_flag"] { /* セレクタ名の前方一致 */
	background: #fff;
	color: #333;
	text-align: center;
	border: 2px solid #333;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}


/* VOICE(display) */
.info_flag00 {
	background: #fff;
	color: #5a5757;
	text-align: center;
	position: absolute;
	bottom: 40px;
	right: 10px;
}
.audiojs {
	width: 40px;
	overflow: hidden;
}
.audiojs .play-pause {
	border: none;
}
.audiojs .scrubber {
	display: none;
}
.audiojs .progress {
	display: none;
}
.audiojs .loaded {
	display: none;
}
.audiojs .time {
	display: none;
}
.next_attendance span {
	font-size: 16px;
}
/*===========================================================

  ▼　767px以下

===========================================================*/
@media screen and (max-width: 767px) {
	/* --- ｺﾝﾃﾝﾂ内見出し --- */
	.syu_tab_con h2 {
		height: auto;
		padding: 16px 0;
	}
	/*-----------------------------------------------------------

    切り替えタブ

  （ﾀﾌﾞ部分をnone､ｺﾝﾃﾝﾂ中身をblock）

-----------------------------------------------------------*/
	.syu_tab {
		display: none;
	}
	/* --- ﾀﾌﾞｺﾝﾃﾝﾂ --- */
	.syu_disnon {
		display: block;
	}
	/*  本日出勤 ﾊﾟﾀｰﾝ1　

-----------------------------------------------------------*/
	.syu_tab_in .annai_time span {
		font-family: "Italianno", cursive;
	}
	/*  本日出勤 ﾊﾟﾀｰﾝ2　

-----------------------------------------------------------*/
	/*　画像左　*/
	.syu_tab_in .syu_img_area {
		display: block;
		float: left;
		width: 33% !important;
		padding-right: 2%;
	}
	/*　詳細右　*/
	.syu_tab_in .syu_r {
		display: block;
		float: left !important;
		width: 64%;
		padding-top: 1px;
	}
	.syu_tab_in2 .syu_time span {
		/* 2行表示 */
		display: block;
	}
	.syu_tab_in .syu_label li {
		float: left;
	}
	/*  新人情報もっと見るを非表示　

-----------------------------------------------------------*/
	.box_B {
		display: none;
	}
}
/*===========================================================

  ▼　768px以上

===========================================================*/
@media screen and (min-width: 768px) {
	/* 100％の背景色指定 */
	#t_syu_wr {
		width: 100%;
		background: #ebeae6;
		position: relative;
		top: 50px;
	}
	#t_syu {
		position: relative;
		max-width: 1000px;
		width: 100%;
		margin: 0 auto;
	}
	/* --- 見出し --- */
	.syu_tab_con h2 {
		height: 40px;
		padding: 10px 0 0 30px;
		font-size: 20px;
	}
	/*-----------------------------------------------------------

  ▼▼▼ 切り替えﾀﾌ ﾞ▼▼▼

-----------------------------------------------------------*/
	/* --- ﾀﾌﾞ --- */
	.syu_tab {
		width: 100%;
		margin-top: 0;
		margin-right: 0;
		padding: 0;
		font-size: 18px;
	}
	.syu_tab li {
		position: absolute;
		top: -50px;
		right: 33.33333%;
		right: -webkit-calc(100% / 3);
		right: calc(100% / 3);
		width: 33.33333%;
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
		height: 50px;
		padding: 0;
		letter-spacing: 0.1rem;
		border-right: 1px dotted #d6d5d3;
		text-align: center;
		line-height: 3;
		cursor: pointer;
	}
	.syu_tab .tab_c3 {
		position: absolute;
		top: -50px;
		left: 0;
		width: 33.33333%;
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
		height: 50px;
		padding: 0;
		letter-spacing: 0.1rem;
		border-right: 1px dotted #d6d5d3;
		text-align: center;
		line-height: 3;
		cursor: pointer;
	}
	.syu_tab .tab_c3 a {
		display: block;
	}
	.syu_tab .tab_c3:hover {
		background: #b0e7f9;
		color: #FFF;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}
	.syu_tab .tab_c2 {
		right: 0;
		border-right: none;
	}
	.syu_tab .tab_c1.syu_select:before, .syu_tab .tab_c1.syu_select:hover:before, .syu_tab .tab_c2.syu_select:before, .syu_tab .tab_c2.syu_select:hover:before {
		content: "";
		width: 0;
		height: 0;
		border: 20px solid transparent;
		border-top: 20px solid #FFF;
		position: absolute;
		top: 50px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 100;
	}
	/* --- ﾀﾌﾞｺﾝﾃﾝﾂ --- */
	.syu_disnon {
		display: none;
	}
	/*-----------------------------------------------------------

  ▲▲▲ 切り替えタブ ▲▲▲

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

  ▼　ul　

-----------------------------------------------------------*/
	.syu_tab_in, .syu_tab_in2, .new_tab_in {
		overflow: hidden;
		max-width: 960px;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		background: #EBEAE6;
	}
	/*　本日出勤

-------------------------------------------*/
	/*-- 案内可能時間のｽﾍﾟｰｽ --*/
	.syu_tab_in .annai_time_wr, .syu_tab_in2 .annai_time_wr {
		height: 18px;
		margin: 0;
		padding: 0;
	}
	/* 案内可能 */
	.syu_tab_in .annai_in, .syu_tab_in2 .annai_in {
		display: block;
		width: 100%;
		height: 22px;
		margin: 0;
		padding: 6px 0 4px;
		border: none;
		font-size: 12px;
	}
	.syu_tab_in .annai_time, .syu_tab_in2 .annai_time {
		background: #d81f58;
		color: #fff;
	}
	.syu_tab_in .annai_time span, .syu_tab_in2 .annai_time span {
		padding: 0;
		font-size: 12px;
		line-height: 1;
	}
	/*　名前　*/
	.syu_tab_in h3, .syu_tab_in2 h3 {
		margin-top: 8px;
		padding-top: 8px;
		font-size: 17px;
	}
	/*　ｽﾘｰｻｲｽﾞ　*/
	.syu_tab_in h3 span, .syu_tab_in2 h3 span {
		font-family: "Roboto", sans-serif;
		font-size: 12px;
		font-weight: normal;
		line-height: 1;
	}
	/*  出勤時間　*/
	.syu_tab_in .syu_time, .syu_tab_in2 .syu_time {
		margin: 0;
		padding: 0;
		color: #333;
		font-size: 10px;
	}
	.syu_tab_in .syu_time span, .syu_tab_in2 .syu_time span {
		font-family: "Italianno", cursive;
		font-size: 30px;
		font-weight: bold;
		line-height: 1;
	}
	/*  出勤ﾗﾍﾞﾙ　*/
	.syu_tab_in .syu_label, .syu_tab_in2 .syu_label {
		margin: 3px 0 10px;
	}
	.syu_tab_in .syu_label li, .syu_tab_in2 .syu_label li {
		width: 70%;
		margin: 0 auto 2px;
		padding: 6px 0 4px;
		font-size: 12px;
	}
	/*　一言ｺﾒﾝﾄ　*/
	.syu_tab_in .come, .syu_tab_in2 .come {
		margin: 5px 0;
		padding: 0 5%;
		color: #666;
		font-size: 10px;
		line-height: 1.4;
		text-align: left;
	}
	/*　フリーテキスト　*/
	.syu_tab_in .txt, .syu_tab_in2 .txt {
		margin: 5px 0;
		padding: 8px 5% 3px;
		color: #666;
		border-top: 1px dashed #666;
		font-size: 10px;
		line-height: 1.4;
		text-align: left;
	}
	/*

-----------------------------------------------------------*/
	.syu_tab_in .syu_r {
		text-align: center;
	}
	/*  新人情報

-----------------------------------------------------------*/
	.new_list {
		text-align: center;
	}
	.new_tab_in > div, .box_B > div {
		width: 15.7%;
		margin: 0 0 15px .8%;
	}
	.box_A {
		display: none !important;
	}
	.box_B {
		display: block !important;
	}
}
/*===========================================================

  ▼　768-999(タブレット)

===========================================================*/
@media screen and (min-width: 768px) and (max-width: 999px) {
	/* --- 見出し --- */
	.syu_tab_con h2 {
		height: 50px;
		padding: 10px 0 0 0;
		font-size: 20px;
	}
	#t_syu {
		max-width: 767px;
		width: 100%;
	}
	.syu_tab_in, .syu_tab_in2, .new_tab_in {
		overflow: hidden;
		max-width: 767px;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		background: #f0f0f0;
	}
	.syu_tab_in > div, .syu_tab_in2 > div {
		width: 23.4%;
		margin: 0 .8% 15px;
		padding: 0;
		border: none;
	}
}
/*===========================================================

  ▼　1000-(PC)

===========================================================*/
@media screen and (min-width: 1000px) {
	/* --- 見出し --- */
	.syu_tab_con h2 {
		height: 50px;
		padding: 10px 0 0 20px;
		font-size: 20px;
	}
	.syu_tab_in > div, .syu_tab_in2 > div {
		width: 18.4%;
		margin: 0 .8% 15px;
		padding: 0;
		border: none;
	}
}
/*===========================================================

  ▼　メイン

===========================================================*/
#column_wrapper {
	background: #fff;
}
#column_wrap {
	width: 100%;
	margin: 0 auto;
	padding: 60px 0 0;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
	#column_wrap {
		max-width: 767px;
		margin: 0 auto;
	}
	#main_col {
		float: none;
	}
	#side_col {
		float: none;
	}
}
@media screen and (min-width: 1000px) {
	#column_wrap {
		max-width: 1000px;
	}
	#main_col {
		float: right;
		max-width: 767px;
		width: 100%;
	}
	#side_col {
		float: left;
		width: 200px;
	}
}
/*===========================================================

  ▼　更新情報

===========================================================*/
@media screen and (max-width: 999px) {
	#top_news .sec_ttl {
		margin-left: 8px;
		padding-left: 40px;
		background: url(../../yes_img/sp/file_icon_01.png) no-repeat;
		background-size: 32px;
	}
}
.tnews_wrap {
	margin: 10px 8px;
	padding: 8px 8px 16px;
}
.tnews_item {
	width: 99%;
	height: 100px;
	margin: 0 auto;
	border-bottom: 1px solid #eeefe9;
	background: #fff;
	box-shadow: 1px 1px 3px 0 #dedfd9;
	overflow: hidden;
}
.tnews_pho {
	display: table-cell;
	width: 100px;
	height: 100px;
}
.tnews_pho img {
	width: 100px;
	height: auto;
}
.tnews_right {
	display: table-cell;
	height: 100px;
	padding: 0 7% 0 2%;
	border-bottom: 1px solid #eeefe9;
	font-size: 12px;
	vertical-align: middle;
}
@media screen and (min-width: 1000px) {
	.tnews_right {
		border: none;
	}
}
@media screen and (max-width: 999px) {
	.tnews_pho {
		float: left;
	}
}
.tnews_date {
	color: #5c5c5e;
}
.tnews_txt {
	display: block;
	width: 100%;
	color: #3737c6;
	font-weight: bold;
}
.tnews_item a {
	display: block;
	position: relative;
	height: 100px;
	background: #fff;
	color: #5c5c5e;
	font-size: 16px;
}
.tnews_item a:after {
	position: absolute;
	top: 42px;
	right: 3%;
	font-family: "fontello";
	content: "\E805";
}
.tnews_item a:hover .tnews_txt, .tnews_item a:hover .tnews_date {
	color: inherit;
}
@media screen and (min-width: 1000px) {
	.tnews_wrap {
		overflow: hidden;
		margin: 0 0 0;
		padding: 0;
	}
	.tnews_item {
		display: block;
		box-sizing: border-box;
		float: left;
		width: 140px;
		height: 246px;
		margin: 0 10px 20px 0;
		border: 1px solid #c3c3c3;
		background: #fff;
		box-shadow: none;
	}
	.tnews_item:nth-child(5) {
		margin-right: 0;
	}
	.tnews_pho {
		display: block;
		width: 140px;
		height: 140px;
		padding: 7px;
		vertical-align: bottom;
		overflow: hidden;
	}
	.tnews_pho img {
		width: 126px;
		height: auto;
	}
	.tnews_right {
		display: block;
		width: 126px;
		padding: 0 7px;
		vertical-align: bottom;
	}
	.tnews_date {
		padding: 7px 0;
		color: #5c5c5e;
		font-size: 12px;
		font-weight: normal;
	}
	.tnews_txt {
		width: 126px;
		color: #5c5c5e;
		font-size: 12px;
		font-weight: bold;
	}
	.tnews_item a:after {
		display: none;
	}
}
/*===========================================================

  ▼　写メ日記

===========================================================*/
#t_photo {
	margin-top: 60px;
}
@media screen and (max-width: 999px) {
	#t_photo .sec_ttl {
		margin-left: 8px;
		padding-left: 40px;
		background: url(../../yes_img/sp/photo_icon_01.png) no-repeat;
		background-size: 32px;
	}
}
@media screen and (min-width: 768px) {
	#t_photo .sec_ttl {
		position: relative;
	}
}
.tpho_wrap {
	margin-top: 10px;
	padding: 0;
}
.tpho_item {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 10px;
}
.tpho_item:nth-child(3n) {
	margin-right: 0;
}

/*-----------------------------------
▼【保存対策】写メ日記の画像上にpng画像
-----------------------------------*/
.tpho_item figure {
	position: relative;
	display: block;
}
.tpho_item figure::after {
	content: "";
	display: block;
	margin: auto;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/yes_img/common/png_cover.png);
	top: 0;
 left: 0;
}
/*-----------------------------------
▲【保存対策】終わり
-----------------------------------*/

.tpho_item img {
	position: absolute;
	float: left;
}
.tpho_name {
	margin-top: 4px;
	color: #e900a4;
	font-size: 12px;
	font-weight: bold;
}
a:hover .tpho_name {
	color: inherit;
}
.tpho_txt {
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 25px;
}
@media screen and (max-width: 640px) {
	.tpho_txt {
		/*height: 30px;*/
	}
}
@media screen and (min-width: 768px) {
	.tpho_rank_btn_pc {
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 5;
	}
	.tpho_rank_btn_pc a {
		color: #333;
		font-weight: normal;
		padding: 0 10px 0 5px;
	}
	.tpho_rank_btn_pc::before {
		font-family: "fontello";
		content: "\E800";
	}
	.tpho_rank_btn_sp {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.tpho_rank_btn_sp {}
	.tpho_rank_btn_sp a {
		width: 100%;
		padding: 10px 5px 6px 14px;
		display: block;
		font-size: 14px;
		box-sizing: border-box;
	}
	.tpho_rank_btn_sp a::before {
		font-family: "fontello";
		content: "\E800";
	}
	.tpho_rank_btn_pc {
		display: none;
	}
}
/*===========================================================

  ▼　指名ランキング

===========================================================*/
#t_shimei {
	min-width: 320px;
	max-height: 100%;
	margin-top: 40px;
}
@media screen and (max-width: 999px) {
	#t_shimei .sec_ttl {
		margin-left: 8px;
		padding-left: 56px;
		background: url(../../yes_img/sp/trophy_icon_01.png) no-repeat;
		background-size: 48px;
	}
}
/*　切り替えﾀﾌﾞ

-------------------------------------------------*/
/* --- ﾀﾌﾞ --- */
#t_tab {
	overflow: hidden;
	margin-top: 10px;
}
#t_tab li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 32.3%;
	margin: 0 .5%;
	padding: 14px 0;
	background: #1c7094;
	color: #fff;
	font-weight: bold;
	text-align: center;
	letter-spacing: .8pt;
	cursor: pointer;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#t_tab li.t_select {
	background: #eceadf;
	color: #333;
}
#t_tab li:hover {
	background: #2490be;
}
#t_tab li.t_select:hover {
	background: #dfdcd1;
}
/* --- ﾀﾌﾞｺﾝﾃﾝﾂ --- */
.t_tab_con {
	clear: left;
	width: 100%;
	margin: 0 auto;
	padding: 12px 0;
	color: #333;
	font-size: 20px;
	text-align: center;
	line-height: 100px;
}
.t_disnon {
	visibility: hidden;
	height: 0;
	padding: 0;
}
.t_tab_in {
	overflow: hidden;
	width: 98%;
	margin: 0 auto;
}
.t_tab_in li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 19.8%;
	margin: 0 .1% 10px .1%;
	border: 1px solid #ccc;
	line-height: 1;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.t_tab_in li a img {
	width: 90% !important;
	margin: 0 auto;
}
.t_tab_in h3 {
	margin: 0;
	padding: 10px 0 3px;
	color: #490103;
	font-size: 16px;
}
.t_tab_in h3 span {
	font-size: 24px;
}
.t_tab_in p {
	margin: 10px 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
}
/*

.slick-prev {

    left: -25px !important;

color: #333 !important;

}



#t_shimei .slick-next {

  right: 0px !important;

}*/
#t_shimei .slick-dots li button::before {
	font-size: 30px !important;
}
#t_shimei .slick-prev:before {
	color: #ccc;
	font-family: "fontello" !important;
	font-size: 30px;
	content: "\E804" !important;
}
#t_shimei .slick-next:before {
	color: #ccc;
	font-family: "fontello" !important;
	font-size: 30px;
	content: "\E805" !important;
}
#t_shimei .slick-next {
	z-index: 99;
	right: 0 !important;
	width: 30px !important;
	height: 30px !important;
}
#t_shimei .slick-prev {
	z-index: 99;
	left: 0;
	width: 30px !important;
	height: 30px !important;
}
/*-----------------------------------------------------------

  ▼　767px以下

-----------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.t_tab_in li {
		width: 32.7%;
		margin: 0 .3% 10px .3%;
	}
	#t_shimei .slick-next {
		right: 0 !important;
	}
	#t_shimei .slick-prev {
		left: 0 !important;
	}
}
/*-----------------------------------------------------------

  ▼　768-999(タブレット)

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

  ▼　1000-(PC)

-----------------------------------------------------------*/
/*===========================================================

  ▼　動画

===========================================================*/
#t_movie {
	margin-top: 40px;
}
.t_mow {
	padding: 0 8px;
}
@media screen and (min-width: 1000px) {
	.t_mow {
		padding: 0;
	}
}
.t_moi {
	float: left;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 10px;
}
.t_moi:nth-child(2n) {
	margin-right: 0;
}
.m_mod {
	font-size: 12px;
}
.t_moi figcaption {
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.t_moi figure div {
	background: #111;
	position: relative;
	overflow: hidden;
}
.t_moi img {
	width: 100%;
	height: auto;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
@media screen and (max-width: 420px) {
	.t_moi figure div {
		height: 115px;
	}
}
@media screen and (min-width: 421px) and (max-width: 480px) {
	.t_moi figure div {
		height: 132px;
	}
}
@media screen and (min-width: 481px) and (max-width: 640px) {
	.t_moi figure div {
		height: 177px;
	}
}
@media screen and (min-width: 641px) and (max-width: 767px) {
	.t_moi figure div {
		height: 213px;
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {
	.t_moi figure div {
		height: 213px;
	}
}
@media screen and (min-width: 1000px) {
	.t_moi figure div {
		height: 218px;
	}
}
.t_mon {
	margin-top: 4px;
	font-weight: bold;
	text-align: center;
}
/*===========================================================

  ▼　ルーム

===========================================================*/
#t_room {
	max-width: 767px;
	margin-top: 40px;
	padding: 4px 0 24px;
	background: #f1f0eb;
}
#t_room figcaption {
	font-size: 12px;
	margin-top: 4px;
}
@media screen and (min-width: 768px) {
	#t_room {
		margin-bottom: 40px;
	}
}
#t_room .sec_ttl {
	padding-left: 8px;
}
.t_roomb {
	/*  padding: 0%;*/
	padding: 0 5%;
}
.t_roomb figure {
	float: left;
	width: 31%;
	margin: 0 3.5% 0 0;
}
.t_roomb figure:nth-child(3n) {
	margin-right: 0;
}
.t_roomb img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 767px) {
	.t_roomb {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 2%;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	.t_roomb figure {
		float: left;
		width: 31.5%;
		margin: 0 2.5% 0 0;
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {
	.t_roomb {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 2%;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
}
/*===========================================================

  ▼　サイドカラム

===========================================================*/
@media screen and (min-width: 1000px) {
	#side_col {
		float: left;
	}
}
/*===========================================================

  ▼　コンテンツメニュー

===========================================================*/
#t_content {
	margin-top: 40px;
}
.subnav {
	/*  width: 100%;*/
	background: #fff;
}
.subnav ul {
	overflow: hidden;
	/*  width: 100%;*/
	margin: 0 auto;
	font-size: 14px;
	font-weight: bold;
	line-height: 3.6;
}
.subnav li {
	float: left;
	width: 50%;
	height: 50px;
	border-bottom: 1px solid #c4c4c4;
}
.subnav li a {
	display: block;
	overflow: hidden;
	/*  overflow: hidden;

  width: 100%;*/
	height: 100%;
	padding: 0 4%;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.subnav li a:hover {
	background: #f0f0f0;
}
.subnav li:nth-child(-n+2) {
	border-top: 1px solid #c4c4c4;
}
.subnav li:nth-child(odd) {
	border-right: 1px solid #c4c4c4;
}
/*-----------------------------------------------------------

  ▼　999px以下

-----------------------------------------------------------*/
@media screen and (max-width: 999px) {
	#t_content {
		max-width: 767px;
	}
	/* --- 矢印[＞] --- */
	.subnav li a {
		position: relative;
	}
	.subnav li a:after {
		position: absolute;
		right: 4%;
		font-family: "fontello";
		content: "\E805";
	}
}
/*-----------------------------------------------------------

  ▼　768-999(タブレット)

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

  ▼　1000-(PC)

-----------------------------------------------------------*/
@media screen and (min-width: 1000px) {
	#t_content {
		margin-top: 10px;
	}
	#t_content {
		max-width: 200px;
	}
	#t_content .sec_ttl {
		padding: 5px 0;
		background: #111;
		color: #fff;
		text-align: center;
	}
	.subnav {
		text-align: left;
	}
	.subnav ul {
		margin-top: 0;
		padding-top: 0;
		border: 1px solid #c4c4c4;
		font-size: 13px;
		line-height: 0;
		word-break: keep-all;
	}
	.subnav li {
		clear: left;
		width: 100%;
		height: 35px;
		border: none !important;
		border-bottom: 1px solid #c4c4c4 !important;
		line-height: 2.8 !important;
	}
	.subnav li a {
		padding: 0 0 0 20px;
		color: #333;
	}
	.subnav li:last-child {
		border-bottom: none !important;
	}
	.subnav li a:hover {
		background: #f1f0eb;
	}
}
/*===========================================================

  ▼　エリアニュース

===========================================================*/
#top_area {
	margin-top: 40px;
}
@media screen and (max-width: 999px) {
	#top_area .sec_ttl {
		margin-left: 8px;
		padding-left: 40px;
		background: url(../../yes_img/sp/file_icon_01.png) no-repeat;
		background-size: 32px;
	}
}
.tarea_wrap {
	margin: 0 8px;
	padding: 8px 8px 16px;
}
.tarea_item {
	width: 99%;
	height: 80px;
	margin: 0 auto;
	border-bottom: 1px solid #eeefe9;
	box-shadow: 1px 1px 3px 0 #dedfd9;
}
.tarea_box {
	display: table-cell;
	height: 80px;
	padding: 0 7% 0 4%;
	border-bottom: 1px solid #eeefe9;
	font-size: 12px;
	vertical-align: middle;
}
.tarea_date {
	display: block;
	width: 100%;
}
.tarea_txt {
	color: #3737c6;
	font-weight: bold;
}
.tarea_item a {
	display: block;
	position: relative;
	height: 80px;
	color: #5c5c5e;
	font-size: 16px;
}
.tarea_item a:after {
	position: absolute;
	top: 32px;
	right: 3%;
	font-family: "fontello";
	content: "\E805";
}
.tarea_item a:hover .tarea_txt, .tarea_item a:hover .tarea_date {
	color: inherit;
}
@media screen and (min-width: 1000px) {
	#top_area {
		width: 200px;
		margin-top: 20px;
		border: 1px dashed #c3c3c3;
	}
	#top_area .sec_ttl {
		margin-left: 8px;
		font-size: 10px;
	}
	#top_area .sec_ttl span {
		font-size: 24px;
	}
	.tarea_wrap {
		margin: 0;
		padding: 0;
		background: none;
	}
	.tarea_item {
		width: 99%;
		height: auto;
		margin: 0 auto;
		border-bottom: 0;
		box-shadow: none;
	}
	.tarea_box {
		display: table-cell;
		height: auto;
		padding: 8px 7% 0 4%;
		vertical-align: middle;
	}
	.tarea_date {
		display: inline-block;
		width: 100%;
	}
	.tarea_date::before {
		margin-right: 4px;
		font-family: "fontello";
		content: "\E800";
	}
	.tarea_txt {
		padding-bottom: 8px;
		border-bottom: 1px dashed #c3c3c3;
	}
	.tarea_item a {
		display: block;
		position: relative;
		height: auto;
		font-size: 16px;
	}
	.tarea_item a:after {
		display: none;
	}
	.tarea_wrap .more_btn {
		width: 100%;
	}
	.tarea_wrap .more_btn a {
		margin: 10px auto;
	}
	.tarea_wrap .more_btn a {
		position: relative;
		height: 24px;
		padding-right: 4px;
		font-size: 12px;
		line-height: 24px;
	}
	.tarea_wrap .more_btn a::after {
		position: absolute;
		/*    top: 0;*/
		right: 5%;
	}
}
/*===========================================================

  ▼　バナーエリア

===========================================================*/
#t_bnrw {
	margin: 40px auto 0;
	padding: 8px;
}
.tm_card {
	margin-bottom: 20px;
	padding: 8px;
	border: 1px dashed #c3c3c3;
	font-size: 12px;
}
.tm_card img {
	display: block;
	width: 160px !important;
	height: 120px !important;
	margin: 0 auto;
}
.tm_cardt {
	margin: 10px 0;
	color: #5c5c5e;
}
.tm_cardd {
	display: inline-block;
	position: relative;
	width: 170px;
	margin: 0;
	padding: 3px 0 3px 12px;
	background: rgb(249, 249, 249);
	background: -moz-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(219, 219, 219, 1) 80%, rgba(237, 237, 237, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(219, 219, 219, 1) 80%, rgba(237, 237, 237, 1) 100%);
	background: linear-gradient(to bottom, rgba(249, 249, 249, 1) 0%, rgba(219, 219, 219, 1) 80%, rgba(237, 237, 237, 1) 100%);
	color: #5c5c5e;
	font-weight: bold;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9", endColorstr="#ededed", GradientType=0);
}
.tm_cardd:before {
	margin-right: 2px;
	font-family: "fontello";
	content: "\E801";
}
.tm_cardd:hover {
	opacity: .7;
}
.tm_card a {
	display: block;
}
.t_bnr {
	margin-bottom: 20px;
}
@media screen and (min-width: 1000px) {
	#t_bnrw {
		width: 200px;
		margin: 20px auto;
		padding: 0;
	}
	.t_bnr {
		margin-bottom: 10px;
	}
}
.t_bnr img {
	width: 100%;
	height: auto;
}
/*===========================================================

  ▼　写メ投稿

===========================================================*/
.shame_toukou {
	margin: 10px auto;
	background-repeat: no-repeat;
}
.shame_title {
	padding: 5px 0;
	background: #111;
	color: #fff;
	text-align: center;
}
.shame_txt {
	text-align: left;
	line-height: 37px;
}
.shame_title img {
	margin: 3px 3px 2px;
}
.shame {
	overflow: scroll;
	height: 475px;
	border: 1px solid #C4C4C4;
	background: #fff;
}
.shame_photo {
	width: 170px;
	text-align: center;
}
.shame_in_title {
	width: 170px;
	border-top: 1px dotted #5658a9;
	border-bottom: 1px dotted #5658a9;
	font-size: 12px;
	text-align: center;
}
.shame_in_txt {
	width: 150px;
	margin: 0 auto;
	font-size: 12px;
	text-align: left;
}
/*===========================================================

  ▼　共通部分(ボタンなど)

===========================================================*/
/* --- 見出し --- */
.sec_ttl {
	padding-left: 0;
	font-family: "Italianno", cursive;
	font-size: 40px;
	/*  height: 50px;*/
}
.sec_ttl span {
	padding: 10px 0 10px 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	letter-spacing: .5pt;
}
.more_btn_b {
	cursor: pointer;
}
.more_btn a, .more_btn_c a {
	display: block;
	position: relative;
	width: 50%;
	height: 40px;
	margin: 10px auto 0;
	border: 1px solid #5e5e5c;
	background: #fff;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	line-height: 1;
	padding-top: 12px;
}
.more_btn_b {
	display: block;
	position: relative;
	width: 50%;
	height: 40px;
	margin: 0 auto 10px;
	border: 1px solid #5e5e5c;
	border-radius: 1px;
	background: #fff;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	line-height: 2.6;
}
.more_btn .hover_style a, .more_btn_b:hover, .more_btn_c a:hover {
	background: #f1f0eb;
	color: #333;
}
.more_btn a:after, .more_btn_c a:after {
	position: absolute;
	top: 50%;
	right: 6%;
	font-family: "fontello";
	font-size: 12px;
	vertical-align: middle;
	line-height: 0;
	content: "\E805";
}
.more_btn_b:after {
	position: absolute;
	top: 6px;
	right: 6%;
	font-family: "fontello";
	font-size: 12px;
	vertical-align: middle;
	content: "\E803";
}
.more_btn_b1:after {
	top: 4px;
	content: "\E806";
}
.more_btn a:hover {
	background: #f1f0eb;
}
@media screen and (max-width: 767px) {
	.sec_ttl {
		padding-left: 8px;
	}
	.more_btn a:after {
		right: 8%;
	}
	.more_btn_b a:after {
		right: 10%;
	}
}
@media screen and (min-width: 1000px) {
	#side_col .sec_ttl {
		font-family: "Roboto", sans-serif;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1pt;
		text-transform: uppercase;
	}
	#top_area .sec_ttl {
		padding-top: 8px;
	}
	#side_col .sec_ttl span {
		display: none;
	}
	.more_btn_b, .more_btn_b a, .more_btn_c a {
		display: block;
		width: 100%;
	}
	/*  .more_btn:hover a,

  .more_btn_b:hover a,*/
	.more_btn a:after, .more_btn_b a:after, .more_btn_c a:after {
		right: 3%;
	}
	/* タイトル日本語部分SP版*/
	.sec_ttl span {
		padding: 10px 0 10px 20px;
		font-size: 14px;
		letter-spacing: .5pt;
	}
}
/* 電話番号アイコン */
#pc_tel {
	position: fixed;
	z-index: 300;
	right: 2%;
	bottom: 2%;
}
#pc_tel {
	display: table;
	width: 200px;
	height: 60px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: rgba(0, 0, 0, .8);
}
#pc_tel p {
	display: table-cell;
	width: 50px;
	color: #fff;
	font-size: 24px;
	text-align: center;
	vertical-align: middle;
}
#pc_tel dl {
	display: table-cell;
	width: 150px;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
	line-height: 1;
	white-space: nowrap;
}
#pc_tel dl dt {
	padding: 2px 0 4px;
	font-size: 14px;
}
#pc_tel dl dd {
	font-size: 18px;
	font-family: "Century Gothic";
	letter-spacing: .05em;
}
#sp_tel {
	display: table;
	position: fixed;
	z-index: 300;
	right: 3%;
	bottom: 1%;
}
#sp_tel a {
	width: 56px;
	height: 56px;
	-webkit-border-radius: 50;
	-moz-border-radius: 50;
	border-radius: 50%;
	background: rgba(0, 0, 0, .8);
	color: #fff;
	line-height: 1;
	position: relative;
}
#sp_tel a .tel_icon {
	position: absolute;
	top: 14%;
	left: -50%;
	right: -50%;
	font-size: 32px;
}
#sp_tel a .tel_txt {
	position: absolute;
	bottom: 6%;
	left: -50%;
	right: -50%;
	font-size: 11px;
}
/* PCのみ、スマホのみの表示 */
@media screen and (max-width: 999px) {
	.pc_only {
		display: none !important;
	}
}
@media screen and (min-width: 1000px) {
	.sp_only {
		display: none !important;
	}
}
/* -footer nav-  */
#footer {
	max-width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
	#footer_inn {
		width: 767px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 999px) {
	#foot_nav {
		max-width: 999px;
		padding: 15px 0;
		background: url("../../yes_img/common/footer/f_bg.png") repeat;
	}
	#foot_nav .foot_nav_in {
		display: table;
		table-layout: fixed;
		border-spacing: 5px 0;
		border-collapse: separate;
		width: 100%;
		text-align: center;
	}
	#foot_nav .foot_nav_in li {
		float: left;
		width: 20%;
		text-align: center;
	}
	#foot_nav .foot_nav_in li img {
		width: 100%;
	}
	#foot_nav .foot_nav_in li a {
		display: block;
		margin: 0 5px;
		line-height: 1.4;
	}
	#foot_nav .foot_nav_in li.foot_nav04 {
		display: block;
		margin: 0;
		padding: 0 5px;
		line-height: 1.4;
	}
	#foot_nav .foot_nav_in .foot_t {
		display: block;
		margin: 5px auto 0 0;
		font-size: 12px;
		line-height: 1.5;
	}
	/*footer キャッチコピー*/
	#shop_catch_ft {
		padding: 15px;
		color: #777171;
		font-size: 12px;
		text-align: left;
		letter-spacing: 0px;
		line-height: 1.4rem;
	}
}
/* 1000-(PC) */
@media screen and (min-width: 1000px) {
	#footer {
		background: #ebeae6;
	}
	#footer .bg_pc_foot {
		max-width: 1000px;
		margin: 0 auto;
		padding: 0 40px;
	}
	#foot_nav {
		width: 100%;
		background: #333;
	}
	#foot_nav .foot_nav_in {
		display: table;
		width: 100%;
		text-align: center;
	}
	#foot_nav .foot_nav_in li {
		display: inline-block;
		min-width: 10%;
		max-width: 15%;
		width: auto;
		height: auto !important;
		height: 30px;
		padding: 20px 0;
		font-size: 12px;
	}
	#foot_nav .foot_nav_in li:last-child {
		border-right: none;
	}
	#foot_nav .foot_nav_in li img {
		display: none;
	}
	#foot_nav .foot_nav_in li a {
		display: block;
		padding: 0 20px;
		border-right: solid 2px #fff;
		color: #fff;
	}
	#foot_nav .foot_nav_in li.foot_nav04 {
		/* display:block;*/
		padding: 0 20px;
		border-right: solid 2px #fff;
		color: #fff;
	}
	#foot_nav .foot_nav_in li a:hover, #foot_nav .foot_nav_in li.foot_nav04:hover {
		color: #3ca2ff;
	}
	/*　footer キャッチコピー　*/
	#shop_catch_ft {
		padding: 40px 0 50px 0;
		color: #111;
		font-size: 14px;
		text-align: center;
		letter-spacing: 1px;
		line-height: 1.8rem;
	}
}
/*　-コンテンツ一覧-　*/
@media screen and (max-width: 999px) {
	#con_list_ft {
		max-width: 999px;
		margin-bottom: 25px;
	}
	#con_list_ft h3 {
		margin-bottom: 10px;
		padding-left: 10px;
		font-size: 1.3rem;
	}
	#con_list_ft li a {
		display: block;
		position: relative;
		padding: 20px;
		font-size: 14px;
		font-weight: bold;
	}
	#con_list_ft li a:hover {
		background: #f1f0eb;
	}
	#con_list_ft li a:after {
		display: block;
		position: absolute;
		top: 50%;
		right: 10px;
		width: 6px;
		height: 6px;
		font-family: "fontello";
		line-height: 0;
		content: "\E805";
	}
	#con_list_ft li:nth-child(odd) {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		width: 50%;
		border-top: 1px solid #c3c3c3;
		border-right: 1px solid #c3c3c3;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	#con_list_ft li:nth-child(even) {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: right;
		width: 50%;
		border-top: 1px solid #c3c3c3;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	#con_list_ft li:last-child, #con_list_ft li:nth-last-child(2) {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-bottom: 1px solid #c3c3c3;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
}
/* 1000-(PC) */
@media screen and (min-width: 1000px) {
	/*footer コンテンツ一覧*/
	#con_list_ft {
		width: 200px;
		float: left;
		margin-right: 20px;
	}
	#con_list_ft h3 {
		padding: 5px 10px 5px;
		color: #333;
		font-size: 12px;
	}
	#con_list_ft .con_list_item {
		padding: 10px 0;
		text-align: left;
	}
	#con_list_ft .con_list_item li {
		margin-bottom: 10px;
		padding: 0 15px;
		font-size: 11px;
	}
	#con_list_ft .con_list_item li a {
		display: block;
	}
	#con_list_ft .con_list_item li a:hover {
		color: #3ca2ff;
	}
	#job_lnk {
		display: none;
	}
}
/*　-店舗一覧-　*/
@media screen and (max-width: 999px) {
	#shop_list_area {
		max-width: 999px;
		margin-bottom: 10px;
	}
	#shop_list_area h3 {
		margin-bottom: 10px;
		padding-left: 10px;
		font-size: 1.3rem;
	}
	#shop_list_area li a {
		display: block;
		position: relative;
		height: 66px;
		padding: 0 0 0 7%;
		font-size: 14px;
		font-weight: bold;
		line-height: 4.4;
	}
	#shop_list_area li a:hover {
		background: #f0f0f0;
	}
	#shop_list_area li a:after {
		display: block;
		position: absolute;
		top: 0;
		right: 10px;
		width: 6px;
		height: 6px;
		font-family: "fontello";
		font-size: 16px;
		content: "\E805";
	}
	#shop_list_area li:nth-child(odd) {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		width: 50%;
		border-top: 1px solid #c3c3c3;
		border-right: 1px solid #c3c3c3;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	#shop_list_area li:nth-child(even) {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: right;
		width: 50%;
		border-top: 1px solid #c3c3c3;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	#shop_list_area li:last-child, #shop_list_area li:nth-last-child(2) {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-bottom: 1px solid #c3c3c3;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
}
@media screen and (min-width: 1000px) {
	#shop_list_area {
		width: 200px;
		float: left;
		border-right: 1px dotted #CCC;
	}
	#shop_list_area h3 {
		padding: 5px 10px;
		color: #333;
		font-size: 12px;
	}
	#shop_list_area .shop_area {
		padding: 10px 0;
		text-align: left;
	}
	#shop_list_area li {
		margin-bottom: 10px;
		padding: 0 15px;
		font-size: 11px;
	}
	#shop_list_area li a {
		display: block;
	}
	#shop_list_area li a:hover {
		color: #3ca2ff;
	}
	#shop_list_area .arrow {
		display: none;
	}
}
@media screen and (max-width: 460px) {
	.shop_area .lh_my a {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-top: 16px !important;
		line-height: 1.2 !important;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	.shop_area .lh_my a span {
		display: block;
		line-height: 1 !important;
	}
	#shop_list_area .lh_my a:after {
		top: 50%;
		line-height: 0 !important;
		/*margin-top: -4px;*/
	}
}
/*　-相互リンクと性病検査リンク-　*/
@media screen and (max-width: 999px) {
	#link_exchange {
		box-sizing: border-box;
		float: left;
		width: 50%;
		border-top: 1px solid #c3c3c3;
		line-height: 3.5em;
		font-size: 12px;
	}
	#link_exchange .link_exchange_box {
		display: none;
		border-right: 1px solid #c3c3c3;
	}
	#footer .title_lnk {
		padding: 0 10px;
		border-right: 1px solid #c3c3c3;
		cursor: pointer;
	}
	#footer .title_lnk span {
		display: block;
		position: relative;
	}
	#footer .title_lnk span::after {
		display: block;
		position: absolute;
		top: 50%;
		right: 12px;
		width: 6px;
		height: 6px;
		font-family: "fontello";
		line-height: 0;
		content: "\E803";
	}
	#link_exchange img {
		display: none;
	}
	#link_exchange {
		border-bottom: 1px solid #c3c3c3;
	}
	#link_exchange ul li {
		margin: 0;
		border-top: 1px solid #c3c3c3;
	}
	#link_exchange .link_exchangee_in {
		margin: 0;
		padding: 0;
		line-height: 3.5em;
	}
	#link_exchange .link_exchangee_in li a {
		display: block;
		position: relative;
		margin: 0;
		padding: 0 10px;
	}
	#link_exchange .link_exchangee_in li a::after {
		display: block;
		position: absolute;
		top: 50%;
		right: 20px;
		width: 6px;
		height: 6px;
		font-family: "fontello";
		line-height: 0;
		content: "\E805";
	}
	#link_exchange .link_exchangee_in a:hover {
		display: block;
		margin: 0;
		background: #f0f0f0;
	}
	#link_exchange02 {
		box-sizing: border-box;
		float: right;
		width: 50%;
		border-top: 1px solid #c3c3c3;
		border-bottom: 1px solid #c3c3c3;
		line-height: 3.5em;
		font-size: 12px;
	}
	#link_exchange02 p {
		padding: 0 10px;
	}
	#link_exchange02 p a {
		display: block;
		position: relative;
	}
	#link_exchange02 p a::after {
		display: block;
		position: absolute;
		top: 50%;
		right: 10px;
		width: 6px;
		height: 6px;
		font-family: "fontello";
		line-height: 0;
		content: "\E805";
	}
	#link_exchange_pc, #link_exchange02_pc, .title_lnk_p {
		display: none;
	}
}
@media screen and (min-width: 1000px) {
	#link_exchange, #link_exchange02 {
		display: none;
	}
	#link_exchange_pc li {
		display: inline;
	}
	#link_exchange_pc {
		width: 100%;
		margin-bottom: 10px;
		text-align: left;
	}
	#link_exchange02_pc {
		width: 500px;
		float: left;
		box-sizing: border-box;
		font-size: 11px;
		margin: 0 auto;
		margin-bottom: 20px;
		padding-left: 40px;
	}
	#link_exchange02_pc p {
		margin-bottom: 5px;
		text-align: left;
		padding-top: 5px;
	}
	#link_exchange02_pc .lnk_img {
		margin-bottom: 30px;
	}
	#link_exchange02_pc .lnk_img img {
		max-width: 100%;
		float: left;
		margin-right: 10px;
	}
}
/*       -エリアリンク-       */
#area_list li a {
	font-size: 12px;
}
@media screen and (min-width: 402px) {
	#area_list li a {
		font-size: 16px;
	}
}
@media screen and (max-width: 999px) {
	#area_list li:nth-child(2n+1) {
		box-sizing: border-box;
		float: left;
		width: 50%;
	}
	#area_list li:nth-child(2n) {
		box-sizing: border-box;
		float: right;
		width: 50%;
	}
	#area_list li a {
		display: block;
		position: relative;
		padding: 20px;
		color: #cd0f7b;
		font-weight: bold;
	}
	#area_list li a::after {
		display: block;
		position: absolute;
		top: 50%;
		right: 20px;
		width: 6px;
		height: 6px;
		color: #cd0f7b;
		font-family: "fontello";
		line-height: 0;
		content: "\E805";
	}
}
@media screen and (min-width: 1000px) {
	#area_list {
		display: none;
	}
}
/*　　-コンプライアンス-　　*/
@media screen and (max-width: 999px) {
	#compliance {
		padding: 0 10px 30px 10px;
		color: #777171;
		font-size: 12px;
		letter-spacing: .1em;
	}
}
@media screen and (min-width: 1000px) {
	#compliance {
		display: none;
	}
	#compliance_pc {
		clear: both;
		font-size: 11px;
		letter-spacing: .1rem;
		margin-bottom: 20px;
	}
}
/**********************求人バナー*********************/
#job_lnk {
	margin: 20px 8px;
}
#job_lnk p {
	margin-bottom: 10px;
	text-align: center;
}
#job_lnk p img {
	width: 100%;
}
/********************アドレス***********************/
#foot_fix {
	padding: 10px 10px 10px 20px;
	border-top: 1px dotted #CCC;
	background: #f7f8f3;
	font-size: 12px;
	line-height: 2;
	letter-spacing: .1rem;
}
#foot_fix .line_f a {
	text-decoration: underline;
}
#foot_fix .line_f a:hover {
	color: #3ca2ff;
}
@media screen and (min-width: 1000px) {
	#foot_fix {
		width: 100%;
		background: none;
	}
	#foot_fix ul {
		width: 920px;
		margin: 10px auto 30px auto;
		text-align: left;
		font-size: 11px;
	}
	#footer .title_lnk_p {
		display: block;
		margin: 0 auto;
		margin-bottom: 15px;
		border-radius: 25px;
		border: 1px solid #333;
		font-size: 12px;
		font-weight: normal;
		text-align: center;
	}
	#footer .title_lnk_p a {
		display: block;
		color: #333;
		padding: 5px 0;
		border-radius: 25px;
		background-image: url(../../yes_img/common/footer/arrow.png);
		background-repeat: no-repeat;
		background-position: 10px center;
		background-size: 10px;
	}
	#footer .title_lnk_p a:hover {
		background-color: #ddd;
	}
}
/********************コピーライト***********************/
#foot_copy {
	width: 100%;
	padding: 5px 0;
	background: #94adb4;
	color: #fff;
	font-size: 12px;
	text-align: center;
}
#foot_copy p {
	color: #fff;
}
@media screen and (min-width: 1000px) {
	#foot_copy {
		background: #333;
	}
}
/*-----------------------------------------------------------

  注意事項　ポップアップ

-----------------------------------------------------------*/
/* モーダル コンテンツエリア */
#modal-main2 {
	display: none;
	position: fixed;
	z-index: 501;
}
/* モーダル 背景エリア */
#modal-bg2 {
	display: none;
	position: fixed;
	z-index: 500;
	top: 0;
	left: 0;
	width: 100%;
	height: 130%;
	background: url(../../yes_img/common/footer/foot_back.png);
}
/*-----------------------------------------------------------

  注意事項　デザイン

-----------------------------------------------------------*/
.foot_nav04 {
	cursor: pointer;
}
.notes_area {
	position: relative;
	clear: both;
	max-width: 580px;
	width: 94%;
	margin: 0 auto 10px;
	padding: 10px;
	background: #fff;
	color: #333;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.8;
}
.notes_in {
	padding: 10px;
	border: 2px solid #bbb;
	overflow: scroll;
	overflow-x: hidden;
	max-height: 500px;
}
.notes_in .sec_ttl {
	margin: 10px 5px;
	padding: 0;
	color: #333;
	line-height: 1;
}
.notes_in .sec_ttl span {
	padding: 10px 0 0 20px;
}
.notes_in p {
	padding: 5px 10px 5px;
}
.notes_in ul {
	margin: 5px 0;
	padding: 10px;
	color: #333;
}
.bor_a {
	border-bottom: 1px solid #aaa;
}
.bor_b {
	border-bottom: 1px solid #aaa;
}
.color_a {
	color: #777;
}
.close_btn {
	cursor: pointer;
}
.close_btn:before {
	position: absolute;
	z-index: 99;
	top: 0;
	right: -10px;
	color: #333;
	font-family: "fontello";
	font-size: 20px;
	vertical-align: middle;
	line-height: 0;
	content: "\e80f";
}
@media screen and (max-width: 767px) {
	.notes_in {
		overflow: scroll;
		overflow-x: hidden;
		max-height: 400px;
	}
	.notes_in {
		padding: 5px;
	}
	.notes_in .sec_ttl {
		margin: 10px 0 0;
		padding: 0;
		line-height: 1;
	}
	.notes_in .sec_ttl span {}
	.notes_in p {
		padding: 5px 5px 5px;
	}
	.notes_in ul {
		padding: 5px;
	}
}
/*  注意事項　スクロールバー（スマホ）

-----------------------------------------------------------*/
.notes_in {
	/* 対象となる要素 */
	overflow: auto;
}
.notes_in::-webkit-scrollbar {
	/* スクロールバー本体 */
	width: 5px;
	background: #ddd;
}
.notes_in::-webkit-scrollbar:horizontal {
	/* 横方向のスクロールバー本体 */
	width: 5px;
	background: #ddd;
}
.notes_in::-webkit-scrollbar-thumb {
	border-radius: 2px;
	/* スクロールバーの動く部分 */
	background: #d81f58;
}
.notes_in::-webkit-scrollbar-thumb:horizontal {
	border-radius: 2px;
	/* 横方向のスクロールバーの動く部分 */
	background: #d81f58;
}
.notes_in::-webkit-scrollbar-track-piece:start {
	/* スクロールバーの動く部分の前 */
	background: #ddd;
}
.notes_in::-webkit-scrollbar-track-piece:end {
	/* スクロールバーの動く部分の後ろ */
	background: #ddd;
}
.notes_in::-webkit-scrollbar-corner {
	/* スクロールバー角 */
	background: transparent;
}
/*-----------------------------------------------------------

  サブページ共通

-----------------------------------------------------------*/
/* タイトル */
.sub_h1 {
	font-size: 20px;
	font-weight: normal;
}
.sub_h1 span {
	margin-right: .5em;
	font-family: "Italianno", cursive;
	font-size: 46px;
	font-weight: bold;
	letter-spacing: .05em;
}
/*-----------------------------------------------------------

  共通セレクトボックスと横のボックス

-----------------------------------------------------------*/
.common_select {
	position: relative;
	text-align: -webkit-center;
}
.common_select::before {
	display: block;
	position: absolute;
	z-index: 1;
	top: -2px;
	left: 12px;
	color: #444;
	font-family: "fontello";
	font-size: 18px;
	content: "\e80c";
}
.common_select::after {
	display: block;
	position: absolute;
	z-index: 0;
	top: 2px;
	right: 12px;
	color: #444;
	font-family: "fontello";
	font-size: 14px;
	content: "\e803";
}
.common_link:hover, .common_select:hover, .common_select:focus {
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
	background: #eaeaea;
}
.common_select select {
	overflow: hidden;
	overflow: hidden;
	position: relative;
	z-index: 1;
	float: left;
	width: 100%;
	height: 32px;
	padding: 0 28px 0 34px;
	border: 1px solid #444;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
	color: #444;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	-webkit-user-select: none;
	/* Safari、Chromeなど */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* IE10かららしい */
	user-select: none;
	/* CSS3 */
}
/* IEの初期の下矢印消す */
select::-ms-expand {
	display: none;
}
/* FireFoxの初期の下矢印消す */
select {
	text-indent: .01px;
	text-overflow: "";
	-moz-appearance: none;
}
.common_link {
	position: relative;
	z-index: 0;
	width: 100%;
	height: 32px;
	border: 1px solid #444;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
	background: #fff;
	cursor: pointer;
}
.common_link::before {
	display: block;
	position: absolute;
	z-index: -10;
	top: -2px;
	left: 12px;
	color: #444;
	font-family: "fontello";
	font-size: 18px;
	/* content: "\e80b";*/
}
.common_link div, .common_link p, .common_link a {
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1;
	height: 32px;
	padding-top: 8px;
	padding-left: 8px;
	color: #444;
	font-size: 16px;
	text-align: center;
	line-height: 1;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-user-select: none;
	/* Safari、Chromeなど */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* IE10かららしい */
	user-select: none;
	/* CSS3 */
}
@media screen and (max-width: 767px) {
	.common_link div, .common_link p, .common_link a {
		padding-left: 32px;
	}
}
/*===========================================================

  ▼　エリアバナー

===========================================================*/
#t_bn_area {
	margin: 20px auto 0;
	padding: 8px;
}
.t_bn_area_in {
	margin-bottom: 10px;
}
@media screen and (min-width: 1000px) {
	#t_bn_area {
		width: 200px;
		margin: 20px auto;
		padding: 0;
	}
}
.t_bn_area_in img {
	width: 100%;
	height: auto;
}
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-



 * 動画一覧ページにページャー追加



-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=*/
.con_movie_btn {
	clear: both;
	max-width: 544px;
	width: 100%;
	margin: 0 auto 0;
	padding: 30px 0;
	font-size: 0;
	text-align: center;
	letter-spacing: 0;
}
.con_movie_btn li {
	display: inline-block;
	box-sizing: border-box;
	width: 9%;
	margin-right: 1.66%;
	border: solid 1px #c6c6c6;
	font-size: 12px;
}
.con_movie_btn li:last-child {
	margin-right: 0;
}
.con_movie_btn li.next_btn, .con_movie_btn li.prev_btn {
	box-sizing: border-box;
	width: 17%;
	height: 40px;
	background: #f4f4f4;
	color: #c6c4c5;
	line-height: 3.3;
}
.con_movie_btn li.next_btn a, .con_movie_btn li.prev_btn a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: #333;
	color: #fff;
}
.con_movie_btn .page_btn {
	box-sizing: border-box;
	width: 10%;
	height: 40px;
	background: #f4f4f4;
	color: #c6c4c5;
	line-height: 3.3;
}
.con_movie_btn .page_btn a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #888;
}
.con_movie_btn li.next_btn {
	margin-right: 0;
}
.con_movie_btn li.next_b, .con_movie_btn li.prev_b {
	display: inline-block;
	width: 6%;
	margin-right: 0;
	padding: 0;
	border: none;
	color: #888;
	text-align: center;
	letter-spacing: 0;
}
.con_movie_btn li.next_b a, .con_movie_btn .page_btn li.prev_b a {
	font-size: 16px !important;
	font-weight: normal !important;
}
@media screen and (max-width: 480px) {
	.con_movie_btn {
		padding: 0;
	}
	.con_movie_btn li {
		width: 11.5%;
		margin-right: 1%;
	}
	.con_movie_btn li.next_btn, .con_movie_btn li.prev_btn {
		width: 18%;
	}
}
/*----------------------------------------------

    告知バナー 201812 追加

----------------------------------------------*/
/*xmas start2024*/

#head_bar {

  left: 0;

  width: 100%;

}



#head_bar {

  display: block;

  width: 100%;
 /* height: 30px;*/


  background: url(../../../yes_img-top/top/announcement_banner_pc.jpg) repeat-x;



background-repeat: repeat-x;
background-size: auto 60px;
padding-top: 60px;

}
/*846追加*/
@media screen and (max-width: 600px) {
#head_bar {
  background-size: 100%;
  padding-top: 10%;
	}
}

@media screen and (max-width: 768px) {


}
/*846コメントアウト
@media screen and (max-width: 768px) {
    #head_bar {
background-image: url(../../yes_img-area/common/newyear_30y_sp.jpg);
background-size: 100%;
padding-top: 20%;
}
}
*/
/*

#head_bar02 {

  display: block;

  width: 100%;

  height: 30px;

  background: url(../../../yes_img-area/common/xmas.jpg) repeat-x;

  background-size: auto;

  -webkit-transition: opacity .2s;

          transition: opacity .2s;

}
*/

/*xmas end*/



/*halloween start*/
/*
#head_bar {

  left: 0;

  width: 100%;

}



#head_bar {

  display: block;

  width: 100%;

  height: 40px;

  background: url(../../../yes_img-area/common/halloween.png) repeat-x;

  background-size: contain;

  -webkit-transition: opacity .2s;

          transition: opacity .2s;

}






#head_bar02 {

  display: block;

  width: 100%;

  height: 40px;

  background: url(../../../yes_img-area/common/halloween.png) repeat-x;

  background-size: auto;

  -webkit-transition: opacity .2s;

          transition: opacity .2s;

}


/*halloween end*/





/*xmas start*/
/*
#head_bar {

  left: 0;

  width: 100%;

}



#head_bar {

  display: block;

  width: 100%;

  height: 30px;

  background: url(../../../yes_img-area/common/xmas.jpg) repeat-x;

  background-size: contain;

  -webkit-transition: opacity .2s;

          transition: opacity .2s;

}


*/

/*

#head_bar02 {

  display: block;

  width: 100%;

  height: 30px;

  background: url(../../../yes_img-area/common/xmas.jpg) repeat-x;

  background-size: auto;

  -webkit-transition: opacity .2s;

          transition: opacity .2s;

}
*/

/*xmas end*/






/*NY start*/
/*
#head_bar {

  left: 0;

  width: 100%;

}



#head_bar {

  display: block;

  width: 100%;

  height: 40px;

  background: url(../../../yes_img-area/common/ny2024.png) repeat-x;

  background-size: contain;

  -webkit-transition: opacity .2s;

          transition: opacity .2s;

}
*/
/*
#head_bar02 {

  display: block;

  width: 100%;

  height: 40px;

  background: url(../../../yes_img-area/common/ny2024.jpg) repeat-x;

  background-size: auto;

  -webkit-transition: opacity .2s;

          transition: opacity .2s;

}*/



/*Valantine start*/
/*
#head_bar {

  left: 0;

  width: 100%;

}



#head_bar {

  display: block;

  width: 100%;

  height: 30px;

  background: url(../../yes_img-area/common/valentine.jpg) repeat-x;

  background-size: contain;

  -webkit-transition: opacity .2s;

          transition: opacity .2s;

}





#head_bar02 {

  display: block;

  width: 100%;

  height: 30px;

  background: url(../../../yes_img-area/common/newyear.jpg) repeat-x;

  background-size: auto;

  -webkit-transition: opacity .2s;

          transition: opacity .2s;

}

*/
/*NY end*/












/*

#head_bar02 {

  display: block;

  width: 100%;

  height: 30px;

  background: url(../../yes_img-area/common/newyear.jpg) repeat-x;

  background-size: auto;

  -webkit-transition: opacity .2s;

          transition: opacity .2s;

}

*/
@media screen and (max-width: 700px) {
	#head_bar02 {
		background-size: contain;
	}
}
/*

#head_bar02 {

  position: relative;

  z-index: 50;

  left: 0;

  width: 100%;

  height: 50px;

}



#head_bar02 a {

  display: block;

  width: 100%;

  height: 30px;

  background: url(../../yes_img-area/common/banner.jpg) repeat-x;

  background-size: contain;

  -webkit-transition: opacity .2s;

          transition: opacity .2s;

  border-top:1px solid #be975e;

}



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

@media screen and (min-width: 450px) and (max-width: 985px) {



#head_bar02 {

  top: 0rem!important;

  }

#head_bar {

  top: 3rem;

}

}

@media screen and (min-width: 401px) and (max-width: 450px) {

#head_bar {

  top: 2.2rem;

}

#head_bar02 {

  top: 0rem!important;

  }



}



@media screen and (max-width: 400px) {

#head_bar {

  top: 1.8rem;

}



#head_bar02 {

  top: 0rem!important;

  }



}

*/
/*

  @media screen and (min-width: 601px) {



  }

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

    ロゴ上装飾ライン

----------------------------------------------*/
.top_line_christmas {
	height: 30px;
}
.top_line_christmas img {
	width: 100%;
}
/*----------------------------------------------

     ヘヴンネット提供コンテンツ　190507

----------------------------------------------*/
#heaven_con_wrap {
	font-size: 13px;
	margin-top: 20px;
	border: 1px solid #c4c4c4;
}
#heaven_con_wrap .hc_title {
	text-align: center;
	font-weight: bold;
	padding: 10px;
	font-size: 16px;
	letter-spacing: 0.1rem;
	background: #ebeae6;
	text-shadow: 1px 1px 0 #FFF;
}
#heaven_con_wrap .hc_title p {
	font-weight: bold;
	font-size: 13px;
}
#heaven_con_wrap ul {
	padding-top: 8px;
}
#heaven_con_wrap li a {
	padding: 6px 16px;
	display: block;
	font-weight: bold;
	letter-spacing: 1px;
}
#heaven_con_wrap li {
	border-bottom: 1px solid #c4c4c4;
}
#heaven_con_wrap li:last-child {
	border-bottom: none;
}
@media screen and (max-width: 999px) {
	#heaven_con_wrap {
		margin-top: 28px;
		font-size: 14px;
		border: none;
	}
	#heaven_con_wrap .hc_title {
		font-size: 18px;
	}
	#heaven_con_wrap .hc_title p {
		font-size: 15px;
	}
	#heaven_con_wrap li a {
		padding: 12px 20px;
	}
	#heaven_con_wrap ul {
		padding-top: 0;
		display: flex;
		flex-wrap: wrap;
	}
	#heaven_con_wrap ul li {
		width: 50%;
		border-bottom: 1px solid #c4c4c4;
	}
	#heaven_con_wrap li:last-child {
		border-bottom: 1px solid #c4c4c4;
	}
	#heaven_con_wrap ul li:nth-child(odd) {
		border-right: 1px solid #c4c4c4;
	}
	#heaven_con_wrap li a {
		position: relative;
	}
	#heaven_con_wrap li a::after {
		position: absolute;
		right: 4%;
		font-family: "fontello";
		content: "\E805";
	}
}
/*------------------------
  ツイッター埋め込み
------------------------*/
#twitter .inner {
	/*margin-bottom: -2.5rem;*/
	margin-top: 3rem;
	margin-bottom: 3rem;
}
#twitter .box {
	position: relative;
	margin: 0 8px;
	padding: 0 8px;
}
#twitter .box_in {
	height: 352px;
	border: 1px solid #c3c3c3;
}
@media screen and (min-width: 1000px) {
	#twitter .box {
		margin: 0;
		padding: 0;
	}
}
.sns_button {
	position: absolute;
	margin: auto;
	top: -38px;
	right: 0;
}
/*------------------------
  相互リンクの表示整え（独自css）
------------------------*/
@media screen and (max-width: 999px) {
#link_area .link__pc {
	display: none;
}
}
#link_area .link__pc .link__list {
	text-align: left;
}
#link_area .link__pc .link__list li {
	display: inline-block;
}
#link_area .link__pc .link__list--text li {
	list-style-type: square
}
#link_area .link__pc .link__list--text li {
	display: inline list-item;
}

/*------------------------
  注意事項ページ化（追記css　シレナ・シャロン以外）
------------------------*/
#res_wrap02 {
    max-width: 1000px;
    margin: 20px auto;
    padding: 2rem;
    box-sizing:border-box;
}
#res_wrap02 ul {
    padding: 1rem;
    box-sizing:border-box;
    background: #EDEBEB;
    padding-bottom: .5rem;
}
#res_wrap02 .bor_a{
    margin-bottom: 2rem;

}
#res_wrap02 li {
     line-height: 2;

}
/* -----------------------
MENU設定
----------------------- */

#gnav {
    top: 0;
    left: 0;
    z-index: 999;
}

.now_event {
    background: #8E7137;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
}

#gnav .gnav_item {
  font-size: 0;
}

#gnav .gnav_item li {
    width: 16.6%;
    width : -webkit-calc(100% / 6);
    width : calc(100% / 6 -1) ;
    letter-spacing: normal;
    display: inline-block;
    height: auto;
    box-sizing: border-box;
}

@media all and (-ms-high-contrast: none){
#gnav .gnav_item li {
    width : calc(100% / 6 ) ;
    width : -webkit-calc(100% / 6);
    width: 16.6%!important;
}
}

/*.gnav_item li:nth-of-type(5) a {
font-size: 1.2rem;
}
*/
#gnav .gnav_item li:nth-of-type(5) {
  /*  border-right: 1px solid #fff;*/
}

#gnav .gnav_item .menu_wrap {
    height: auto;
    position: relative;
  /*  top: 0; */
    top: -5px;
    left: 0;
    cursor: pointer;
}


.menu_wrap .menu_btn{
    width: 100%;
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50% ,-50%);
    -ms-transform: translate(-50% ,-50%);
    -webkit-transform: translate(-50%, -50%);
	/* 2021.04.28 mori：修正 */
    /* font-size: .9rem; */
	font-size: 14px;
  text-align: center;
  font-weight: bold;
  line-height: 42px;
}

/* 2021.04.28 mori：追加 */
@media screen and (max-width: 768px) {
.menu_wrap .menu_btn{
    font-size: 12px;
}
}

#g_nav_open_area {
    display: none;
    position: fixed;
    z-index: 1000;
    background: rgba(0,0,0,.7);
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

#g_nav_open_area .nav_contents {
    padding: 0 16px;
    margin-bottom :8rem;
}

#g_nav_open_area ul {
    font-size: 1.4rem;
    letter-spacing: -0.5rem;
    background: #444;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

#g_nav_open_area li {
    letter-spacing: 0;
    width: 47%;
}

#g_nav_open_area li a {
    display: block;
    letter-spacing: 0;
    padding-left: .6rem;
    border-bottom: 1px solid #555;
    color: #fff;
	/* 2021.04.28 mori：修正 */
    /* font-size: 1rem; */
	font-size: 16px;
    line-height: 3;
    box-sizing: border-box;
}

#g_nav_open_area li a:hover {
    background: #528aa5;
    color: #fff;
    padding-left: .6rem;
    box-sizing: border-box;
}

#g_nav_open_area li .pc_only{
      display:inline;
  }

#g_nav_open_area h5{
    letter-spacing: .1rem;
    margin: 4rem 0 .5rem .5rem;
    color: #307693;
   width:100%;
  }

#g_nav_open_area .menu_close_btn {
    color: #ddd;
    float: right;
    margin: 0 auto 16px auto;
    cursor: pointer;
    position: relative;
    display: inline-block;
    text-align: center;
    background: #24546b;
    font-size: 2.5rem;
	/* 2021.04.28 mori：修正 */
    /* width: 3rem;
    height: 3rem; */
	width: 48px;
    height: 48px;
   /* padding: 1.2rem .5rem 0 .2rem;*/
}
.menu_close_btn::before,
.menu_close_btn::after {
    display: block;
    content: "";
    width: 40px;
    height: 2px;
    background: #fff;

position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;


}
.menu_close_btn::before {
    transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.menu_close_btn::after {
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
#gnav .gnav_item li:nth-of-type(1) {
	border-left-style: solid;
	border-left-width: 1px;
}
@media screen and (max-width: 768px) {

  #gnav .gnav_item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  #gnav .gnav_item li {
    width: calc(100% / 6);
    width: 16.6%;
  }

  .gnav_item a{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 12px;
  }

  #g_nav_open_area li {
    width:100%;
    }
#gnav .gnav_item li:nth-of-type(5) {
   /* border-right: 1px solid #fff;*/
}
#gnav .gnav_item .menu_wrap {
     top: 0;

}
}

.emer_come{
    padding: 5px 10px 3px 10px;
    box-sizing:border-box;
}