@charset "UTF-8";



/*-- 年齢認証ページ以外 メイン画像領域 --*/

img#tainyu {
    position: fixed;

    z-index: 9999;
}

div#tainyu_animation{
	position: absolute;
	right: 253px;
	bottom: 550px;
}





#head {
	width: 100%;
	height: 230px;
	padding-top: 123px;
	background: url(../img/main_bg.png) repeat;
	background-position: center center;

	border-bottom: 4px solid #f241ab;
}

#head .region {
	width: 1200px;
	margin: 0 auto;
}

#head .region .logo {
	position: absolute;
	width: 500px;
	float: left;
}
#head .region img.logo_shadow {
	filter: drop-shadow(0px 0px 2px #fff) drop-shadow(0px 0px 2px #fff) drop-shadow(0px 0px 2px #fff) drop-shadow(0px 0px 2px #fff);
}
#head .region .contents {
	width: 670px;
	float: right;
	font-size: 0;
}

#head .region .contents ul.area {
	display: inline-block;
	margin-bottom: 27.14px;
	padding: 0;
}

#head .region .contents ul.area li {
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 15px;
}

#head .region .contents ul.area li:nth-child(4),
#head .region .contents ul.area li:nth-child(8) {
	margin-right: 0;
}

#head .region .contents ul.area li:nth-child(5),
#head .region .contents ul.area li:nth-child(6),
#head .region .contents ul.area li:nth-child(7),
#head .region .contents ul.area li:nth-child(8) {
	margin-bottom: 0;
}



/* パンくずリスト＋紹介文 */
.pankuzu{
	width: 1140px;
	margin-top: 30px;
	padding: 10px 30px;
	background-color: #ffffd1;

	border-radius: 24px;
}

.pankuzu a{color:#777;text-decoration:none;}
.pankuzu a:hover{color:#80401e;text-decoration:underline;}
.pankuzu a:active, a:focus {outline: 0;}



/* 全国各地エリア角丸ボタン */

.button,
.button_board_send,
.button_board {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  font-size: 16px;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.button.index {
  background-color: #d6bc95;
  border: 2px solid #d6bc95;
}
.button.osaka {
  background-color: #f241ab;
  border: 2px solid #f241ab;
}
.button.kyoto {
  background-color: #febd00;
  border: 2px solid #febd00;
}
.button.tokyo {
  background-color: #01bbd4;
  border: 2px solid #01bbd4;
}
.button.hiroshima {
  background-color: #bc49d8;
  border: 2px solid #bc49d8;
}
.button.sapporo {
  background-color: #38dcff;
  border: 2px solid #38dcff;
}
.button.tokai {
  background-color: #f44236;
  border: 2px solid #f44236;
}
.button.kyushu {
  background-color: #4baf4f;
  border: 2px solid #4baf4f;
}

.button:hover {
  background-color: #fff;
}

.button.index:hover {
  border-color: #d6bc95;
  color: #d6bc95;
}
.button.osaka:hover {
  border-color: #f241ab;
  color: #f241ab;
}
.button.kyoto:hover {
  border-color: #febd00;
  color: #febd00;
}
.button.tokyo:hover {
  border-color: #01bbd4;
  color: #01bbd4;
}
.button.hiroshima:hover {
  border-color: #bc49d8;
  color: #bc49d8;
}
.button.sapporo:hover {
  border-color: #38dcff;
  color: #38dcff;
}
.button.tokai:hover {
  border-color: #f44236;
  color: #f44236;
}
.button.kyushu:hover {
  border-color: #4baf4f;
  color: #4baf4f;
}



ul.area .button {
  width: 156.25px;
  border-radius: 6px;

  font-family: "M PLUS Rounded 1c";
  padding:3px;
  color: #fff;
}

ul.area .button span,
ul.area .button_off span {
	font-size: 16px;
}

ul.area .button_off {
  display: inline-block;
  width: 156.25px;
  text-align: center;
  text-decoration: none;
  outline: none;
  border-radius: 6px;

  font-family: "M PLUS Rounded 1c";
  padding:3px;

  background-color: #afafaf;
  border: 2px solid #afafaf;
  color: #fff;
  line-height: 1.8;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}


#head .region .contents ul.banner_premium {
	display: inline-block;
	padding: 0;
}

#head .region .contents ul.banner_premium li {
	display: inline-block;
	margin-right: 15px;
}

#head .region .contents ul.banner_premium li:last-child {
	margin-right: 0;
}




#main {
	margin: 0 auto;
	width: 1200px;
}

h2 {
	margin: 0;
}

h3 {
	margin: 0;
}

h3.pickup_title,
h3.newshop_title {
	text-align: center;
	margin-top: 15px;
}

img.side {
	display: block;
	margin-bottom: 15px;
}

img.side.last {
	margin-bottom: 60px;
}



#count{
	width: 100%;
	margin-bottom: 0;
	font-size: 18px;
}

#count span{
	vertical-align: middle;
	margin: 0 5px 0 65px;
	font-family: "M PLUS Rounded 1c";
	font-size: 28px;
	font-weight: bold;
	color: #ff0000;

	text-shadow:
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff;
}

.count{
	font-family: 'Josefin Sans', sans-serif;
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 30px;
	font-size: 56px;
	font-weight: bold;
	color: #ff0000;

	text-shadow:
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff;
}





ul.box {
	margin: 0;
	padding: 0;
}

li.box1.dx {
    position: relative;

	width: 180px;
	height: 180px;

	padding: 9px;
	border-right: 1px solid #f241ab;
	border-bottom: 1px dashed #f241ab;
	border-left: 1px solid #f241ab;

	text-align: center;

	background-color: #fff;

	z-index: 1;
}

li.box1.dx:last-child {
	margin-bottom: 15px;
	border-bottom: 1px solid #f241ab;
}

li.box1.dx a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;

	color:#252525;
	text-decoration:none;
}

