/* start-reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tfoot, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/* vertical-align: baseline !important; */
	box-sizing: border-box;
	color: #666666;
	font-family: 'Source Sans Pro', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif !important;
}

.clear {
	clear: both;
}

/* end-reset */


/* start-globalsetting */

html {
	overflow: auto;
	font-size: 62.5%; /* 10px */
}

body {
	font-family: 'Source Sans Pro', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif !important;
	font-weight: 300;
	background: #ffffff;
	color: #666;
	line-height: 1.41;
	text-decoration: none;
	text-shadow: 0.01em 0.01em 0 #020202;
}

a {
	color: #3b7e91;
	text-decoration: none;
}

a:hover {
	color: #aaa5a2;
}

.idealinput{
	white-space: nowrap;     
	overflow: visible;        
	word-wrap: break-word;
	display: flex;          
	flex-wrap: wrap;   
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-webkit-transition: background-color 0.5s ease-out;
	-ms-transition: background-color 0.5s ease-out;
}

div, p, h1, h2, h3, h4, h5, h6, tr, th, td, dl, dt, dd, a {
	margin: 0px;
	padding: 0px;
	font-size: 1.8rem;
	letter-spacing: 0.04em;
}
p {
	font-size: 1.8rem;
	letter-spacing: 0.04em;
}

li {
	list-style: none;
    letter-spacing: 0.04em;
}
.wrapper ul{
	padding-left: 1.2em!important;
}
.footerArea li {
	list-style: none !important;
}
h2 {
	margin: 24px 0 0!important;
	text-align: center!important;
	font-weight: bold!important;
	font-size: 2.8rem!important;
	background: url('../img/line.png') no-repeat;
	background-position: center;
	padding-bottom: 7rem;
	color: #9B1B2A!important;
}

.min {
	font-family: Playball, "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGS明朝E", "MS P明朝", "MS PMincho", sans-serif;
}

.goth {
	font-family: 'Source Sans Pro', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

/* end-globalsetting */


.wrapper:after, #headerInner:after, #gnavInner ul:after, .topAboutArea:after, .cl:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#container {
	width: 100%;
	height: auto;
}

#topHead {
	width: 100%;
}

#headerInner {
	margin: 0 auto;
}

.logo {
	padding: 10px 0;
	max-width: 60%;
	margin: 0 auto;
	float: left;
}

.logo img {
	max-width: 100%;
}

.logo p {
	font-size: 1.4rem;
	color: #9B1B2A;
}

.icnArea {
	float: right;
}

.icnSns, .icnRegi, .icnLang {
	float: right;
}

.icnSnsArea {
	margin-top: 4px;
}

.icnSns {
	margin-left: 8px;
}

.icnRegiArea {
	margin-top: 16px;
}

.icnRegi {
	margin-left: 16px;
	padding-right: 16px;
	border-right: 1px solid #867B76;
}

.icnRegi:first-child {
	padding-right: 0;
	border-right: none;
}

.icnRegi a {
	color: #666;
}

.icnRegi a:hover {
	color: #aaa5a2;
}

.icnLangArea {
	margin-top: 8px;
}

.icnLang {
	margin-left: 16px!important;
}

.icnLang .active {
	font-weight: bold !important;
	border-bottom: 1px solid #3b7e91 !important;
}

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 1.6rem;
	letter-spacing: 0;
	z-index: 10;
}

#page-top a {
	background: rgba(102,102,102,0.7);
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	letter-spacing: 0;
}

#page-top a:hover {
	text-decoration: none;
	background: rgba(153,153,153,0.7);
}

#gnav.fixed {
	position: fixed;
	top: 0px;
	z-index: 1000;
	background: rgba(74, 68, 61, 0.7);
	width: 100%;
	box-shadow: 0 3px rgba(0, 0, 0, 0.1);
}

#memnav.fixed {
	position: fixed;
	top: 0px;
	z-index: 1000;
	background: #EEEDEC;
	width: 100%;
	box-shadow: 0 3px rgba(0, 0, 0, 0.1);
}

.memnavMb .fixed {
	position: fixed;
	top: 10px;
	z-index: 1000;
	box-shadow: 0 3px rgba(0, 0, 0, 0.1);
}

#gnav {
	background: rgba(81, 74, 64, 0.7);
	font-size: 1.9rem;
	padding: 4px 0;
}

#dropmenu, #dropmenu2 {
	position: relative;
	list-style-type: none;
	width: 1280px;
	height: 40px;
	margin: 0 auto;
	padding: 0;
	border-radius: 3px 3px 0 0;
	z-index: 10;
}

#dropmenu li, #dropmenu2 li {
	width: 20%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
}

#dropmenu li a, #dropmenu2 li a {
	display: block;
	margin: 0;
	padding: 15px 0 11px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
}

#dropmenu li ul, #dropmenu2 li ul {
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	border-radius: 0 0 3px 3px;
}

#dropmenu li ul li, #dropmenu2 li ul li {
	overflow: hidden;
	width: 100%;
	height: 0;
	color: #fff;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}

#dropmenu li ul li a, #dropmenu2 li ul li a {
	padding: 13px 15px;
	background: rgba(81, 74, 64, 0.9);
	text-align: left;
	font-size: 1.5rem;
	font-weight: normal;
}

#dropmenu li:hover > a, #dropmenu2 li:hover > a {
	background: rgba(81, 74, 64, 0.9);
	color: #fff;
}

#dropmenu > li:hover > a, #dropmenu2 > li:hover > a {
	border-radius: 3px 3px 0 0;
}

#dropmenu li:hover ul li, #dropmenu2 li:hover ul li {
	overflow: visible;
	height: 38px;
	border-top: 1px solid rgba(255,255,255,0.4);
	border-bottom: 1px solid rgba(255,255,255,0.4);
}

#dropmenu li:hover ul li:first-child, #dropmenu2 li:hover ul li:first-child {
	border-top: 0;
}

#dropmenu li:hover ul li:last-child, #dropmenu2 li:hover ul li:last-child {
	border-bottom: 0;
}

#dropmenu li:hover ul li:last-child a, #dropmenu2 li:hover ul li:last-child a {
	border-radius: 0 0 3px 3px;
}

#memnav {
	background: #EEEDEC;
	padding: 4px 0;
}

#dropmenu2 li {
	width: 12.5%;
}

#dropmenu2 li a {
	font-size: 1.6rem;
	color: #666;
}

.lidiv {
	height: 1px !important;
	overflow: hidden !important;
	background-color: #EEEDEC;
}

#dropmenu2 li ul li a {
	color: #fff;
}

section {
	padding: 48px 0;
}

