@charset "utf-8";

html {/*ページ内スクロール*/
    scroll-behavior: smooth;
}
*, *::before, *::after {
  box-sizing: border-box;
}

/*common
----------------------------------*/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0;
	padding: 0;
	font-size: 13px;
	text-align: center;
	line-height: 1;
	letter-spacing: .08rem;
	color: #ffffff;
	background: #000000;
}
body:before{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background-image: url(../images/common/bg.jpg);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center top;
}
h1 {
	width: 100%;
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFFFFF;
	float: left;
}
h1 img {
	width: 100%;
	filter: drop-shadow(2px 2px 0 #ff3399) drop-shadow(-2px -2px 0 #33ccff);
}
h2 {
	width: 100%;
	margin: 0;
	padding: 0;
	font-weight: normal;
	float: left;
}
h3 {
	font-weight: normal;
}

ul, li {
	list-style:none;
}
p {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
	/* 長押し禁止 */
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	user-select:none;
}
img{
	vertical-align: top;
}
a {
	text-decoration: none;
}

header {
}


.opentel {
	font-family: "M PLUS 1", sans-serif;
	width: 100%;
	margin: 0;
	padding: 5px 10%;
	color: #ffffff;
    font-size: 100%;
	float: left;
}
.opentel span {
    font-size: 120%;
}
.telbt {
	font-family: "M PLUS 1", sans-serif;
	width: 100%;
	margin: 3px 0 0 0;
	padding: 5px 0;
	text-align: center;
	color: #ffffff;
	font-size: 120%;
	font-weight: bold;
	border-radius: 5px;
	background: #ff0066;
	float: left;
}
.telbt a {
	color: #ffffff;
}

.container {
	width: 100%;
	margin: 0;
	padding: 0 2% 30px 2%;
	float: left;
}
.contents {
	width: 100%;
	margin: 0 0 10px 0;
	float: left;
}

.title {
	font-family: "Alfa Slab One", serif;
	width: 100%;
	margin: 10px 0 20px 0;
	padding: 0 ;
	font-size: 200%;
	text-align: center;
	color: #ffffff;
	float: left;
}
.titlebox {
	font-family: "Alfa Slab One", serif;
	background: linear-gradient(90deg, #ff0066 0%, #ffcc00 100%);
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
}
.title_sub {
	width: 100%;
	padding: 5px 0 0 0;
	font-size: 40%;
	font-weight: normal;
	border-top: solid 1px #666666;
	color: #ffffff;
	float: left;
}
.title2 {
	font-family: "Alfa Slab One", serif;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 ;
	font-size: 150%;
	text-align: center;
	color: #ffffff;
	float: left;
}
.title2box {
	font-family: "Alfa Slab One", serif;
	background: linear-gradient(90deg, #ff0066 0%, #ffcc00 100%);
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
}
.title2_sub {
	width: 100%;
	padding: 5px 0 0 0;
	font-size: 50%;
	font-weight: normal;
	border-top: solid 1px #666666;
	color: #ffffff;
	float: left;
}
.age {
	font-size: 60%;
}

.TOcontentsBT {
	width: 100%;
	margin: 0;
	padding: 0 10%;
	float: left;
}
.TOcontentsBT a {
	width: 100%;
	padding: 10px;
	font-size: 100%;
    border-radius: 100px;
	color: #ffffff;
	display: block;
	background: #ff0066;
}



/*unadernav------------------------------*/
.undernav {
	width: 100%;
	max-width: 100%;
	height: 60px;
	text-align: left;
	position: fixed;
	bottom: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	padding: 5px 0 0 0;
	margin: 0px auto;
	background-color: rgba(255,255,255,0.8);
	float:left;
	z-index:2;
}
.undernav ul {
	width: 100%;
	max-width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.undernav li {
	height: 100%;
	text-align: center;
	float:left;
}
.undernav li img {
	max-width: 100%;
	max-height: 50px;
}
.undernavA {
	width: 25%;
}
.undernavB {
	width: 34%;
}
.undernavC {
	width: 70%;
	margin: 2px 0 0 5%;
    position: absolute;
}
.undernavC_open {
    line-height: 1em;
    font-weight: bold;
}
.undernavC_open::before {
    content: '\e8b5';
    font-family: 'Material Icons';
	margin: 0 5px 0 0;
    text-align: center;
    color: #ff0000;
	font-size: 150%;
    position: relative;
    top: 3px;
}
.undernavC_tel {
	width: 100%;
	margin: 3px 5px 0 0;
    text-align: center;
    color: #ffffff;
    background: #ff0000;
    border-radius: 5px;
    padding: 3px;
    box-sizing: border-box;
	font-size: 150%;
    letter-spacing: 2px;
    position: absolute;
}
.undernavC_tel a {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    display: block;
}
.undernavC_tel a:before {
    content: '\e0b0';
    font-family: 'Material Icons';
	margin: 0 5px 0 0;
    text-align: center;
    color: #ffffff;
	font-size: 130%;
    position: relative;
    top: 5px;
}
.undernavD {
	width: 20%;
}



/* side fixed
----------------------------------*/
#top  {
	margin: 0;
	padding: 0;
}
#totop  {
	font-family: "Alfa Slab One", serif;
	width: 50px;
	height: 50px;
	padding: 5px 0 0 0 ;
	box-sizing: border-box;
	font-size: 120%;
    line-height: 1em;
	text-align: center;
	border-radius: 50px;
	background: #ff0066;
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 20;
}
#totop a {
	color: #ffffff;
	display: block;
}
#leftfixed  {
	padding: 5px 0 0 0 ;
	box-sizing: border-box;
	text-align: center;
	position: fixed;
	left: 30px;
	bottom: 30px;
	z-index: 20;
}
#leftfixed a {
	transition: color .3s;
	display: block;
	transition: .3s;
	-webkit-transform: scale(1);
	transform: scale(1);
}
#leftfixed a:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}