li.box1.dx a:hover {
	color:#252525;
	text-decoration:none;
	background: #ffffd1;
}

li.box1.dx a:active,
li.box1.dx a:focus {outline: 0;}

li.box1.dx a p.dx_shop_name {
	margin: 5px 9px 3px 9px;
	font-size: 14px;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

li.box1.dx a p.dx_salary {
	margin: 10px 9px;
	font-size: 18px;
	font-weight: bold;
	color: #f241ab;
	line-height: 26px;
}

li.box1.dx a p.dx_salary span.wage {
	margin-right: 5px;
	padding: 3px 7px;
	vertical-align: text-top;
	font-size: 13px;
	font-weight: normal;
	background: #f241ab;
	border-radius: 50px;
	color: #fff;
}





li.box1.normal {
	width: 180px;

	padding: 10px 9px 0 9px;
	border-right: 1px solid #f241ab;
	border-left: 1px solid #f241ab;

	text-align: center;

	background-color: #fff;

	z-index: 1;
}

li.box1.normal:last-child {
	padding: 10px 9px 10px 9px;
	margin-bottom: 15px;
	border-bottom: 1px solid #f241ab;
}





/* ▼▼▼ 各地版の中ページ用：とりあえず style_index をコピー ここから ▼▼▼ */

.special {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 30px;

}





.pickup {
	width: 100%;
	margin: 0 auto;
	padding: 15px 0;
}

.pickup.search {
	padding: 30px 0;
}

.pickup_bg_head {
	width: 100%;
	height: 104px;

	background: url(../img/pickup_bg_head.png) no-repeat 0 0;
	background-position: top center;
	background-size: cover;
	opacity: 1;  /* 透過度を指?E*/

	z-index: 1;
}

.pickup_bg_head.search {
	height: 80px;
	background-position: bottom center;
}

.pickup_bg_foot {
	width: 100%;
	height: 104px;
	margin-bottom: 30px;

	background: url(../img/pickup_bg_foot.png) no-repeat 0 0;
	background-position: top center;
	background-size: cover;
	opacity: 1;  /* 透過度を指?E*/

	z-index: 1;
}

.pickup_bg_foot.search {
	height: 80px;
}





/* 各地版 トップページ：検索エリアマップ */

.AreaMap {
	margin: 0 auto;
	margin-bottom: 30px;
	padding: 15px 15px 0 15px;

	border-right: 1px solid #f241ab;
	border-bottom: 1px solid #f241ab;
	border-left: 1px solid #f241ab;

	z-index: 1;
}

.AreaMap ul {
  font-size: 0;
}

.AreaMap ul li {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 15px;
  font-size: 16px;
}

.AreaMap ul li:nth-child(4n) {
	margin-right: 0;
}

.button_AreaMap {
	width: 158.25px;
	height: 50px;
	line-height: 50px;
	padding: 0 7.5px;

  position: relative;
  display: inline-block;
  background: -webkit-linear-gradient(#ffdef1 , #ffdef1);
  background: linear-gradient(#ffdef1 , #ffdef1);
  color: #f241ab;
  border-radius: 4px;
  text-decoration: none;
  text-align: center;

}
.button_AreaMap::after {
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  content: '';
  border: 2px dashed #fff;
  border-radius: 4px;
}

.button_AreaMap:hover {
  background: -webkit-linear-gradient(#f241ab , #f241ab);
  background: linear-gradient(#f241ab , #f241ab);
  color: #ffff00;
}





.banner_option_vip {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 30px;
}

.banner_option_vip.last-bottom {
	margin-bottom: 60px;
}

.banner_option_vip ul {
	font-size: 0;
}

.banner_option_vip ul li {
	display: inline-block;
	margin-right: 15px;
}

.banner_option_vip ul li:last-child {
	margin-right: 0;
}





.costume {
	margin: 0 auto;
	margin-bottom: 30px;
	padding: 15px 15px 0 15px;

	border-right: 1px solid #f241ab;
	border-bottom: 1px solid #f241ab;
	border-left: 1px solid #f241ab;

	background: url(../img/costume_bg.png) no-repeat 0 0;
	background-position: bottom center;
	background-size: cover;
	opacity: 1;  /* 透過度を指?E*/

	z-index: 1;
}

.costume_box{
	width: 100%;
	margin: 0 auto;
	padding-bottom: 19px;
	font-size: 0;
}

.costume_box ul{
	height: 487px;
}

.costume_box ul li{
	display: inline-block;
	margin-right: 9.5px;
	margin-bottom: 9.5px;
}

.costume_box ul li:nth-child(5),
.costume_box ul li:nth-child(9) {
	margin-right: 0;
}

.costume_box ul li:nth-child(6) {
	margin-left: 74.75px;
}

.costume_box ul li:last-child{
	margin-bottom: 0;
}



.costume_box ul li figure {
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.costume_box ul li .rotate {
	text-align: center;
	margin: 0 auto;
	text-decoration: none;
	display: block;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	}

.costume_box ul li .rotate:hover {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	}




/* 各地版トップページ：即日体入できるお店一覧バナー */

.tainyu {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 30px;

}





/* 各地版トップページ：女性Q＆A質問板 */

.board {
	margin: 0 auto;
	margin-bottom: 30px;
	padding: 15px 15px 15px 15px;

	border-right: 1px solid #f241ab;
	border-bottom: 1px solid #f241ab;
	border-left: 1px solid #f241ab;

	z-index: 1;
}

.board ul.QA_index{
	font-size: 0;
}

.board ul.QA_index li{
	width:361.5px;
	margin:0 15px 15px 0;
	display:inline-flex;
}

.board ul.QA_index li:nth-child(even){
	margin:0 0 15px 0;
}



#QA_index_left{
	width:111px;
	margin-right:7.5px;
	float:left;

	font-size: 16px;
}

#QA_index_left img{
	margin-bottom:5px;
	text-align:center;
}

#QA_index_left .QA_index_Category{
	width:96px;
	margin-bottom:5px;
	padding: 5px 7.5px;
	color:#fff;
	text-align:center;
	background-color:#f241ab;
	border-radius:6px;

	font-size: 16px;
}

#QA_index_left .QA_index_Name{
	margin:0 auto;
	text-align:center;

	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;

	font-size: 16px;
}

#QA_index_right{
	width:243px;
	float:right;

	font-size: 16px;
}



table.QA_index {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	float:right;
}

table.QA_index tr:first-child {
	height: 126px;
}

table.QA_index th {
	width: 38px;
	padding: 10px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
table.QA_index td {
	width: 192px;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.QA_index td p {
	margin: 0;
	padding: 0;

	display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 4;
	    overflow: hidden;
}



.board .button_board_send {
  width: 361.5px;
  height: 60px;
  font-size: 24px;
  float: left;
  
  position: relative;
  border-radius: 50px;
  color: #fff;
  line-height: 60px;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);

  background-color: #febd00;
  box-shadow: 0 3px 0 #ff9300;

  margin-right: 15px;
}

.board .button_board {
  width: 361.5px;
  height: 60px;
  font-size: 24px;
  float: right;
  
  position: relative;
  border-radius: 50px;
  color: #fff;
  line-height: 60px;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);

  background-color: #f241ab;
  box-shadow: 0 3px 0 #da1070;
}

.board .button_board_send:hover {
  top: -4px;
  color: #fff;
  box-shadow: 0 7px 0 #ff9300;
}

.board .button_board:hover {
  top: -4px;
  color: #fff;
  box-shadow: 0 7px 0 #da1070;
}

.board .button_board_send:active,
.board .button_board:active {
  top: 4px;
  box-shadow: none;
}





/* 女性Q＆A質問板一覧ページ */

.Board {
	width:938px;
	margin-bottom: 30px;
	padding: 15px;

	font-size: 0;

	border-right: 1px solid #f241ab;
	border-bottom: 1px solid #f241ab;
	border-left: 1px solid #f241ab;
	background: #fff;
}

.Board ul.QA{
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	border-top: 1px dotted #dadada;

	font-size: 16px;
}

.Board ul.QA li{
	width:938px;
	margin-bottom:20px;
	padding-bottom:20px;
	display:inline-flex;
	border-bottom:1px dotted #dadada;
}

.Board ul.QA li:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}