.bt {
	font-size: 1.7rem;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif !important;
	background: #43a3cb;
	width: 240px;
	text-align: center;
	margin: 24px auto 0;
	border-radius: 4px;
	 -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	box-shadow: 2px 2px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

.bt a {
	color: #F2F0EC;
	display: block;
	padding: 12px 8px;
}

.bt:hover {
	background: #ee836f;
}

.sqr {
	float: left;
	border: 1px solid #f2f0ec;
	width: 20%;
	position: relative;
	padding-top: 20%;
}

.sqr h2 {
	margin: 0;
}

.sqr img {
	vertical-align: bottom !important;
	position: absolute;
	left: 0;
	top: 0;
}

.btred {
	background: #9B1B2A;
}

.kanban {
	position: relative;
	padding: 0;
	height: 600px;
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	background: #e4e7de;
}

.kanban img {
	height: 600px;
	position: absolute;
	right: 0;
}

.mbkanban {
	padding: 0;
}

.regiBox {
	position: relative;
}

.regiArea {
	position: absolute;
	width: 600px;
	height: 300px;
	top: 150px;
	left: 0;
	text-align: center;
	background: rgba(255, 255, 255, 0.6);
	border-radius: 8px;
	padding: 2em 1em;
}

.regiTtl {
	font-size: 5.0rem;
	margin-bottom: 24px;
}

.topNews {
	width: 48%;
	float: left;
}

.topNews article {
	margin-bottom: 16px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #867B76;
}

.topNews article a {
	color: #666;
}

.topNews article a:hover {
	color: #aaa5a2;
}

.topNews time {
	font-size: 2.4rem;
}

.topNews h3 {
	font-weight: bold;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 86% !important;
	float: left;
	border-bottom: none !important;
	padding-bottom: 0 !important;
	font-size: 1.8rem !important;
}

.topNews img {
	float: right;
	height: 3rem;
	max-width: 18%;
}

.topBnr {
	width: 48%;
	float: right;
}

.topBnrArea {
	margin-bottom: 8px;
}

.footerArea {
	padding-bottom: 16px;
}

.fnav {
	width: 18%;
	margin: 24px 1%;
	float: left;
	border: 1px solid #867B76;
	border-radius: 10px;
	overflow: hidden;
	padding: 16px 12px;
}

.fnav li {
	margin-bottom: 8px;
}

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

.fnav li a {
	font-size: 1.6rem;
	color: #666;
	margin-bottom: 8px;
}

.fnav li a:hover {
	color: #aaa5a2;
}

.bold {
	font-weight: bold;
}

footer {
	padding: 48px 0 0;
	color: #F2F0EC;
	text-align: center;
	background: url('../img/border.png') center top no-repeat;
	background-color: #F2EFEA;
}

.footerCopy {
	background: rgba(74, 59, 47, 0.4);
	color: #fff;
	padding: 24px 0;
}

.fName {
	margin-top: 16px;
}

.fcopy {
	font-size: 1.4rem;
	margin-top: 8px;
}

.topFeature {
	padding: 24px 0;
	background: #F5F3F2;
}

.tFBox {
	width: 32%;
	float: left;
	background: rgba(128, 100, 69, 0.6);
	color: #fff;
	margin: 0 0.5%;
	height: 180px;
	border-radius: 8px;
	padding: 16px;
}

.tNLink {
	position: relative;
	text-align: right;
}

.tNLink:after {
	content: "";
	background: url('../img/icn_ext.png') no-repeat;
	width: 16px;
	height: 16px;
	poition: absolute;
	right: 0;
	bottom: 4px;
	position: absolute;
}

.tNLink a {
	margin-right: 24px;
}


/* start-entry */

.entry {
	background: url('../img/bg_entry.png') no-repeat;
	background-size: 100% auto;
	background-color: #efebe2;
} 

.entryArea {
	width: 680px;
	max-width: 88%;
	margin: 20px auto;
	border-radius: 12px;
	background: rgba(255, 253, 249, 0.8);
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
	padding-top: 20px;
}

.entyTtl {
	font-size: 2.4rem;
	color: #fff;
	background: url('../img/line2-2.png') no-repeat center 72%;
	margin: 0 -20px;
	position: relative;
	padding: 24px 10px 5rem;
	background-color: rgba(155, 27, 42, 0.8);
	border-radius: 3px;
	font-weight: normal;
}

.entyTtl:before {
	content: " ";
	position: absolute;
	top: 100%;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 20px 16px 0;
	border-color: transparent;
	border-right-color: #8a2430;
}

.entyTtl:after {
	content: " ";
	position: absolute;
	top: 100%;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 20px 0 0;
	border-color: transparent;
	border-top-color: #8a2430;
}

.entryForm {
	margin-top: 10px;
	padding: 30px;
}

.entryForm dt {
	width: 36%;
	float: left;
	text-align: right;
	font-weight: bold;
	font-size: 2.0rem;
	padding-top: 8px;
}

.entryForm dt.required span:after {
	content: "＊";
	color: red;
}

.entryForm dd {
	width: 60%;
	float: right;
}

.entryForm select {
	font-family: 'Source Sans Pro', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	color: #666;
	width: 100%;
}

.customSelect { 
	background: #fff;
	padding: 8px 0;
	border-radius: 30px;
	box-sizing: border-box;
	width: 100%;
	text-indent: 2rem;
	border: 1px solid #aaa5a2;
}

.customSelectInner {
	font-size: 1.4rem;
	margin-left: -1.4em;
	background: url('../img/customSelect-arrow.gif') no-repeat;
	background-position: right 16px center;
}

.entryForm option {
	text-indent: 2rem;
}

.btNext {
	background: #867B76;
	color: #fff;
	padding: 4px;
	margin: 40px auto 0;
	display: block;
	border-radius: 8px;
	overflow: hidden;
}
.btncancel{
	background: #0b0f0b;
	color: #fff;
	padding: 4px;
	min-width: 80px;
	display: block;
	border-radius: 8px;
	overflow: hidden;
}
.btnsubmit{
	min-width: 80px;
	background: #717472;
	color: #0a0909;
	padding: 4px;
    margin-right: 100px;
	display: block;
	border-radius: 8px;
	overflow: hidden;
}

.entryForm dl {
	margin-top: 48px;
}

.entryForm dl:first-child {
	margin-top: 0;
} 

#MemberAgeMin, #MemberAgeMax, #IdealAgeMin, #IdealAgeMax, #IdealMarriageMin, #IdealMarriageMax, #IdealChildMin, #IdealChildMax, #IdealHeightMin, #IdealHeightMax, #IdealWeightMin, #IdealWeightMax{
	width: 40%;
	background: #fff;
	padding: 8px 0;
	border-radius: 30px;
	box-sizing: border-box;
	border: 1px solid #D2CFCB;
	text-align: center;
	font-family: 'Source Sans Pro', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	color: #666;
	font-size: 1.8rem;
}

.entryChild {
	margin-top: 32px;
	padding-top: 32px;
	background: rgba(218, 216, 216, 0.3);
	padding: 24px;
	border-radius: 12px;
}

.childA {
	font-weight: bold;
	width: 36%;
	text-align: center;
	font-size: 2.0rem;
	padding: 4px 0;
	background: rgba(74, 59, 47, 0.4);
	color: #fff;
	margin: 0 0 0 -40px;
	position: relative;
}

.childA:before {
	content: " ";
	position: absolute;
	top: 100%;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 16px 10px 0;
	border-color: transparent;
	border-right-color: #9E6F75;
}

.entryChild dl {
	margin-top: 16px;
}

.entryChild dt {
	font-weight: normal;
	font-size: 1.8rem;
}

.ymd .customSelect {
	width: 27%;
	padding: 4px 0px;
	text-indent: 1rem;
}

.ymd .customSelectInner {
	background-position: 15% center;
}

.number {
	background: none repeat scroll 0% 0% #FFF;
	padding: 8px 0px;
	border-radius: 30px;
	box-sizing: border-box;
	border: 1px solid #D2CFCB;
	text-align: center;
	font-family: 'Source Sans Pro', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	color: #666;
	font-size: 1.8rem;
}

.check {
	margin: 8px 8px 16px 8px;
}

.text {
	background: none repeat scroll 0% 0% #FFF;
	padding: 8px 0px;
	border-radius: 30px;
	box-sizing: border-box;
	border: 1px solid #aaa5a2;
	text-indent: 2rem;
	font-family: 'Source Sans Pro', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	color: #666;
	font-size: 1.8rem;
	width: 100%;
}

.acceptCheck {
	border: 1px solid #867B76;
	border-radius: 10px;
	overflow: hidden;
	padding: 16px 12px;
	font-size: 1.6rem;
	margin-top: 16px;
	font-size: 1.6rem;
	margin-top: 32px;
	background: rgba(255,255,255,0.3);
}

/* end-entry */


/* start-member */

.bnrTips {
	position: fixed;
	bottom: 20px;
	left: 0;
	z-index: 10;
}

.bnrTips img {
	border-radius: 0px 10px 10px 0px;
	border: 1px solid #EEEDEC;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
	overflow: hidden;
}

.sub h1 {
	font-size: 3.2rem;
	border-bottom: 3px solid #867B76;
	padding: 40px 0 8px;
	font-family: Playball, "Times New Roman", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif !important;
	text-align: center;
	color:#666;
}

.noticeBox {
	border: 1px solid #867B76;
	border-radius: 10px;
	padding: 16px 32px;
}

.noticeTxt {
	margin-bottom: 16px;
}

.noticeTxt:last-child {
	margin-bottom: 0;
}

.noticeTxt:before {
	content: url('../img/icn_new.png');
	float: left;
	margin-right: 16px;
}

.noticeTxt time {
	float: left;
	margin-right: 16px;
}

.noticeTxt p {
	float: left;
}

.kidoku:before {
	content: none;
}

.kidoku time {
	margin-left: 56px;
}

.sub h3 {
	border-bottom: 2px dashed #867B76;
	font-size: 2.0rem;
	padding-bottom: 8px;
	width: 56%;
	font-weight: bold;
}

.sub h3 span {
	border-bottom: 4px solid #9B1B2A;
	padding-bottom: 10px;
	font-weight: 700 !important;
}

.favArea {
	margin-top: 36px;
	font-size: 0;
}

.favBox {
	width: 23%;
	margin: 8px 1%;
	background: none repeat scroll 0% 0% rgba(210, 207, 207, 0.1);
	padding: 24px;
	border-radius: 30px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1) inset;
	display: inline-block;
	vertical-align: top !important;
}

.favImg img {
	width: 100%;
	border-radius: 4px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
	overflow: hidden;
}

.favName {
	text-align: center;
	margin-top: 4px;
}

.favName a, .mlName a {
	font-size: 2.0rem;
}

.favMessage {
	font-size: 1.5rem;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif !important;
	width: 80%;
	text-align: center;
	margin: 8px auto 0;
	border-radius: 4px;
	 -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	box-shadow: 2px 2px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	padding: 8px;
	letter-spacing: 0.04em;
}

.favMessage a {
	color: #fff;
	display: block;
	font-size: 1.5rem;
	letter-spacing: 0.04em;
}

.favMessage a span {
	margin-right: 8px;
}

.newM {
	background: #9B1B2A;
	color: #fff;
}

.newM:hover {
	background: #ee836f;
}

.noM {
	background: #E9E8EA;
	color: #aaa5a2;
}

.mlBox {
	margin-top: 4px;
}

.mlName {
	float: left;
	width: 49%;
	padding-left: 8px;
}

