@charset "UTF-8";
/* --------------------------------------------------
reset
-------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	background: transparent; 
	font-size: 100%;
	vertical-align: baseline;

	border: 0;
	outline: 0;
}

body {
	line-height: 1;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block;
}

nav ul, li {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}

a {
	margin: 0;
	padding: 0;
	background: transparent; 
	font-size: 100%;
	vertical-align: baseline;

	border: 0;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input, select {
	vertical-align: middle;
}

img {
	vertical-align: bottom;
}

/* --------------------------------------------------
base // 全てのページで共通の設定
-------------------------------------------------- */
html {
	min-width: 320px !important;
	background-color: #000;
	color: #fff;
	font-size: 100%;
}

body {
	min-width: 320px !important;
	width: 100%;
	background-image: url(../images/sp/common/back.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	background-size: 320px auto;
}

a {
	text-decoration: none;
}
a:link {
	color: #fff;
}
a:visited {
	color: #666;
}
a:active {
	text-decoration: none;
}

.btn, .roll, .roll_parent, .no-hl {
	-webkit-tap-highlight-color: transparent;
	        tap-highlight-color: transparent;
}

.no-co {
	-webkit-touch-callout: none;
}

/* android用 */
.AndroTxt {
	background: url("../images/sp/spacer.png");
}

.price {
	margin-top: 8px;
	font-weight: bold;
	line-height: 1.3;
	text-align: right;
}

#mkbwrapper {
	width: 320px;
	margin: 0 auto;
	color: #000;
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Droid Sans Japanese", Meiryo, メイリオ, sans-serif;
	font-size: 100%;
	line-height: 1.3em;

	-webkit-text-size-adjust: 100%;
	overflow: hidden;
}

body {
	overflow: visible !important;
}

#mkbwrapper {
	background-image: url("../images/sp/common/header_back_plain.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 320px auto;
}

/* --------------------------------------------------
ヘッダー
-------------------------------------------------- */
#header {
	min-height: 256px;
	width: 320px;
	margin: 0 auto;
	background-image: url("../images/sp/common/header_back.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 320px auto;
}
#header h1 {
	min-height: 208px;
	width: 320px;
	text-indent: -9999px;
}

/*ナビボタン
-------------------------------------------------- */
#navi {
	width: 321px;
	height: 36px;
	margin: 0 0;

	overflow: hidden;
}

.btn_top {
	width: 107px;
	height: 36px;
	background-image: url(../images/sp/common/sprite-navi.png);
	background-repeat: no-repeat;
	background-position: 0px -288px;
	background-size: 160px auto;

	float: left;
}
.btn_top.is-active {
	width: 107px;
	height: 36px;
	background-image: url(../images/sp/common/sprite-navi.png);
	background-repeat: no-repeat; 
	background-position: 0px -324px;
	background-size: 160px auto;
}

.btn_senja {
	width: 107px;
	height: 36px;
	background-image: url(../images/sp/common/sprite-navi.png);
	background-repeat: no-repeat;
	background-position: 0px -72px;
	background-size: 160px auto;

	float: left;
}
.btn_senja.is-active {
	width: 107px;
	height: 36px;
	background-image: url(../images/sp/common/sprite-navi.png);
	background-repeat: no-repeat; 
	background-position: 0px -108px;
	background-size: 160px auto;
}

.btn_senjutsu {
	width: 107px;
	height: 36px;
	background-image: url(../images/sp/common/sprite-navi.png);
	background-repeat: no-repeat;
	background-position: 0px -216px;
	background-size: 160px auto;

	float: left;
}
.btn_senjutsu.is-active {
	width: 107px;
	height: 36px;
	background-image: url(../images/sp/common/sprite-navi.png);
	background-repeat: no-repeat; 
	background-position: 0px -252px;
	background-size: 160px auto;
}

/* --------------------------------------------------
container
-------------------------------------------------- */
#container {
	color: #000;
	font-size: 88%;
}

/* bread // パンくず
-------------------------------------------------- */
#bread {
	width: 300px;
	margin: 0;
	padding: 10px 10px 10px;
	color: #3cceb4;
	font-size: 88%;
	line-height: 1.3;
}
#bread li {
	line-height: 1.4; 

	display: inline;
}
#bread li:before {
	padding: 0 3px;
	color: #3cceb4;
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg); 

	content: "▲";
	display: inline-block;
}
#bread li:first-child:before {
	content: none;
}
#bread a {
	color: #d2d2d2;
	text-decoration: underline;
}
#bread br {
	display: none;
}