#QA_left{
	width:147px;
	margin-right:15px;
	float:left;
}

#QA_left img{
	margin-bottom:10px;
	text-align:center;
}

#QA_left .QA_Category{
	width:137px;
	margin-bottom:10px;
	padding:5px;
	color:#fff;
	text-align:center;
	background-color:#f241ab;
	border-radius:6px;
}

#QA_left .QA_Name{
	margin:0 auto;
	text-align:center;
}

#QA_right{
	width:776px;
	float:right;
}

table.QA {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	float:right;
}
table.QA th {
	width: 74px;
	padding: 15px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
table.QA td {
	width: 638px;
	padding: 15px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}



/* 女性Q＆A質問板一覧ページ （投稿フォーム） */
.Board .button_board_send {
  width: 100%;
  height: 60px;

  font-size: 24px;
  float: left;
  
  position: relative;
  border-radius: 50px;
  color: #fff;
  line-height: 60px;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);

  background-color: #febd00;
  box-shadow: 0 3px 0 #ff9300;
}

.Board .button_board_send:hover {
  top: -4px;
  color: #fff;
  box-shadow: 0 7px 0 #ff9300;
}

.Board .button_board_send:active {
  top: 4px;
  box-shadow: none;
}



.Board ul.Send{
	margin-bottom: 15px;
	font-size: 16px;
}

.Board ul.Send li{
	width:938px;
	padding-bottom:15px;
	border-bottom:1px dotted #dadada;
}

.Board ul.Send li:last-child{
	padding-bottom:0;
}

.Board ul.Send li table {
width: 938px;
margin: 0;
border-collapse: separate;
border-spacing: 0 15px;
}

.Board ul.Send li table tr {
	margin-bottom:10px;
}

.Board ul.Send li table th,
.Board ul.Send li table td {
padding: 15px;
}

.Board ul.Send li table th {
background: #f241ab;
vertical-align: middle;
text-align: center;
width: 193px;
overflow: visible;
position: relative;
color: #fff;
font-weight: normal;
border-radius: 6px;
}

.Board ul.Send li table th:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #f241ab;
border-width: 15px;
margin-top: -15px;
}
/* firefox */
@-moz-document url-prefix() {
.Board ul.Send li table th::after {
float: right;
padding: 0;
left: 30px;
top: 10px;
content: " ";
height: 0;
width: 0;
position: relative;
pointer-events: none;
border: 10px solid transparent;
border-left: #f241ab 10px solid;
margin-top: -10px;
}
}

.Board ul.Send li table td {
background: #f8f8f8;
width: 690px;
padding-left: 20px;
}

.Board ul.Send li .thanks{
	width: 906px;
	margin-bottom: 15px;
	padding: 15px;
	border: 1px solid #f241ab;
	background-color: #ffffd1;
}

.Board .button {
  width: 100%;
  height: 60px;
  font-size: 24px;
  float: right;
  
  position: relative;
  border-radius: 50px;
  color: #fff;
  line-height: 60px;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);

  background-color: #febd00;
  box-shadow: 0 3px 0 #ff9300;
}

.Board .button:hover {
  top: -4px;
  color: #fff;
  box-shadow: 0 7px 0 #ff9300;
}

.Board .button:active {
  top: 4px;
  box-shadow: none;
}



.Board .button.thanks {
  background-color: #f241ab;
  box-shadow: 0 3px 0 #da1070;
}

.Board .button.thanks:hover {
  box-shadow: 0 7px 0 #da1070;
}





/* 各地版トップページ：新着掲載店 */

.newshop {
	width: 100%;
	margin: 0 auto;
	padding: 15px 0;
}