.mlAge {
	float: right;
	width: 49%;
	background: rgba(134,123,118,0.8);
	color: #fff;
	text-align: center;
	border-radius: 8px;
}

.mlAge:before {
	content: "age:";
	margin-right: 4px;
	font-size: 1.6rem;
}

.bnrArea {
	background: #F5F3F2;
}

.bnrBox {
	width: 50%;
	float: left;
	padding: 0 16px;
}

#open01,
#open02, #openPl {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
}
 
.close_overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	position: absolute;
	background: #000;
	opacity: 0.5;
	z-index: 1000;
}

#modalPl .close_overlay {
	width: 3000px;
	left: -1500px;
	margin-left: 50%;
}

.modal_window {
	top: 20%;
	left: 50%;
	margin: -150px 0 0 -400px;
	width: 800px;
	height: 800px;
	display: block;
	background: #fff;
	position: absolute;
	z-index: 1001;
	border-radius: 12px;
	padding: 40px 56px;
	overflow: scroll;
}

@media screen and (max-width:1000px) {
	.modal_window {
		width: 88%;
		height: 600px;
		margin: 0 0 0 -44%;
		top: 10%;
	}
}


/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
	0% { opacity: 0; display: block; }
	100% { opacity: 1; }
}

div#modal div:target, #openPl:target {
	-webkit-animation-name: modalFadeIn;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	opacity: 1;
	display: block;
}

.modal_window h2 { 
	font-size: 3.2rem;
	padding-bottom: 9rem;
}

.modal_window p {
	margin-bottom: 8px;
	font-size: 1.6rem;
}

.cardBox {
	background: #f8f8f8;
	padding: 0.6em;
	font-size: 0;
	margin: 16px;
}

.cardBox img {
	width: 20%;
}

.modalBox .btNext {
	margin-bottom: 3em;
}

.center {
	text-align: center;
}

.stepBox {
	width: 80%;
	margin: 16px auto;
	border-bottom: 1px dashed #B9B6B6;
	padding-bottom: 16px;
}

.stepBox:last-child {
	border-bottom: none;
	padding-bottom: 0px;
}

.stepBox img {
	width: 12%;
	float: left;
}

.stepTxt {
	width: 80%;
	float: right;
	padding-top: 16px;
}

.stepTxt p {
	font-size: 1.5rem;
}

.stepArea {
	margin: 32px auto;
	background: #FCFAF9;
	padding: 20px;
	border-radius: 12px;
}

.stepArea h3 {
	text-align: center;
}

.stepArea h3 span {
	font-size: 2.4rem;
	font-weight: bold;
	padding: 8px 40px;
	border-bottom: 1px double #867B76;
}

h4 {
	font-weight: bold;
	margin-bottom: 8px;
	font-size: 2.0rem;
}

.txt {
	margin-bottom: 24px;
}

.modalSection {
	padding: 8px 0px;
}

.modallist {
	margin-bottom: 16px;
	font-size: 1.6rem;
}

.modallist:before {
	content: "■";
	color: #9B1B2A;
}

.modalclose {
	background: #999;
	color: rgb(255, 255, 255);
	padding: 10px 20px;
	border-radius: 8px;
	margin: -16px auto 32px;
	display: block;
	width: 120px;
}

/* end-member */


/* message */

.instsearch {
	background: #F8F6F6;
	padding: 20px;
	border-radius: 8px;
	margin-top: 32px !important;
	max-width: 800px;
}

.instsearch h4 {
	border-bottom: 1px solid rgb(134, 123, 118);
	text-align: center;
	font-size: 2.4rem;
	padding-bottom: 8px;
	margin-bottom: 24px;
}

.instsearchForm {
	width: 86%;
	margin: 0 auto;
}

.instsearchForm dt {
	width: 16%;
	float: left;
	text-align: right;
	font-weight: bold;
	font-size: 2rem;
	padding-top: 8px;
}
 
.instsearchForm dd {
	width: 80%;
	float: right;
	text-align: right;
}

.instsearchForm #partnerAgeMin, .instsearchForm #partnerAgeMax {
	width: 30%;
}

.instsearchTxt {
	margin-top: 16px;
	text-align: right;
}

.ui-tabs {
	padding: 0;
	margin-top: 32px;
	font-family: 'Source Sans Pro', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

.faceBox {
	margin: 24px auto;
	width: 72%;
}

.faceBox img {
	width: 100%;
	border-radius: 4px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
	overflow: hidden;
}

.faceName {
	text-align: center;
	margin: 8px 0;
	font-size: 2.0rem;
	background: #EEEDEC;
	padding: 4px 0;
	font-weight: bold;
	border-radius: 4px;
	letter-spacing: 0.04em;
}

.faceCount {
	text-align: center;
	font-size: 2.0rem;
	letter-spacing: 0.04em;
}

.faceCount span {
	color: #9B1B2A;
	font-weight: bold;
}

.faceBalloon {
	word-wrap: break-word;
}

.left_balloon {
	position: relative;
	background: #F5F4F3;
	box-shadow: 2px 2px 3px #B7ACAC;
	margin: 10px;
	padding: 20px;
	border-radius: 15px;
	margin-right: 20%;
	clear: both;
	max-width: 80%;
	align-self: flex-start;
	float: left;
	color: #56422A;
}

.left_balloon:after,
.left_balloon:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.left_balloon:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #F5F4F3;
	border-width: 7px;
	margin-top: -7px;
}

.left_balloon:before {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #E6DBDB;
	border-width: 8px;
	margin-top: -8px;
}