/* menuTitle
-------------------------------------------------- */
.menutitle {
	width: 320px;
	height: 130px;
	padding: 25px 20px 0 15px;
	background: url("../images/sp/common/menutitle_back.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 320px auto;
	position: relative; 

	box-sizing: border-box;
}
.menutitle .icon {
	width: 70px;
	height: 72px;
	margin-right: 5px;

	float: left;
}
.menutitle .title {
	width: 210px;
	height: 70px;
	padding: 10px 0 0;
	font-weight: bold;
	font-size: 100%;
	line-height: 1.4; 

	float: left;
}
.menutitle br {
	display: none;
}
.menutitle .label {
	width: 91px;
	height: 22px;
	position: absolute;
	top: 5px;
	left: 0;
}

/* --------------------------------------------------
特別鑑定
-------------------------------------------------- */
/* キャッチ */
#special_catch {
	min-height: 150px;
	width: 320px;
	padding: 55px 0 0;
	background-image: url("../images/sp/top/special_catch_back.jpg");
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: 320px auto;
}

#special {
	width: 320px;
	margin: 0 auto;
	padding: 0;
}
#special .head {
	width: 320px;
	height: 58px;
	padding: 12px 0 0;
	background-image: url("../images/sp/top/special_head_back.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 320px auto;
	text-align: center;
}
#special .menu {
	width: 320px;
	padding: 5px 0 20px;
	background-image: url("../images/sp/top/special_back_top.jpg"), url("../images/sp/top/special_back_btm.jpg"), url("../images/sp/top/special_back_mid.jpg");
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: top center, bottom center, top center;
	background-size: 320px auto; 
	position: relative;
}
#special .menu.first {
	padding: 0px 0 20px;
	background-image: url("../images/sp/top/special_back_top_first.jpg"), url("../images/sp/top/special_back_btm.jpg"), url("../images/sp/top/special_back_mid.jpg");
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: top center, bottom center, top center;
	background-size: 320px auto;
}
#special .menu.last {
	padding: 20px 0 75px;
	background-image: url("../images/sp/top/special_back_top.jpg"), url("../images/sp/top/special_back_btm_last.jpg"), url("../images/sp/top/special_back_mid.jpg");
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: top center, bottom center, top center;
	background-size: 320px auto;
}
#special .icon {
	width: 70px;
	height: 72px;
	padding: 0px 5px 0 10px;

	float: left;
}
#special .title {
	width: 220px;
	padding: 5px 0 0 0;
	font-weight: bold;
	font-size: 107%;
	line-height: 1.4; 

	float: left;
}
#special .title br {
	display: none;
}
#special .menubtn {
	width: 62px;
	height: 27px;
	background-image: url(../images/sp/top/sprite-top.png);
	background-repeat: no-repeat;
	background-position: 0px -27px;
	background-size: 160px auto;
	position: absolute;
	bottom: 50px;
	left: 244px;
	text-indent: -9999px;
}
#special .menubtn.is-active {
	width: 62px;
	height: 27px;
	background-image: url(../images/sp/top/sprite-top.png);
	background-repeat: no-repeat; 
	background-position: 0px 0px;
	background-size: 160px auto;
}
#special .last .menubtn {
	bottom: 105px;
}
#special .lead {
	margin: 0;
	padding: 0 20px;
	font-size: 88%;
	line-height: 1.4; 

	display: none;
	clear: both;
}
#special .price {
	min-height: 30px;
	padding: 0 15px;
	color: #6b00a9;
	font-size: 78%; 

	clear: both;
}
#special a {
	color: #610193;
}
#special a::visited {
	color: #777;
}

/* 無料メニュー
-------------------------------------------------- */
#free {
	width: 320px;
	margin: 20px auto 0;
}
#free a {
	-webkit-tap-highlight-color: transparent;
	        tap-highlight-color: transparent;
}