.newshop_bg_head {
	width: 100%;
	height: 74px;

	background: url(../img/newshop_bg_head.png) no-repeat 0 0;
	background-position: top center;
	background-size: cover;
	opacity: 1;  /* 透過度を指?E*/

	z-index: 1;
}

.newshop_bg_foot {
	width: 100%;
	height: 74px;
	margin-bottom: 30px;

	background: url(../img/newshop_bg_foot.png) no-repeat 0 0;
	background-position: top center;
	background-size: cover;
	opacity: 1;  /* 透過度を指?E*/

	z-index: 1;
}





/* 各地版トップページ：体入祝い金プレゼント誘導バナー */
.present {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 30px;
}

.present.last-bottom {
	margin-bottom: 60px;
}





/* みんなの体験談 */

.experience {
	margin: 0 auto;
	margin-bottom: 30px;
	padding: 15px 15px 0 15px;

	border-right: 1px solid #f241ab;
	border-bottom: 1px solid #f241ab;
	border-left: 1px solid #f241ab;

	background: url(../img/experience_bg.jpg) no-repeat 0 0;
	background-position: top center;
	background-size: cover;
	opacity: 1;  /* 透過度を指?E*/

	z-index: 1;
}

.experience_box{
	width: 100%;
	margin: 0 auto;
	padding-bottom: 19px;
	font-size: 0;
}

.experience_box ul li{
	margin-bottom: 15px;
}

.experience_box ul li:last-child{
	margin-bottom: 0;
}

.experience_contents {
	display: inline-block;
	position: relative;

	width: 361.5px;
	height: 222px;

	background: url(../img/experience_contents.png) no-repeat 0 0;
	background-position: top center;
	background-size: contain;
	opacity: 1;  /* 透過度を指?E*/

	z-index: 1;

	font-size: 16px;
}

.experience_contents.ListPage {
	width: 461.5px;
	height: 283.02px;
	background-position: top center;
	background-size: cover;
}

.experience_contents:nth-child(odd) {
	margin-right: 15px;
}

.experience_contents:nth-child(3),
.experience_contents:nth-child(4) {
	margin-top: 30px;
}



.experience_contents_shopname {
	width: 332.5px;
	margin: 0 15px 10px 15px;
	padding: 42.5px 0 2.5px 0;
	text-align: left;
	border-bottom: 1px solid #fff;
}

.experience_contents_shopname.ListPage {
	width: 431.5px;
	margin: 0 15px 15px 15px;
	padding: 58px 0 5px 0;
	font-size: 20px;
	border-bottom: 2px solid #fff;
}

.experience_contents_shopname p {
	width: 100%;
	margin: 0;
	padding: 0;
	color:#f241ab;
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



.experience_contents_area {
	margin: 0 15px 0 15px;
	padding: 5px 10px;
	background:#eee;
	font-size: 12px;
	text-align:center;
	color:#888888;
	float:left;

	border-radius: 6px;
}

.experience_contents_area.ListPage {
	font-size: 16px;
}

.experience_contents_day {
	margin: 0 15px 0 0;
	padding: 5px 10px;
	background:#eee;
	font-size: 12px;
	text-align:center;
	color:#888888;
	float:right;

	border-radius: 6px;
}

.experience_contents_day.ListPage {
	font-size: 16px;
}

.experience_contents a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;

    text-decoration: none;
}

.experience_contents a p {
	font-family: 'HuiFont109';
	font-size: 20px;
	padding: 102.5px 15px 0 15px;
	line-height: 1.35;
	text-align: left;

	display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 3;
	    overflow: hidden;
}

.experience_contents a p.ListPage {
	padding: 144px 15px 0 15px;
	line-height: 1.25;

	display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 4;
	    overflow: hidden;
}



.experience .button {
  width: 100%;
  height: 60px;
  font-size: 24px;
  float: right;
  
  position: relative;
  border-radius: 50px;
  color: #fff;
  line-height: 60px;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);

  background-color: #f241ab;
  box-shadow: 0 3px 0 #da1070;
}

.experience .button:hover {
  top: -4px;
  color: #fff;
  box-shadow: 0 7px 0 #da1070;
}

.experience .button:active {
  top: 4px;
  box-shadow: none;
}





/* 在籍女性インタビュー */

.interview {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 30px;
}

.interview_box{
	width:738px;
	padding: 15px 15px 19px 15px;

	border-right: 1px solid #f241ab;
	border-bottom: 1px solid #f241ab;
	border-left: 1px solid #f241ab;
	background: #fff;
}




.interview_box ul.Interview_index li{
	width:140px;
	margin:0 4px 10px 0;
	display:inline-flex
}

.interview_box ul.Interview_index img{
  width: 135px;
  height: 135px;
  object-fit: cover; /* この一行を追加するだけ！ */
  border: 2.5px solid #f241ab;
  border-radius:50%;
}

.interview_box ul.Interview_index li:nth-child(5), 
.interview_box ul.Interview_index li:nth-child(10){
	margin:0 0 10px 0;
}

.interview_box ul.Interview_index li #Interview_index{
	width:140px;
	float:left;
}

.interview_box ul.Interview_index li #Interview_index img{
	margin-bottom:10px;
	text-align:center;
}

.interview_box ul.Interview_index li #Interview_index .Interview_index_Shop{
	width:132px;
	margin-bottom:5px;
	padding:4px;
	font-size:11px;
	color:#fff;
	text-align:center;
	background-color:#f241ab;
	border-radius:6px;

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.interview_box ul.Interview_index li #Interview_index a{color:#fff;text-decoration:none;}
.interview_box ul.Interview_index li #Interview_index a:hover{color:#fff;text-decoration:none;}
.interview_box ul.Interview_index li #Interview_index a:active, a:focus {outline: 0;}

.interview_box ul.Interview_index li #Interview_index .Interview_index_Name{
	margin:0 auto;
	text-align:center;

	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}