.right_balloon {
	position: relative;
	background: #9b1b2a; /* Old browsers */
	background: -moz-linear-gradient(top, #E2FCFF 0%, #93E5E9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E2FCFF), color-stop(100%,#93E5E9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #E2FCFF 0%,#93E5E9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #E2FCFF 0%,#93E5E9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #E2FCFF 0%,#93E5E9 100%); /* IE10+ */
	background: linear-gradient(to bottom, #E2FCFF 0%,#93E5E9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E2FCFF', endColorstr='#93E5E9',GradientType=0 ); /* IE6-9 */
	box-shadow: 2px 2px 3px #B7ACAC;
	margin: 10px;
	padding: 20px;
	border-radius: 15px;
	margin-left: 20%;
	clear: both;
	max-width: 80%;
	align-self: flex-end;
	float: right;
	color: #56422A;
}

.right_balloon:after,
.right_balloon:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.right_balloon:after {
	border-color: rgba(133, 226, 73, 0);
	border-left-color: #93E5E9;
	border-width: 7px;
	margin-top: -7px;
}

.right_balloon:before {
	border-color: rgba(119, 119, 119, 0);
	border-left-color: #B7ACAC;
	border-width: 8px;
	margin-top: -8px;
}

.faceComment {
	margin: 48px auto 24px;
	width: 80%;
}

.textarea {
	padding: 8px 0px;
	border-radius: 30px;
	box-sizing: border-box;
	border: 1px solid #aaa5a2;
	text-indent: 2rem;
	font-family: 'Source Sans Pro', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	color: #666;
	font-size: 1.8rem;
	width: 100%;
	min-height: 120px;
}

.frompjmArea {
	margin-top: 16px;
}

.acMenu .frompjmSubject {
	display: block;
	width: 100%;
	min-height: 200px;
	border: 1px solid #aaa5a2;
	cursor: pointer;
	background: #F5F3F2;
	padding: 8px 48px;
}

.acMenu .frompjmBody {
	width: 100%;
	border: #867B76 1px solid;
	display: none;
	padding: 24px 32px;
}

.frompjmCat {
	width: 32px;
	float: left;
	max-width: 10%;
}

.catMail {
	background: url('../img/icn_mail_b.png') no-repeat;
	width: 80px;
	height: auto;
	background-size: 100% auto;
}

.frompjmSubjectTxt {
	width: 60%;
	float: left;
	margin-top: 8px;
	font-size: 1.6rem;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 0 0 24px;
}

.frompjmDate {
	float: left;
	width: 20%;
	text-align: right;
	margin-top: 8px;
}

.frompjmClick {
	margin: 4px auto 0px;
	border-radius: 20px;
	box-shadow: 2px 2px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	padding: 4px 8px;
	background: #B6ACA8;
	color: #FFF;
	width: 10%;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	float: right;
}

.acMenu .kidoku {
	background: #fff;
}

.frompjmBody {
	font-size: 1.6rem;
}

.frompjmBody p {
	font-size: 1.6rem;
	margin-bottom: 8px;
}

.set {
	margin-top: 48px;
}

.set dl {
	margin-top: 40px;
}

.set dt {
	margin-bottom: 24px;
}

.set dt span {
	background: #aaa5a2;
	color: #fff;
	padding: 8px 16px;
	border-radius: 8px;
}

.text400 {
	max-width: 400px;
}

.set dd {
	margin: 0 auto;
	width: 90%;
}

.set .btNext {
	background: #9B1B2A;
}

/* end-message */


/* start-profile */

.proPublish {
	margin-top: 48px;
	background: #5CABC2;
	color: #fff;
	padding: 16px;
	text-align: center;
	border-radius: 8px;
}

.ppTxt span {
	font-weight: bold;
	font-size: 2.4rem;
}

.ppChange {
	margin-top: 8px;
}

.ppChange a {
	font-size: 1.6rem;
	color: #fff;
	text-decoration: underline;
}

.proPic {
	width: 24%;
	float: left!important;
	padding: 16px;
}

.proHead {
	width: 76%;
	float: right;
	padding: 16px;
}

.proset dl {
	margin-top: 8px;
	border-bottom: 2px dotted #D7D4D2;
	padding-bottom: 8px;
	margin-bottom: 16px;
}

.proset dt {
	width: 50%;
	float: left;
	font-weight: bold;
	font-size: 1.6rem;
}

.proset dd {
	width: 50%;
	float: left;
	font-size: 1.6rem;
}

.proBLeft {
	width: 50%;
	float: left;
	padding: 16px;
	box-sizing: border-box;
}

.proBRight {
	width: 50%;
	float: right;
	padding: 16px;
	box-sizing: border-box;
}

.proBottom {
	margin-top: 16px;
}

.profile .btNext, .photo .btNext {
	background: #218BAA;
}

.photoArea {
	background: none repeat scroll 0% 0% rgba(210, 207, 207, 0.1);
	padding: 24px;
	border-radius: 12px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1) inset;
	margin-top: 48px;
}

.photoBox {
	width: 20%;
	float: left;
	padding: 8px;
}

.basicsearch {
	background: none repeat scroll 0% 0% #F8F6F6;
	padding: 20px;
	border-radius: 8px;
	margin: 0 auto !important;
	max-width: 800px;
	width: 100%;
}

.basicsearch .instsearchForm dd {
	text-align: left;
	padding-left: 16px;
}

.basicsearch dl {
	margin: 16px auto;
}

.basicsearch dt {
	font-size: 1.5rem;
}

.basicsearch .select {
	width: 60%;
}

.basicsearch .customSelectInner {
	background-position: 88% center;
}

.proBtLeft {
	width: 80%;
	float: left;
}

.proBtRight {
	width: 20%;
	float: right;
}

.proBt button {
	float: left;
}

.btBack {
	float: right !important;
	background: #867B76 !important;
	width: 120px !important;
}

.proBtOk {
	width: 48%;
	float: left;
}

.proBtNg {
	width: 48%;
	float: right;
}

.btOk {
	background: #9B1B2A !important;
	float: right !important;
	max-width: 100% !important;
}

.btNg {
	max-width: 100% !important;
}

.kekkaArea {
	display: none;
}

.matchArea {
	position: relative;
}

.mGraph {
	width: 70%;
	float: left;
	height: 80px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.mBar {
	width: 100%;
	height: 80px;
	float: left;
	border-right: 2px solid #fff;
	position: relative;
}

.mGraphText {
	position: absolute;
	font-size: 1.4rem;
	word-wrap: break-word;
	padding: 4px 8px 0 0;
	line-height: 1;
	width: 100%;
	color: #908069;
}

.mBg {
	width: 50%;
}

.mAp {
	width: 12.5%;
}

.mIn {
	width: 12.5%;
}

.mLs {
	width: 25%;
}

.mGraph .m1 {
	background: #fbafc8;
}

.mGraph .m2 {
	background: #f288ab;
}

.mGraph .m3 {
	background: #e45c89;
}

.mGraph .m4 {
	background: #d92f67;
}

.mGraph .m5 {
	background: #b21549;
}

.mGraph p {
	text-align: center;
	color: #fff;
	letter-spacing: 0;
	font-size: 3.2rem;
	line-height: 80px;
	height: 80px;
	font-family: Playball, "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGS明朝E", "MS P明朝", "MS PMincho", sans-serif;
}

.mGraph p:after {
	content: "%";
	font-size: 1.8rem;
	font-family: 'Source Sans Pro', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	margin-left: 4px;
}

.mHeartArea {
	width: 20%;
	float: right;
	margin: 0px 5%;
}

.mHeart {
	background-size: 100% auto !important;
	padding-top: 80%;
	position: relative;
}

.mHeart:before {
	content: "TOTAL";
	color: #fff;
	position: absolute;
	top: 5rem;
	left: 0px;
	right: 0px;
	margin: auto;
	text-align: center;
	line-height: 1.8rem;
	height: 1.8rem;
	letter-spacing: 0.4em;
}

.mHeart p {
	position: absolute;
	font-family: Playball, "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGS明朝E", "MS P明朝", "MS PMincho", sans-serif;
	color: #fff;
	letter-spacing: 0;
	top: 7rem;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	font-size: 6rem;
	line-height: 6rem;
	height: 6rem;
}

.mHeart p:after {
	content: "%";
	font-size: 50%;
	font-family: 'Source Sans Pro', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	margin-left: 4px;
}

.mHeartArea .m1 {
	background: url('../img/h-m1.png') no-repeat;
}

.mHeartArea .m2 {
	background: url('../img/h-m2.png') no-repeat;
}

.mHeartArea .m3 {
	background: url('../img/h-m3.png') no-repeat;
}

.mHeartArea .m4 {
	background: url('../img/h-m4.png') no-repeat;
}

.mHeartArea .m5 {
	background: url('../img/h-m5.png') no-repeat;
}

.matchTbArea {
	margin: 48px auto 0;
	width: 100%;
	max-width: 880px;
	display: none;
}

.matchTb {
	width: 100%;
	border-collapse: collapse;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
	border: 1px solid #FFF;
}

.matchTb tbody {
	border-top: 4px solid #D5D4BA;
	border-bottom: 4px solid #D5D4BA;
}

.matchTb tr th, .matchTb tr td {
	width: 33%;
	padding: 0.4em 1em;
	border: 1px solid #D5D4BA;
}

.matchTb tr.love {
	background: rgba(238, 85, 125, 0.1);
}

.result {
	text-align: right;
	font-size: 2.0rem;
}

.result span {
	margin-left: 2em;
	font-size: 2.6rem;
}

.result span:after {
	content: "%";
	font-size: 80%;
	margin-left: 0.6rem;
}

.matchTb td span {
	display: block;
	height: 16px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0px auto;
}

.matchTb td span.yes {
	background: url('../img/icn_heart.png') no-repeat 50% 50%;
}

.matchTb td span.no {
	background: url('../img/icn_no.png') no-repeat 50% 50%;
}

.mth {
	font-size: 2.0rem;
}

.mthp, .mtp {
	font-size: 2.6rem;
	vertical-align: middle;
}

.matchTb thead tr:nth-child(2), tfoot {
	background: rgba(233, 210, 144, 0.1);
}

.mthp:after, .mtp:after {
	content: "%";
	font-size: 80%;
	margin-left: 0.6rem;
}

.matchTb thead tr:first-child th span {
	display: block;
	font-size: 1.4rem;
	color: #867b76;
}

.mFree .favImg img {
	border: 2px solid #AD978C;
}

.mStandard .favImg img {
	border: 2px solid #A3B6B0;
}

.mPremier .favImg img {
	border: 2px solid #C3AA55;
}

.mFree .mlAge {
	background: #AD978C;
}

.mStandard .mlAge {
	background: #A3B6B0;
}

.mPremier .mlAge {
	background: #C3AA55;
}

.free {
	background: #AD978C !important;
}

.standard {
	background: #A3B6B0 !important;
}

.premier {
	background: #C3AA55 !important;
}

/* end-profile */


/* start-login */

.login .entyTtl {
	font-size: 2.0rem;
	margin: 0px -20px;
	padding: 16px 8px 4rem;
	background: url("../img/line2-2.png") no-repeat scroll center 72% rgba(80, 66, 49, 0.8);
	background-size: 13% auto;
}

.login .entyTtl::before {
	border-width: 0px 20px 10px 0px;
	border-color: transparent #473d3a transparent transparent;
}

.login .entyTtl::after {
	border-width: 10px 20px 0px 0px;
	border-color: #473d3a transparent transparent;
}

.login .entryForm dl dt, .login .entryForm dl dd {
	width: 86%;
	float: none;
	text-align: left;
	margin: auto;
}

.login .entryForm dl dt {
	margin-bottom: 8px;
}

/* end-login */


/* start-plan */

.planTbArea {
	padding-top: 32px;
}

.planTb {
	width: 100%;
	border-collapse: collapse;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
	border: 1px solid #fff;
	table-layout: fixed;
	word-wrap: break-word;
	box-sizing: border-box;
}

.planTb thead, .planTb tbody, .planTb tr {
	box-sizing: border-box;
}

.planTb thead {
	background: #F8F4F0;
	border: 1px solid #F8F4F0;
}

.planTb thead tr:first-child th {
	color: #fff;
	font-size: 2.4rem;
	padding: 1em 1em 0.5em;
}

.planTb thead tr:nth-child(2) td {
	background: #989A8F;
	color: #fff;
	font-size: 2.8rem;
	padding: 0.2em;
}

.planTb .tbUp {
	color: #fff;
	padding: 0.2em;
	margin: 10px auto;
	width: 80%;
	border-radius: 10px;
}

.planTb .tbUp a, #clonetable .tbUp a {
	padding: 4px 8px;
}

.planTb td, .planTb th {
	width: 25%;
	box-sizing: border-box;
}

.planTb thead th, .planTb thead td {
	border-left: 1px solid #D5D4BA;
}

.planTb thead th:first-child, .planTb thead td:first-child {
	border-left: 1px solid #F8F4F0;
}

.planTb thead tr {
	border-bottom: 1px solid #F8F4F0;
}

.radioLst {
	font-size: 1.7rem;
	padding-left: 1em;
}

.radioLst, .radioLst li {
	margin: 0;
	text-align: left;
}

.radioLst li {
	padding-left: 1em;
	text-indent: -2em;
}

.radioLst li input {
	margin-right: 8px;
}

.radioLst li span {
	font-size: 1.6rem;
}

.planTb tbody th, .planTb tbody td {
	border: 1px solid #E9E7E3;
}

.planTb td {
	text-align: center;
}

.planTb tbody th, .planTb tbody td {
	padding: 0.7em 1em;
}

.planTb tbody span {
	display: block;
	/* width: 24px; */
	height: 24px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto;
}

.planTb tbody span.ok {
	background: url("../img/icn_ok.png") no-repeat scroll 50% 50%;
}

.planTb tbody span.soso {
	background: url("../img/icn_soso.png") no-repeat scroll 50% 50%;
}

.planTb tbody span.ng {
	background: url("../img/icn_ng.png") no-repeat scroll 50% 50%;
}

.planTb tbody tr:nth-child(3) td {
	font-size: 2.7rem;
	font-family: Playball, "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGS明朝E", "MS P明朝", "MS PMincho", sans-serif;
}

.planTb .select {
	font-size: 2.0rem;
	color: #666;
	font-family: 'Source Sans Pro', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	padding: 0 0 0 1em;
}

.planTb .select option {
	padding: 0 0 0 1em;
}

#clonetable {
	top: 40px !important;
	background: #F8F4F0;
	border-top: 1px solid #F8F4F0 !important;
	border-left: 1px solid #F8F4F0 !important;
	border-right: 1px solid #F8F4F0 !important;
	border-bottom: 1px solid #E9E7E3 !important;
	table-layout: fixed;
	word-break: break-all;
	box-sizing: border-box;
}