.free_1 {
	width: 320px;
	height: 173px;
	background-image: url("../images/sp/top/free_fs01.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 320px auto;
}
.free_1.is-active {
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 320px auto;
}

.free_2 {
	width: 320px;
	height: 173px;
	background-image: url("../images/sp/top/free_fs02.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 320px auto;
}
.free_2.is-active {
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 320px auto;
}

/* induct // 有料版ではサラミ
-------------------------------------------------- */
#induct {
	width: 320px;
	margin: 20px auto;
}
#induct .head {
	width: 320px;
	height: 84px;
	padding: 30px 0 0;
	background-image: url("../images/sp/common/induct_head.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 320px auto;
}
#induct .colum_1 {
	width: 320px;
	height: 517px;
	background-image: url("../images/sp/common/induct_1.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 320px auto;
	position: relative;
}
#induct .colum_1 .text {
	width: 220px;
	height: 420px;
	position: absolute;
	top: 60px; 
	right: 0;
}
#induct .colum_2 {
	width: 320px;
	height: 540px;
	background-image: url("../images/sp/common/induct_2.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 320px auto;
	position: relative;
}
#induct .colum_2 .text {
	width: 220px;
	height: 450px;
	position: absolute;
	top: 60px; 
	right: 0;
}
#induct .colum_3 {
	width: 320px;
	height: 350px;
	background-image: url("../images/sp/common/induct_3.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 320px auto;
	position: relative;
}
#induct .colum_3 .text {
	width: 220px;
	height: 250px;
	position: absolute;
	top: 60px; 
	right: 0;
}
#induct .colum_4 {
	width: 320px;
	height: 383px;
	background-image: url("../images/sp/common/induct_4.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 320px auto;
	position: relative;
}
#induct .colum_4 .text {
	width: 220px;
	height: 290px;
	position: absolute;
	top: 60px; 
	right: 0;
}
#induct .colum_5 {
	width: 320px;
	height: 298px;
	background-image: url("../images/sp/common/induct_5.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 320px auto;
	position: relative;
}
#induct .colum_5 .text {
	width: 220px;
	height: 140px;
	position: absolute;
	top: 60px; 
	right: 0;
}
#induct .label {
	width: 129px;
	height: 66px;
	position: absolute;
	top: 0;
	left: 80px;
}

#induct_yes {
	position: absolute;
	top: 180px;
	left: 134px;
}

/* recomenu // おすすめメニュー
-------------------------------------------------- */
#recomenu {
	width: 320px;
	margin: 10px auto 0;
	padding: 5px 0 35px;
	background-image: url("../images/sp/top/recomenu_back_top.jpg"), url("../images/sp/top/recomenu_back_btm.jpg");
	background-repeat: no-repeat;
	background-position: top center, bottom center;
	background-size: 320px auto;
}
#recomenu .catch {
	text-align: right;
}
#recomenu .head {
	margin: 0 0 28px;
}
#recomenu .menu {
	width: 320px;
	margin: 0 auto;
	padding: 15px 0 15px;
	background-image: url("../images/sp/top/recomenu_komi_top.jpg"), url("../images/sp/top/recomenu_komi_btm.jpg"), url("../images/sp/top/recomenu_komi_mid.jpg");
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: top center, bottom center, top center;
	background-size: 320px auto;
}
#recomenu .menu.last {
	padding: 15px 0 10px;
	background-image: url("../images/sp/top/recomenu_komi_top.jpg"), url("../images/sp/top/recomenu_komi_btm_last.jpg"), url("../images/sp/top/recomenu_komi_mid.jpg");
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: top center, bottom center, top center;
	background-size: 320px auto;
}
#recomenu .text {
	width: 300px;
	margin: 0 auto 17px;
	padding: 10px 10px 10px 55px;
	background: -webkit-linear-gradient(bottom, #c40000, #f00);
	background: linear-gradient(0deg, #c40000, #f00);
	color: #fff; 
	font-weight: bold;
	font-size: 113%;
	position: relative;

	border-radius: 6px;
	border: 1px solid #f00;
	box-sizing: border-box;
}
#recomenu .text:before {
	width: 50px;
	height: 47px;
	background-image: url("../images/sp/top/recomenu_icon.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 50px 47px;
	position: absolute;
	top: 50%;
	left: 5px;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%); 

	content: "";
}
#recomenu .text:after {
	width: 26px;
	height: 12px;
	background-image: url("../images/sp/top/recomenu_arrow.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 26px 12px;
	position: absolute;
	bottom: -16px;
	left: 134px; 

	content: "";
}
#recomenu .icon {
	width: 52px;
	height: 53px;
	padding: 0px 5px 0 10px;

	float: left;
}
#recomenu .icon img {
	width: 52px;
	height: 53px;
}
#recomenu .title {
	width: 250px;
	padding: 10px 0 0 0;
	color: #610193; 
	font-weight: bold;
	font-size: 88%;
	line-height: 1.4;

	float: left;
}
#recomenu .price {
	padding: 0 15px;
	color: #000;
	font-size: 78%; 

	clear: both;
}