.interview .button {
  width: 100%;
  height: 60px;
  font-size: 24px;
  float: right;
  
  position: relative;
  border-radius: 50px;
  color: #fff;
  line-height: 60px;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);

  background-color: #f241ab;
  box-shadow: 0 3px 0 #da1070;
}

.interview .button:hover {
  top: -4px;
  color: #fff;
  box-shadow: 0 7px 0 #da1070;
}

.interview .button:active {
  top: 4px;
  box-shadow: none;
}







/* 在籍女性インタビュー一覧 */

.Interview {
	width:938px;
	margin-bottom: 30px;
	padding: 15px 15px 0 15px;

	font-size: 0;

	border-right: 1px solid #f241ab;
	border-bottom: 1px solid #f241ab;
	border-left: 1px solid #f241ab;
	background: #fff;
}

.Interview ul.Interview_List li{
	width:461.5px;
	margin:0 15px 15px 0;
	display:inline-flex
}

.Interview ul.Interview_List li:nth-child(even){
	margin:0 0 15px 0; /* 偶数番目のみに適用 */
}



#Interview_List_left{
	width:161px;
	margin-right: 7.5px;
	display:inline-block;
	float:left;
}

#Interview_List_left img{
  width: 156px;
  height: 156px;
  object-fit: cover; /* この一行を追加するだけ！ */
  border: 2.5px solid #f241ab;
  border-radius:50%;

	margin-bottom:10px;
	text-align:center;
}

#Interview_List_left .Interview_List_Shop{
	width:153px;
	margin-bottom:5px;
	padding:4px;
	font-size:11px;
	color:#fff;
	text-align:center;
	background-color:#f241ab;
	border-radius:6px;

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#Interview_List_left a{color:#fff;text-decoration:none;}
#Interview_List_left a:hover{color:#fff;text-decoration:none;}

#Interview_List_left .Interview_List_Name{
	margin:0 auto;
	text-align:center;
	font-size: 16px;


	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#Interview_List_right{
	width:293px;
	float:right;
}



table.Interview_List {
	border-collapse: separate;
	border-spacing: 0;
	font-size: 16px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	float:right;
}
table.Interview_List th {
	width: 64px;
	padding: 10px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
table.Interview_List td {
	width: 185px;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.Interview_List td .text {
	width: 185px;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}





/* 在籍女性インタビュー詳細 */

.Interview_Page {
	width:938px;
	margin-bottom: 30px;
	padding: 15px;

	font-size: 0;

	border-right: 1px solid #f241ab;
	border-bottom: 1px solid #f241ab;
	border-left: 1px solid #f241ab;
	background: #fff;
}

.Interview_Page ul.Interview_Member{
	font-size: 16px;
}

.Interview_Page ul.Interview_Member li{
	width:938px;
	margin-bottom: 20px;
	display:inline-flex;
}

.Interview_Page ul.Interview_Member li p.Interview_Member_Shop_Info_title{
	margin-bottom: 8px;
	display:inline-block
}

.Interview_Page ul.Interview_Member li:nth-child(even){
	margin:0 0 20px 0;
}



#Interview_Member_left{
	width:240px;
	margin-right: 15px;
	display:inline-block;
	float:left;
}

#Interview_Member_left img{
  width: 240px;
  object-fit: cover; /* ���̈�s��lj����邾���I */

	margin-bottom:15px;
	text-align:center;
}

#Interview_Member_left .Interview_Member_Shop{
	width:220px;
	margin-bottom:5px;
	padding:5px 10px;
	color:#fff;
	text-align:center;
	background-color:#f241ab;
	border-radius:6px;

	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#Interview_Member_left a{color:#fff;text-decoration:none;}
#Interview_Member_left a:hover{color:#fff;text-decoration:none;}

#Interview_Member_left .Interview_Member_Name{
	margin:0 auto;
	text-align:center;
}

#Interview_Member_right{
	width:74%;
	float:right;
}

.Interview_Page #Interview_QA{
	margin-bottom: 20px;
	font-size: 16px;
}

.Interview_Page #Interview_QA .Interview_QA_title{
	padding:10px 15px;
	font-size: 24px;
	color: #f241ab;
	background-color: #ffdef1;
	border-radius: 6px;
}

.Interview_Page #Interview_QA .Interview_QA_text_Q{
	padding-top: 10px;
	font-weight: bold;
	color: #01bbd4;
}

.Interview_Page #Interview_QA .Interview_QA_text_A{
	padding-bottom: 10px;
	border-bottom: 1px dotted #dadada;
}

.Interview_Page #Interview_QA .Interview_QA_text_A_first{
	font-weight: bold;
	color: #f241ab;
}



table.Interview_Member {
	margin-bottom:15px;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #f241ab;
	border-left: 1px solid #f241ab;
	float:right;
}
table.Interview_Member th {
	width: 80px;
	padding: 15px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #f241ab;
	border-bottom: 1px solid #fff;
	background: #f241ab;
}
table.Interview_Member td {
	width: 540px;
	padding: 15px;
	vertical-align: middle;
	border-right: 1px solid #f241ab;
	border-bottom: 1px solid #f241ab;
}