#clonetable tr td, #clonetable tr th {
	width: 25%;
	box-sizing: border-box;
}

#clonetable tr:first-child th {
	color: #fff;
	font-size: 2.4rem;
	padding: 1em 1em 0.5em;
}

#clonetable tr:nth-child(2) td {
	background: #989A8F;
	color: #fff;
	font-size: 2.8rem;
	padding: 0.2em;
	text-align: center;
}

#clonetable .tbUp {
	color: #fff;
	padding: 0.2em;
	margin: 10px 10%;
	width: 80%;
	border-radius: 10px;
}

#clonetable th, #clonetable td {
	border-left: 1px solid #D5D4BA !important;
}

#clonetable th:first-child, #clonetable td:first-child {
	border-left: 1px solid #F8F4F0;
}

#clonetable tr {
	border-bottom: 1px solid #F8F4F0;
}

#clonetable .select {
	font-size: 2.0rem;
	color: #666;
	font-family: 'Source Sans Pro', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	padding: 0 0 0 1em;
}

#clonetable .select option {
	padding: 0 0 0 1em;
}

.planTb thead tr:first-child th:nth-child(2), #clonetable tr:first-child th:nth-child(2) {
	background: #AD978C;
}

.planTb thead tr:first-child th:nth-child(3), #clonetable tr:first-child th:nth-child(3) {
	background: #A3B6B0;
}

.planTb thead tr:first-child th:nth-child(4), #clonetable tr:first-child th:nth-child(4) {
	background: #C3AA55;
}

/*
.planTb thead tr:nth-child(2) td:nth-child(2), #clonetable tr:nth-child(2) td:nth-child(2) {
	background: rgba(173, 151, 140, 0.8);
}

.planTb thead tr:nth-child(2) td:nth-child(3), #clonetable tr:nth-child(2) td:nth-child(3) {
	background: rgba(163, 182, 176, 0.8);
}

.planTb thead tr:nth-child(2) td:nth-child(4), #clonetable tr:nth-child(2) td:nth-child(4) {
	background: rgba(195, 170, 85, 0.8);
}
*/

.planTb thead tr:nth-child(2) td:nth-child(2), #clonetable tr:nth-child(2) td:nth-child(2) {
	background: rgba(173, 151, 140, 0.2);
}

.planTb thead tr:nth-child(2) td:nth-child(3), #clonetable tr:nth-child(2) td:nth-child(3) {
	background: rgba(163, 182, 176, 0.2);
}

.planTb thead tr:nth-child(2) td:nth-child(4), #clonetable tr:nth-child(2) td:nth-child(4) {
	background: rgba(195, 170, 85, 0.2);
}

.planDtl {
	font-size: 0;
	margin-top: 0;
}

.planDtl dl {
	display: inline-block;
	width: 50%;
	margin-top: 0 !important;
}

.planDtl dl ul, .planDtl dl ul li {
	list-style: none !important;
	padding: 0 !important;
}

.rgstBt {
	margin: 2em auto 5em;
}

.planDtl dl ul li {
	margin-bottom: 1em;
}

.planDtl dl ul li p {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0;
}

.planDtl dl ul li p span {
	font-size: 0.8em;
	font-weight: normal;
	margin-left: 8px;
}

.planDtl dl ul li p span span {
	font-weight: bold;
	font-size: 1.1em;
	margin: 0 4px;
}

.planDtl dl ul li dl {
	margin-top: 1em;
}

.planDtl dl ul li dt {
	margin-bottom: 0;
}

.planDtl dl ul li dd {
	padding-left: 1rem;
}

.fixModal .modal_window {
	height: auto;
}


/* for-しばらく */

.planTb tr td:nth-child(4), #clonetable tr td:nth-child(4) {
	opacity: 0.1 !important;
	background: rgba(242, 235, 225, 0.6) !important;
}

.planTb thead tr:nth-child(2) td:nth-child(2), #clonetable tr:nth-child(2) td:nth-child(2) {
	position: relative;
}

.kokuchi {
	position: absolute;
	z-index: 100;
	width: 80%;
	left: 210%;
	transform: rotate(-3deg);
}

.kokuchi img {
	width: 100%;
}

.option-text {
    white-space: normal !important; /* Allows text to wrap */
    word-break: break-word; /* Ensures long words wrap */
    display: block; /* Ensures the span takes full width */
    max-width: 100%; /* Prevents overflow */
}

.tbUp:hover {
	background: #9B1B2A;
}

/* for-しばらく */

.msTxt {
	margin-top: 32px;
}
.msTxt a {
  color: #3b7e91;
}


.msArea {
	margin-top: 40px;
}

.msBox {
	font-size: 0;
}

strong {
	font-weight: bold;
}

.msArea h4 {
	text-align: center;
	padding-bottom: 16px;
	margin-bottom: 32px;
	font-size: 2.2rem;
}

.msArea h4 span {
	padding-bottom: 16px;
	border-bottom: 1px solid #867B76;
}

.msIcn {
	height: 60%;
	position: relative;
}

.msIcn img {
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	margin: auto;
	width: 80px;
}

.msCnt {
	height: 40%;
	padding: 8px;
	text-align: center;
	line-height: 1.6;
	font-size: 1.5rem;
}

.msBnr {
	float: none;
	margin: 24px auto;
}

.planInst {
	text-align: center;
}

.planInst span {
	color: #9B1B2A;
	font-weight: bold;
	margin: 0 4px;
	font-size: 1.2em;
}

.planTb th.weA {
	position: relative;
}

.planTb th.weA .weAnc:hover ~ .weArea {
	display: block;
}

.weArea {
	position: absolute;
	top: 0px;
	right: -50%;
	width: 240px;
	background: #fafafa;
	text-align: left;
	padding: 12px 24px;
	border-radius: 8px;
	font-size: 1.6rem;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
	z-index: 3000;
	display: none;
}

.weArea:hover {
	display: block;
}

.small {
	font-size: 1.6rem;
	letter-spacing: 0.04em;
	line-height: 1;
	margin-top: 8px;
	font-size: 1.4rem;
	color: #989a8f;
}

/* end-plan */


/* pagenation */

.pagination {
	display: table;
	margin: 2em auto;
	padding: 0;
}

.pagination li {
	display: table-cell;
	font-size: 1.6rem;
}

.pagination li a {
	font-size: 1.6rem;
	background: #B3ADA6;
	border-radius: 8px;
	color: #fff;
	padding: 8px 12px;
	font-size: 2.0rem;
	margin: 0 2px;
}

.pagination li a:hover {
	background: #686158;
}

.pagination li.current a {
	background: #686158;
}

.pagination li.disabled a:hover {
	background: #686158;
	cursor: default;
}

/* end-pagenation */


/* update profie */

