@charset 'utf-8';
/***** 全体 *****/
* {
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/*2013.10.16 iPhoneでスチールを保存できない対応*/
	/*-webkit-touch-callout: none;*/
}

body {
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;/*overflow-y: hiddenだとページ下部にかかるポップアップが途中で切れてしまうためauto*/
	margin: 0;
	padding: 0;
	background-color: #fff3e4;
	background-image: none;
	background-repeat: repeat;
	background-position: center top;
	-webkit-background-size: 320px;
	-moz-background-size: 320px;
	background-size: 320px;
	color: #744900;
	font-family: "DF-HeiSeiMaruGothic-W4_4", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 16px;
}

/*** iPhone対応 ***/
@media only screen
 and (device-height: 480px),
only screen
 and (device-height: 568px),
only screen
 and (device-height: 667px),
only screen
 and (device-height: 736px),
only screen
 and (device-height: 812px),
only screen
 and (device-height: 896px) {
	body {
		line-height: 1.2;
	}
}

form {
	font-size: 20px;
}

input {
	font-size: 20px;
}

input[type="submit"], input[type="image"] {
	outline: none;
}

select {
	font-size: 16px;
}

li {
	list-style: none;
}
select.post {
	width: 22px;
	height: 22px;
}

textarea {
	font-size: 16px;
}

a {
	color: #d70084;
	outline: none;
}
a:visited {
	color: #d70084;
}
a img, button {
	outline: none;
}
.effectBtn {
	-moz-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	scale(1,1);
}

.effectBtn:hover {
	-moz-transform: scale(0.95,0.95);
	-webkit-transform: scale(0.95,0.95);
	-o-transform: scale(0.95,0.95);
	-ms-transform: scale(0.95,0.95);
	scale(0.95,0.95);
}

/***** Contents *****/
/***サイト背景色 ***/
div#container {
	display: block;
	position:relative;
	width: 320px;
	/*min-height: 410px;min-height_resize.ctpで指定することにしたのでコメントアウト*/
	overflow-x: hidden;
	overflow-y: auto;/*overflow-y: hiddenだとページ下部にかかるポップアップが途中で切れてしまうためauto*/
	margin: 0 auto;
	color: #744900;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	-webkit-tap-highlight-color: transparent;
	-moz-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
}

/**** 影をつける ****/
img.shadow {
	-webkit-box-shadow: 3px 5px 4px #000000; /* Safari,Chrome */
	-moz-box-shadow: 3px 5px 4px #000000; /* firefox */
	box-shadow: 3px 5px 4px #000000;  /* CSS3 */
}

/**** 光彩をつける ****/

.lightUpImg1 {
	-webkit-box-shadow: 0 0 5px 3px rgba(255,255,255,0.5);
	-moz-box-shadow: 0 0 5px 3px rgba(255,255,255,0.5);
	box-shadow: 0 0 5px 3px rgba(255,255,255,0.5);
}

/***** header menu *****/
.i_btn, .i_btn_g {
	position: relative;
	color: #fff;
	width: 61px;
	margin: 0px auto;
	font: 12px/18px Meiryo;
	font-weight:bold;
	float:left;
}

.i_btn p {
	position:absolute;
	width:61px;
	text-align:center;
	top:2px;
	z-index:2;
	text-shadow:2px 2px 3px #e89bc9, -2px -2px 3px #e89bc9;
}

.i_btn_g p {
	position:absolute;
	width:61px;
	text-align:center;
	top:2px;
	z-index:2;
	text-shadow:2px 2px 3px #cccccc, -2px -2px 3px #cccccc;
	color:#ffffff;
}

.i_btn img, .i_btn_g img {
	z-index: 1;
	width: 61px;
}

/*透過メニュー*/
div#popup img {
	width: 95px;
	margin: 5px 0 5px 7px;
}

div#popup img.wide {
	width: 300px;
	margin: 5px 0 5px 10px;
}

div#popup a.close_btn {
	display: block;
	float: right;
	width: 80px;
	margin: 2px;
	padding: 3px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
}

/* footer */
.global_footer {
	position: relative;
	width: 320px;
	height: 66px;
	margin: 0 auto;
	background-image: url("https://ouji2.img.koi-social.com/img_s/layout/footer/bg_footer.png?v=1760556426");
	background-repeat: no-repeat;
	background-position: 50% 100%;
	-webkit-background-size: 320px;
	-moz-background-size: 320px;
	background-size: 320px;
}

.global_footer > div {
	position: absolute;
	top: 5px;
	width: 53px;
	overflow: hidden;
	text-align: center;
}

.global_footer > div:first-child,
.global_footer > div:last-child {
	width: 40px;
}

.global_footer > div a {
	width: 100%;
}

.global_footer > div img {
	margin-left: -2px;
}

/***** mypage *****/
/* sub_menu */
#sub_Menu_Area {
	width:300px;
	margin:-12px auto 20px auto;
	padding:0;
	overflow:auto;
}

#sub_Menu_Area a {
	display:table-cell;
	vertical-align;top;
	margin:0;
	padding:0;
}

#sub_Menu_Area a {
	float:left;
}

/* mypage gifアニメ */
.mypage_button {
	position: relative;
}

div.mypage_button img.mypage_attention {
	position: absolute;
	top:-10px;
	left:0px;
}

/***** button_submit *****/
input.button_submit {
	padding: 3px 10px;
	border: 0px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
	background: -webkit-linear-gradient(top,  #ffc6d6 0%,#fc79a0 50%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(top,  #ffc6d6 0%, #fc79a0 50%); /* FF3.6+ */
	box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
	color: #ffffff;
}

#MainArea {
	width: 320px;
	margin: 0px;
	padding: 0px;
	color: #FFF;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
}

input[type="text"] {
	width: 50%;
	height: 35px;
	padding: 0 5px;
}

/* リスト一覧の大枠設定 */
ul.baseUl {
	padding: 0;
	margin: 0;
	border-top: 0.5px solid rgba(176,155,209,1);
}

/* リスト設定 */
li.baseLi {
	list-style-type: none;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	/*border-top: 2px dashed rgba(206,236,255,0.5);*/
	font-size: 10px;
}

/* リストのaタグ設定 */
li.baseLi a {
	display: block;
	position: relative;
	height: auto;
	line-height: 21px;
	padding: 10px 25px 10px 15px;
	color: #653B1e;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* リストのアイコン設定(CSSでアイコンを作成) */
li.baseLi a:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 10px;
	height: 10px;
	margin-top: -6px;
	border-top: solid 3px #653B1e;
	border-right: solid 3px #653B1e;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}

/* < アイコン */
.moveIconLeft {
	display: block;
	position: relative;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 10px 0 10px;
	padding: 2% 0;
	border-top: 0px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	color: #dd1bb0;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.moveIconLeft:after {
	display: block;
	position: absolute;
	top: 50%;
	left: 15px;
	width: 10px;
	height: 10px;
	margin-top: -7px;
	border-top: solid 3px #fbb3e1;
	border-left: solid 3px #fbb3e1;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	content: "";
}

.moveIconTextLeft {
	margin-left: 35px;
}

.pinkBtn1 {
	border: 1px solid #f863ae;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: -moz-linear-gradient(
		top,
		#f863ae 0%,
		#f863ae);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#f863ae),
		to(#f863ae));
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.4),
		inset 0px 0px 3px rgba(255,255,255,0.7);
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.4),
		inset 0px 0px 3px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 2px rgba(000,000,000,0.4),
		inset 0px 0px 3px rgba(255,255,255,0.7);
	color: #ffffff;
	font-size: 12px;
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.1),
		0px 1px 0px rgba(255,255,255,0.3);
}

.circle {
	width: 20px;
	height: 20px;
	line-height: 20px;
	background: rgba(240,72,120,0.8);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 4px 0px #93847c;
	-moz-box-shadow: 0px 0px 4px 0px #93847c;
	box-shadow: 0px 0px 4px 0px #93847c;
	color: #fff;
	font-size:14px;
	text-align: center;
}


/* ボタンの初期の設定 */
.btnForm1 {
	display: inline-block;
	padding: 5px 7px;
	border: 2px outset #ef9ddb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-style: solid none none none;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(10%, #efacd7), color-stop(90%, #e666b6) );
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.5);
	font-family: Arial;
	font-weight: normal;
	font-size: 15px;
	text-decoration: none;
	text-shadow: 1px 1px 1px #440439;
	color: #fff;
}