table.Interview_Member td .text {
	width: 540px;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



table.Interview_Member_Shop_Info {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	float:right;
}
table.Interview_Member_Shop_Info th {
	width: 128px;
	padding: 10px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
table.Interview_Member_Shop_Info td {
	width: 511px;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.Interview_Member_Shop_Info td .text {
	width: 511px;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



.Interview_Page .button {
  width: 100%;
  height: 60px;
  font-size: 24px;
  float: right;
  
  position: relative;
  border-radius: 50px;
  color: #fff;
  line-height: 60px;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);

  background-color: #f241ab;
  box-shadow: 0 3px 0 #da1070;
}

.Interview_Page .button:hover {
  top: -4px;
  color: #fff;
  box-shadow: 0 7px 0 #da1070;
}

.Interview_Page .button:active {
  top: 4px;
  box-shadow: none;
}





/************************************************************
　新着リアルタイム店長のつぶやき　※index限定
************************************************************/


.tweet {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 30px;
}

.tweet_box {
	width: 100%;
}

/************************************************************
 * reset css
************************************************************/

dl, dt, dd, ul, ol, li, pre, form, 
fieldset, input, textarea, blockquote, th, td { margin:0; padding:0; }
ol, ul, li { list-style:none; }
fieldset, img { border:0; }
caption, th { text-align:left; }
address, caption, cite, code, dfn, em, var { font-style:normal; font-weight:normal; }

/* html5 */
aside, figure, hgroup, nav { display:block; margin:0; padding:0; }

/****************************************
 * contents
****************************************/

.tab_content {
	margin-top:0;
	padding:0 15px 19px 15px;
	border-right:1px solid #f241ab;
	border-bottom:1px solid #f241ab;
	border-left:1px solid #f241ab;
	background-color: #fff;
}

a.Rss{color:#afafaf;text-decoration: underline;}
a.Rss:hover {color:#afafaf;text-decoration:none;}

#tab1 li,
#tab2 li,
#tab3 li,
#tab4 li,
#tab5 li,
#tab6 li,
#tab7 li {
	border-bottom: 1px dashed #999999;
	padding: 17px 0;

}

#tab1 li:first-child,
#tab2 li:first-child,
#tab3 li:first-child,
#tab4 li:first-child,
#tab5 li:first-child,
#tab6 li:first-child,
#tab7 li:first-child {
	padding: 0 0 17px 0;
}

#tab1 li:last-child,
#tab2 li:last-child,
#tab3 li:last-child,
#tab4 li:last-child,
#tab5 li:last-child,
#tab6 li:last-child,
#tab7 li:last-child {
	border-bottom: 0;
}



/************************************
自動スライド「店長のつぶやき」部分
▼ ▼ ▼ ここから ▼ ▼ ▼
************************************/
.vticker{
	border: 0;
	width: 736px;
	margin-bottom:15px;
}

.vticker ul{
	padding: 0;
}

.vticker ul a{
	text-decoration: none;

}

.vticker li{
	width:736px;
	height:96px;
	padding: 15px 0;
	list-style: none;
	border-bottom: 1px dotted #ddd;
}

.vticker li img{
	width: 96px;
	height: 96px;
	object-fit: cover;

	margin-right: 15px;
	float: left;
}

.vticker li p{
	margin: 0;
	padding: 0;
}

.vticker li .tweet_right{
	width: 625px;
	float: right;
}

.vticker li p.tweet_index_title{
	font-size:18px;
	font-weight: bold;
	color:#f241ab;

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.vticker li p.tweet_index_text{
	font-size:18px;

	display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	    overflow: hidden;
}

/************************************
自動スライド「店長のつぶやき」部分
▲ ▲ ▲ ここまで ▲ ▲ ▲
************************************/



.tweet .button {
  width: 100%;
  height: 60px;
  font-size: 24px;
  float: right;
  
  position: relative;
  border-radius: 50px;
  color: #fff;
  line-height: 60px;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);

  background-color: #f241ab;
  box-shadow: 0 3px 0 #da1070;
}

.tweet .button:hover {
  top: -4px;
  color: #fff;
  box-shadow: 0 7px 0 #da1070;
}

.tweet .button:active {
  top: 4px;
  box-shadow: none;
}

/* ▲▲▲ とりあえず style_index をコピー ここまで ▲▲▲ */





/* 店長のつぶやき一覧ページ */

.Tweet {
	margin: 0 auto;
	margin-bottom: 30px;
	padding: 15px;

	border-right: 1px solid #f241ab;
	border-bottom: 1px solid #f241ab;
	border-left: 1px solid #f241ab;
}

.Tweet ul.Tweet_List {
	width: 100%;
}

.Tweet ul.Tweet_List li {
	transition: 0.5s;
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */

	margin-bottom: 15px;
	padding-bottom: 15px;

	border-bottom: 1px dotted #ddd;

	z-index: 1;
}

.Tweet ul.Tweet_List li:last-child{
	margin-bottom: 0;
	padding-bottom: 0;

	border-bottom: none;
}

.Tweet ul.Tweet_List li:hover {
	transition: 0.5s;
	opacity:0.7;
}

.Tweet ul.Tweet_List li h4 {
    margin: -5px 0 15px 0;
}

.Tweet ul.Tweet_List li h4 a {
    position: absolute;
	width:100%;
    height: 100%;
	padding:0;

    top: 0;
    left: 0;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}

.Tweet ul.Tweet_List li .tweet_Image {
	float: left;
}

.Tweet ul.Tweet_List li .tweet_Image span img {
    width: 300px;
    height: 300px;
	object-fit: cover;
}

.Tweet ul.Tweet_List li .tweet_info {
	width: 623px;
	float: right;
}

.Tweet ul.Tweet_List li .tweet_info .shop {
	display: inline;
	max-width: 174px;
	float: left;

	margin: 0 10px 15px 0;
	padding:6px 10px;

	color:#fff;
	text-align:center;
	background-color:#f241ab;
	border-radius:6px;

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;


}

.Tweet ul.Tweet_List li .tweet_info .staff {
	display: inline;
	max-width: 118px;
	float: left;

	margin: 0 10px 15px 0;
	padding:6px 10px;

	text-align:left;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.Tweet ul.Tweet_List li .tweet_info .time {
	display: inline;
	width:249px;
	float: right;

	margin: 0 0 15px 0;
	padding:5px 10px;
	color:#f241ab;
	text-align:center;
	background-color: #ffffd1;
	border:1px solid #f241ab;
}

.Tweet ul.Tweet_List li .tweet_info table {
	margin-bottom: 16px;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.Tweet ul.Tweet_List li .tweet_info table th {
	width: 64px;
	padding: 7.5px 15px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #ffdef1;
}
.Tweet ul.Tweet_List li .tweet_info table td {
	width: 496px;
	padding: 7.5px 15px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #fff;
}

.Tweet ul.Tweet_List li .tweet_info table td .text {
	width: 496px;
	margin: 0;
	padding: 0;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



.Tweet ul.Tweet_List li .tweet_info .message{
  position: relative;
  display: inline-block;
  margin: 0 0 0 15px;
  padding: 7.5px 15px;
  min-width: 120px;
  max-width: 100%;
  background: #ffdef1;
  border-radius: 6px;
}

.Tweet ul.Tweet_List li .tweet_info .message:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #ffdef1;
}

.Tweet ul.Tweet_List li .tweet_info .message p{
	margin: 0;
	padding: 0;

	line-height: 2;

	display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 3;
	    overflow: hidden;
}










/* 各地版トップページ：求人動画 */

.movie {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 30px;
}

.movie_box{
	width:738px;
	padding: 15px 15px 19px 15px;

	border-right: 1px solid #f241ab;
	border-bottom: 1px solid #f241ab;
	border-left: 1px solid #f241ab;
	background: #fff;
}

.movie_box ul.Movie_index{
	display:block;
	width:738px;
	height: auto;
}

.movie_box ul.Movie_index li{
	display: block;
	width: 738px;
	height: 216px;
	margin-bottom: 15px;
	padding-bottom: 15px;

	border-bottom: 1px dotted #ddd;
}

.movie_box ul.Movie_index li #Movie{
	width: 360px;
	margin-right: 15px;
	float: left;
}

.movie_box ul.Movie_index li #Details{
	width: 363px;
	float: right;
}

.movie_box ul.Movie_index li #Details .shopname {
	margin-bottom: 7.5px;
	padding-bottom: 7.5px;

	border-bottom: 1px solid #ddd;
}

.movie_box ul.Movie_index li #Details .shopname p {
	margin: 0;
	color:#f241ab;

	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.movie_box ul.Movie_index li #Details .shopname p span.icon {
	margin-right: 7.5px;
	padding: 2.5px 5px;
	font-size: 14px;
	color: #f241ab;
	background: #ff0;

	border-radius: 6px;

	animation: flash 0.75s linear infinite;
}