.upArea dl {
	display: inline-block;
	vertical-align: top !important;
	width: 49%;
 	padding: 1em;
 	margin-top: 0;
}

.set select {
 	font-family: 'Source Sans Pro', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
 	color: #666;
}

/* update profie */


/* news */

.news {
	width: 70%;
	float: left;
}

.news article {
	margin-bottom: 64px;
}

.news article time {
 	width: 10%;
	height: 72px;
	padding: 18px 8px;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	margin-right: 2%;
	background: rgba(0, 0, 0, 0.4) none repeat scroll 0% 0%;
	color: #F2F0EC;
	text-align: center;
	border-radius: 4px;
	line-height: 1.2;
	box-shadow: 2px 2px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	font-family: "Playball",cursive;
	float: left;
}

.news article h3 {
	width: 86%;
	float: right;
	font-size: 2.4rem;
	margin-top: 8px;
}

.newsTitle {
	margin-bottom: 24px;
}

.newsKiji {
	width: 96%;
	margin: 0 auto;
}

.newsAside {
	width: 26%;
	float: right;
	background: #F8F6F6;
	border-radius: 8px;
	padding: 24px;
	margin-top: 48px;
}

.newsAside h4 {
 	border-bottom: 1px solid #867B76;
	text-align: center;
	font-size: 2.4rem;
	padding-bottom: 8px;
	margin-bottom: 24px;
}

.newsYearArea {
	cursor:pointer;
	margin-top: 16px;
	text-align: center;
	font-size: 2.0rem;
}

.NewsYear {
	margin-top: 1em;
}

.NewsYear:hover {
	background: #685B55;
}

/* end-news */


/* for fixes */

.box {
	margin-bottom: 1.8em;
}

/* end-fixes */


/* input deco */

.file input {
	/*display: none;*/
}

.file {
	background: #218baa;
	color: #fff;
	padding: 0.6em 2em;
	border-radius: 8px;
	overflow: hidden;
}

.file:hover {
	background: #ee836f;
}

.crop {
	background: #9B1B2A;
	color: #fff;
	padding: 0.6em 2em;
	display: block;
	border-radius: 8px;
	overflow: hidden;
}

.crop:hover {
	background: #ee836f;
}

/* end-input deco */


/* start-Media Queries */

@media screen and (min-width:1280px) {

	.wid {
		width: 1280px;
		margin: 0 auto;
	}

	.w96 {
		width: 960px;
		margin: 0 auto;
	}

	.mb {
		display: none;
	}

	.tb {
		display: none;
	}

	.subh3, .subh4 {
		max-width: 70%;
	}

	#rinen ul, .t1 {
		width: 70%;
		margin: 0 auto;
	}

	.spc1 {
		margin-bottom: 24rem !important;
	}

	#mnav {
		display: none !important;
	}

	.planTbArea {
		width: 80%;
		margin: 0 auto;
	}

	.set select {
 		width: 70%;
	}

 	.set .customSelect {
 		width: 70%;
	}

	.set .dd70 {
		width: 70%;
		margin: 0;
	}
}

/* end-(min-width:1280px) */


@media screen and (max-width: 1279px) and (min-width:769px) {

	.wid, .w96 {
		width: 80%;
		margin: 0 auto;
	}

	.onlypc {
		display: none;
	}

	.mb {
		display: none;
	}

	.subh3, .subh4 {
		max-width:80%;
	}

	#rinen ul, .t1 {
		width: 80%;
		margin: 0 auto;
	}

	.spc1 {
		margin-bottom: 24rem !important;
	}

	#mnav {
		display: none !important;
	}

	.set select {
 		width: 70%;
	}

 	.set .customSelect {
 		width: 70%;
	}

	.news article time {
		width: 16%;
	}

	.news article h3 {
		width: 78%;
	}
	
	.newsYearArea dd ul {
		padding-left: 1em;
	}

}

/* end-(max-width: 1280px) and (min-width:769px) */

/* (max-width: 1280px) and (min-width:1000px) */

@media screen and (max-width: 1279px) and (min-width:960px) {
	
	.mGraph p {
		font-size: 2.8rem;
	}

	.mGraph p:after {
		font-size: 50%;
		margin-left: 4px;
	}
	
	.mHeart:before {
		top: 3.2rem;
		line-height: 1.6rem;
		height: 1.6rem;
		font-size: 1.6rem
	}

	.mHeart p {
		top: 5rem;
		font-size: 4rem;
		line-height: 4rem;
		height: 4rem;
	}

	.mHeart p:after {
		font-size: 50%;
		margin-left: 4px;
	}
	
}

/* end-(max-width: 1280px) and (min-width: 1000px) */

/* (max-width: 999px) and (min-width:769px) */
@media screen and (max-width: 959px) and (min-width:769px) {
	
	.mGraph p {
		font-size: 2.4rem;
		line-height: 80px;
		height: 80px;
	}

	.mGraph p:after {
		font-size: 50%;
		margin-left: 4px;
	}
	
	.mHeart:before {
		top: 2.5rem;
		line-height: 1.4rem;
		height: 1.4rem;
		font-size: 1.4rem
	}

	.mHeart p {
		top: 3.8rem;
		font-size: 3.2rem;
		line-height: 3.2rem;
		height: 3.2rem;
	}

	.mHeart p:after {
		font-size: 50%;
		margin-left: 4px;
	}
	
}


/* end-(max-width: 999px) and (min-width:769px) */


@media screen and (max-width: 768px) and (min-width:481px) {

	.wid, .w96 {
		width: 90%;
		margin: 0 auto;
	}

	.nf {
		float: none !important;
		width: 100% !important;
	}

	.pc {
		display: none;
	}

	.onlypc {
		display: none;
	}

	.topYBox {
		padding: 32px;
	}

	.sqr {
		width: 33.33333%;
		padding-top: 33.33333%;
	}

	.topMBox img {
		width: 90%;
	}

	.subh3, .subh4 {
		max-width: 90%;
	}

	#rinen ul, .t1 {
		width: 90%;
		margin: 0 auto;
	}

	.bnr {
		text-align: center;
		max-width: 96%;
	}

	#main {
		width: 100%;
	}

	#side {
		width: 100%;
	}

	section {
		padding: 24px 0px;
	}

	h2 {
		margin: 0;
		font-size: 2.8rem;
		background: url('../img/line.png') no-repeat;
		background-position: center;
		background-size: 15% auto;
		padding-bottom: 8rem;
	}

	.topBnr {
		margin-top: 0 !important;
	}

	.icnArea {
		margin-bottom: 16px;
	}

	.entry {
		background: url('../img/bg_entry_mb.png') no-repeat;
		background-size: 100% auto;
		background-color: #efebe2;
	} 

	.entryArea {
		margin: 10px auto;
		padding-top: 20px;
	}

	.entryForm {
		margin-top: 0;
		padding: 32px;
	}

	.entryForm dl {
		margin-top: 24px;
	}

	.entryForm dt, .entryForm dd {
		float: none;
		width: 100%;
	}

	.entryForm dt {
		margin-bottom: 8px;
		text-align: left;
	}

	.customSelectInner {
		font-size: 1.4rem;
	}

	.customSelect { 
		text-indent: 0;
		text-align: center;
	}

	.favBox {
		width: 48%;
		margin: 16px 1%;
	}

	.logo {
		margin-top: 60px;
		padding-bottom: 0;
	}

	.icnLangArea {
		background: #858079;
		padding: 4px 16px;
	}

	.icnLangArea a {
		color: #fff;
	}

	.sub h1 {
		padding: 28px 0px 8px;
	}

	.icnLang .active {
		border-bottom: 1px solid #fff !important;
	}

	.icnRegiArea {
		margin-top: 0;
	}

	.modal_window {
		padding: 20px 28px;
	}

	.modal_window h2 { 
		font-size: 2.6rem;
		padding-bottom: 9rem;
	}

	.modal_window {
		height: 480px;
		top: 6%;
	}

	.modalBox {
		margin-top: -32px;
	}

	.stepBox {
		width: 90%;
	}

	.stepBox img {
		width: 24%;
	}

	.stepTxt {
		width: 70%;
	}

	.instsearchForm {
		width: 100%;
	}

	.instsearchForm dl {
		width: 100%;
	}

	.instsearchForm dt {
		text-align: center;
		margin-bottom: 8px;
	}
 
	.instsearchForm dd {
		float: center;
	}

	.instsearchForm #partnerAgeMin, .instsearchForm #partnerAgeMax {
		width: 24%;
	}

	.btNext {
		margin: 16px auto 0px;
	}

	.faceComment {
		margin: 24px auto 12px;
		width: 100%;
	}

	.faceBox {
		margin: 12px auto;
		width: 90%;
	}

	.faceName {
		margin: 4px 0px;
		font-size: 1.6rem;
	}

	.faceCount {
		font-size: 1.6rem;
	}

	.ui-tabs .ui-tabs-panel {
		padding: 20px;
	}

	.acMenu .frompjmSubject {
		background: #F5F3F2;
		padding: 8px 16px;
	}

	.frompjmSubjectTxt {
		width: 90%;
	}

	.frompjmDate {
		width: 50%;
		text-align: left;
		letter-spacing: 0.08rem;
	}

	.frompjmClick {
		margin: 4px auto 0px;
		width: 30%;
	}

	.frompjmArea {
		margin-top: 8px;
	}

	.set {
		margin-top: 24px;
	}

	.set dl {
		margin-top: 24px;
	}

	.set dt {
		margin-bottom: 16px;
	}

	.set dt span {
		padding: 4px 8px;
	}

	.basicsearch .select {
		width: 100%;
	}

	.upArea dl {
		float: none;
		width: 100%;
 		padding: 1em;
	}

	.news article time {
		width: 20%;
	}

	.news article h3 {
		width: 76%;
	}
	
	.news article {
		margin-bottom: 24px;
	}
	
	.news article:last-child {
		margin-bottom: 0;
	}
	
	.newsAside {
		margin-top: 24px;
		margin-bottom: 24px;
	}

	.sub h3 {
		width: 100%;
	}

	.mGraph {
		width: 100%;
		float: none;
		height: auto;
		position: static;
		transform: none;
	}

	.mHeartArea {
		width: 40%;
		max-width: 200px;
		float: none;
		margin: 4em auto 0;
		position: relative;	
	}
	
	.mHeartArea:before {
		content:"";
		background: #f2efea;
		position: absolute;
		width: 600%;
		height: 120%;
		left: -300%;
		z-index: -100;
		top: -10%;
	}

	.mGraph p {
		font-size: 2.4rem;
		line-height: 80px;
		height: 80px;
	}

	.mGraph p:after {
		font-size: 50%;
		margin-left: 4px;
	}

	.mHeart:before {
		top: 4rem;
		line-height: 1.4rem;
		height: 1.4rem;
		font-size: 1.4rem
	}

	.mHeart p {
		top: 5.6rem;
		font-size: 4rem;
		line-height: 4rem;
		height: 4rem;
	}

	.mHeart p:after {
		font-size: 50%;
		margin-left: 2px;
	}

	#clonetable {
		top: 0px !important;
	}

}

