@charset "UTF-8";
/* --------------------------------------------------
reset
-------------------------------------------------- */
html, body, div, span, applet, object, iframe, hr, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;

	border: 0;
}

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

blockquote, q {
	quotes: none;
}

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

/* remember to define focus styles! */
/* :focus {
	outline:0;
}
 */
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	line-height: 0; 
	vertical-align: bottom;

	border: 0px;
}

input, select {
	vertical-align: middle;
}

br {
	letter-spacing: 0em;
}

html {
	width: 100%;
}

body {
	-webkit-text-size-adjust: 100%;
}

body {
	overflow: visible !important;
}

a {
	text-decoration: underline;
}
a:link {
	color: #fff;
}
a:visited {
	color: #888;
}
a:hover {
	text-decoration: none;
}

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

/* --------------------------------------------------
common
-------------------------------------------------- */
body {
	min-width: 950px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: url(../images/common/back.jpg) top center repeat;
	background-color: #010103;
	line-height: 1;
	text-align: start;
}

#mkbwrapper {
	min-width: 950px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Arial", Sans-serif;
	font-size: 100%;
	line-height: 1.5em;

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

/*header
-------------------------------------------------- */
#header {
	min-height: 331px;
	width: 100%;
	margin: 0 auto;
	background: url(../images/common/header_back.jpg) top center no-repeat !important;
	position: relative;
}

.header_wrap {
	width: 950px;
	height: 279px;
	margin: 0 auto;
	position: relative;
}

/*ナビボタン
-------------------------------------------------- */
#navi {
	width: 645px;
	margin: 0 auto;
}
#navi li {
	margin-right: 10px;
	text-indent: -9999px;
}

.btn_top {
	width: 205px;
	height: 47px;
	background-image: url(../images/common/sprite-navi.png);
	background-repeat: no-repeat;
	background-position: 0px -282px;
	background-size: 205px auto;

	float: left;
}
.btn_top:hover {
	width: 205px;
	height: 47px;
	background-image: url(../images/common/sprite-navi.png);
	background-repeat: no-repeat; 
	background-position: 0px -329px;
	background-size: 205px auto;
}

.btn_senja {
	width: 205px;
	height: 47px;
	background-image: url(../images/common/sprite-navi.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 205px auto;

	float: left;
}
.btn_senja:hover {
	width: 205px;
	height: 47px;
	background-image: url(../images/common/sprite-navi.png);
	background-repeat: no-repeat; 
	background-position: 0px -47px;
	background-size: 205px auto;
}

.btn_senjutsu {
	width: 205px;
	height: 47px;
	background-image: url(../images/common/sprite-navi.png);
	background-repeat: no-repeat;
	background-position: 0px -94px;
	background-size: 205px auto;

	float: left;
}
.btn_senjutsu:hover {
	width: 205px;
	height: 47px;
	background-image: url(../images/common/sprite-navi.png);
	background-repeat: no-repeat; 
	background-position: 0px -141px;
	background-size: 205px auto;
}

.btn_special {
	width: 205px;
	height: 47px;
	background-image: url(../images/common/sprite-navi.png);
	background-repeat: no-repeat;
	background-position: 0px -188px;
	background-size: 205px auto;

	float: left;
}
.btn_special:hover {
	width: 205px;
	height: 47px;
	background-image: url(../images/common/sprite-navi.png);
	background-repeat: no-repeat; 
	background-position: 0px -235px;
	background-size: 205px auto;
}

/* bread // パンくず
-------------------------------------------------- */
#bread {
	width: 700px;
	margin: 0 auto;
	padding: 0px 10px 10px;
	color: #fef9cc;
}
#bread li {
	line-height: 1.4; 

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

	content: "▲";
	display: inline-block;
}
#bread li:first-child:before {
	content: none;
}
#bread a {
	color: #00ff72;
}
#bread br {
	display: none;
}

/* menuTitle
-------------------------------------------------- */
.menutitle {
	width: 675px;
	height: 108px;
	margin: 0 auto 0;
	padding: 70px 50px 70px 70px;
	background: url(../images/common/menutitle_back.png) top center no-repeat;
	position: relative;
}
.menutitle .icon {
	width: 104px;
	height: auto;

	float: left;
}
.menutitle .title {
	width: 566px;
	margin-top: 5px;
	margin-left: 5px;
	color: #000;
	font-weight: bold; 
	font-size: 113%;

	float: left;
}
.menutitle .label {
	width: 161px;
	height: 38px;
	position: absolute;
	top: 30px;
	left: 0px;
}

/*container
-------------------------------------------------- */
#container {
	min-width: 950px;
	min-height: 100%;
	width: 950px;
	margin: 0 auto;
	padding: 10px 0 0;
	background-image: url(../images/common/container_back.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

/*special
-------------------------------------------------- */
/* パックメニュー
-------------------------------------------------- */
/* 無料メニュー
-------------------------------------------------- */
#free {
	width: 844px;
	margin: 20px auto 0;
}
#free .head {
	width: 844px;
	height: 80px;
	background: url(../images/common/free_head_back.jpg) bottom center no-repeat;
	position: relative; 
	text-align: center;
}
#free .head img {
	position: absolute;
	top: 20px;
	left: 130px;
}

.free_1 {
	width: 844px;
	height: 330px;
	background: url("../images/common/free_fs01.jpg") top center no-repeat;
}
.free_1:hover {
	background: url("../images/common/free_fs01.jpg") bottom center no-repeat;
}