/* 上記 animation に対する指示文  */
@keyframes flash {
  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

.movie_box ul.Movie_index li #Details .shopname p a { color:#f241ab; text-decoration:none; vertical-align:middle; font-weight:bold; }
.movie_box ul.Movie_index li #Details .shopname p a:hover { color:#f241ab; text-decoration:underline; }
.movie_box ul.Movie_index li #Details .shopname p a:active, a:focus { outline:0; }

.movie_box ul.Movie_index li #Details .message {
	padding: 0;
}

.movie_box ul.Movie_index li #Details .message p {
	margin: 0;
	line-height: 1.85;

	display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 6;
	    overflow: hidden;
}



.movie .button {
  width: 100%;
  height: 60px;
  font-size: 24px;
  float: right;
  
  position: relative;
  border-radius: 50px;
  color: #fff;
  line-height: 60px;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);

  background-color: #f241ab;
  box-shadow: 0 3px 0 #da1070;
}

.movie .button:hover {
  top: -4px;
  color: #fff;
  box-shadow: 0 7px 0 #da1070;
}

.movie .button:active {
  top: 4px;
  box-shadow: none;
}



/* 求人動画一覧ページ */

.Movie {
	width:938px;
	margin: 0 auto;
	margin-bottom: 30px;
	padding: 15px;

	border-right: 1px solid #f241ab;
	border-bottom: 1px solid #f241ab;
	border-left: 1px solid #f241ab;
	background: #fff;
}

.Movie ul.Movie_List{
	display:block;
	width:938px;
	height: auto;
}

.Movie ul.Movie_List li{
	display: block;
	width: 938px;
	height: 253px;
	margin-bottom: 15px;
	padding-bottom: 15px;

	border-bottom: 1px dotted #ddd;
}

.Movie ul.Movie_List li:last-child{
	margin-bottom: 0;
	padding-bottom: 0;

	border-bottom: none;
}

.Movie ul.Movie_List li #Movie{
	width: 450px;
	margin-right: 15px;
	float: left;
}

.Movie ul.Movie_List li #Details{
	width: 473px;
	float: right;
}

.Movie ul.Movie_List li #Details .shopname {
	margin-bottom: 10px;
	padding-bottom: 10px;

	border-bottom: 1px solid #ddd;
}

.Movie ul.Movie_List li #Details .shopname p {
	margin: 0;
	color:#f241ab;

	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.Movie ul.Movie_List li #Details .shopname p span.icon {
	margin-right: 10px;
	padding: 5px 10px;
	color: #f241ab;
	background: #ff0;

	border-radius: 6px;

	animation: flash 0.75s linear infinite;
}

/* 上記 animation に対する指示文  */
@keyframes flash {
  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

.Movie ul.Movie_List li #Details .shopname p a { color:#f241ab; text-decoration:none; vertical-align:middle; font-size:20px; font-weight:bold; }
.Movie ul.Movie_List li #Details .shopname p a:hover { color:#f241ab; text-decoration:underline; }
.Movie ul.Movie_List li #Details .shopname p a:active, a:focus { outline:0; }

.Movie ul.Movie_List li #Details .message {
	padding: 0;
}

.Movie ul.Movie_List li #Details .message p {
	margin: 0;
	line-height: 1.8;

	display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 7;
	    overflow: hidden;
}





/* 一覧ページ：絞り込みプルダウン */

#ListPage_search {
	width:938px;
	margin-bottom: 30px;
	padding:15px;
	border:1px #f241ab solid;
	background:#ffdef1;
	color: #777;
	text-align:center;
	float:right;

	text-shadow:
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff;
}

#ListPage_search p {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
}

#ListPage_search p span {
	font-family: 'HuiFont109';
	font-size: 24px;
	font-weight:bold;
}