/* end-(max-width: 768px) and (min-width:481px) */


@media screen and (max-width: 480px) {

	html {
		font-size: 57.5%;
	}

	.wid, .w96 {
		width: 90%;
		margin: 0 auto;
	}

	.nf {
		float: none !important;
		width: 100% !important;
	}

	.pc, .pctb {
		display: none;
	}

	.onlypc {
		display: none;
	}

	.topYBox {
		padding: 32px;
	}

	h2 img {
		max-width: 72%;
	}

	.sqr {
		width: 50%;
		padding-top: 50%;
	}

	.sqr h2 img {
		max-width: 100%;
	}

	.topMBox img {
		width: 90%;
	}

	.bnr {
		text-align: center;
		max-width: 96%;
	}

	#main {
		width: 100%;
	}

	#side {
		width: 100%;
	}

	.logo p {
		font-size: 1.4rem;
	}

	section {
		padding: 24px 0px;
	}

	h2 {
		margin: 0;
		font-size: 2.8rem;
		background: url('../img/line.png') no-repeat;
		background-position: center;
		background-size: 15% auto;
		padding-bottom: 8rem;
	}

	.topBnr {
		margin-top: 0 !important;
	}

	.icnArea {
		margin-bottom: 16px;
	}

	.entry {
		background: url('../img/bg_entry_mb.png') no-repeat;
		background-size: 100% auto;
		background-color: #efebe2;
	} 

	.entryArea {
		margin: 10px auto;
		padding-top: 20px;
	}

	.entryForm {
		margin-top: 0;
		padding: 32px;
	}

	.entryForm dl {
		margin-top: 24px;
	}

	.entryForm dt, .entryForm dd {
		float: none;
		width: 100%;
	}

	.entryForm dt {
		margin-bottom: 8px;
		text-align: center;
	}

	.customSelectInner {
		font-size: 1.4rem;
	}

	.customSelect { 
		text-indent: 0;
		text-align: center;
	}

	.sub h3 {
		width: 100%;
	}

	.favBox {
		width: 100%;
		margin: 8px 0;
		border-radius: 16px;
		padding: 16px 24px;
	}

	.favImg {
		width: 30%;
		float: left;
	}

	.favBBox {
		width: 64%;
		float: right;
	}

	.favMessage {
		width: 100%;
		margin-top: 16px;
	}

	.mlName {
		float: none;
		width: 100%;
	}

	.mlAge {
		float: none;
		width: 100%;
		margin-top: 16px;
	}

	.logo {
		margin-top: 60px;
		padding-bottom: 0;
	}

	.icnLangArea {
		background: #858079;
		padding: 4px 16px;
	}

	.icnLangArea a {
		color: #fff;
	}

	.sub h1 {
		padding: 28px 0px 8px;
	}

	.icnLang .active {
		border-bottom: 1px solid #fff !important;
	}

	.icnRegiArea {
		margin-top: 0;
	}

	.modal_window {
		padding: 20px 28px;
	}

	.modal_window h2 { 
		font-size: 2.6rem;
		padding-bottom: 9rem;
	}

	.modal_window {
		height: 480px;
		top: 6%;
	}

	.modalBox {
		margin-top: -32px;
	}

	.stepBox {
		width: 90%;
	}

	.stepBox img {
		width: 24%;
	}

	.stepTxt {
		width: 70%;
	}

	.instsearchForm {
		width: 100%;
	}

	.instsearchForm dl {
		width: 100%;
	}

	.instsearchForm dt {
		text-align: center;
		margin-bottom: 8px;
	}
 
	.instsearchForm dd {
		float: center;
	}

	.instsearchForm #partnerAgeMin, .instsearchForm #partnerAgeMax {
		width: 24%;
	}

	.btNext {
		margin: 16px auto 0px;
	}

	.faceComment {
		margin: 24px auto 12px;
		width: 100%;
	}

	.faceBox {
		margin: 12px auto;
		width: 90%;
	}

	.faceName {
		margin: 4px 0px;
		font-size: 1.6rem;
	}

	.faceCount {
		font-size: 1.6rem;
	}

	.ui-tabs .ui-tabs-panel {
		padding: 20px;
	}

	.acMenu .frompjmSubject {
		background: #F5F3F2;
		padding: 8px 16px;
	}

	.frompjmSubjectTxt {
		width: 90%;
	}

	.frompjmDate {
		width: 50%;
		text-align: left;
		letter-spacing: 0.08rem;
	}

	.frompjmClick {
		margin: 4px auto 0px;
		width: 30%;
	}

	.frompjmArea {
		margin-top: 8px;
	}

	.set {
		margin-top: 24px;
	}

	.set dl {
		margin-top: 24px;
	}

	.set dt {
		margin-bottom: 16px;
	}

	.set dt span {
		padding: 4px 8px;
	}

	.basicsearch .select {
		width: 100%;
	}

	.upArea dl {
		float: none;
		width: 100%;
 		padding: 1em;
	}

	.news article time {
		width: 20%;
	}

	.news article h3 {
		width: 76%;
	}
	
	.news article {
		margin-bottom: 24px;
	}
	
	.news article:last-child {
		margin-bottom: 0;
	}
	
	.newsAside {
		margin-top: 24px;
		margin-bottom: 24px;
	}	

	.sub h3 {
		width: 100%;
	}

	.mGraphText {
		font-size: 1.2rem;
	}

	.mGraph {
		width: 100%;
		float: none;
		height: auto;
		position: static;
		transform: none;
	}

	.mHeartArea {
		width: 40%;
		max-width: 200px;
		float: none;
		margin: 4em auto 0;
		position: relative;
	}

	.mHeartArea:before {
		content:"";
		background: #f2efea;
		position: absolute;
		width: 600%;
		height: 120%;
		left: -300%;
		z-index: -100;
		top: -10%;
	}

	.mGraph p {
		font-size: 2.2rem;
		line-height: 80px;
		height: 80px;
	}

	.mGraph p:after {
		font-size: 50%;
		margin-left:2px;
	}

	.mHeart:before {
		top: 2.8rem;
		line-height: 1.4rem;
		height: 1.4rem;
		font-size: 1.4rem
	}

	.mHeart p {
		top: 4rem;
		font-size: 3rem;
		line-height: 3rem;
		height: 3rem;
	}

	.mHeart p:after {
		font-size: 50%;
		margin-left: 2px;
	}

	.planTb thead tr:first-child th, #clonetable tr:first-child th {
		padding: 0.3em;
	}

	.radioLst {
		font-size: 1.4rem;
	}

	.radioLst li span {
		font-size: 1.3rem;
	}

	.radioLst li input {
		margin-right: 4px;
	}

	.planTb .tbUp, #clonetable .tbUp {
		width: 90%;
		font-size: 1.5rem;
	}

	.planTb thead tr:first-child th, #clonetable thead tr:first-child th {
		font-size: 1.8rem;
	}

	.planTb tbody th, .planTb tbody td {
		padding: 0.4em;
	}

	#clonetable {
		top: 0px !important;
	}

}

/* end-(max-width: 480px) */