/* --------------------------------------------------
clearfix
-------------------------------------------------- */
.cf:after, .cf:before {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	zoom: 1;
}

.clear {
	clear: both;
}

/* float */
.fl-l {
	float: left;
}

.fl-r {
	float: right;
}

/* display */
.d-b {
	display: block;
}

.d-i {
	display: inline;
}

.d-ib {
	display: inline-block;
}

/* 恋愛メニュー用カラー */
.menutype-6 > .title, .menutype-6 > .title a, .menutype-7 > .title, .menutype-7 > .title a, .menutype-8 > .title, .menutype-8 > .title a, .menutype-9 > .title, .menutype-9 > .title a, .menutype-10 > .title, .menutype-10 > .title a, .menutype-11 > .title, .menutype-11 > .title a, .menutype-12 > .title, .menutype-12 > .title a, .menutype-14 > .title, .menutype-14 > .title a, .menutype-16 > .title, .menutype-16 > .title a {
	color: #c00044 !important;
}

/* 恋愛メニューなら表示 */
.if-love-6, .if-love-7, .if-love-8, .if-love-9, .if-love-10, .if-love-11, .if-love-12, .if-love-14, .if-love-16, .if-love-1, .if-love-4, .if-love-5, .if-love-19 {
	display: block !important;
}

/* 結婚メニュー用カラー */
.menutype-1 > .title, .menutype-1 > .title a, .menutype-4 > .title, .menutype-4 > .title a, .menutype-5 > .title, .menutype-5 > .title a, .menutype-19 > .title, .menutype-19 > .title a {
	color: #610193 !important;
}

/* 人生メニュー用カラー */
.menutype-2 > .title, .menutype-2 > .title a, .menutype-3 > .title, .menutype-3 > .title a, .menutype-13 > .title, .menutype-13 > .title a, .menutype-15 > .title, .menutype-15 > .title a {
	color: #003782 !important;
}

/* 人生メニューなら表示 */
.if-life-2, .if-life-3, .if-life-13, .if-life-15, .if-life-17 {
	display: block !important;
}

/* --------------------------------------------------
coloring
-------------------------------------------------- */
.red {
	color: #f00;
}

.blue {
	color: #004eff;
}

.yellow {
	color: #ffd400;
}

.pink {
	color: #ff0078;
}

.orange {
	color: #ff7800;
}

.purple {
	color: #c821ff;
}

.green {
	color: #094;
}

.brown {
	color: #311700;
}

.white {
	color: #fff;
}

.black {
	color: #000;
}

.lightblue {
	color: #00deff;
}

.lightyellow {
	color: #ff0;
}

.lightgreen {
	color: #00d528;
}

.peach {
	color: #fe66bc;
}

.limegreen {
	color: #acff41;
}

.winered {
	color: #b40000;
}

.skyblue {
	color: #83f8ff;
}

.purinyellow {
	color: #f9ff63;
}

/* 表示非表示 */
.disp-0, .disp-n-1 {
	display: none !important;
}

/* --------------------------------------------------
other
-------------------------------------------------- */
.ta-c {
	text-align: center;
}

.ta-r {
	text-align: right;
}

.ta-l {
	text-align: left;
}

.mt10 {
	margin-top: 10px;
}

/* --------------------------------------------------
Android alert
-------------------------------------------------- */
#alert-android {
	width: 320px;
	padding: 5px;
	background-color: #fff;
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Droid Sans Japanese", Meiryo, メイリオ, sans-serif; 

	border: 5px #f00 solid;
	box-sizing: border-box;
}

#alert-android_text dt {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
}

#alert-android_text dd {
	color: #999;
	font-size: 13px;
	line-height: 1.2;
}

#alert-android_text a {
	color: #004eff;
}

#alert-android_logo {
	width: 100px;
	height: 80px;
	margin: 15px auto 15px; 
	position: relative;
}

#alert-android_logo:before {
	width: 100px;
	color: #111; 
	font-weight: bold;
	font-size: 46px;
	line-height: 60px;
	position: absolute;
	z-index: 2;
	top: 20px;
	left: 0;
	text-align: center;

	content: "!";
}

#alert-android_logo:after {
	margin-left: -50px;
	background: transparent; 
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;

	content: "";
	border-width: 0 50px 80px;
	border-style: solid;
	border-color: #f9d311 transparent;
}