/* ボタン押下後の設定 */
.btnForm1:hover {
	display: inline-block;
	border: 2px outset #ec7dd0;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(10%, #ea7fc4 ), color-stop(90%, #e343a7) );
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.5);
	text-shadow: 1px 1px 1px #23011d;
}

/* ボタンの初期の設定 */
.btnForm2 {
	display: inline-block;
	padding: 5px 7px;
	border-radius: 5px;
	border: 2px outset #a3dcea;
	border-style: solid none none none;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(10%, #bae8f4), color-stop(90%, #77cae2) );
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.5);
	color: #fff;
	font-family: Arial;
	font-weight: normal;
	font-size: 15px;
	text-decoration: none;
	text-shadow: 1px 1px 1px #1b3841;
}

/* ボタン押下後の設定 */
.btnForm2:hover {
	display: inline-block;
	border: 2px outset #6fd1ea;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(10%, #8ddff3 ), color-stop(90%, #4bbdde) );
	-webkit-box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.5);
	box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.5);
	text-shadow: 1px 1px 1px #05262f;
}

.btnForm1:visited, .btnForm2:visited {
	color: #fff;
}

/***** アニメーション *****/
#flickerGuard{
	width: 0;
	height: 0;
	-webkit-animation-name: flickerGuardAnime;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform: rotate(360deg);
	-moz-animation-name: flickerGuardAnime;
	-moz-animation-duration: 2s;
	-moz-animation-iteration-count: infinite;
	-moz-transform: rotate(360deg);
	animation-name: flickerGuardAnime;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	transform: rotate(360deg);
}
@keyframes flickerGuardAnime {
	0%{
		transform: rotate(0);
	}
	99.9%, 100%{
		transform: rotate(360deg);
	}
}
@-webkit-keyframes flickerGuardAnime {
	0%{
		-webkit-transform: rotate(0);
	}
	99.9%, 100%{
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes flickerGuardAnime {
	0%{
		-moz-transform: rotate(0);
	}
	99.9%, 100%{
		-moz-transform: rotate(360deg);
	}
}

.tossing {
	-webkit-animation-name: tossing;
	-moz-animation-name: tossing;
	animation-name: tossing;
	-webkit-animation-duration: 2.5s;
	-moz-animation-duration: 2.5s;
	animation-duration: 2.5s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes tossing {
	0% {
		-webkit-transform: rotate(-4deg);
	}
	50% {
		-webkit-transform: rotate(4deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);
	}
}

@-moz-keyframes tossing {
	0% {
		-moz-transform: rotate(-4deg);
	}
	50% {
		-moz-transform: rotate(4deg);
	}
	100% {
		-moz-transform: rotate(-4deg);
	}
}

@keyframes tossing {
	0% {
		transform: rotate(-4deg);
	}
	50% {
		transform: rotate(4deg);
	}
	100% {
		transform: rotate(-4deg);
	}
}
.commonUpDown{
	-webkit-animation-name: commonUpDown;
	-webkit-animation-duration: 2.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform: translateY(0);
	-moz-animation-name: commonUpDown;
	-moz-animation-duration: 2.5s;
	-moz-animation-iteration-count: infinite;
	-moz-transform: translateY(0);
	animation-name: commonUpDown;
	animation-duration: 2.5s;
	animation-iteration-count: infinite;
	transform: translateY(0);
}
@-webkit-keyframes commonUpDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(3px);
		transform: translateY(3px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@-moz-keyframes commonUpDown {
	0% {
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-moz-transform: translateY(3px);
		transform: translateY(3px);
	}
	100% {
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes commonUpDown {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(3px);
	}
	100% {
		transform: translateY(0);
	}
}

/* ナビの角丸背景 本編 */
div.box_navi {
	width: 300px;
	margin: 5px auto;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius:9px;
	background: #d5bfff;
	color: #403488;
	font-weight: normal;
}

div.box_navi table tr td:nth-of-type(2) {
	width: 205px;
	margin-left: 5px;
	padding: 2px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #d5bfff;
	color: #403488;
}

/* ナビの角丸背景 イベント */
div.box_navi_2{
	width: 300px;
	margin: 5px auto;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	background: #eca8d0;
	font-weight: normal;
}

div.box_navi_2 table tr td:nth-of-type(2) {
	width: 205px;
	margin-left: 5px;
	padding: 2px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #eca8d0;
	color: #403488;
}

/* aタグのボタン化 薄い紫色  */
a.button6 {
	display: inline-block;
	width: 240px;
	padding: 3px 3px;
	border: 4px solid #d5bfff;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	-webkit-box-shadow: inset 1px 1px 0px 0px #d5bfff;
	-moz-box-shadow: inset 1px 1px 0px 0px #d5bfff;
	box-shadow: inset 1px 1px 0px 0px #d5bfff;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #d5bfff), color-stop(100%, #d5bfff) );
	background: -moz-linear-gradient( center top, #d5bfff 5%, #d5bfff 100% );
	background: -ms-linear-gradient( top, #d5bfff 5%, #d5bfff 100% );
	background-color: #d5bfff;
	color: #403488;
	font-family: Arial;
	font-weight: normal;
	font-size: 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #d5bfff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5bfff', endColorstr='#d5bfff');
}

.solidBar {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 2px;
	border-top: 2px solid #ffa4d6;
	border-bottom: 2px solid #f15faf;
	background-color: #ff7cc4;
	color: #fff;
	font-size: 15px;
	text-shadow: 1px 1px 1px rgba(231, 62, 158, 1);
}

/***** ハートアニメーション *****/
.pulse2 {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;
	}
}

@-moz-keyframes pulse {
	0% {
		-moz-transform: scale(0.95);
		opacity: 0.7;
	}
	50% {
		-moz-transform: scale(1);
		opacity: 1;
	}
	100% {
		-moz-transform: scale(0.95);
		opacity: 0.7;
	}
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		opacity: 0.7;
	}
	50% {
		transform: scale(1);
		opacity: 1;
	}
	100% {
		transform: scale(0.95);
		opacity: 0.7;
	}
}

@-webkit-keyframes wlby_KF_3 {
from, 5% {
	-webkit-transform: matrix(1, 0, 0, 1, -54, -20) scale(0.7, 0.7);
	opacity: 1;
}
6%, to {
	-webkit-transform: matrix(1, 0, 0, 1, -54, -20) scale(0.7, 0.7);
	opacity: 0;
}
}

@-webkit-keyframes wlby_KF_6 {
from, 5% {
	-webkit-transform: matrix(1, 0, 0, 1, -12, -6) scale(0.7, 0.7);
	opacity: 0;
}
6%, 10% {
	-webkit-transform: matrix(1, 0, 0, 1, -12, -6) scale(0.7, 0.7);
	opacity: 1;
}
11%, to {
	-webkit-transform: matrix(1, 0, 0, 1, -12, -6) scale(0.7, 0.7);
	opacity: 0;
}
}

@-webkit-keyframes wlby_KF_9 {
from, 10% {
	-webkit-transform: matrix(1, 0, 0, 1, 18, 4) scale(0.7, 0.7);
	opacity: 0;
}
11%, 14% {
	-webkit-transform: matrix(1, 0, 0, 1, 18, 4) scale(0.7, 0.7);
	opacity: 1;
}
15%, to {
	-webkit-transform: matrix(1, 0, 0, 1, 18, 4) scale(0.7, 0.7);
	opacity: 0;
}
}

@-webkit-keyframes wlby_KF_12 {
from, 15% {
	-webkit-transform: matrix(1, 0, 0, 1, 48, 9) scale(0.7, 0.7);
	opacity: 0;
}
16%, 19% {
	-webkit-transform: matrix(1, 0, 0, 1, 48, 9) scale(0.7, 0.7);
	opacity: 1;
}
20%, to {
	-webkit-transform: matrix(1, 0, 0, 1, 48, 9) scale(0.7, 0.7);
	opacity: 0;
}
}

@-webkit-keyframes wlby_KF_15 {
from, 19% {
	-webkit-transform: matrix(1, 0, 0, 1, 65, 10) scale(0.7, 0.7);
	opacity: 0;
}
20%, 24% {
	-webkit-transform: matrix(1, 0, 0, 1, 65, 10) scale(0.7, 0.7);
	opacity: 1;
}
25%, to {
	-webkit-transform: matrix(1, 0, 0, 1, 65, 10) scale(0.7, 0.7);
	opacity: 0;
}
}

@-webkit-keyframes wlby_KF_18 {
from, 24% {
	-webkit-transform: matrix(1, 0, 0, 1, 82, 10) scale(0.7, 0.7);
	opacity: 0;
}
25%, 29% {
	-webkit-transform: matrix(1, 0, 0, 1, 82, 10) scale(0.7, 0.7);
	opacity: 1;
}
30%, to {
	-webkit-transform: matrix(1, 0, 0, 1, 82, 10) scale(0.7, 0.7);
	opacity: 0;
}
}

@-webkit-keyframes wlby_KF_21 {
from, 29% {
	-webkit-transform: matrix(1, 0, 0, 1, 92, 11) scale(0.7, 0.7);
	opacity: 0;
}
30%, 33% {
	-webkit-transform: matrix(1, 0, 0, 1, 92, 11) scale(0.7, 0.7);
	opacity: 1;
}
34%, to {
	-webkit-transform: matrix(1, 0, 0, 1, 92, 11) scale(0.7, 0.7);
	opacity: 0;
}
}

@-webkit-keyframes wlby_KF_24 {
from, 33% {
	-webkit-transform: matrix(1, 0, 0, 1, 99, 12) scale(0.7, 0.7);
	opacity: 0;
}
34%, 38% {
	-webkit-transform: matrix(1, 0, 0, 1, 99, 12) scale(0.7, 0.7);
	opacity: 1;
}
39%, to {
	-webkit-transform: matrix(1, 0, 0, 1, 99, 12) scale(0.7, 0.7);
	opacity: 0;
}
}

@-webkit-keyframes wlby_KF_27 {
from, 38% {
	-webkit-transform: matrix(1, 0, 0, 1, 111, -7) scale(0.7, 0.7);
	opacity: 0;
}
39%, 43% {
	-webkit-transform: matrix(1, 0, 0, 1, 111, -7) scale(0.7, 0.7);
	opacity: 1;
}
44%, to {
	-webkit-transform: matrix(1, 0, 0, 1, 111, -7) scale(0.7, 0.7);
	opacity: 0;
}
}

@-webkit-keyframes wlby_KF_30 {
from, 43% {
	-webkit-transform: matrix(1, 0, 0, 1, 114, 10) scale(0.7, 0.7);
	opacity: 0;
}
44%, 48% {
	-webkit-transform: matrix(1, 0, 0, 1, 114, 10) scale(0.7, 0.7);
	opacity: 1;
}
48%, to {
	-webkit-transform: matrix(1, 0, 0, 1, 114, 10) scale(0.7, 0.7);
	opacity: 0;
}
}

@-webkit-keyframes wlby_KF_33 {
from, 47% {
	-webkit-transform: matrix(1, 0, 0, 1, 178, 6) scale(0.7, 0.7);
	opacity: 0;
}
48%, 52% {
	-webkit-transform: matrix(1, 0, 0, 1, 178, 6) scale(0.7, 0.7);
	opacity: 1;
}
53%, to {
	-webkit-transform: matrix(1, 0, 0, 1, 178, 6) scale(0.7, 0.7);
	opacity: 0;
}
}

@-webkit-keyframes wlby_KF_36 {
from, 52% {
	-webkit-transform: matrix(1, 0, 0, 1, 211, 3) scale(0.7, 0.7);
	opacity: 0;
}
53%, 57% {
	-webkit-transform: matrix(1, 0, 0, 1, 211, 3) scale(0.7, 0.7);
	opacity: 1;
}
58%, to {
	-webkit-transform: matrix(1, 0, 0, 1, 211, 3) scale(0.7, 0.7);
	opacity: 0;
}
}

.wlby_1 {
	position: absolute;
	-webkit-animation-duration: 1.9s;
	-webkit-animation-name: wlby_KF_3;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform: matrix(1, 0, 0, 1, -54, -20) scale(0.7, 0.7);
	-webkit-transform-origin: 73px 34px;
	opacity: 0;
}

.wlby_3 {
	position: absolute;
	-webkit-animation-duration: 1.9s;
	-webkit-animation-name: wlby_KF_6;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform: matrix(1, 0, 0, 1, -12, -6) scale(0.7, 0.7);
	-webkit-transform-origin: 68px 29px;
	opacity: 0;
}

.wlby_4 {
	position: absolute;
	-webkit-animation-duration: 1.9s;
	-webkit-animation-name: wlby_KF_9;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform: matrix(1, 0, 0, 1, 18, 4) scale(0.7, 0.7);
	-webkit-transform-origin: 61px 26px;
	opacity: 0;
}

.wlby_5 {
	position: absolute;
	-webkit-animation-duration: 1.9s;
	-webkit-animation-name: wlby_KF_12;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform: matrix(1, 0, 0, 1, 48, 9) scale(0.7, 0.7);
	-webkit-transform-origin: 54px 25px;
	opacity: 0;
}

.wlby_6 {
	position: absolute;
	-webkit-animation-duration: 1.9s;
	-webkit-animation-name: wlby_KF_15;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform: matrix(1, 0, 0, 1, 65, 10) scale(0.7, 0.7);
	-webkit-transform-origin: 55px 27px;
	opacity: 0;
}

.wlby_7 {
	position: absolute;
	-webkit-animation-duration: 1.9s;
	-webkit-animation-name: wlby_KF_18;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform: matrix(1, 0, 0, 1, 82, 10) scale(0.7, 0.7);
	-webkit-transform-origin: 62px 30px;
	opacity: 0;
}

.wlby_8 {
	position: absolute;
	-webkit-animation-duration: 1.9s;
	-webkit-animation-name: wlby_KF_21;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform: matrix(1, 0, 0, 1, 92, 11) scale(0.7, 0.7);
	-webkit-transform-origin: 71px 31px;
	opacity: 0;
}

.wlby_9 {
	position: absolute;
	-webkit-animation-duration: 1.9s;
	-webkit-animation-name: wlby_KF_24;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform: matrix(1, 0, 0, 1, 99, 12) scale(0.7, 0.7);
	-webkit-transform-origin: 87px 33px;
	opacity: 0;
}

.wlby_10 {
	position: absolute;
	-webkit-animation-duration: 1.9s;
	-webkit-animation-name: wlby_KF_27;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform: matrix(1, 0, 0, 1, 111, -7) scale(0.7, 0.7);
	-webkit-transform-origin: 111px 48px;
	opacity: 0;
}

.wlby_11 {
	position: absolute;
	-webkit-animation-duration: 1.9s;
	-webkit-animation-name: wlby_KF_30;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform: matrix(1, 0, 0, 1, 114, 10) scale(0.7, 0.7);
	-webkit-transform-origin: 71px 33px;
	opacity: 0;
}

.wlby_12 {
	position: absolute;
	-webkit-animation-duration: 1.9s;
	-webkit-animation-name: wlby_KF_33;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform: matrix(1, 0, 0, 1, 178, 6) scale(0.7, 0.7);
	-webkit-transform-origin: 61px 29px;
	opacity: 0;
}

.wlby_13 {
	position: absolute;
	-webkit-animation-duration: 1.9s;
	-webkit-animation-name: wlby_KF_36;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform: matrix(1, 0, 0, 1, 211, 3) scale(0.7, 0.7);
	-webkit-transform-origin: 52px 24px;
	opacity: 0;
}

/*****************************************/
/*汎用クラス*/
/*****************************************/
/**** ディスプレイ ****/
.dispTable {
	display: table;
}
.dispTableCell {
	display: table-cell;
}
.dispInlineBlock {
	display: inline-block;
}

/**** 配置 ****/
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.vAlignTop {
	vertical-align: top;
}
.vAlignMiddle {
	vertical-align: middle;
}
.vAlignBottom {
	vertical-align: bottom;
}


/**** フォントサイズ ****/
.font_xxlarge {
	font-size: 22px;
	line-height: 23px;
}
.font_xlarge {
	font-size: 20px;
	line-height: 21px;
}
.font_large {
	font-size: 18px;
	line-height: 19px;
}
.font_middle {
	font-size: 16px;
	line-height: 17px;
}
.font_small {
	font-size: 14px;
	line-height: 15px;
}
.font_xsmall {
	font-size: 12px;
	line-height: 13px;
}
.font_xxsmall {
	font-size: 10px;
	line-height: 11px;
}

/**** フォントウェイト ****/
.ftWeightNormal {
	font-weight: normal;
}
.ftWeightBold {
	font-weight: bold;
}

/**** float要素 ****/
.left {
	float: left;
}

.right {
	float: right;
}

.floatBox:after {
	display: block;
	clear: both;
	content: "";
}

.align_center {
	text-align: center;
}
.align_left {
	text-align: left;
}
.align_right {
	text-align: right;
}
/**** margin ****/
.marginCentering {
	margin-right: auto;
	margin-left: auto;
}
.marginTop5 {
	margin-top: 5px;
}

.marginBottom5 {
	margin-bottom: 5px;
}

.marginTop10 {
	margin-top: 10px;
}

.marginBottom10 {
	margin-bottom: 10px;
}

.marginTop15 {
	margin-top: 15px;
}

.marginBottom15 {
	margin-bottom: 15px;
}

.marginTop20 {
	margin-top: 20px;
}

.marginBottom20 {
	margin-bottom: 20px;
}

.marginTop25 {
	margin-top: 25px;
}

.marginBottom25 {
	margin-bottom: 25px;
}

.marginTop30 {
	margin-top: 30px;
}

.marginBottom30 {
	margin-bottom: 30px;
}
.marginTop35 {
	margin-top: 35px;
}

.marginBottom35 {
	margin-bottom: 35px;
}
/**** padding ****/
.padding5 {
	padding: 5px;
}
.padding10 {
	padding: 10px;
}
.padding15 {
	padding: 15px;
}
.padding20 {
	padding: 20px;
}
.paddingTop5 {
	padding-top: 5px;
}
.paddingBottom5 {
	padding-bottom: 5px;
}
.paddingTop10 {
	padding-top: 10px;
}
.paddingBottom10 {
	padding-bottom: 10px;
}
.paddingTop15 {
	padding-top: 15px;
}
.paddingBottom15 {
	padding-bottom: 15px;
}
.paddingTop20 {
	padding-top: 20px;
}
.paddingBottom20 {
	padding-bottom: 20px;
}

.tap-highlight {
	position: relative;
	z-index: 0;
	padding: 0;
}
.tap-highlight:active:before, .tap-highlight:focus:before, .tap-highlight.pseudo-active:before {
	display: inline-block;
	position: absolute;
	top: -1px;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	-webkit-border-radius: inherit;
	-moz-border-radius: inherit;
	border-radius: inherit;
	background-color: rgba(255, 255, 255, 0.4);
	-webkit-box-shadow: 2px 2px 12px rgba(255, 255, 255, 0.6), -2px -2px 8px rgba(255, 255, 255, 0.6);
	-moz-box-shadow: 2px 2px 12px rgba(255, 255, 255, 0.6), -2px -2px 8px rgba(255, 255, 255, 0.6);
	box-shadow: 2px 2px 12px rgba(255, 255, 255, 0.6), -2px -2px 8px rgba(255, 255, 255, 0.6);
	content: "";
}
/*****************************************/
/*汎用パーツ*/
/*****************************************/
.bgPatternArea {
	background-image: url(https://ouji2.img.koi-social.com/img_s/layout/bg_common_new.jpg?v=1760556426);
	background-repeat: repeat;
	-webkit-background-size: 320px auto;
	-moz-background-size: 320px auto;
	background-size: 320px auto;
	color: #fff;
}
.bgPatternArea .font_c2{
	color: #e4d494;
}
.bgPatternArea a {
	color: #fe7397;
	outline: none;
}
.bgPatternArea a:visited {
	color: #fe7397;
}
.bottomLinkBgArea {
	position: relative;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #d6c097;
}
.bottomLinkBgArea:before {
	display: block;
	position: absolute;
	top: -4px;
	left: -80px;
	content: url("https://ouji2.img.koi-social.com/img_s/layout/line_03.png?v=1760556426");
	-webkit-transform: scale(0.67);
	-moz-transform: scale(0.67);
	transform: scale(0.67);
}
.bottomLinkBgArea:after {
	display: block;
	position: absolute;
	bottom: -4px;
	left: -80px;
	content: url("https://ouji2.img.koi-social.com/img_s/layout/line_03.png?v=1760556426");
	-webkit-transform: scale(0.67);
	-moz-transform: scale(0.67);
	transform: scale(0.67);
}
.font_c1 {
	color: #744900;
}
.font_c2 {
	color: #e31e64;
}
.font_c3 {
	color: #e8cd9a;
}
.font_gray{
	color: #7c7c7c;
}
.main_title_bar {
	display: block;
	width: 320px;
	height: 40px;
	line-height: 34px;
	background-image: url("https://ouji2.img.koi-social.com/img_s/layout/bar/header_common.png?v=1760556426");
	background-repeat: no-repeat;
	-webkit-background-size: 320px 40px;
	-moz-background-size: 320px 40px;
	background-size: 320px 40px;
	color: #fff !important;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 16px;
	text-align: center;
	/*letter-spacing: -0.1em;*/
}
.sub_title_bar {
	display: block;
	width: 320px;
	height: 29px;
	line-height: 27px;
	background-image: url("https://ouji2.img.koi-social.com/img_s/layout/bar/bar_sub_title_1.png?v=1760556426");
	background-repeat: no-repeat;
	-webkit-background-size: 320px 29px;
	-moz-background-size: 320px 29px;
	background-size: 320px 29px;
	color: #fff;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 14px;
	text-align: center;
	/*letter-spacing: -0.1em;*/
}
.sub_title_bar_3 {
	display: block;
	width: 320px;
	height: 29px;
	line-height: 27px;
	background-image: url("https://ouji2.img.koi-social.com/img_s/layout/bar/bar_sub_title_2.png?v=1760556426");
	background-repeat: no-repeat;
	-webkit-background-size: 320px 29px;
	-moz-background-size: 320px 29px;
	background-size: 320px 29px;
	color: #fff;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 14px;
	text-align: center;
	/*letter-spacing: -0.1em;*/
}
.sub_title_bar_4 {
	display: block;
	width: 320px;
	height: 29px;
	line-height: 27px;
	background-image: url("https://ouji2.img.koi-social.com/img_s/layout/bar/bar_sub_title_3.png?v=1760556426");
	background-repeat: no-repeat;
	-webkit-background-size: 320px 29px;
	-moz-background-size: 320px 29px;
	background-size: 320px 29px;
	color: #926b3c;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 14px;
	text-align: center;
	/*letter-spacing: -0.1em;*/
}
.sub_title_bar_6 {
	display: block;
	width: 320px;
	height: 29px;
	line-height: 27px;
	background-image: url("https://ouji2.img.koi-social.com/img_s/layout/bar/bar_sub_title_4.png?v=1760556426");
	background-repeat: no-repeat;
	-webkit-background-size: 320px 29px;
	-moz-background-size: 320px 29px;
	background-size: 320px 29px;
	color: #fff;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 14px;
	text-align: center;
	/*letter-spacing: -0.1em;*/
}
.sub_title_bar_2 {
	display: block;
	width: 320px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	background-color: #998864;
	color: #fff;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 14px;
	text-align: center;
	/*letter-spacing: -0.1em;*/
}
.sub_title_bar_2 span, .sub_title_bar_2 .font_c2 {
	color: #e9d7af;
}
.sub_title_bar_5 {
	display: block;
	width: 320px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	background-color: #fff;
	color: #744900;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 14px;
	text-align: center;
	/*letter-spacing: -0.1em;*/
}
.sub_title_bar_5 span, .sub_title_bar_5 .font_c2 {
	color: #e31e64;
}

.sub_title_bar_7 {
	display: block;
	width: 320px;
	height: 29px;
	line-height: 27px;
	background-image: url("https://ouji2.img.koi-social.com/img_s/layout/bar/bar_sub_title_5.png?v=1760556426");
	background-repeat: no-repeat;
	-webkit-background-size: 320px 29px;
	-moz-background-size: 320px 29px;
	background-size: 320px 29px;
	color: #fff;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 14px;
	text-align: center;
}

.sub_title_bar_8 {
	display: block;
	width: 320px;
	height: 29px;
	line-height: 27px;
	background-image: url("https://ouji2.img.koi-social.com/img_s/layout/bar/bar_sub_title_6.png?v=1760556426");
	background-repeat: no-repeat;
	-webkit-background-size: 320px 29px;
	-moz-background-size: 320px 29px;
	background-size: 320px 29px;
	color: #fff;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 14px;
	text-align: center;
}

.short_bar_1 {
	display: inline-block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	background-color: #efeaca;
	color: #744900;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 12px;
	text-align: center;
}
.short_bar_1 .font_c2 {
	color: #e31e64 !important;
}
.short_bar_2 {
	display: inline-block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	background-color: #e62c77;
	color: #fff;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 12px;
	text-align: center;
}
.short_bar_2 .font_c2 {
	color: #fff4b6 !important;
}
.short_bar_3 {
	display: inline-block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	background-color: #ffdde3;
	color: #e31e64;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 12px;
	text-align: center;
}
.short_bar_4 {
	display: inline-block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	background-color: #ddecb8;
	color: #744900;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 12px;
	text-align: center;
}
.short_bar_5 {
	display: inline-block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	background-color: #f0eaca;
	color: #533400;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 12px;
	text-align: center;
}
.feverInfoBar {
	margin-bottom: 10px;
	padding: 4px 0;
	background-color: #cc329f;
	color: #fff;
	font-size: 14px;
	text-align: center;
}
.feverInfoCharaHuntBar {
	margin-bottom: 10px;
	padding: 4px 0;
	line-height: 18px;
	background-color: #5a7d2c;
	color: #fff;
	font-size: 14px;
	text-align: center;
}
.big_btn_01, .big_btn_02, .big_btn_03, .big_btn_04, .big_btn_05 {
	display: inline-block;
	cursor: pointer;
	line-height: 52px;
	width: 300px;
	height: 52px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	border: 0;
	background-color: rgba(0,0,0,0);
	background-image: url("https://ouji2.img.koi-social.com/img_s/layout/btn_common_sprites.png?v=1760556426") !important;
	background-repeat: no-repeat;
	-webkit-background-size: 640px 576px;
	-moz-background-size: 640px 576px;
	background-size: 640px 576px;
	color: #fff !important;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	text-shadow: none;
	/*letter-spacing: -0.1em;*/
}
.big_btn_01 {
	background-position: -8px -113px;
}
.big_btn_02 {
	background-position: -316px -113px;
}
.big_btn_03 {
	background-position: -8px -173px;
}
.big_btn_04 {
	cursor: default;
	background-position: -316px -173px;
}
.big_btn_05 {
	background-position: -8px -233px;
	color: #926b3c !important;
}
.big_btn_short_01, .big_btn_short_02, .big_btn_short_03, .big_btn_short_04, .big_btn_short_05 {
	display: inline-block;
	cursor: pointer;
	line-height: 52px;
	width: 300px;
	height: 52px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	border: 0;
	background-color: rgba(0,0,0,0);
	background-image: url("https://ouji2.img.koi-social.com/img_s/layout/btn_common_sprites.png?v=1760556426") !important;
	background-repeat: no-repeat;
	-webkit-background-size: 640px 576px;
	-moz-background-size: 640px 576px;
	background-size: 640px 576px;
	color: #fff !important;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	text-shadow: none;
	/*letter-spacing: -0.1em;*/
}
.big_btn_short_01 {
	background-position: -322px -395px;
}
.big_btn_short_02 {
	background-position: -8px -455px;
}
.big_btn_short_03 {
	background-position: -316px -455px;
}
.big_btn_short_04 {
	cursor: default;
	background-position: -8px -515px;
}
.big_btn_short_05 {
	background-position: -316px -515px;
	color: #926b3c !important;
}
.medium_large_btn_01, .medium_large_btn_02, .medium_large_btn_03, .medium_large_btn_04, .medium_large_btn_05 {
	display: inline-block;
	cursor: pointer;
	line-height: 45px;
	width: 202px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 45px;
	margin: 0 auto;
	border: 0;
	background-color: rgba(0,0,0,0);
	background-image: url("https://ouji2.img.koi-social.com/img_s/layout/btn_common_sprites.png?v=1760556426") !important;
	background-repeat: no-repeat;
	-webkit-background-size: 640px 576px;
	-moz-background-size: 640px 576px;
	background-size: 640px 576px;
	color: #fff !important;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	text-shadow: none;
	/*letter-spacing: -0.1em;*/
}
.medium_large_btn_01 {
	background-position: -8px -8px;
}
.medium_large_btn_02 {
	background-position: -218px -8px;
}
.medium_large_btn_03 {
	background-position: -428px -8px;
}
.medium_large_btn_04 {
	cursor: default;
	background-position: -8px -60px;
}
.medium_large_btn_05 {
	background-position: -218px -60px;
	color: #926b3c !important;
}
.middle_btn_01, .middle_btn_02, .middle_btn_03, .middle_btn_04, .middle_btn_05 {
	display: inline-block;
	cursor: pointer;
	line-height: 52px;
	width: 150px;
	height: 52px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	border: 0;
	background-color: rgba(0,0,0,0);
	background-image: url("https://ouji2.img.koi-social.com/img_s/layout/btn_common_sprites.png?v=1760556426") !important;
	background-repeat: no-repeat;
	-webkit-background-size: 640px 576px;
	-moz-background-size: 640px 576px;
	background-size: 640px 576px;
	color: #fff !important;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	text-shadow: none;
	/*letter-spacing: -0.1em;*/
}
.middle_btn_01.btnTxtSmall, .middle_btn_02.btnTxtSmall, .middle_btn_03.btnTxtSmall, .middle_btn_04.btnTxtSmall, .middle_btn_05.btnTxtSmall {
	line-height: 18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 8px;
	font-size: 14px;
}
.middle_btn_01 {
	background-position: -316px -233px;
}
.middle_btn_02 {
	background-position: -474px -233px;
}
.middle_btn_03 {
	background-position: -8px -293px;
}
.middle_btn_04 {
	cursor: default;
	background-position: -166px -293px;
}
.middle_btn_05 {
	background-position: -324px -293px;
	color: #926b3c !important;
}
.small_btn_01, .small_btn_02, .small_btn_03, .small_btn_04, .small_btn_05 {
	display: inline-block;
	cursor: pointer;
	line-height: 34px;
	width: 97px;
	height: 34px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	border: 0;
	background-color: rgba(0,0,0,0);
	background-image: url("https://ouji2.img.koi-social.com/img_s/layout/btn_common_sprites.png?v=1760556426") !important;
	background-repeat: no-repeat;
	-webkit-background-size: 640px 576px;
	-moz-background-size: 640px 576px;
	background-size: 640px 576px;
	color: #fff !important;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	text-shadow: none;
	/*letter-spacing: -0.1em;*/
}
.small_btn_01 {
	background-position: -333px -353px;
}
.small_btn_02 {
	background-position: -438px -353px;
}
.small_btn_03 {
	background-position: -8px -395px;
}
.small_btn_04 {
	cursor: default;
	background-position: -113px -395px;
}
.small_btn_05 {
	background-position: -217px -395px;
	color: #926b3c !important;
}
.mini_btn_01, .mini_btn_02, .mini_btn_03, .mini_btn_04, .mini_btn_05 {
	display: inline-block;
	cursor: pointer;
	line-height: 26px;
	width: 74px;
	height: 26px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	border: 0;
	background-color: rgba(0,0,0,0);
	background-image: url("https://ouji2.img.koi-social.com/img_s/layout/btn_common_sprites.png?v=1760556426") !important;
	background-repeat: no-repeat;
	-webkit-background-size: 640px 576px;
	-moz-background-size: 640px 576px;
	background-size: 640px 576px;
	color: #fff !important;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
	text-shadow: none;
	/*letter-spacing: -0.1em;*/
}
.mini_btn_01 {
	background-position: -482px -293px;
}
.mini_btn_02 {
	background-position: -8px -353px;
}
.mini_btn_03 {
	background-position: -89px -353px;
}
.mini_btn_04 {
	cursor: default;
	background-position: -171px -353px;
}
.mini_btn_05 {
	background-position: -252px -353px;
	color: #926b3c !important;
}
.mini_icon_btn_01, .mini_icon_btn_03, .mini_icon_btn_04 {
	display: inline-table;
	cursor: pointer;
	line-height: 14px;
	width: 54px;
	height: 52px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	border: 0;
	background-color: rgba(0,0,0,0);
	background-image: url("https://ouji2.img.koi-social.com/img_s/layout/btn_common_mini_sprites.png?v=1760556426") !important;
	background-repeat: no-repeat;
	-webkit-background-size: 144px 128px;
	-moz-background-size: 144px 128px;
	background-size: 144px 128px;
	color: #fff !important;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	text-shadow: none;
	/*letter-spacing: -0.1em;*/
}
.mini_icon_btn_01 {
	background-position: -74px -8px;
}
.mini_icon_btn_03 {
	background-position: -8px -68px;
}
.mini_icon_btn_04 {
	cursor: default;
	background-position: -70px -68px;
}
.mini_icon_btn_01 > span, .mini_icon_btn_03 > span, .mini_icon_btn_04 > span {
	display: table-cell;
	color: #fff !important;
	vertical-align: middle;
}
.option_btn_01 {
	display: inline-block;
	cursor: pointer;
	line-height: 38px;
	width: 58px;
	height: 40px;
	margin: 0 auto;
	border: 0;
	background-color: rgba(0,0,0,0);
	background-image: url("https://ouji2.img.koi-social.com/img_s/layout/btn_common_mini_sprites.png?v=1760556426") !important;
	background-repeat: no-repeat;
	background-position: -8px -8px;
	-webkit-background-size: 144px 128px;
	-moz-background-size: 144px 128px;
	background-size: 144px 128px;
	color: #fff !important;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	text-shadow: none;
	/*letter-spacing: -0.1em;*/
}
.big_btn_01:hover, .big_btn_02:hover, .big_btn_03:hover, .big_btn_05:hover
,.big_btn_short_01:hover, .big_btn_short_02:hover, .big_btn_short_03:hover, .big_btn_short_05:hover
,.medium_large_btn_01:hover, .medium_large_btn_02:hover, .medium_large_btn_03:hover, .medium_large_btn_05:hover
,.middle_btn_01:hover, .middle_btn_02:hover, .middle_btn_03:hover, .middle_btn_05:hover
,.small_btn_01:hover, .small_btn_02:hover, .small_btn_03:hover, .small_btn_05:hover
,.mini_btn_01:hover, .mini_btn_02:hover, .mini_btn_03:hover, .mini_btn_05:hover
,.mini_icon_btn_01:hover, .mini_icon_btn_03:hover
,.option_btn_01:hover, .mini_icon_btn_01:hover
  {
	-moz-transform: scale(0.95,0.95);
	-webkit-transform: scale(0.95,0.95);
	-o-transform: scale(0.95,0.95);
	-ms-transform: scale(0.95,0.95);
	scale(0.95,0.95);
}
input.big_btn_01, input.big_btn_02, input.big_btn_03, input.big_btn_04, input.big_btn_05
,button.big_btn_01, button.big_btn_02, button.big_btn_03, button.big_btn_04, button.big_btn_05
,input.big_btn_short_01, input.big_btn_short_02, input.big_btn_short_03, input.big_btn_short_04, input.big_btn_short_05
,button.big_btn_short_01, button.big_btn_short_02, button.big_btn_short_03, button.big_btn_short_04, button.big_btn_short_05
,input.medium_large_btn_01, input.medium_large_btn_02, input.medium_large_btn_03, input.medium_large_btn_04, input.medium_large_btn_05
,button.medium_large_btn_01, button.medium_large_btn_02, button.medium_large_btn_03, button.medium_large_btn_04, button.medium_large_btn_05
,input.middle_btn_01, input.middle_btn_02, input.middle_btn_03, input.middle_btn_04, input.middle_btn_05
,button.middle_btn_01, button.middle_btn_02, button.middle_btn_03, button.middle_btn_04, button.middle_btn_05
,input.small_btn_01, input.small_btn_02, input.small_btn_03, input.small_btn_04, input.small_btn_05
,button.small_btn_01, button.small_btn_02, button.small_btn_03, button.small_btn_04, button.small_btn_05
,input.mini_btn_01, input.mini_btn_02, input.mini_btn_03, input.mini_btn_04, input.mini_btn_05
,button.mini_btn_01, button.mini_btn_02, button.mini_btn_03, button.mini_btn_04, button.mini_btn_05
,input.mini_icon_btn_01, input.mini_icon_btn_03, input.mini_icon_btn_04
,button.mini_icon_btn_01, button.mini_icon_btn_03, button.mini_icon_btn_04
,input.option_btn_01 ,button.mini_icon_btn_01 {
	background-color: transparent;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	/*letter-spacing: -0.1em;*/
}
.commonArrow {
	height: 30px;
}
/*汎用ナビ*/
.naviCommon {
	line-height: 1.4em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 8px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: #fff solid 2px;
	background-color: #f0e9c9;
	color:#744900;
	font-weight: normal;
	font-size: 12px;
}
.naviCommon .font_c2 {
	color: #b91648;
}
.naviCommon .font_c3 {
	color: #ff387e;
}

/*汎用枠囲み*/
.commonBlock01 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	padding: 8px;
	border: 2px solid #dbb972;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #fff;
	color: #744900;
	font-size: 12px;
}
.commonBlock01 .txtShadow01 {
	text-shadow: 0 0 1px #ecdec7;
}
.commonBlock01 .font_c2 {
	color: #e31e64;
}
.common_block_01, .common_block_05 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 10px;
	margin-left: 10px;
	padding: 10px;
	border: #dec994 solid 2px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #fff;
	color: #744900;
	word-wrap: break-word;
	word-break: break-all;
}
.common_block_05{
	background-color: #ffebf7;
}
.common_block_02 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 10px;
	margin-left: 10px;
	padding: 8px; /* 余白感合わせるために10pxから線幅分引く */
	border: #dec994 solid 2px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #7f654e;
	color: #fff;
	word-wrap: break-word;
	word-break: break-all;
}
.common_block_02 .font_c2 {
	color: #e9d7af;
}
.common_block_03 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 10px;
	margin-left: 10px;
	padding: 10px;
	border: #806d5e solid 2px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #fff;
	color: #744900;
	word-wrap: break-word;
	word-break: break-all;
}
.common_block_04 {
	line-height: 1.3;
	margin-right: 10px;
	margin-left: 10px;
	color: #744900;
	font-size: 14px;
	text-align: left;
	word-wrap: break-word;
	word-break: break-all;
}
.common_block_01 .font_c2, .common_block_03 .font_c2, .common_block_04 .font_c2, .common_block_05 .font_c2 {
	color: #e31e64;
}

/* 枠囲み(画像枠) */
.blockAreaWrapper, .blockAreaWrapper_2 {
	width: 312px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	padding-top: 24px;
	background-color: #ffebf7;
	background-image: url(https://ouji2.img.koi-social.com//img_s/layout/frame_common_top.png?v=1760556426);
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 312px;
	-moz-background-size: 312px;
	background-size: 312px;
	color: #744900;
}
.blockAreaInner, .blockAreaInner_2 {
	width: 312px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 24px;
	background-color: #ffebf7;
	background-image: url(https://ouji2.img.koi-social.com//img_s/layout/frame_common_bottom.png?v=1760556426);
	background-repeat: no-repeat;
	background-position: 0 100%;
	-webkit-background-size: 312px;
	-moz-background-size: 312px;
	background-size: 312px;
	color: #744900;
}
.blockAreaContents, .blockAreaContents_2 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: -1px 0;
	padding: 0 12px;
	background-color: #ffebf7;
	background-image: url(https://ouji2.img.koi-social.com//img_s/layout/frame_common_middle.png?v=1760556426);
	background-repeat: repeat-y;
	background-position: 50% 50%;
	-webkit-background-size: 312px;
	-moz-background-size: 312px;
	background-size: 312px;
	color: #744900;
}
.blockAreaWrapper_2, .blockAreaInner_2, .blockAreaContents_2 {
	background-color: #fff;
}
.blockAreaContents .font_c2, .blockAreaContents_2 .font_c2{
	color: #e31e64;
}
.blockAreaContents a, .blockAreaContents_2 a{
	color: #d60083;
}
.blockAreaWrapper_3 {
	width: 312px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	padding-top: 23px;
	background-color: #ffebf7;
	background-image: url(https://ouji2.img.koi-social.com//img_s/layout/tabbase_collabo_top.png?v=1760556426);
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 312px;
	-moz-background-size: 312px;
	background-size: 312px;
	color: #744900;
}
.blockAreaInner_3 {
	width: 312px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 24px;
	background-color: #ffebf7;
	background-image: url(https://ouji2.img.koi-social.com//img_s/layout/tabbase_collabo_under.png?v=1760556426);
	background-repeat: no-repeat;
	background-position: 0 100%;
	-webkit-background-size: 312px;
	-moz-background-size: 312px;
	background-size: 312px;
	color: #744900;
}
.blockAreaContents_3 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: -1px 0;
	padding: 0 12px;
	background-color: #ffebf7;
	background-image: url(https://ouji2.img.koi-social.com//img_s/layout/tabbase_collabo_mid.png?v=1760556426);
	background-repeat: repeat-y;
	background-position: 50% 50%;
	-webkit-background-size: 312px;
	-moz-background-size: 312px;
	background-size: 312px;
	color: #744900;
}
/* ポップアップ内枠囲み(画像枠) */
.popupBody .blockAreaWrapper
, .popupBody .blockAreaWrapper_2
, .popupBody .blockAreaInner
, .popupBody .blockAreaInner_2
, .popupBody .blockAreaContents
, .popupBody .blockAreaContents_2
{
	width: 280px;
	-webkit-background-size: 280px;
	-moz-background-size: 280px;
	background-size: 280px;
}

.popupBody .blockAreaWrapper
, .popupBody .blockAreaWrapper_2{
	padding-top: 21px;
}
.popupBody .blockAreaInner
, .popupBody .blockAreaInner_2{
	padding-bottom: 21px;
}

/* タブ（新トンマナ） */
.tabCommonWrapper {
	position: relative;
	width: 320px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.tabCommonWrapper:after {
	display: block;
	clear: both;
	content: "";
}
.tabCommon.tabType2 {
	display: inline-block;
	cursor: pointer;
	float: left;
	width: 143px;
	height: 37px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 30px;
	margin-left: 7px;
	padding-top: 7px;
	background-image: url("https://ouji2.img.koi-social.com/img_s/layout/tab/tab_common_type2_sprites.png?v=1760556426");
	background-repeat: no-repeat;
	background-position: -8px -3px;
	-webkit-background-size: 176px 96px;
	-moz-background-size: 176px 96px;
	background-size: 176px 96px;
	color: #fff !important;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 14px;
	text-decoration: none !important;
	text-align: center;
	vertical-align: middle;
}
.tabCommon.tabType2_2 {
	display: inline-block;
	cursor: pointer;
	float: left;
	width: 143px;
	height: 37px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 30px;
	margin-left: 7px;
	padding-top: 7px;
	background-image: url('https://ouji2.img.koi-social.com/img_s/layout/tab/tab_common_tab_type2_2.png?v=1760556426');
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 143px auto;
	color: #fff !important;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 14px;
	text-decoration: none !important;
	text-align: center;
	vertical-align: middle;
}
.tabCommon.tabType2.selected {
	cursor: default;
	width: 159px;
	height: 37px;
	line-height: 34px;
	padding-top: 3px;
	background-position: -8px -47px;
	color: #8f7662 !important;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none !important;
}
.tabCommon.tabType2.tabTxtSmall,
.tabCommon.tabType2_2.tabTxtSmall {
	line-height: 13px;
	padding-top: 10px;
	font-size: 12px;
}
.tabCommon.tabType2.selected.tabTxtSmall {
	line-height: 15px;
	padding-top: 7px;
	font-size: 14px;
}
.tabCommon.tabType3 {
	display: inline-block;
	cursor: pointer;
	float: left;
	width: 97px;
	height: 37px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 30px;
	padding-top: 7px;
	background-image: url("https://ouji2.img.koi-social.com/img_s/layout/tab/tab_common_type3_sprites.png?v=1760556426");
	background-repeat: no-repeat;
	background-position: -8px -3px;
	-webkit-background-size: 128px 96px;
	-moz-background-size: 128px 96px;
	background-size: 128px 96px;
	color: #fff !important;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 14px;
	text-decoration: none !important;
	text-align: center;
	vertical-align: middle;
}
.tabCommon.tabType3.selected {
	cursor: default;
	width: 109px;
	height: 37px;
	line-height: 37px;
	padding-top: 3px;
	background-position: -8px -47px;
	color: #8f7662 !important;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none !important;
}
.tabCommon.tabType3:nth-child(n+2) {
	margin-left: 7px;
}
.tabCommon.tabType3.tabTxtSmall {
	line-height: 13px;
	padding-top: 10px;
	font-size: 12px;
}
.tabCommon.tabType3.selected.tabTxtSmall {
	line-height: 15px;
	padding-top: 7px;
	font-size: 14px;
}
.tabCommon.tabType4 {
	display: inline-block;
	cursor: pointer;
	float: left;
	width: 74px;
	height: 36px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 30px;
	padding-top: 7px;
	background-image: url("https://ouji2.img.koi-social.com/img_s/layout/tab/tab_common_type4_sprites.png?v=1760556426");
	background-repeat: no-repeat;
	background-position: -8px -3px;
	-webkit-background-size: 96px 96px;
	-moz-background-size: 96px 96px;
	background-size: 96px 96px;
	color: #fff !important;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 12px;
	text-decoration: none !important;
	text-align: center;
	vertical-align: middle;
}
.tabCommon.tabType4.selected {
	cursor: default;
	width: 77px;
	height: 36px;
	line-height: 34px;
	padding-top: 3px;
	background-position: -8px -47px;
	color: #8f7662 !important;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none !important;
}
.tabCommon.tabType4:nth-child(n+2) {
	margin-left: 7px;
}
.tabCommon.tabType4.tabTxtSmall {
	line-height: 13px;
	padding-top: 10px;
	font-size: 12px;
}
.tabCommon.tabType4.selected.tabTxtSmall {
	line-height: 15px;
	padding-top: 7px;
	font-size: 14px;
}
.tabCommon.tabType5 {
	display: inline-block;
	cursor: pointer;
	float: left;
	width: 64px;
	height: 29px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 26px;
	padding-top: 3px;
	background-image: url("https://ouji2.img.koi-social.com/img_s/layout/tab/tab_common_type5_sprites.png?v=1760556426");
	background-repeat: no-repeat;
	background-position: -8px -7px;
	-webkit-background-size: 96px 96px;
	-moz-background-size: 96px 96px;
	background-size: 96px 96px;
	color: #fff !important;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 11px;
	text-decoration: none !important;
	text-align: center;
	vertical-align: middle;
}
.tabCommon.tabType5.selected {
	cursor: default;
	width: 64px;
	height: 29px;
	line-height: 34px;
	padding-top: 0;
	background-position: -10px -44px;
	color: #8f7662 !important;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none !important;
}
.tabCommon.tabType5.tabTxtSmall {
	line-height: 11px;
	padding-top: 6px;
	font-size: 11px;
}
.tabCommon.tabType5.selected.tabTxtSmall {
	line-height: 12px;
	padding-top: 5px;
	font-size: 12px;
}

/* タブ(※画像なし版) */
.tabHead{
	display: table;
	width: 100%;
	margin-top: 10px;
	table-layout: fixed;
}
.tabHead {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.tabHead span, .tabHead a {
	display: table-cell;
	height: 32px;
	line-height: 1.05;
	padding: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-width: 2px 2px 0 2px;
	border-style: solid;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	font-weight: bold;
	font-size: 14px;
	vertical-align: middle;
	text-align: center;
}
.tabHead span {
	border-color: #d1b277;
	background: #ffd8f7;
	color: #ff337b;
	text-shadow: 1px 1px 8px #fff, -1px 1px 8px #fff, 1px -1px 8px #fff, -1px -1px 8px #fff;
}
.tabHead a {
	border-color: #d1b277;
	background: #eb6ac3;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 8px #e524da, -1px 1px 8px #e524da, 1px -1px 8px #e524da, -1px -1px 8px #e524da;
}
.tabHead .disable {
	border-color: #aaa;
	background: #aaa;
	color: #fff;
	text-decoration: none;
}
.tabHead.type2 span, .tabHead.type2 a {
	width: 50%;
}
.tabHead.type3 span, .tabHead.type3 a {
	width: 33%;
}
.tabHead.type4 span, .tabHead.type4 a {
	width: 25%;
	font-size: 12px;
}
.tabHead.type5 span, .tabHead.type5 a {
	width: 20%;
	font-size: 10px;
}

/* タブエリア */
.tabBodyWrapper {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 24px;
	background-color: #ffebf7;
	background-image: url(https://ouji2.img.koi-social.com//img_s/layout/frame_common_top.png?v=1760556426);
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 320px;
	-moz-background-size: 320px;
	background-size: 320px;
	color: #744900;
}
.tabBodyInner {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom: 24px;
	background-color: #ffebf7;
	background-image: url(https://ouji2.img.koi-social.com//img_s/layout/frame_common_bottom.png?v=1760556426);
	background-repeat: no-repeat;
	background-position: 0 100%;
	-webkit-background-size: 320px;
	-moz-background-size: 320px;
	background-size: 320px;
	color: #744900;
}
.tabBody {
	/*min-height: 292px;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: -1px 0;
	padding: 0 15px;
	background-color: #ffebf7;
	background-image: url(https://ouji2.img.koi-social.com//img_s/layout/frame_common_middle.png?v=1760556426);
	background-repeat: repeat-y;
	background-position: 50% 50%;
	-webkit-background-size: 320px;
	-moz-background-size: 320px;
	background-size: 320px;
	color: #744900;
}
.tabBody .font_c2{
	color: #e31e64;
}
.tabBody a{
	color: #d60083;
}
.tabBodyWrapper_2 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 24px;
	background-color: #ffebf7;
	background-image: url(https://ouji2.img.koi-social.com//img_s/layout/tabbase_collabo_top.png?v=1760556426);
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 320px;
	-moz-background-size: 320px;
	background-size: 320px;
	color: #744900;
}
.tabBodyInner_2 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom: 24px;
	background-color: #ffebf7;
	background-image: url(https://ouji2.img.koi-social.com//img_s/layout/tabbase_collabo_under.png?v=1760556426);
	background-repeat: no-repeat;
	background-position: 0 100%;
	-webkit-background-size: 320px;
	-moz-background-size: 320px;
	background-size: 320px;
	color: #744900;
}
.tabBody_2 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: -1px 0;
	padding: 0 15px;
	background-color: #ffebf7;
	background-image: url(https://ouji2.img.koi-social.com//img_s/layout/tabbase_collabo_mid.png?v=1760556426);
	background-repeat: repeat-y;
	background-position: 50% 50%;
	-webkit-background-size: 320px;
	-moz-background-size: 320px;
	background-size: 320px;
	color: #744900;
}
.categoryTabBodyWrapper {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 24px;
	background-image: url(https://ouji2.img.koi-social.com//img_s/layout/frame_common_01_top.png?v=1760556426);
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 320px;
	-moz-background-size: 320px;
	background-size: 320px;
}
.categoryTabBodyInner {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom: 24px;
	background-image: url(https://ouji2.img.koi-social.com//img_s/layout/frame_common_01_bottom.png?v=1760556426);
	background-repeat: no-repeat;
	background-position: 0 100%;
	-webkit-background-size: 320px;
	-moz-background-size: 320px;
	background-size: 320px;
}
.categoryTabBody {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: -1px 0;
	padding: 5px 10px;
	background-image: url(https://ouji2.img.koi-social.com//img_s/layout/frame_common_01_bg.png?v=1760556426);
	background-repeat: repeat-y;
	background-position: 50% 50%;
	-webkit-background-size: 320px;
	-moz-background-size: 320px;
	background-size: 320px;
}
.categoryTabBody .no_data {
	padding: 10px 0;
	text-align: center;
}
.categoryTabBodyWrapper .pager .pager_pages {
	color: #ca2d9a;
}

/* ステータスフレーム */
.listFrameWrapper {
	width: 290px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
}
.listFrameWrapper .frameHeader {
	line-height: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 12px 10px 18px;
	background-image: url(https://ouji2.img.koi-social.com//img_s/layout/frame_list_top.png?v=1760556426);
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
	color: #fff;
	font-size: 14px;
	text-align: center;
}
.listFrameInner {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom: 22px;
	background-image: url(https://ouji2.img.koi-social.com//img_s/layout/frame_list_bottom.png?v=1760556426);
	background-repeat: no-repeat;
	background-position: 0 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
}
.listFrameBody {
	line-height: 1.2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: -1px 0;
	padding: 5px 10px 0;
	background-image: url(https://ouji2.img.koi-social.com//img_s/layout/frame_list_middle.png?v=1760556426);
	background-repeat: repeat-y;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
	color: #744900;
	font-size: 14px;
}
.listFrameBody .font_c2 {
	color: #e31e64;
}

/* ページャー */
.pagerArea {
	text-align: center;
}
.pagerArea .wrap {
	display: table;
	margin: 0 auto;
}
.pagerArea .arrow {
	display: table-cell;
}
.pagerArea .pageNumber {
	display: table-cell;
	padding: 0 10px;
	vertical-align: middle;
}

/* チュートリアルローディングでの背景 */
.bgBlack {
	background-color: #000;
}

/* TOPバナー */
div.SiteBannerWrapper {
	margin-bottom: 10px;
	text-align: center;
}
div.SiteBannerWrapper div.siteBanner img{
	width: 266px;
}
a.linkBnr {
	display: block;
}


/* 各種パラメータ増減 */
.statusFluctuation {
	font-size: 12px;
	padding: 0 5px;
	word-break: break-all;
	word-wrap: break-word;
}
.statusFluctuation .type_01, .statusFluctuation .type_02, .statusFluctuation .type_03, .statusFluctuation .type_04, .statusFluctuation .type_default {
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: #b59f28 solid 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
}
.statusFluctuation + .statusFluctuation .type_01, .statusFluctuation + .statusFluctuation .type_02
, .statusFluctuation + .statusFluctuation .type_03, .statusFluctuation + .statusFluctuation .type_04
, .statusFluctuation + .statusFluctuation .type_default {
	margin-top: 5px;
}
.statusFluctuation .type_01 {
	border-color: #b5a457;
}
.statusFluctuation .type_02 {
	border-color: #dc3d81;
}
.statusFluctuation .type_03 {
	border-color: #674424;
}
.statusFluctuation .type_04 {
	border-color: #438bc8;
}
.statusFluctuation .type_default {
	padding: 4px;
	border-color: #dec994;
}
.statusFluctuation .title {
	display: table-cell;
	width: 86px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	color: #fff;
	font-size: xx-small;
	text-align: center;
	vertical-align: middle;
}
.statusFluctuation .type_01 .title {
	border-color: #b5a457;
	background-color: #b5a457;
}
.statusFluctuation .type_02 .title {
	border-color: #dc3d81;
	background-color: #dc3d81;
}
.statusFluctuation .type_03 .title {
	border-color: #674424;
	background-color: #674424;
}
.statusFluctuation .type_04 .title {
	border-color: #438bc8;
	background-color: #438bc8;
}
.statusFluctuation .data {
	display: table-cell;
	color: #744900;
	text-align: center;
	vertical-align: middle;
}
.statusFluctuation .data .old {
	margin-right: 1em;
}
.statusFluctuation .data .new {
	margin-left: 1em;
}
#ajaxErrorPopup {
	top: 110px !important;
}
/* ◆◆◆本編読了ページ◆◆◆ */
.storyTicketInfoArea {
	width: 284px;
	margin-right: auto;
	margin-left: auto;
}
.storyTicketUseTxt {
	display: inline-block;
	width: 248px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 5px;
	padding: 5px;
	background-color: #efeaca;
	color: #744900;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 14px;
	text-align: center;
}
.storyTicketUseTxt .font_c2 {
	color: #e31e64;
}
.mainStoryScore, .mainStoryTextArea {
	width: 240px;
	margin:10px auto 0;
	padding: 4px 0;
	background-color: #e62c77;
	color: #fff;
	font-size: 15px;
	text-align: center;
}
.storyLevelupBonusItemArea {
	width: 284px;
	margin-right: auto;
	margin-left: auto;
}
.storyLevelupBonusItemArea .dispTableCell:nth-child(1) {
	width: 90px;
}
.storyLevelupReleaseInfo:not(:last-child) {
	padding-bottom: 10px;
}
.aboutStoryMissionBtn {
	position: absolute;
	top: 0;
	right: 5px;
	height: 100%;
	z-index: 10;
}

/*=====================================================
 * webフォント
 *====================================================*/
@font-face{
	font-family: DF-HeiSeiMaruGothic-W4_4;
	src: local('DF-HeiSeiMaruGothic-W4_4')
		,url("https://ouji2.img.koi-social.com//font/DF-HeiSeiMaruGothic-W4_4.woff2?v=1760556426") format('woff2')
		,url("https://ouji2.img.koi-social.com//font/DF-HeiSeiMaruGothic-W4_4.woff?v=1760556426") format('woff');
	font-weight: normal;
}

.grayScale{
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	filter:grayscale(100%);
}

/*=====================================================
 * ルートセレクトプルダウン
 *====================================================*/
.selectRoute {
	width: 207px;
	height: 34px;
	background-image: url("https://ouji2.img.koi-social.com/img_s/layout/common/sorter.png?v=1760556426");
	background-repeat: no-repeat;
	background-size: 207px auto;
}
.selectRoute .baseSelect {
	outline: none;
	width: 207px;
	line-height: 34px;
	padding-left: 10px;
	border: 0;
	background-color: transparent;
	box-shadow: none;
	color: #937034;
	font-size: 10px;
	text-overflow: ellipsis;

	-webkit-appearance: none;
	appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-moz-highlight-color: rgba(0,0,0,0);
	-webkit-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
}