/* footer
----------------------------------*/

footer {
	width: 100%;
	margin: 0 0 150px 0;
	padding: 0;
	font-size: 100%;
	text-align: center;
	color: #FFFFFF;
	float: left;
}
footer a {
	color: #ffffff;
}
footer h3 {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
.flogo {
	width: 100%;
}
.flogo img {
	width: 50%;
	filter: drop-shadow(2px 2px 0 #ff3399) drop-shadow(-2px -2px 0 #33ccff);
}
.fnav {
	font-family: "M PLUS 1", sans-serif;
	width: 100%;
	margin: 0 0 30px 0;
	display:table;
	text-align: center;
	float: left;
}
.fnav a {
	display: block;
}
.fnav ul {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	float: left;
}
.fnav li {
	width: 50%;
	text-align: center;
	margin: 0;
	padding: 10px 5px;
	float: left;
}
address {
}
small {
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 100%;
	float: left;
}


/*breadcrumb------------------------------*/
.breadcrumb {
	width:  100%;
	margin: 5px 0;
	padding: 5px;
    box-sizing: border-box;
	list-style: none;
	font-size: 80%;
	text-align: left;
    background: #ff0066;
	float: left;
}
.breadcrumb ul {
	width:  100%;
    margin: 0 auto;
    padding: 0;
}
.breadcrumb li {
    display: inline;
    list-style: none;
    font-weight: normal;
}
.breadcrumb li:after {
    content: '>';
    padding: 0 0.2em;
    color: #ffffff;
}
.breadcrumb li:last-child:after {
    content: '';
}
.breadcrumb li a {
    text-decoration: none;
    color: #ffffff;
}
.breadcrumb li:first-child a:before {
    font-weight: normal;
    font-size: 1.1em;
    color: #ffffff;
}
.breadcrumb li a:hover {
    text-decoration: underline;
}
.bread_here {
	color: #ffff00;
}



/* kv
----------------------------------*/
.kv {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}



/* top newface
----------------------------------*/
.topnf_list {
	width: 100%;
	float: left;
}
.topnf_list a {
	color: #ffffff;
}
.topnf_list ul {
	width: 100%;
	margin: 0;
	padding: 0;
	display:flex;
	flex-wrap: wrap;
	float: left;
}
.topnf_list li {
	width: 150px;
	margin: 0;
	padding: 2px;
	color: #ffffff;
	text-align: left;
	float: left;
}
.topnf_entrydate {
	width: 100%;
	margin: 0;
	padding: 5px;
	font-size: 120%;
	font-weight: bold;
	background: #ff0066;
	float: left;
}
.topnf_photo {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}
.topnf_photo img {
	width: 100%;
}
.topnf_hitokoto {
	width: 100%;
	margin: 0;
	padding: 2px;
	font-size: 70%;
	color: #ffff00;
	float: left;
}
.topnf_name {
	width: 100%;
	margin: 0;
	padding: 2px;
	font-size: 120%;
	float: left;
}
.topnf_size {
	width: 100%;
	margin: 0 0 2px 0;
	padding: 2px;
	font-size: 60%;
	float: left;
}
.topnf_comment {
	width: 100%;
	margin: 0;
	padding: 0;
	padding: 2px;
	font-size: 80%;
	letter-spacing: 0.1em;
	float: left;
}



/* topcontents
----------------------------------*/
.toprank {
	width: 100%;
	float: left;
}
.toprank_typeselect {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
}
.toprank_tab-content ul {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	float: left;
}
.toprank_tab-content li {
	width : calc(100% / 3) ;
	margin: 0;
	padding: 0 2px;
	text-align: left;
	float: left;
}
.toprank_tab-content li a {
	color: #ffffff;
}
/* タブ全体を囲むコンテナの設定 */
.toprank_tab-switch {
    --tab-color:#ff0066;/*タブの色を指定する*/
    display: flex; /* タブを横並びに */
    flex-wrap: wrap; /* 幅に応じて折り返し */
    width: 100%;
    margin: auto;/* コンテナの中央寄せ */
    justify-content: center;/* タブの中央寄せ */
    gap: 5px;/* タブ間の余白 */
	float: left;
}
/* 各タブボタンの設定 */
.toprank_tab-switch > label {
    flex: 1 1 auto; /* タブが均等に幅をとるが、幅を超えると折り返す */
    order: -1; /* 上部に表示する */
    padding: .7em 1em; /* 上下左右の内側余白 */
    border: 1px solid var(--tab-color);/* 枠線 */
    color: var(--tab-color); /* 文字色 */
    text-align: center; /* 文字を中央揃え */
    cursor: pointer; /* ポインターを指アイコンに変更 */
    border-radius: 99px;/* 角の丸み */
    transition:.3s all;/*変化を滑らかに*/
}

/* タブボタンのホバーおよび選択状態のスタイル */
.toprank_tab-switch > label:hover,
.toprank_tab-switch label:has(:checked) {
    background-color:var(--tab-color); /* ホバー/選択時の背景色 */
    color: #fff; /* ホバー/選択時の文字色 */
}

/* ラジオボタン自体は非表示 */
.toprank_tab-switch input {
    display: none; /* 見た目に表示されないようにする */
}

/* タブコンテンツのスタイル */
.toprank_tab-switch > div {
    display: none; /* 初期状態では非表示 */
    width: 100%; /* コンテンツ幅を全体に */
    padding: 0.5em 0 1em 0; /* 内側余白 */
}

/* 選択されたタブのコンテンツを表示 */
.toprank_tab-switch label:has(:checked) + div {
    display: block; /* 選択されたタブに対応するコンテンツを表示 */
}



/* list
----------------------------------*/

/* girls
----------------------------------*/
.girls {
	width: 100%;
	margin: 0 0 100px 0;
	padding: 0;
	float: left;
}



.list {
	width: 100%;
	float: left;
}
.list a {
	color: #ffffff;
}
.list ul {
	width: 100%;
	margin: 0;
	padding: 0;
	display:flex;
	flex-wrap: wrap;
	float: left;
}
.list li {
	width : calc(100% / 3) ;
	margin: 0 0 15px 0;
	padding: 2px;
	color: #ffffff;
	text-align: left;
	float: left;
}
.list_photo {
	width: 100%;
	margin: 0;
	padding: 2%;
	position: relative;
	float: left;
}
.list_iconarea {
	width: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 5px;
	float: left;
}
.list_iconitem {
	width: 21%;
	margin: 0 2%;
	padding: 0;
	float: left;
}
.list_iconitem img {
	width: 100%;
}
.list_photo img {
	width: 100%;
}
.list_sche_time {
	width: 100%;
	margin: 0;
	padding:  2px 0;
	font-size: 100%;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	background: #999900;
	float: left;
}
.list_sche_time span {
	margin: 0 10px 0 0;
	font-size: 70%;
}
.list_hitokoto {
	width: 100%;
	margin: 0;
	padding: 2px;
	font-size: 60%;
	letter-spacing: 0.05em;
	color: #ffff00;
	float: left;
}
.list_name {
	width: 100%;
	margin: 0;
	padding: 2px;
	font-size: 120%;
	float: left;
}
.list_size {
	width: 100%;
	margin: 0 0 2px 0;
	padding: 2px;
	font-size: 60%;
	letter-spacing: 0.1em;
	float: left;
}
.list_comment {
	width: 100%;
	margin: 0;
	padding: 0;
	padding: 2px;
	font-size: 70%;
	letter-spacing: 0.1em;
	float: left;
}

.list_type {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #666666;
	float: left;
}
.list_typetitle {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 120%;
	float: left;
}
.list_type ul {
	width: 100%;
	margin: 0;
	padding: 0;
    display: flex;
	flex-wrap: wrap;
	float: left;
}
.list_type li {
	width : 48%;
	margin: 0 1% 5px 1%;
	padding: 10px 0;
	font-size: 120%;
	color: #ffffff;
	text-align: center;
	border: solid 1px #ff0066;
	border-radius: 100px;
	float: left;
}
#list_typeactive {
	background: #ff0066;
}
.list_type li img {
	width: 20px;
	margin: 0 5px 0 0;
	border: solid 1px #ffffff;
}
.list_type li a {
	display: block;
	color: #ffffff;
}



/* schedule
----------------------------------*/
.prof_contents table {
	background-color: #333333;
	border-spacing:1px;
	margin: 0 0 10px 0;
	float: left;
}
.prof_title {
	width: 100%;
	padding: 3px 0;
	margin: 5px auto;
	font-size: 120%;
	color: #FFF;
	letter-spacing: 0.2em;
	text-align: center;
	background: #ff0066;
	float: left;
}
.prof_photoarea {
	width: 100%;
	margin: 0 0 20px 0;
	float: left;
}
.prof_namearea {
	width: 100%;
	margin: 0 0 20px 0;
	float: left;
}
.prof_name {
	width: 100%;
	margin: 0 0 5px 0;
	font-size: 170%;
	font-weight: bold;
	float: left;
}
.prof_hitokoto {
	width: 100%;
	margin: 0 0 5px 0;
	letter-spacing: 0;
	color: #ffff00;
	float: left;
}
.prof_size {
	width: 100%;
	font-size: 80%;
	float: left;
}
.prof_size {
	width: 100%;
	font-size: 100%;
	margin-left: 2px;
	margin-bottom: 2px;
	color: #FFF;
	float: left;
}
.prof_contents_main {
	width: 100%;
	margin: 0 auto 10px auto;
	padding: 3px;
	text-align: left;
	background-color: rgba(0,0,0,0.8);
	float: left;
}
.prof_sche {
	text-align: center;
	font-size: 80%;
}
.prof_sche td {
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	padding: 3px 0;
}
.prof_sche_date {
	color: #333;
	background-color: #cccccc;
	line-height: 1.4;
}
.prof_sche_date_sat {
	color: #36C;
	background-color: #cccccc;
	line-height: 1.4;
}
.prof_sche_date_sun {
	color: #F36;
	background-color: #cccccc;
	line-height: 1.4;
}
.prof_sche_time {
	color: #333;
	background-color: #FFF;
	letter-spacing: -0.1em;
}
.prof_sche_time_sat {
	color: #36C;
	background-color: #FFF;
	letter-spacing: 0em;
}
.prof_sche_time_sun {
	color: #F36;
	background-color: #FFF;
	letter-spacing: 0px;
}

/* schedule
----------------------------------*/
.schedule {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}
.sche_daylist {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
}
.sche_daylist a {
	display: block;
	color: #ffffff;
}
.sche_daylist ul {
	width: 100%;
	margin: 0;
	padding: 0;
    display: flex;
	justify-content: space-between;
	float: left;
}
.sche_daylist li {
	width : calc(100% / 7 - 2px) ;
	margin: 0;
	padding: 10px 0;
	font-size: 90%;
	line-height: 1.4;
	border-radius: 5px;
	border: solid 1px #ffffff;
	float: left;
}
.sche_day {
	background: #660033;
}
.sche_day_sat {
	background: #0066cc;
}
.sche_day_sun {
	background: #990000;
}
.sche_day_dow {
	font-size: 120%;
}

.sche_today_date {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 10px 0;
	font-size: 140%;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	background: #ff0066;
	float: left;
}



/* ranking
----------------------------------*/
.ranking {
	width: 100%;
	margin: 0 0 100px 0;
	padding: 0;
	float: left;
}
.ranking ul {
	width: 100%;
	margin: 0 0 50px 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	float: left;
}
.ranking li {
	margin: 0;
	padding: 0 5px 5px 5px;
	text-align: left;
	float: left;
}
.ranking li a {
	color: #ffffff;
}
.ranktitle {
	width: 100%;
	margin: 0;
	padding: 5px 0;
	background: linear-gradient(-90deg, #ffffff 0%, #ffcc00 100%);
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	float: left;
}
.rank1 {
	width: 50%;
}
.rank2 {
	width: 50%;
}
.rank3 {
	width: 33.3%;
}
.rank4 {
	width: 33.3%;
}
.rank5 {
	width: 33.3%;
}
.rank_photo1 {
	width: 100%;
	background-image: url(../../images/girls/rankframe1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	position: relative;
	padding: 3px;
	float: left;
}
.rank_photo1 img {
	width: 100%;
}
.rank_photo2 {
	width: 100%;
	background-image: url(../../images/girls/rankframe2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	position: relative;
	padding: 3px;
	float: left;
}
.rank_photo2 img {
	width: 100%;
}
.rank_photo3 {
	width: 100%;
	background-image: url(../../images/girls/rankframe3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	position: relative;
	padding: 3px;
	float: left;
}
.rank_photo3 img {
	width: 100%;
}
.rank_photo4 {
	width: 100%;
	background-image: url(../../images/girls/rankframe4.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	position: relative;
	padding: 3px;
	float: left;
}
.rank_photo4 img {
	width: 100%;
}
.rankitem {
	width: 25%;
	position: absolute;
	top: 0;
	left: 0;
}
.rankitem img {
	width: 100%;
	filter: drop-shadow(3px 3px 3px #000000);
}



/* top movie
----------------------------------*/
.topmovie_list {
	width: 100%;
	float: left;
}
.topmovie_list a {
}
.topmovie_list ul {
	width: 100%;
	margin: 0;
	padding: 0;
	display:flex;
	flex-wrap: wrap;
	float: left;
}
.topmovie_list li {
	width : 48%;
	margin: 0 1% 10px 1%;
	padding: 30px 5px;
	color: #ffffff;
	text-align: center;
	background: #666666;
	float: left;
}



/* topbana
----------------------------------*/
.topbanaA {
	width: 100%;
	float: left;
}
.topbanaA a {
}
.topbanaA ul {
	width: 100%;
	margin: 0;
	padding: 0;
	display:flex;
	flex-wrap: wrap;
	float: left;
}
.topbanaA li {
	width : 48%;
	margin: 0 1% 10px 1%;
	padding: 0;
	color: #ffffff;
	text-align: center;
	background: #666666;
	float: left;
}
.topbanaA li img {
	width : 100%;
}


/* topbana
----------------------------------*/
.topbanaB {
	width: 100%;
	float: left;
}
.topbanaB a {
}
.topbanaB ul {
	width: 100%;
	margin: 0;
	padding: 0;
	display:flex;
	flex-wrap: wrap;
	float: left;
}
.topbanaB li {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	color: #ffffff;
	text-align: center;
	background: #666666;
	float: left;
}
.topbanaB li img {
	width: 100%;
}


/* widget
----------------------------------*/
.widgetareaA {
	width: 100%;
	float: left;
}
.widgetareaA ul {
	width: 100%;
	margin: 0;
	padding: 0;
	display:flex;
	flex-wrap: wrap;
	float: left;
}
.widgetareaA li {
	width : 100%;
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
}
.widgetareaA iframe {
	width : 100%;
	height: 300px;
	margin: 0;
	padding: 0;
	float: left;
}


/* system
----------------------------------*/
.system {
	width: 100%;
	float: left;
}
.system img {
	width: 100%;
}
.system_map {
    width: 100%;
    height: 300px;
    filter: grayscale(100%);
}
.system_deli {
	font-family: "M PLUS 1", sans-serif;
	font-weight: 700;
	width: 100%;
	margin: 0;
	padding: 0 3%;
	font-size: 120%;
	text-align: left;
	float: left;
}
.system_deli_category {
    width: 100%;
	margin: 0 0 3px 0;
	padding: 10px 0 10px 20px;
	border-bottom: 1px solid #666666;
	float: left;
}
.system_deli_area{
    width: 100%;
	margin: 0 0 15px 0;
	padding: 0 0 0 40px;
	font-size: 100%;
	line-height: 1.4;
	float: left;
}
.system_option {
	font-family: "M PLUS 1", sans-serif;
	font-weight: 700;
	width: 100%;
	padding: 0 3%;
	font-size: 120%;
	float: left;
}
.system_option ul {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	display:flex;
	flex-wrap: wrap;
	float: left;
}
.system_option li {
	width : calc(100% / 2) ;
	margin: 0;
	padding: 30px 0;
	font-size: 100%;
	color: #ffffff;
	text-align: center;
	background: #666666;
	border: 2px solid #000000;
	float: left;
}
.system_option_category {
    width: 100%;
	margin: 0 0 5px 0;
	padding: 10px 0;
	border-bottom: 1px solid #666666;
	float: left;
}

.system_map {
    width: 100%;
	margin: 0;
	padding: 0;
	coloe: #ffffff;
	text-align: center;
	float: left;
}
.system_map iframe {
    width: 100%;
	margin: 10px 0;
	float: left;
}

.system_TOU {
    width: 100%;
	margin: 0;
	padding: 0;
	font-size: 100%;
	text-align: left;
	float: left;
}
.system_TOU ul{
    width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
}
.system_TOU li{
    width: 100%;
	margin: 0 0 10px 0;
	padding: 0 5% 0 0;
	text-indent: -1em;
	padding-left: 1em;
	list-style: square;
	list-style-position: inside;
	float: left;
}


/* recruit
----------------------------------*/
.recruit {
	width: 100%;
	margin: 0;
	padding: 300px 0;
	font-size: 200%;
	float: left;
}


/* mailmagazine
----------------------------------*/
.mailmagazine {
	width: 100%;
	margin: 0;
	padding: 300px 0;
	font-size: 200%;
	float: left;
}


/* reserve
----------------------------------*/
.reserve {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 200%;
	float: left;
}
.reserve_line {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}
.reserve_line img {
	width: 100%;
}


/* contact
----------------------------------*/
.contact {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
}
.contact_item {
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 120%;
	float: left;
}
.contact_field {
	width: 100%;
	margin:0 0 20px 0;
	padding: 0;
	font-size: 120%;
	float: left;
}
.contact_field input {
	width: 100%;
	font-size: 120%;
}
.contact_field textarea {
	width: 100%;
	font-size: 120%;
	float: left;
}
.contact_submit {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}
.contact_submit input {
	font-family: "M PLUS 1", sans-serif;
	width: 250px;
	margin: 0 0 20px 0;
	padding: 10px 0 ;
	color: #ffffff;
	font-weight: bold;
	font-size: 150%;
	border-radius: 5px;
	background: #ff0066;
	float: left;
}