/* for meanmenu */

.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative;
	/*
	background: #0c1923;
	*/
	padding: 4px 0;
	min-height: 42px;
	z-index: 999999;
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 13px 13px 11px 13px;
	position: absolute;
	top: 0;
	right: 16px;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #858079;
	margin-top: 44px;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 28px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: #aba7a2;
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.mean-remove {
	display: none !important;
}

/* end-for meanmenu */


/* for lightbox */

/* Preload images */

body:after {
	display: none;
}

.lightboxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: black;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	display: none;
}

.lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 1000;
	text-align: center;
	line-height: 0;
	font-weight: normal;
}

.lightbox .lb-image {
	display: block;
	height: auto;
	max-width: inherit;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.lightbox a img {
	border: none;
}

.lb-outerContainer {
	position: relative;
	background-color: white;
	*zoom: 1;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

.lb-outerContainer:after {
	content: "";
	display: table;
	clear: both;
}

.lb-container {
	padding: 4px;
}

.lb-loader {
	position: absolute;
	top: 43%;
	left: 0;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

.lb-cancel {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background: url(../img/loading.gif) no-repeat;
}

.lb-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

.lb-container > .nav {
	left: 0;
}

.lb-nav a {
	outline: none;
	background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
	height: 100%;
	cursor: pointer;
	display: block;
}

.lb-nav a.lb-prev {
	width: 34%;
	left: 0;
	float: left;
	background: url(../img/prev.png) left 48% no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.lb-nav a.lb-next {
	width: 64%;
	right: 0;
	float: right;
	background: url(../img/next.png) right 48% no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.lb-dataContainer {
	margin: 0 auto;
	padding-top: 5px;
	*zoom: 1;
	width: 100%;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
	content: "";
	display: table;
	clear: both;
}

.lb-data {
	padding: 0 4px;
	color: #ccc;
}

.lb-data .lb-details {
	width: 85%;
	float: left;
	text-align: left;
	line-height: 1.1em;
}

.lb-data .lb-caption {
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1em;
}

.lb-data .lb-number {
	display: block;
	clear: left;
	padding-bottom: 1em;
	font-size: 12px;
	color: #999999;
}

.lb-data .lb-close {
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	background: url(../img/close.png) top right no-repeat;
	text-align: right;
	outline: none;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

/* end-for lightbox */


/* for drawermenu */

.sidr {
	display: none;
	position: absolute;
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 999999;
	width: 260px;
	overflow-x: none;
	overflow-y: auto;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 15px;
	background: #333;
	color: #fff;
	-webkit-box-shadow: inset 0 0 5px 5px #222;
	-moz-box-shadow: inset 0 0 5px 5px #222;
	box-shadow: inset 0 0 5px 5px #222;
}

.sidr .sidr-inner {
	padding: 0 0 15px;
}

.sidr .sidr-inner>p {
	margin-left: 15px;
	margin-right: 15px;
}

.sidr.right {
	left: auto;
	right: -260px;
}

.sidr.left {
	left: -260px;
	right: auto;
}

.sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 {
	font-size: 11px;
	font-weight: normal;
	padding: 0 15px;
	margin: 0 0 5px;
	color: #fff;
	line-height: 24px;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));
	background-image: -webkit-linear-gradient(#4d4d4d,#1a1a1a);
	background-image: -moz-linear-gradient(#4d4d4d,#1a1a1a);
	background-image: -o-linear-gradient(#4d4d4d,#1a1a1a);
	background-image: linear-gradient(#4d4d4d,#1a1a1a);
	-webkit-box-shadow: 0 5px 5px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 5px 5px 3px rgba(0,0,0,0.2);
	box-shadow: 0 5px 5px 3px rgba(0,0,0,0.2);
}

.sidr p {
	font-size: 13px;
	margin: 0 0 12px;
}

.sidr p a {
	color: rgba(255,255,255,0.9);
}

.sidr>p {
	margin-left: 15px;
	margin-right: 15px;
}

.sidr ul {
	display: block;
	margin: 0 0 15px;
	padding: 0;
	border-top: 1px solid #1a1a1a;
	border-bottom: 1px solid #4d4d4d;
}

.sidr ul li {
	display: block;
	margin: 0;
	line-height: 48px;
	border-top: 1px solid #4d4d4d;
	border-bottom: 1px solid #1a1a1a;
}

.sidr ul li:hover,
.sidr ul li.active,
.sidr ul li.sidr-class-active {
	border-top: none;
	line-height: 49px;
}

.sidr ul li a,
.sidr ul li span {
	padding: 0 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}

.sidr ul li ul {
	border-bottom: none;
	margin: 0;
}

.sidr ul li ul li {
	line-height: 40px;
	font-size: 13px;
}

.sidr ul li ul li:last-child {
	border-bottom: none;
}

.sidr ul li ul li:hover,
.sidr ul li ul li.active,
.sidr ul li ul li.sidr-class-active {
	border-top: none;
	line-height: 41px;
}

.sidr ul li ul li a,
.sidr ul li ul li span {
	color: rgba(255,255,255,0.8);
	padding-left: 30px;
}

.sidr form {
	margin: 0 15px;
}

.sidr label {
	font-size: 13px;
}

.sidr input[type="text"],
.sidr input[type="password"],
.sidr input[type="date"],
.sidr input[type="datetime"],
.sidr input[type="email"],
.sidr input[type="number"],
.sidr input[type="search"],
.sidr input[type="tel"],
.sidr input[type="time"],
.sidr input[type="url"],
.sidr textarea,
.sidr select {
	width: 100%;
	font-size: 13px;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	border: none;
	background: rgba(0,0,0,0.1);
	color: rgba(255,255,255,0.6);
	display: block;
	clear: both;
}

.sidr input[type=checkbox] {
	width: auto;
	display: inline;
	clear: none;
}

.sidr input[type=button],
.sidr input[type=submit] {
	color: #333;
	background: #fff;
}

.sidr input[type=button]:hover,
.sidr input[type=submit]:hover {
	background: rgba(255,255,255,0.9);
}

.icnmenuArea {
	position: absolute;
	top: 10px;
	left: 0;
}

.icnmenuArea a {
	color: #FFF;
	display: block;
	width: 100%;
	height: 100%;
	font-size: 2rem;
	font-weight: bold;
	padding: 10px 20px;
}

.icnmenuAreaRight {
	position: absolute;
	top: 0px;
	right:0;
	box-sizing: content-box;
}

.icnmenuAreaRight a {
	width: 22px;
	height: 22px;
	padding: 13px 13px 11px;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
	color: #FFF;
	text-decoration: none;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	background: none repeat scroll 0% 0% #858079;
	box-sizing: content-box;
}

.icnmenuAreaRight a span {
	display: block;
	background: none repeat scroll 0% 0% #FFF;
	height: 3px;
	margin-top: 3px;
}

#sidr-right {
	background: #858079;
	box-shadow: 0px 0px 5px 5px #7E7777 inset;
	font-family: 'Source Sans Pro', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

#sidr-right ul li:hover>a,
#sidr-right ul li:hover>span,
#sidr-right ul li.active>a,
#sidr-right ul li.active>span,
#sidr-right ul li.sidr-class-active>a,
#sidr-right ul li.sidr-class-active>span {
	background: #B1A99E;
}

#sidr-right li ul li:hover>a,
#sidr-right li ul li:hover>span,
#sidr-right li ul li.active>a,
#sidr-right li ul li.active>span,
#sidr-right li ul li.sidr-class-active>a,
#sidr-right li ul li.sidr-class-active>span {
	background: #B1A99E;
}

#sidr-right ul li {
	border-bottom: 1px solid #6B655D;
	border-top: 1px solid #908069;
}

#sidr-left {
	font-family: 'Source Sans Pro', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

/* end-for drawermenu */


/* for faceTab */

.ui-tabs-vertical {
	padding: 0;
	overflow: hidden;
}

.ui-tabs-vertical .ui-widget-header { border: none; }
.ui-tabs-vertical .ui-tabs-nav {
	float: left;
	width: 30%;
	background: #CCC;
	border-radius: 4px 0 0 4px;
	box-sizing: border-box;
}

.ui-tabs-vertical .ui-tabs-nav li {
	width: 100%;
	border-width: 1px 0 1px 1px;
	border-radius: 4px 0 0 4px;
	overflow: hidden;
	position: relative;
}

.ui-tabs-vertical .ui-tabs-nav li a {
	display: block;
	width: 100%;
	padding: 0.6em 1em;
}

.ui-tabs-vertical .ui-tabs-nav li a:hover {
	cursor: pointer;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-state-active {
	margin-bottom: 0.2em;
	padding-bottom: 0;
	border-right: 1px solid white;
}
/*
.ui-tabs-vertical .ui-tabs-nav li:last-child {
	margin-bottom: 10px;
}
*/
.ui-tabs-vertical .ui-tabs-panel {
	float: left;
	width: -webkit-calc(100% - 11em);
	width: 70%;
	box-sizing: border-box;
}

/* end-for faceTab */


/* for 固定ページ */


/* end-for 固定ページ */