#ListPage_search form input {
	margin-right: 5px;
}

#ListPage_search form input:last-child {
	margin-right: 0;
}

#ListPage_search_result {
	width:938px;
	margin-top: -30px;
	margin-bottom: 30px;
	padding:15px;
	border-right:1px #f241ab solid;
	border-bottom:1px #f241ab solid;
	border-left:1px #f241ab solid;
	background:#ffffd1;
	float:right;
	text-align:center;
}

#ListPage_search_result .areaname {
	margin-right: 5px;
	font-family: "M PLUS Rounded 1c";
	font-size: 28px;
	font-weight:bold;
	color: #ff0000;

	text-shadow:
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff;
}





/* ページング（ページ送り） */

.paging {
	width: 705px;
	height: 90px;
	margin: 0 auto;
	margin-bottom: 30px;
	font-size: 0;
}

.paging ul li {
	display: inline;
	margin-right: 15px;
}

.paging ul li:last-child {
	margin-right: 0;
}





/* 各地版トップページ 最下部フッター 特集バナー */

.special_footer {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 60px;

}





/************************************
特殊CSSボタン
年齢認証ページ使用の特殊ボタン・当コード移動禁止
▼ ▼ ▼ ここから ▼ ▼ ▼
************************************/

ul#more_button{
display:inline;
margin: 0 auto;
width: 304px;
height: 70px;
font-family: 'Bungee', sans-serif;
font-size: 24px;
letter-spacing: 2px;
}

ul#more_button li{
	float:left;
	list-style:none;
	width:304px;
	margin: 0 10px 3px 0;
}

ul#more_button li:last-child{
	margin: 0 0 3px 0;
}

ul#more_button a{
text-decoration: none;
display: block;
width: 304px;
height: 70px;
}





.more_button_first {
  display: inline-block;
  width: 304px;
  height: 70px;
  text-align: center;
  text-decoration: none;
  line-height: 76px;
  outline: none;
}
.more_button_first::before,
.more_button_first::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.more_button_first,
.more_button_first::before,
.more_button_first::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .2s;
  transition: all .2s;
}



.more_button_first {
  position: relative;
  background-color: #febd00;
  border-radius: 6px;
  color: #fff;
  line-height: 76px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #ff9300;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
.more_button_first:hover {
  top: -4px;
  box-shadow: 0 7px 0 #ff9300;
  color: #fff;
}
.more_button_first:active {
  top: 3px;
  box-shadow: none;
}
.more_button_first:focus {
  color: #fff;
}





.more_button_prev {
  display: inline-block;
  width: 304px;
  height: 70px;
  text-align: center;
  text-decoration: none;
  line-height: 76px;
  outline: none;
}
.more_button_prev::before,
.more_button_prev::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.more_button_prev,
.more_button_prev::before,
.more_button_prev::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .2s;
  transition: all .2s;
}



.more_button_prev {
  position: relative;
  background-color: #f241ab;
  border-radius: 6px;
  color: #fff;
  line-height: 76px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #35cccc;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
.more_button_prev:hover {
  top: -4px;
  box-shadow: 0 7px 0 #35cccc;
  color: #fff;
}
.more_button_prev:active {
  top: 3px;
  box-shadow: none;
}
.more_button_prev:focus {
  color: #fff;
}




.more_button_next {
  display: inline-block;
  width: 304px;
  height: 70px;
  text-align: center;
  text-decoration: none;
  line-height: 76px;
  outline: none;
}
.more_button_next::before,
.more_button_next::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.more_button_next,
.more_button_next::before,
.more_button_next::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .2s;
  transition: all .2s;
}



.more_button_next {
  position: relative;
  background-color: #f241ab;
  border-radius: 6px;
  color: #fff;
  line-height: 76px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #da1070;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
.more_button_next:hover {
  top: -4px;
  box-shadow: 0 7px 0 #da1070;
  color: #fff;
}
.more_button_next:active {
  top: 3px;
  box-shadow: none;
}
.more_button_next:focus {
  color: #fff;
}
/************************************
特殊CSSボタン
年齢認証ページ使用の特殊ボタン・当コード移動禁止
▲ ▲ ▲ ここまで ▲ ▲ ▲
************************************/





/************************************
特殊DIVボタン
特殊ボタン・当コード移動禁止
▼ ▼ ▼ ここから ▼ ▼ ▼
************************************/
ul#more_buttonMax.nav {
margin: 0 auto;
margin-bottom:3px;
width: 100%;
height: 70px;
font-family: 'Bungee', sans-serif;
font-size: 24px;
letter-spacing: 2px;
}

ul#more_buttonMax.nav li {
	float:left;
	list-style:none;
	width:100%;
}

ul#more_buttonMax.nav li input{
text-decoration: none;
display: block;
width: 100%;
height: 70px;
}





ul#more_buttonMax.nav li input {
  display: inline-block;
  width: 100%;
  height: 70px;
  font-size: 24px;
  text-align: center;
  text-decoration: none;
  line-height: 76px;
  border:0;
  outline: none;
}
ul#more_buttonMax.nav li input::before,
ul#more_buttonMax.nav li input::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
ul#more_buttonMax.nav li input,
ul#more_buttonMax.nav li input::before,
ul#more_buttonMax.nav li input::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .2s;
  transition: all .2s;
}



ul#more_buttonMax.nav li input {
  position: relative;
  background-color: #f241ab;
  border-radius: 6px;
  color: #fff;
  line-height: 76px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #da1070;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
ul#more_buttonMax.nav li input:hover {
  top: -4px;
  box-shadow: 0 7px 0 #da1070;
  color: #fff;
}
ul#more_buttonMax.nav li input:active {
  top: 3px;
  box-shadow: none;
}
ul#more_buttonMax.nav li input:focus {
  color: #fff;
}
/************************************
特殊DIVボタン
特殊ボタン・当コード移動禁止
▲ ▲ ▲ ここまで ▲ ▲ ▲
************************************/