.free_2 {
	width: 844px;
	height: 330px;
	background: url("../images/common/free_fs02.jpg") top center no-repeat;
}
.free_2:hover {
	background: url("../images/common/free_fs02.jpg") bottom center no-repeat;
}

/* recomenu // おすすめメニュー
-------------------------------------------------- */
#recomenu {
	width: 844px;
	margin: 10px auto 0;
	padding: 5px 0 0;
	background: url("../images/top/recomenu_back_top.jpg") top center no-repeat;
}
#recomenu .head {
	margin: 15px 0 30px;
	text-align: right;
}
#recomenu .menu {
	width: 724px;
	margin: 0 auto;
	padding: 40px 60px 25px;
	background-image: url("../images/top/recomenu_komi_top.jpg"), url("../images/top/recomenu_komi_btm.jpg"), url("../images/top/recomenu_komi_mid.jpg");
	background-repeat: no-repeat, no-repeat, repeat-y; 
	background-position: top center, bottom center, top center;
}
#recomenu .menu:first-child, #recomenu .menu.first {
	padding: 60px 60px 25px;
	background-image: url("../images/top/recomenu_komi_top_first.jpg"), url("../images/top/recomenu_komi_btm.jpg"), url("../images/top/recomenu_komi_mid.jpg");
	background-repeat: no-repeat, no-repeat, repeat-y; 
	background-position: top center, bottom center, top center;
}
#recomenu .menu:last-child, #recomenu .menu.last {
	padding: 40px 60px 45px;
	background-image: url("../images/top/recomenu_komi_top.jpg"), url("../images/top/recomenu_komi_btm_last.jpg"), url("../images/top/recomenu_komi_mid.jpg");
	background-repeat: no-repeat, no-repeat, repeat-y; 
	background-position: top center, bottom center, top center;
}
#recomenu .text {
	width: 700px;
	margin: 0 auto 17px;
	padding: 20px 10px 10px 70px;
	background: -webkit-linear-gradient(bottom, #c40000, #f00);
	background: linear-gradient(0deg, #c40000, #f00);
	color: #fff;
	font-weight: bold;
	font-size: 150%;
	line-height: 1.4; 
	position: relative;

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

	content: "";
}
#recomenu .text:after {
	width: 26px;
	height: 12px;
	background-image: url("../images/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: 81px;
	height: auto;
	padding: 0px 5px 0 10px;

	float: left;
}
#recomenu .title {
	width: 600px;
	padding: 5px 0 0 0;
	color: #610193; 
	font-weight: bold;
	font-size: 125%;
	line-height: 1.4;

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

	clear: both;
}

/* induct // 有料版ではサラミ
-------------------------------------------------- */
#induct {
	width: 844px;
	margin: 20px auto;
}
#induct .head {
	width: 844px;
	height: 105px;
	padding: 70px 0 0;
	background: url("../images/common/induct_head.jpg") top center no-repeat;
	text-align: center;
}
#induct .colum_1 {
	width: 844px;
	height: 823px;
	background: url("../images/common/induct_1.jpg") top center no-repeat;
	position: relative;
}
#induct .colum_1 .text {
	width: 220px;
	height: 420px;
	position: absolute;
	top: 60px; 
	right: 0;
}
#induct .colum_2 {
	width: 844px;
	height: 1000px;
	background: url("../images/common/induct_2.jpg") top center no-repeat;
	position: relative;
}
#induct .colum_2 .text {
	width: 220px;
	height: 450px;
	position: absolute;
	top: 60px; 
	right: 0;
}
#induct .colum_3 {
	width: 844px;
	height: 632px;
	background: url("../images/common/induct_3.jpg") top center no-repeat;
	position: relative;
}
#induct .colum_3 .text {
	width: 220px;
	height: 250px;
	position: absolute;
	top: 60px; 
	right: 0;
}
#induct .colum_4 {
	width: 844px;
	height: 600px;
	background: url("../images/common/induct_4.jpg") top center no-repeat;
	position: relative;
}
#induct .colum_4 .text {
	width: 220px;
	height: 290px;
	position: absolute;
	top: 60px; 
	right: 0;
}
#induct .colum_5 {
	width: 844px;
	height: 430px;
	background: url("../images/common/induct_5.jpg") top center no-repeat;
	position: relative;
}
#induct .colum_5 .text {
	width: 220px;
	height: 140px;
	position: absolute;
	top: 60px; 
	right: 0;
}
#induct .label {
	width: 214px;
	height: 107px;
	position: absolute;
	top: 0;
	left: 250px;
}

#induct_yes {
	position: absolute;
	top: 280px;
	left: 444px;
}

/* --------------------------------------------------
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;
}

/* --------------------------------------------------
other
-------------------------------------------------- */
/* 恋愛メニュー用カラー */
.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 {
	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, .if-love-19 > .title, .if-love-19 > .title a {
	color: #003782 !important;
}

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

.disp-0, .disp-n-1 {
	display: none !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;
}

.price {
	font-weight: bold; 
	text-align: right;
	font-size:0.9em;
}

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

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

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

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

#alert-android {
	width: 100%;
	margin: 0 auto;
	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: 300%;
	text-align: center;
}

#alert-android_text dd {
	color: #999;
	font-size: 250%;
	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;
}