@charset "UTF-8";

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: serif;
	font-weight: normal;
	color: #111;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
}
a:link,
a:visited {text-decoration: none; color: #a98d5b;}
a:hover,
a:active {text-decoration: none; color: #caa056;}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}
ul {
	margin-block-start: 0em;
	margin-block-end: 0em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 0px;
}


* {
	box-sizing: border-box;
	vertical-align: bottom;
}

#inframe {
	background: transparent;
	text-align: center;
}
s {
	color: rgba(255,255,255,0.5);
}

img {
	border: none;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
.centerimg  {
	margin: 0px auto 36px;
}

/* header
 * --------------------------------------- */
#header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #faeee1;
	z-index: 200;
	box-shadow: 0px 4px 24px rgba(0,0,0,0.8);
}
#home #header {
	top: -160px;
	transition: all 0.4s ease-out 0s;
}
#home.down #header {
	top: 0px;
	transition: all 0.4s ease-out 0s;
}
#header-inner {
	position: relative;
	display: block;
	width: 100%;
	height: 100px;
	margin: 0;
	padding: 0;
}
#logo {
	position: absolute;
	top: 12px;
	left: 50%;
	display: block;
	width: 600px;
	height: 68px;
	margin: 0 0 0 -300px;
	padding: 0;
	font-size: 24px;
	line-height: 24px;
	overflow: hidden;
}
#logo img {
	width: auto;
	height: 68px;
}

#header-tel {
	position: absolute;
	top: 36px;
	left: 5%;
	margin: 0;
	padding: 0;
	text-align: left;
	letter-spacing: 0.02em;
	color: #222;
}
#header-tel a {
	color: #222;
}
#header-tel .teltr {
	float: left;
	display: block;
	width: 40px;
	height: 40px;
	padding-top: 5px;
	font-size: 18px;
	line-height: 1em;
}
#header-intertel .teltr {
	top: 36px;
	padding-top: 0px;
}
#header-tel .telno {
	float: left;
	display: block;
	font-size: 26px;
	padding-top: 0px;
	line-height: 1em;
}
#header-intertel .telno {
}
#header-open {
	position: absolute;
	top: 36px;
	right: 5%;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 1em;
	letter-spacing: 0.02em;
	color: #222;
}
#header-open .opentr {
	float: left;
	display: block;
	width: 40px;
	height: 40px;
	padding-top: 6px;
	font-size: 16px;
	line-height: 1em;
}
#header-open .openno {
	float: left;
	display: block;
	font-size: 26px;
	line-height: 1.01em;
	padding-top: 0px;
	line-height: 1em;
}
#header-open .jp {
	float: left;
	display: block;
	padding-top: 7px;
	padding-left: 5px;
	font-size: 14px;
	line-height: 1em;
}


/* footer
 * --------------------------------------- */
.section#footertop .sectionin {
	background-color: #fff;
}
#footermenu {
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}
#footermenu .en {
	font-size: 112%;
	font-weight: normal;
}
#footermenu div {
	float: left;
	margin: 0 auto 0 0;
	padding: 0;
	text-align: left;
	line-height: 1em;
	font-weight: bold;
}
#footermenu ul {
	margin: 0;
	list-style-type: none;
}
#footermenu li {
	margin: 0;
}
#footermenu li a:before {
	content:"＞";
	font-family: sans-serif;
	margin-right: 2px;
	line-height: 1em;
}
#footermenu a {
	color: #433a2b;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	 transition: .2s;
}
#footermenu a:hover {
	color: #fff;
	background-color: #433a2b;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	 transition: .2s;
}
#footer {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 20px 0 44px;
	text-align: center;
	font-size: 18px;
	color: #ffeed4;
	background-color: #180107;
	box-shadow: 0px -4px 16px rgba(0,0,0,0.6);
	overflow: hidden;
}
#footer::after {
	position: absolute;
	top: 0;
	left: 0;
	content:"";
	display: block;
	width: 100%;
	height: 1px;
background: #faf3e9;
background: linear-gradient(to right, #987e73 20%, #faf3e9 50%, #987e73 80%);
}
#footerlogo {
	display: table;
	width: auto;
	padding: 0;
	line-height: 1.3em;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.01em;
	text-align: center;
	color: #ffeed4;
}
#footerlogo img {
	display: block;
	width: auto;
	height: 68px;
	margin: 0 auto 8px;
}
#footerlogo span {
	display: block;
}
#footer-tel {
	display: table;
	letter-spacing: -.40em; /*隙間対策 */
	margin: 0 auto;
	padding: 0;
	vertical-align: middle;
	font-size: 17px;
}
#footer-tel div {
	display: inline-block;
	letter-spacing: normal; /*隙間対策 */
	margin: 0 8px;
	padding-bottom: 12px;
	vertical-align: middle;
	line-height: 1em;
}
#footer-tel a {
	color: #ffeed4;
}
#footer-tel a:hover {
	color: #fff;
}
#footer-tel .jp {
	display: inline-block;
	font-size: 13px;
	line-height: 1.1em;
}
#footer-tel a.telno {
	font-size: 20px;
}
#footer-tel a.telno:first-child {
	margin-right: 8px;
}
#footer-tel .telline {
	padding-bottom: 4px;
	padding-right: 30px;
	background: url(../images/line.png) right top no-repeat;
	background-size: 28px auto;
}
#footer-tel .telline .jp {
	display: block;
	font-size: 13px;
}
#copyright {
	padding-top: 8px;
	line-height: 1em;
	font-size: 12px;
}

#footerlink a {
	font-size: 12px;
	color: #888;
}



/* contents
 * --------------------------------------- */
#contents {
	margin: 0;
}
.section {
	width: 100%;
	margin: 0 0 0px;
	padding: 40px 0 40px;
	overflow: hidden;
}
.section#top-menu {
	padding: 0 0 20px;
}
.section#memberindex {
	padding: 4px 0 4px;
}
.sectionin {
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	overflow: hidden;
}
#member .sectionin ,
#detail .sectionin {
	padding: 0px 0 0px;
}
#ennews .sectionin ,
#phoneline .sectionin {
	background: #f2fbff;
}
#footertop .sectionin {
	padding: 12px 0 12px;
}
h2 {
	margin: 0;
	padding: 8px 0 8px;
	text-align: center;
	font-weight: normal;
	line-height: 1.2em;
	letter-spacing: 0.02em;
	color: #5a0d18;
}
h2 span:first-child ,
h2 span:last-child {
	color: #edd5b1;
}
h2 span:nth-child(2) ,
h2 span:nth-last-child(2) {
	color: #f4e3ca;
}
#top-menu h2 {
	padding: 0px 0 14px;
	color: #fff4e5;
	text-shadow: none;
	text-shadow: 0px 1px 4px rgba(0,0,0,1.0), 0px 1px 4px rgba(0,0,0,1.0), 0px 1px 4px rgba(0,0,0,1.0), 0px 1px 8px rgba(0,0,0,1.0), 0px 1px 8px rgba(0,0,0,1.0), 0px 1px 12px rgba(0,0,0,1.0), 0px 1px 12px rgba(0,0,0,1.0);
}
#top-menu h2 span:first-child ,
#top-menu h2 span:last-child ,
#top-menu h2 span:nth-child(2) ,
#top-menu h2 span:nth-last-child(2) {
	color: #ddc094;
}
#top-menu h2 span:nth-child(3) ,
#top-menu h2 span:nth-last-child(3) ,
#top-menu h2 span:nth-child(4) ,
#top-menu h2 span:nth-last-child(4) {
	color: #edd5b1;
}
#top-menu h2 span:nth-child(5) ,
#top-menu h2 span:nth-last-child(5) ,
#top-menu h2 span:nth-child(6) ,
#top-menu h2 span:nth-last-child(6) {
	color: #f4e3ca;
}
h3 {
	position: relative;
	max-width: 1080px;
	margin: 0 auto 8px;
	padding: 0px 0px 4px;
	line-height: 1em;
	font-weight: normal;
	text-align: center;
	color: #5a0d18;
}
h3::after {
	position: absolute;
	left: 0;
	bottom: 0px;
	content:"";
	display: block;
	width: 100%;
	height: 1px;
	background: #7e6850;
}
h3 .en {
	display: block;
	font-weight: normal;
	letter-spacing: 0.28em;
	text-indent: 0.28em;
	text-transform: uppercase;
	line-height: 1.0em;
}
h3 .en span:first-child ,
h3 .en span:last-child {
	color: #ddc094;
}
h3 .en span:nth-child(2) ,
h3 .en span:nth-last-child(2) {
	color: #edd5b1;
}
h3 .jp {
	display: block;
	color: #ead1a9;
}
h4 {
	position: relative;
	margin: 0 auto 16px;
	padding: 2px 20px 4px;
	line-height: 1.3em;
	letter-spacing: 0em;
	font-weight: normal;
	text-align: center;
	color: #5a0d18;
}
h5 {
	margin: 0 auto 4px;
	padding: 3px 0 6px;
	line-height: 1em;
	letter-spacing: 0px;
	text-align: left;
	font-weight: normal;
	color: #15405d;
}
#home h5 {
	padding: 20px 0 6px;
	text-align: center;
}
h5 > span {
	padding: 0 6px;
	border-bottom: solid 1px #e9eaeb;
}

.box {
	max-width: 1040px;
	margin: 0 auto;
	padding: 0px 0px 20px;
	overflow: hidden;
}
.txt {
	position: relative;
	max-width: 1040px;
	margin: 0 auto 40px;
	padding: 0px 12px;
	overflow: hidden;
}
.txt:last-child {
	margin: 0 auto;
}
.txthalf {
	padding: 0;
}
.txtnarrow {
	max-width: 860px;
}
.txtsearch .txtnarrow {
	margin: 0 auto 20px;
}
.txtbox {
	max-width: 840px;
	padding: 28px 28px 32px;
	background-color: #200109;
}
.txt p {
	margin: 0 auto 40px;
	padding: 0px 8px;
	text-align: left;
}
.txt p:last-of-type {
	margin: 0 auto;
}



.scview:nth-child(odd) {
	opacity: 0;
	transform: translate(120px,0); 
	-webkit-transform: translate(120px,0); 
}
.scview:nth-child(even) {
	opacity: 0;
	transform: translate(-120px,0); 
	-webkit-transform: translate(-120px,0); 
}
.effect:nth-child(odd) ,
.effect:nth-child(even) {
	opacity: 1;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition: 1.2s;
	-webkit-transition: 1.2s;
}
.sczoom .scview {
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0); 
	transform: scale(.6, .6);
	-webkit-transform: scale(.6, .6);
}
.sczoom .effect {
	opacity: 1;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transition: 1.0s;
	-webkit-transition: 1.0s;
}


/* enter
 * --------------------------------------- */
#enter {
	position: relative;
	display: block;
	width: 100%;
	height: calc(100vh - 200px);
	margin: 0;
	padding: 0;
}
#bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
#bg p {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 0;
}
#bg p#bg1 {
}
#bg p#bg2 {
	opacity: 0;
	animation: crossfade2 16s linear 2.8s infinite normal;
}
#bg p#bg3 {
	opacity: 0;
	animation: crossfade3 16s linear 2.8s infinite normal;
}
@keyframes crossfade2 { 
	0% { opacity:0; }
	24% { opacity:0; }
	36% { opacity:1; }
	56% { opacity:1; }
	68% { opacity:0; }
}
@keyframes crossfade3 { 
	0% { opacity:0; }
	56% { opacity:0; }
	68% { opacity:1; }
	88% { opacity:1; }
	100% { opacity:0; }
}

#enterbox {
	position: absolute;
	top: calc(50% - 88px);
	left: calc(50% - 480px);
	width: 420px;
	margin: 0;
	padding: 0;
}
#enterlogo {
	width: 100%;
	margin: 0;
	padding: 0;
	opacity: 0;
	animation: fadein 1.5s linear 0.4s 1 normal;
	animation-fill-mode: both;
}
#enterlogo img {
	width: 100%;
}
@keyframes fadein {
	0% { opacity:0; }
	100% { opacity:1; }
}
#enter::after {
	position: absolute;
	top: 50%;
	left: 0;
	content:"";
	display: block;
	width: 100%;
	height: 1px;
background: #faf3e9;
background: linear-gradient(to right, #987e73 20%, #faf3e9 50%, #987e73 80%);
	transform: translate(-100%,0);
	animation: lengthin 1.6s linear 2s 1 normal;
	animation-fill-mode: both;
}
@keyframes lengthin {
	0% { transform: translate(-100%,0); }
	100% { transform: translate(0,0); }
}

.entermenu {
	text-align: center;
	background: url(../images/header.gif) center top repeat-y #222;
	overflow: hidden;
}
#top-menu .entermenu {
	width: 100%;
	height: 200px;
	margin: 0 auto;
	padding: 24px 0 0;
	border-top: solid 1px #9c9282;
	border-bottom: solid 1px #9c9282;
	box-shadow: 0px 4px 24px rgba(0,0,0,0.8);
}
#enconcept .entermenu {
	max-width: 680px;
	margin: 0 auto 36px;
	padding: 24px 0;
	border: solid 1px #9c9282;
	box-shadow: 0px 2px 8px #000, 0px 2px 20px #000;
}
.section .entermenu ul {
	display: table;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#top-menu .entermenu ul {
	padding: 0 0 8px;
}
.section .entermenu ul li {
	display: table-cell;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}
.entermenu a {
	display: block;
	margin: 0 5px;
	text-align: center;
	vertical-align: middle;
	line-height: 1em;
	letter-spacing: 0.02em;
	text-indent: 0.2em;
	color: #ffeed4;
	-webkit-border-radius: 2px; /*角丸*/
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	 transition: .2s;
}
.entermenu a:hover {
	color: #ffeed4;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	 transition: .2s;
}
.entermenu .enmemen a {
	padding-left: 4px;
	background-color: #001144;
}
.entermenu .enmeladies a {
	padding-left: 4px;
	background-color: #510016;
}
.entermenu .enmemen a:hover {
	background-color: #0029a0;
}
.entermenu .enmeladies a:hover {
	background-color: #920027;
}
.entermenu .en {
	display: block;
	font-weight: normal;
	letter-spacing: 0.28em;
	text-indent: 0.28em;
	line-height: 1.0em;
}
.entermenu .jp {
	display: block;
}




#cate-menu {
	margin: 40px auto 40px;
	padding: 20px 0;
	text-align: center;
	border-top: solid 1px #9d9681;
	border-bottom: solid 1px #9d9681;
}
#cate-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
}
#cate-menu li {
	margin: 0;
	padding: 0 40px;
	width: 50%;
	text-align: center;
}
#cate-menu li:first-child {
	float: left;
	border-right: solid 1px #9d9681;
}
#cate-menu li:last-child {
	float: right;
}
#cate-menu li a {
	position: relative;
	display: block;
	width: 100%;
	height: 64px;
	letter-spacing: 0.1em;
	color: #111;
	overflow: hidden;
}
#cate-menu li .en {
	display: block;
	font-size: 140%;
	line-height: 1.8em;
}
#cate-menu li a:after {
	position: absolute;
	top: 0;
	content:"";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(208,200,197,0.4);
	z-index: -1;
	transition: 0.6s;
	-webkit-transition: 0.6s;
}
#cate-menu li:first-child a {
	background-image: url(../images/arrow_left.png);
	background-position: left 20px top 20px;
	background-repeat: no-repeat;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}
#cate-menu li:last-child a {
	background-image: url(../images/arrow_right.png);
	background-position: right 20px top 20px;
	background-repeat: no-repeat;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}
#cate-menu li:first-child a:hover {
	background-position: left 0px top 20px;
}
#cate-menu li:last-child a:hover {
	background-position: right 0px top 20px;
}
#cate-menu li:first-child a:after {
	right: 0;
	transform: translate(100%,0); 
	-webkit-transform: translate(100%,0);
}
#cate-menu li:last-child a:after {
	left: 0;
	transform: translate(-100%,0); 
	-webkit-transform: translate(-100%,0);
}
#cate-menu li a:hover:after {
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}




.txt-l {
	font-size: 120%;
	line-height: 120%;
}
.txt-ll {
	font-size: 140%;
	line-height: 120%;
}
.txt-s {
	font-size: 88%;
	line-height: 1.2em;
}
.txt-ss {
	font-size: 76%;
	line-height: 1.0em;
}
.white {
	color: #fff;
}

.red {
	color: #ff0000;
}
.sectionin ol ,
.sectionin ul {
	margin: 0 auto;
	padding: 20px 0 0px 32px;
	text-align: left;
}
.sectionin ul {
	list-style-type: disc;
}
.sectionin ol li ,
.sectionin ul li {
	margin: 0 auto;
	padding: 0 0 20px;
	line-height: 1.5em;
}
.sectionin ol li:last-of-type ,
.sectionin ul li:last-of-type {
	padding: 0 0 0px;
}
.txt .no {
	font-style: italic;
	font-size: 128%;
	margin-left: 4px;
	margin-right: 2px;
	font-weight: normal;
}
.txt dl dt {
	margin: 0;
	padding: 0 0 4px;
	line-height: 1.4em;
}
.txt dl dd {
	margin: 0 0 10px 0;
	padding: 0 0 8px 44px;
	line-height: 1.6em;
	border-bottom: solid 1px #e9eaeb;
}
.txt dl dd:last-child {
	border-bottom: solid 0px #e9eaeb;
}

.txt dl.qa dt ,
.txt dl.taiken dt {
	position: relative;
	margin: 0;
}
.txt dl.qa dt {
	color: #1490e3;
}
.txt dl.qa dt:before ,
.txt dl.taiken dt:before {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	display:block;
	line-height: 1em;
	text-align: center;
	color: #fff;
	background: #70baf4;
	-webkit-border-radius: 50%; /*角丸*/
	-moz-border-radius: 50%;
	border-radius: 50%;
	box-sizing: border-box;
}
.txt dl.qa dt:before {
	content:"Q";
}
.txt dl.taiken dt:before {
	content:"";
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.txt dl.taiken dt:nth-child(4n-3):before {
	background-image: url(../images/icon-taiken.jpg);
}
.txt dl.taiken dt:nth-child(4n-1):before {
	background-image: url(../images/icon-taiken2.jpg);
}

.txt dl.qa dd ,
.txt dl.taiken dd {
	position: relative;
	margin: 0 0 16px;
}
.txt dl.qa dd:before {
	content:"A";
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 6px 0 0;
	display:block;
	line-height: 1em;
	text-align: center;
	color: #fff;
	background: #ffacc1;
	-webkit-border-radius: 50%; /*角丸*/
	-moz-border-radius: 50%;
	border-radius: 50%;
	box-sizing: border-box;
}


.jyo {
	margin: 0 auto;
	padding: 0 0 0.4em;
	text-align: left;
	font-weight: bold;
	font-size: 1.16em;
	line-height: 1em;
}
.txt ol {
	margin: 0 auto;
	padding: 0.3em 0 0.3em 1.2em;
}
.txt ul {
	margin: 0 auto 0 0.6em;
	padding: 0.3em 0 0.3em 0.2em;
}
.txt li ol ,
.txt li ul {
	padding: 0.4em 0 0.4em;
}
.txt ol li ,
.txt ul li {
	padding: 0.2em 0 0.2em 0.1em;
	text-align: left;
	line-height: 1.6em;
}
.txt li ol li ,
.txt li ul li {
	padding: 0.2em 0 0.2em 0.1em;
}
.txt ul li {
	list-style-type: disc;
}

img.banner {
	display: inline-block;
	margin: 0 auto 12px;
	vertical-align: bottom;
}
div.banner a {
	position: absolute;
	width: 240px;
	height: 65px;
}
div.banner a#banner-party_men {
	top: 110px;
	left: 15px;
}
div.banner a#banner-party_ladies {
	top: 110px;
	left: 255px;
}
div.banner ,
a.banner {
	position: relative;
	display: inline-block;
	margin: 0 auto 12px;
	vertical-align: bottom;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	 transition: .2s;
}
a.bannerblock {
	display: block;
}
div.banner:hover ,
a.banner:hover {
	opacity: 0.6;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	 transition: .2s;
}

#mailframe {
	width: 800px;
	height: 560px;
	margin: 0 auto;
	border: none;
}
.pic {
	height: 360px;
	margin: 0;
	padding: 180px 0 0;
	border-bottom: solid 1px #c1a98c;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #e1e6eb;
	background-size: cover;
}
#pic_men {background-image: url(../images/pic_men.jpg);}
#pic_ladies {background-image: url(../images/pic_ladies.jpg);}
#pic_inquiry {background-image: url(../images/pic_inquiry.jpg);}


/*■■■■■登録人数・面談人数バナー*/
#numberlog {
	width: 680px;
	margin: 0;
}

.listbox {
	position: relative;
	width: 100%;
	margin: 0 auto 8px;
	text-align: left;
	background-color: #f6f4f3;
}
.listbox:last-child {
	margin: 0 auto 2px;
}
.flow ,
.qaques ,
.qaans {
	position: relative;
	line-height: 1.6em;
}
.flow {
	display: table;
	width: 840px;
	margin: 0 auto 30px;
	text-align: left;
	background-color: #200109;
	letter-spacing: -.40em; /*隙間対策 */
}
.flow:last-child {
	margin: 0 auto 0;
}
.flow::after {
	position: absolute;
	left: 0;
	bottom: -28px;
	display: block;
	width: 100%;
	height: 26px;
	content:"";
	background: url(../images/arrow.png) center 4px no-repeat;
}
.flow:last-child::after {
	display: none;
}
.flow img {
	height: 60px;
}
.flow > span {
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	letter-spacing: normal; /*隙間対策 */
}
.flow > span.ston {
	width: 84px;
}
.qaques {
	margin: 0 auto 6px;
	background-color: #ece9e8;
}
.qaques .more {
	display: none;
}
.qaans {
	margin: 0 auto 24px;
	background-color: #f6f4f3;
}
.listbox span.no ,
.flow span.no ,
.qaques span.no ,
.qaans span.no {
	position: absolute;
	left: 12px;
	display: block;
	line-height: 1em;
	letter-spacing: -0.1em;
	text-align: center;
	color: #fff;
	-webkit-border-radius: 50%; /*角丸*/
	-moz-border-radius: 50%;
	border-radius: 50%;
	box-sizing: border-box;
}
.listbox span.no ,
.flow span.no {
	top: 50%;
	background: #68001a;
}
.qaques span.no {
	background: #aa9f87;
}
.qaans span.no {
	background: #cac3b6;
}

/* cell
 * --------------------------------------- */
.cell {
	display: table;
	width: 100%;
	margin: 12px auto 12px;
	padding: 24px 20px;
	text-align: center;
	background: url(../images/header.gif) center top repeat-y #222;
	overflow: hidden;
	border: solid 1px #9c9282;
	box-shadow: 0px 2px 8px #000, 0px 2px 20px #000;
}
.cell .cset {
	margin: 0 auto 6px;
	line-height: 1.4em;
	background-color: #200109;
	overflow: hidden;
}
.cell .cset:last-child {
	margin: 0 auto 0px;
}
.cell .cset div {
	float: left;
	margin: 0;
	padding: 20px 20px 20px;
	font-size: 108%;
}
.pcell .cset div {
	font-size: 128%;
	color: #ffebcc;
}
.plcell .cset div {
	font-size: 160%;
	color: #ffebcc;
}
.cell .cset div .no {
	margin: 0 4px 0 0;
	font-style: italic;
	font-size: 140%;
}
.cell .cset div .txt-ss {
	font-size: 80%;
}
.cell .cset .cleft {
	width: 30%;
	text-align: right;
}
.cell .cset .cright {
	width: 70%;
	text-align: left;
}
.pcell .cset .cleft {
	width: 40%;
}
.pcell .cset .cright {
	width: 60%;
}
.plcell .cset .cleft {
	width: 36%;
}
.plcell .cset .ccenter {
	width: 16%;
	font-size: 80%;
}
.plcell .cset .cright {
	width: 48%;
}
.mcell .cset .cleft {
	color: #ffebcc;
}
.dcell .cset div {
	padding: 8px 20px 8px;
	font-size: 108%;
}
.dcell .cset .cleft {
	text-align: left;
}

.need {
	margin: 0 auto 0 4px;
	padding: 2px 3px 1px 3px;
	font-size: 84%;
	line-height: 80%;
	color: #fff;
	text-align: center;
	background-color: #475e72;
	-webkit-border-radius: 2px; /*角丸*/
	-moz-border-radius: 2px;
	border-radius: 2px;
}

/*form
*/
form {
	margin: 0;
	padding: 0;
	text-align: center;
}
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form input[type="date"],
form input[type="time"],
form select ,
form textarea {
	margin: 4px 0;
	font-size: 100%;
	line-height: 1.2em;
	background-color: #fff;
	border-top: solid 1px #bbb;
	border-right: solid 1px #ddd;
	border-left: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}
form input[type="text"] {
	width: 72%;
	padding: 2px 4px 2px;
}
form input[type="email"] {
	width: 48%;
}
form input[type="number"] {
	padding: 1px 0px 0px;
	font-size: 100%;
	line-height: 1.2em;
	background-color: #fff;
}
form textarea {
	width: 96%;
	padding: 2px 4px 2px;
}
form #inputage ,
form #inputcup ,
form .inputbody {
	width: 12%;
}
form #inputnum {
	width: 36%;
}
.files {
	clear: both;
	width: 100%;
	margin: 0 auto 8px 0;
}
.cell .cset div.files {
	padding: 0;
}
.cell .cset div.file {
	padding: 6px 20px;
}
.file {
	clear: both;
	float: none;
	display: inline-block;
	overflow: hidden;
	position: relative;
	margin: 0 auto 0 0;
	font-size: 15px!important;
	line-height: 1em;
	background-color: #fff;
	border-top: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.file input[type="file"] {
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	font-size: 100px;
	cursor: pointer;
}
#postmail {
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}



.button ,
input[type="submit"] {
	position: relative;
	display: block;
	text-align: center;
	font-size: 140%;
	line-height: 1em;
	letter-spacing: 0em;
	display: block;
	margin: 0 5px;
	text-align: center;
	vertical-align: middle;
	line-height: 1em;
	letter-spacing: 0.01em;
	color: #fff;
	background: #7e6850;
	border-radius: 6px;
	-webkit-transition: .2s;
	 transition: .2s;
}
input[type="submit"] {
	margin: 28px auto 20px;
}
.nextbutton {
	margin: 0px auto 20px;
}
.nextbutton .nextcom {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	margin: 0;
	line-height: 1em;
	letter-spacing: -0.1em;
	text-align: center;
	background-color: #333;
	background-image: url(../images/arrow_next.png);
	background-repeat: no-repeat;
	-webkit-transition: .2s;
	 transition: .2s;
}
.linebutton {
	display: block;
	margin: 12px auto 12px;
}
.button:link,
.button:visited {
	color: #111;
	text-decoration: none;
}
.button:hover,
input[type="submit"]:hover {
	color: #111;
	opacity: 0.7;
	-webkit-transition: .2s;
	 transition: .2s;
}
.nextbutton:hover .nextcom {
	color: #fff;
	background-color: #736c6a;
	-webkit-transition: .2s;
	 transition: .2s;
}


.courses {
	width: 96%;
	height: auto;
	margin: 0 auto 20px;
	padding: 10px 0 12px 36px;
	text-align: left;
	font-size: 1.06em;
	line-height: 1.4em;
	color: #fff4e5;
	border: solid 1px #9c9282;
	box-shadow: 0px 2px 8px #000, 0px 2px 20px #000;
}
.courses p {
	float: left;
	padding: 1em 1em 1em 0;
}




a.sbutton {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	padding: 0.3em 0;
	text-align: center;
	vertical-align: middle;
	font-size: 1em;
	line-height: 1em;
	letter-spacing: 0em;
	color: #fff;
	background: #7e6850;
	border-radius: 4px;
}

/* news
 * --------------------------------------- */
.news {
	width: 96%;
	height: auto;
	margin: 0 auto 4px;
	padding: 10px 0 12px;
	color: #111;
	border: solid 1px #9c9282;
	box-shadow: 0px 1px 6px rgba(0,0,0,0.4);
}
#news {
	margin: 0;
	height: 9em;
	overflow-y: auto;
}
.newstxt {
	margin: 0;
	padding: 0 1em;
}
.kiji {
	width: 100%;
	margin: 0 auto 0px;
	padding: 2px 0 6px;
	text-align: left;
	line-height: 1.1em;
	overflow: hidden;
}
.kiji:last-of-type {
	padding: 2px 0 0px;
}
.kiji .date {
	float: left;
	width: 96px;
	margin: 0;
	padding: 0 0 0 6px;
}
.kiji .com {
	float: right;
	width: calc(100% - 100px);
	margin: 0;
	padding: 0;
	text-align: left;
}
#member .kiji .com {
	width: 100%;
	float: none;
	text-align: center;
}
.kiji img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 12px;
}

/*■■■■■メンバーログイン内■■■■■*/
#searchpage {
	margin: 0;
	padding: 0;
	background: transparent;
}
#searchbox {
	overflow: hidden;
	position: relative;
	text-align: center;
	color: #111;
	background: #faf3e9;
	border: solid 1px #9c9282;
	box-shadow: 0px 1px 6px rgba(0,0,0,0.4);
}
form#serchform {
	display: table;
	vertical-align: top;
	overflow: hidden;
	letter-spacing: -.40em; /*隙間対策 */
}
form#serchform select ,
form#serchform input[type="text"] {
	padding: 1px 1px;
	font-size: 14px;
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	letter-spacing: normal; /*隙間対策 */
	vertical-align: top;
}
form#serchform input[type="submit"] {
	display: inline-block;
	vertical-align: top;
}
#memnum {
	width: 100%;
	margin: 0 auto 20px;
	text-align: center;
	vertical-align: top;
	font-size: 15px;
	line-height: 1em;
	letter-spacing: normal; /*隙間対策 */
}

#thumbindex {
	display: table;
	width: 100%;
	margin: 0 auto;
	line-height: 0em;
	letter-spacing: -.40em; /*隙間対策 */
}
.memcourse {
	display: table;
	border: 1px solid #c9b17e;
	overflow: hidden;
	letter-spacing: normal; /*隙間対策 */
}
.memcourse div {
	display: table;
	float: left;
}
.memcourse img {
	display: inline-block;
	height: 18px;
	vertical-align: middle;
}
.memcourse span {
	vertical-align: middle;
}
.thumb {
	position: relative;
	display: inline-block;
	padding: 0;
	line-height: 1.2em;
	text-align: center;
	overflow: hidden;
	background: #faf3e9;
	overflow: hidden;
	border: solid 1px #9c9282;
	box-shadow: 0px 1px 6px rgba(0,0,0,0.4);
	letter-spacing: normal; /*隙間対策 */
}
.thumb a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	color: #111;
}
.thumb a:hover {
	color: #111;
}
.thumb figure {
	padding: 0;
	position: relative;
	text-align: center;
	overflow: hidden;
}
.thumb figure img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	border-style: none;
	vertical-align: bottom;
}
.thumb figcaption {
	display: block;
	margin: 4px 0 0;
	padding: 4px 0 0;
	text-align: center;
	font-size: 112%;
	line-height: 1.04em;
}
.thumb figcaption span:first-child {
	display: inline-block;
	padding: 0.1em 0 0.3em;
}
.course {
	display: block;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
}
.thumb .course {
	width: 100%;
	height: 1em;
}
.courses .course {
	display: inline-block;
	height: 1.3em;
	background-position: left top;
}
.coursea {background-image: url(../images/coursea.png);}
.courseb {background-image: url(../images/courseb.png);}
.coursec {background-image: url(../images/coursec.png);}
.coursed {background-image: url(../images/coursed.png);}
.coursee {background-image: url(../images/coursee.png);}
.coursef {background-image: url(../images/coursef.png);}
.courseg {background-image: url(../images/courseg.png);}
.courseh {background-image: url(../images/courseh.png);}
.coursei {background-image: url(../images/coursei.png);}
.coursej {background-image: url(../images/coursej.png);}
.coursek {background-image: url(../images/coursek.png);}
.coursel {background-image: url(../images/coursel.png);}
.coursem {background-image: url(../images/coursem.png);}
.coursen {background-image: url(../images/coursen.png);}

.coursea {width: 1.2em;}
.courseb {width: 2.2em;}
.coursec {width: 2.2em;}
.coursed {width: 3.2em;}
.coursee {width: 3.2em;}
.coursef {width: 4.3em;}
.courseg {width: 4.3em;}
.courseh {width: 5.4em;}
.coursei {width: 5.4em;}
.coursej {width: 6.5em;}
.coursek {width: 6.5em;}
.coursel {width: 7.5em;}
.coursem {width: 7.5em;}
.coursen {width: 8.5em;}


.add .btnadd {
	display: inline-block;
}
.add .btnremove {
	display: none;
}
.remove .btnadd {
	display: none;
}
.remove .btnremove {
	display: inline-block;
}


html > body p.linkarea {
	margin: 0;
	padding: 0;
	line-height: 1px;
}
html > body p.linkarea a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	text-indent: -9999px;
	background-color: rgba(255,255,255,0);
}
html > body p.linkarea a:hover {
	background-color: rgba(255,255,255,0.5);
}



.thumb button {
	cursor: pointer;
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0.4em 0;
	text-align: center;
	font-size: 1.0em;
	line-height: 1em;
	color: #fff;
	border-style: none;
}
.thumb button.add {
	background-color: #7e6850;
}
.thumb button.remove {
	background-color: #bb5b27;
}


.detailmenu {
	margin: 20px auto 4px;
	text-align: center;
}
.detailmenu ul {
	display: table;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.detailmenu ul li {
	display: inline-block;
	margin: 0 4px 8px;
	color: #fff;
	list-style-type: none;
	vertical-align: top;
}
.detailmenu ul li a {
	display: block;
	padding: 16px 20px;
	font-size: 1.2em;
	line-height: 1em;
	letter-spacing: 0em;
	color: #111;
	background-color: #fdedd9;
	border: solid 1px #fff;
	-webkit-transition: .2s;
	 transition: .2s;
}
#member .detailmenu ul li a {
	padding: 16px 20px;
}
.detailmenu ul li a:hover {
	opacity: 0.6;
	-webkit-transition: .2s;
	 transition: .2s;
}
.detailmenu ul li.bangoon {
	margin: 0 16px 8px;
	padding: 16px 20px;
	font-size: 1.2em;
	line-height: 1em;
	color: #111;
	background-color: #e9d6c5;
	border: solid 1px #fff;
}
.detailmenu #prev{
	font-size: 1.2em;
}
.detailmenu #next{
	font-size: 1.2em;
}

#detailtxt {
	margin: 0;
	padding: 12px 20px 12px;
	text-align: left;
	background-color: #f6f4f3;
}

.leftbox {
	float: left;
	margin: 32px 16px 16px 0;
}
.rightbox {
	float: right;
	margin: 4px 0 16px 16px;
}
.center {
	text-align: center;
}



#contents-wrap {
	position: relative;
	margin: 0;
	padding: 0;
}
#page-top {
	position: fixed;
	bottom: 0px;
	right: 16px;
	display: none;
	width: 60px;
	height: 60px;
	padding-top: 2px;
	text-align: center;
	background: #faf3e9;
	border-radius: 5px;
	z-index: 890;
}
#page-top a {
	text-decoration: none;
	display: block;
	width: 56px;
	height: 56px;
	margin: 0 auto;
background: linear-gradient(to right, #e3c7a4 0%, #faf3e9 100%);
	border: 2px solid #32000d;
	border-radius: 5px;
}
#page-top a::after {
	content: "";
	position: absolute;
	right: 19px;
	top: 24px;
	width: 20px;
	height: 20px;
	border-top: 2px solid #32000d;
	border-right: 2px solid #32000d;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: .2s;
	transition: .2s;
}
#page-top a:hover {
	text-decoration: none;
	background-color: #cabdab;
}
#ladies #page-top a:hover {
}






/* PC *************************************
 * --------------------------------------- */
@media only screen and (min-width: 760px) {

body {
	min-width: 1100px;
	font-size: 15px;
	line-height: 1.5em;
}

button,
.button,
input[type="submit"] ,
form input[type="text"],
form select ,
form textarea {
	font-family: serif;
}
.pc {
	display: block;
}
.pcinline {
	display: inline-block;
}
.spinline ,
.sp {
	display: none;
}
.pcbr::before {
	content: "\A" ;
	white-space: pre ;
}

#footersp {
	display: none;
}

/* header
 * --------------------------------------- */
#header {
	height: 142px;
}
#menubtn {
	display: none;
}
#menu-wrap {
	display: block;
	width: 100%;
	height: 42px;
	margin: 0;
	padding: 0;
	text-align: center;
background: #987e73;
	border-top: solid 1px rgba(255,255,255,0.6);
	border-bottom: solid 1px rgba(255,255,255,0.6);
	overflow: hidden;
	z-index: 83;
}
#menu {
	display: table;
	margin: 0 auto 0;
	padding: 0;
	text-align: center;
	list-style-type: none;
background: #987e73;
background: linear-gradient(to right, #987e73 0%, #faf3e9 50%, #987e73 100%);
	letter-spacing: -.40em; /*隙間対策 */
	overflow:hidden;
}
#menu li {
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	letter-spacing: normal; /*隙間対策 */
}
#menu li:last-child {
}
#menu li a {
	display: block;
	width: auto;
	height: 40px;
	margin: 0;
	padding: 13px 20px 0px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0em;
	line-height: 1.0em;
	text-align: center;
	text-decoration: none;
	color: #111;
	overflow: hidden;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	 transition: .2s;
}
#menu li a.menformbtn {
	color: #fff;
background: rgba(0,0,0,0.3);
}
#menu li a.loginbtn {
	padding: 13px 32px 0px;
	color: #fff;
background: rgba(214,0,30,0.6);
}
#menu li a.lajoinbtn {
	padding: 13px 48px 0px 36px;
}
#menu li a.laformbtn {
	padding: 13px 48px 0px;
	color: #fff;
background: rgba(214,0,30,0.6);
}
#menu li a.formbtn {
	padding: 13px 28px 0px;
}

#menu li a:hover {
	color: #111;
	background: rgba(255,255,255,0.9);
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	 transition: .2s;
}
#altmenu-wrap {
	position: relative;
	display: none;
	width: 100%;
	height: 70px;
	margin: 0 auto 0;
	padding: 0;
}
.fixed #altmenu-wrap {
	display: block;
}

#footermenu {
	width: 800px;
	padding: 12px 0 12px;
	font-size: 18px;
}
#footermenu div {
	width: 200px;
	font-size: 18px;
}
#footermenu div:nth-child(3) {
}
#footermenu ul {
	padding: 8px 0 0;
}
#footermenu li {
	padding: 6px 0 0 6px;
	font-size: 14px;
}
#footermenu a:before {
	font-size: 9px;
}
#footer {
}
#footerlogo {
	margin: 4px auto 12px;
	font-size: 18px;
}

#bg {
	background-image: url(../images/bg.jpg);
}
#bg p#bg1 {
	background-image: url(../images/bg1.jpg);
}
#bg p#bg2 {
	opacity: 0;
	background-image: url(../images/bg2.jpg);
}

.entermenu a {
	width: 280px;
	padding: 8px 0;
}
.entermenu .en {
	font-size: 22px;
}


#footersp {
	display: none;
}

#contents {
	padding: 68px 0 28px;
}
#kiyaku #contents {
	padding: 20px 0 40px;
}
#home #contents {
	padding: 0px 0 28px;
}
#member #contents {
	padding: 4px 0 8px;
}
#member-favorite #contents {
	padding: 84px 0 28px;
}
#member_regist #contents {
	padding: 12px 0 28px;
}

#kiyaku .section {
	padding: 2.0em 0;
}
#kiyaku .txt {
	max-width: 1000px;
	padding: 0 2.0em;
	text-align: left;
}
#enconcept .txt {
	text-align: center;
	line-height: 2.0em;
}
.txthalf {
	float: left;
	width: 478px;
}
.txtcenter {
	text-align: center;
}
.txtsearch {
	max-width: 1000px;
	text-align: center;
	min-height: 480px;
	padding: 0px 12px 0px 200px;
}
.txt .leftimg ,
.txt .rightimg {
	width: 500px;
}
.leftimg {
	float: left;
	margin: 0 20px 20px 0;
}
.rightimg {
	float: right;
	margin: 0 0 20px 20px;
}
#join .leftimg {
	margin: 128px 20px 20px 0;
}
#join .rightimg {
	margin: 80px 0 20px 20px;
}
#lajoin .leftimg {
	margin: 128px 20px 20px 0;
}
#lajoin .rightimg {
	margin: 80px 0 20px 20px;
}

h2 {
	font-size: 48px;
}
#kiyaku h2 {
	font-weight: bold;
	font-size: 2.2em;
	line-height: 1em;
}
#top-menu h2 {
	font-size: 36px;
}
#member h2 {
	font-size: 36px;
}
h3 {
	font-size: 24px;
	letter-spacing: 0.04em;
	text-indent: 0.04em;
}
h3 .en {
	font-size: 44px;
}
h3 .jp {
	margin-top: 12px;
	font-size: 22px;
}
#detail h3 {
	margin: 0 auto 20px;
	font-size: 24px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 15px;
}



/* top
 * --------------------------------------- */
#top-menu .txt ,
.txt.txtleft ,
.txt.txtright {
	display: table;
}
.txthalf {
	display: table-cell;
	vertical-align: middle;
}
.txtleft .txthalf {
	float: right;
}
.txtright .txthalf {
	float: left;
}
#toppage #top-description .txthalf {
	padding-top: 40px;
}

#top-menu .leftimg ,
.txtright .leftimg {
	margin: 0 20px 0px 0;
}
#top-menu .rightimg ,
.txtleft .rightimg {
	margin: 0 0 0px 20px;
}
.txtright .leftimg ,
.txtleft .rightimg {
	width: 480px;
}
#top-menu .leftimg ,
#top-menu .rightimg {
	width: 580px;
}

#top-menu .txtleft {
	margin: 0 auto 40px;
}
#top-menu .txtright {
	margin: 0 auto 40px;
}
#top-menu .txthalf {
	width: 100%;
	height: 160px;
}
#top-menu .txtleft .txthalf {
	padding: 96px 0 0 100px;
}
#top-menu .txtright .txthalf {
	float: right;
	padding: 96px 0 0 680px;
}
#top-menu .txthalf p {
	font-size: 1.4em;
}
#top-menu .txthalf h4 ,
#top-menu .txthalf p {
	transition: 1.0s;
	-webkit-transition: 1.0s;
}
#top-menu .txthalf:hover h4 ,
#top-menu .txthalf:hover p {
	transition: 0.6s;
	-webkit-transition: 0.6s;
}
#top-menu .txtright .txthalf:hover h4 ,
#top-menu .txtright .txthalf:hover p {
	transform: translate(-80px,0); 
	-webkit-transform: translate(-80px,0px);
}
#top-menu .txtleft .txthalf:hover h4 ,
#top-menu .txtleft .txthalf:hover p {
	transform: translate(80px,0); 
	-webkit-transform: translate(80px,0px);
}

#top-menu a:after {
	position: absolute;
	top: 56px;
	display: block;
	width: 1020px;
	height: 100%;
	background: rgba(230,232,239,0.3);
	-webkit-transition: .6s;
	 transition: .6s;
}
#top-menu .txtleft a:after {
	left: 0;
}
#top-menu .txtright a:after {
	right: 0;
}
#top-menu .txthalf:hover:after {
	width: 100vw;
	background: rgba(230,232,239,0.6);
	-webkit-transition: .4s;
	 transition: .4s;
}
#top-menu h4 {
	padding: 0;
	letter-spacing: 0.1em;
}
#top-menu h4:after {
	top: 1.88em;
}
#top-menu h4 .en {
	font-size: 1.8em;
	line-height: 1.0em;
}
#top-menu h4 .jp {
	font-size: 0.8em;
	line-height: 1.0em;
}

#cate-menu {
	width: 1000px;
}





.listbox {
	padding: 8px 20px 8px 64px;
}
.flow {
	padding: 16px 28px 16px 80px;
}
.qaques{
	padding: 14px 20px 10px 64px;
}
.qaans {
	padding: 12px 20px 12px 64px;
}
.listbox span.no ,
.flow span.no ,
.qaques span.no ,
.qaans span.no {
	padding: 4px 0 0 1px;
	width: 40px;
	height: 40px;
	font-size: 31px;
}
.listbox span.no ,
.flow span.no {
	margin: -19px 0 0 12px;
}
.qaques span.no ,
.qaans span.no {
	top: 4px;
	margin: 0;
}

#news {
	height: 8em;
}
.kiji .date ,
.kiji .sub {
}




#searchbox {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 16px 16px 16px;
	width: 184px;
	height: auto;
}
form#serchform {
	width: 148px;
	height: 364px;
	text-align: left;
}
form#serchform select {
	width: 100%;
	margin: 0 auto 8px;
}
form#serchform input[type="text"] {
	width: 100%;
	margin: 8px auto 0px;
	padding: 3px 6px 2px;
}
form#serchform input[type="submit"] {
	width: 100%;
	height: 24px;
	margin: 12px auto 8px;
	padding: 4px 0 4px;
	font-size: 14px;
}
#thumbindex {
	padding: 0;
}
.memcourse {
	margin: 0 auto 16px;
	padding: 8px 8px 8px 8px;
	font-size: 16px;
	line-height: 1em;
}
.memcourse span {
	display: inline-block;
	margin: 0 12px 0 4px;
}

.thumb {
	width: 212px;
	height: 332px;
	margin: 0 12px 24px;
	font-size: 13px;
}
.thumb figure {
	width: 200px;
	height: 250px;
	margin: 5px auto 0;
}
.thumb figcaption {
	width: 100%;
	padding: 0px 0 0;
	line-height: 1.04em;
}
.course {
	height: 16px;
}

}

/* SP *************************************
 * --------------------------------------- */
@media only screen and (max-width: 759px) {

html ,
body {
	width: 680px;
}

body {
	font-size: 24px;
	line-height: 1.6em;
}
body#searchpage {
	width: 600px;
}

button,
.button,
input[type="submit"] ,
form input[type="text"],
form select ,
form textarea {
	font-family: serif;
}
.pcinline ,
.pc {
	display: none;
}
.sp {
	display: block;
}
.spinline {
	display: inline-block;
}
.spbr::before {
	content: "\A" ;
	white-space: pre ;
}



#bg {
	background-image: url(../images/bgsp.jpg);
}
#bg p#bg1 {
	background-image: url(../images/bgsp1.jpg);
}
#bg p#bg2 {
	opacity: 0;
	background-image: url(../images/bgsp2.jpg);
}
/* enter
 * --------------------------------------- */
#enter {
	height: calc(100vh - 440px);
}
#enterbox {
	top: calc(50% - 80px);
	left: calc(50% - 180px);
	width: 360px;
}
#top-menu .entermenu {
	height: auto;
	padding: 24px 0 20px;
}
.entermenu a {
	width: 280px;
	margin: 0 12px;
	padding: 12px 0 8px;
}
.entermenu .en {
	font-size: 28px;
	line-height: 1em;
}
.entermenu .jp {
	font-size: 24px;
	line-height: 1.4em;
}


/* header
 * --------------------------------------- */
#header {
	width: 680px;
	height: 100px;
}
#header::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content:"";
	display: block;
	width: 100%;
	height: 1px;
background: #faf3e9;
background: linear-gradient(to right, #987e73 20%, #faf3e9 50%, #987e73 80%);
}
#logo {
	top: 6px;
	height: 56px;
}
#logo img {
	width: auto;
	height: 56px;
}
#header-tel {
	top: 66px;
	left: 40px;
	width: auto;
}
#header-tel .teltr {
	width: auto;
	padding-top: 0px;
	padding-right: 6px;
	text-align: center;
	font-size: 24px;
	line-height: 1.2em;
	white-space: nowrap;
}
#header-tel .telno {
	float: none;
	width: auto;
	font-size: 28px;
	line-height: 1.04em;
	white-space: nowrap;
}
#header-open {
	top: 66px;
	right: 128px;
}
#header-open .opentr {
	display: none;
}
#header-open .openno {
	font-size: 28px;
	line-height: 1.04em;
}
#header-open .jp {
	padding-top: 4px;
	font-size: 21px;
	line-height: 1em;
}



/* footer
 * --------------------------------------- */
#footermenu {
	width: 620px;
	padding: 24px 0 0px;
	font-size: 24px;
}
#footermenu div {
	width: 300px;
	font-size: 24px;
}
#footermenu div:nth-child(3) {
	width: 316px;
}
#footermenu ul {
	padding: 8px 0 28px;
}
#footermenu li {
	padding: 8px 0 8px 10px;
	font-size: 22px;
}
#footermenu a:before {
	font-size: 11px;
}
#footer {
	padding: 28px 0 180px;
}
#footerlogo {
	margin: 0px auto 12px;
	font-size: 20px;
}

#mailframe {
	width: 680px;
	height: 1100px;
	margin: 0 auto;
	border: none;
}
#menubtn {
	position: fixed;
	top: 20px;
	right: 20px;
	width: 68px;
	font-size: 20px;
	line-height: 1em;
	letter-spacing: 0em;
	text-align: center;
	color: #222;
	overflow: hidden;
	z-index: 990;
}
.navBtn {
	position: relative;
	width: 60px;
	height: 50px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.navBtn .line {
	position: absolute;
	left: 0px;
	width: 56px;
	height: 3px;
	margin: 0;
	padding: 0;
	background: #222;
	-webkit-transition: .6s;
	 transition: .6s;
}
.navBtn .line.lineT {
	top: 0px;
	left: 6px;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.navBtn .line.lineC {
	top: 14px;
	left: 6px;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.navBtn .line.lineB {
	top: 28px;
	left: 6px;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.open .navBtn .line.lineT {
	top: 19px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.open .navBtn .line.lineC {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.open .navBtn .line.lineB {
	top: 19px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
#menu-wrap {
	position: fixed;
	top: 0;
	right: -682px;
	display: table;
	width: 680px;
	height: 100vh;
	background: rgba(250,238,225,0.94);
	z-index: 990;
	 transition: .6s;
}
.open #menu-wrap {
	position:fixed;
	right: 0;
	 transition: .6s;
}
#menu {
	display: table-cell;
	height: auto;
	margin: 0;
	padding: 0 0 0px;
	list-style-type: none;
	vertical-align: middle;
}
#menu li {
	display: block;
	width: 440px;
	margin: 0 auto 40px;
	padding: 4px;
background: #faf3e9;
background: linear-gradient(to right, #987e73 0%, #faf3e9 50%, #987e73 100%);
}
#menu li:last-child {
}
#menu li a {
	display: block;
	width: 432px;
	margin: 0 auto;
	padding: 24px 0 24px;
	text-align: center;
	font-size: 28px;
	line-height: 1em;
	letter-spacing: 0em;
	color: #111;
	border: solid 2px #32000d;
}
#menu li a.menformbtn {
	color: #fff;
background: rgba(0,0,0,0.3);
}
#menu li a.loginbtn {
	color: #fff;
background: rgba(214,0,30,0.6);
}
#menu li a.lajoinbtn {
}
#menu li a.laformbtn {
	color: #fff;
background: rgba(214,0,30,0.6);
}
#menu li a.formbtn {
}

#footersp {
	position: fixed;
	bottom: -1px;
	left: 0;
	display: block;
	width: 680px;
	height: 108px;
	padding: 8px 0 0;
	text-align: left;
	color: #ffeed4;
	background: url(../images/header.gif) center top repeat-y #4b4b4b;
	line-height: 0em;
	letter-spacing: -.40em; /*隙間対策 */
	z-index: 88;
	box-shadow: 0px -4px 24px rgba(0,0,0,0.8);
}
#footersp::after {
	position: absolute;
	left: 0;
	top: 0;
	content:"";
	display: block;
	width: 100%;
	height: 1px;
background: #faf3e9;
background: linear-gradient(to right, #987e73 20%, #faf3e9 50%, #987e73 80%);
}
#footersp a {
	display: inline-block;
	width: 136px;
	height: 92px;
	margin: 0 auto 0 0;
	padding: 4px 0 0;
	font-size: 20px;
	line-height: 1.2em;
	letter-spacing: 0em;
	text-align: center;
	color: #ffeed4;
	border-right: solid 1px #484848;
	letter-spacing: normal; /*隙間対策 */
}
#footersp a#fsptod {
	padding: 4px 0 0;
	font-size: 18px;
	line-height: 1.1em;
}
#footersp a img {
	display: block;
	width: auto;
	height: 60px;
	margin: 0 auto 4px;
}
#footersp a#fsptod img {
	height: 44px;
	margin: 0 auto 6px;
}

#news {
	margin: 0 auto 10px;
	width: 640px;
	height: auto;
}
#news {
	height: 7em;
}
.kiji .date {
	width: 128px;
}
.kiji .date ,
.kiji .sub {
}


#home #contents {
	padding: 0px 0 0;
}
.second #contents {
	padding: 8px 0 8px;
}


.section#memberindex {
	padding: 0px 0 20px;
}
#memberindex .sectionin {
	padding: 0px 0 0px;
}


.outbox {
	width: 680px;
}
.box {
	width: 680px;
	padding: 8px 0px 8px;
}
.txt {
	width: 640px;
	padding: 0px 0px;
	line-height: 1.5em;
}
#kiyaku .txt {
	padding: 0 10px;
	text-align: left;
}
#enconcept .txt {
	padding: 0px 12px;
	text-align: left;
}
.txthalf {
	margin: 0 auto 20px;
}
.txtbox {
	width: 640px;
	padding: 28px 20px;
}
.news {
	padding: 12px 0px;
}
.courses {
	width: 640px;
	padding: 8px 12px;
	font-size: 1em;
	line-height: 1.2em;
}
.courses p {
	padding: 1em 1em 1em 0;
}



.txt .leftimg ,
.txt .rightimg {
	max-width: 640px;
	margin: 0 auto 40px;
}
#faq .leftimg ,
#lafaq .leftimg ,
#faq .rightimg ,
#lafaq .rightimg {
	display: none;
}
#faq .txt ,
#lafaq .txt {
	padding: 0 0 0px;
}
#faq .txthalf ,
#lafaq .txthalf {
	margin: 0 auto 0px;
	padding: 0 0 0px;
}

.txt dl.qa dt {
	padding: 10px 0 8px 72px;
	min-height: 68px;
}
.txt dl.taiken dt {
	padding: 12px 0 8px 82px;
	font-size: 28px;
	min-height: 76x;
}
.txt dl.qa dt:before ,
.txt dl.taiken dt:before {
	padding: 6px 0 0;
	font-size: 44px;
}
.txt dl.qa dt:before {
	width: 60px;
	height: 60px;
}
.txt dl.taiken dt:before {
	width: 68px;
	height: 68px;
}
.txt dl.qa dd ,
.txt dl.taiken dd {
	padding: 6px 0 8px 72px;
	min-height: 68px;
}
.txt dl.qa dd:before {
	width: 60px;
	height: 60px;
	font-size: 44px;
}

h2 {
	padding: 16px 16px 4px;
	font-size: 52px;
	letter-spacing: 0.04em;
}
#kiyaku h2 {
	padding: 36px 0 0px;
	font-weight: bold;
	font-size: 1.9em;
	line-height: 1em;
}
#top-menu h2 {
	font-size: 32px;
	line-height: 1.2em;
}
#member h2 {
	padding: 8px 0px 0px;
	font-size: 44px;
}
h3 {
	padding: 0px 0px 0px;
	font-size: 36px;
	letter-spacing: 0.1em;
	text-indent: 0em;
	line-height: 1.3em;
}
h3 .en {
	display: block;
	font-weight: normal;
	font-size: 56px;
	letter-spacing: 0.4em;
	text-indent: 0.4em;
	line-height: 1.4em;
}
h3#info .en {
	letter-spacing: 0.2em;
}
h3 .jp {
	display: block;
	font-size: 28px;
}
#detail h3 {
	margin: 0 auto 20px;
	font-size: 32px;
}
h4 {
	font-size: 28px;
}
h5 {
	font-size: 25px;
}


/* top
 * --------------------------------------- */
#top-description .txt img ,
#top-menu .txt img {
	display: block;
	float: none;
	margin: 0 auto 20px;
}
#top-description .txt img {
	width: 480px;
}
#top-menu .txt {
}
#top-menu .txt img {
	width: 520px;
}
#top-menu .txtleft ,
#top-menu .txtright {
	width: 680px;
	height: 420px;
}
.txthalf {
	padding: 16px 0px;
}
#top-menu a.txthalf {
	width: 680px;
	padding: 0px 40px 0;
	top: 120px;
}
#top-menu .txtleft .txthalf {
	text-align: left;
}
#top-menu .txtright .txthalf {
	text-align: right;
}
#top-menu a:after {
	position: absolute;
	top: 0px;
	display: block;
	width: 640px;
	height: 260px;
	background: rgba(208,200,197,0.4);
}
#top-menu .txtleft a.txthalf:after {
	left: 0;
}
#top-menu .txtright a.txthalf:after {
	right: 0;
}
#top-menu h4 {
	margin-top: 132px;
	letter-spacing: 0.1em;
}
#top-menu h4:after {
	top: 2.0em;
}
#top-menu h4 .en {
	font-size: 1.8em;
	line-height: 1.0em;
}
#top-menu h4 .jp {
	font-size: 0.8em;
	line-height: 1.0em;
}


#cate-menu {
	width: 100%;
}
#cate-menu li {
	margin: 0;
	padding: 0 0px;
	width: 50%;
}
#cate-menu li:first-child a {
	padding-left: 20px;
}
#cate-menu li:last-child a {
	padding-right: 20px;
}
#cate-menu li .en {
	line-height: 1.2em;
}
#cate-menu li .jp {
	font-size: 0.8em;
	line-height: 1.2em;
	vertical-align: top;
}

.pic {
	height: 440px;
	padding: 180px 0 0;
}
#pic_men {background-image: url(../images/pic_mensp.jpg);}
#pic_ladies {background-image: url(../images/pic_ladiessp.jpg);}
#pic_inquiry {background-image: url(../images/pic_inquirysp.jpg);}


.listbox {
	padding: 8px 12px 8px 68px;
}
.flow ,
.qaques ,
.qaans {
	padding: 16px 20px 16px 68px;
}
.flow {
	width: 640px;
}
.qaques {
	padding: 20px 68px 12px 68px;
}
.qaques .more {
	position: absolute;
	right: 12px;
	bottom: 16px;
	display: inline-block;
	width: 2em;
	height: 1em;
	background: url(../images/arrow.gif) center top no-repeat;
	background-size: contain;
}
.qaans {
	padding: 16px 12px 20px 68px;
}
.listbox span.no ,
.flow span.no ,
.qaques span.no ,
.qaans span.no {
	padding: 4px 0 0 2px;
	width: 48px;
	height: 48px;
	font-size: 40px;
}
.listbox span.no ,
.flow span.no {
	margin: -22px 0 0;
}
.qaques span.no ,
.qaans span.no {
	top: 14px;
	margin: 0;
}

/* CELL */
.cell {
}
.pcell .cset {
	display: block;
}
.cell .cset div {
	padding: 20px 12px 20px;
	overflow: hidden;
}
.pcell .cset div {
	font-size: 120%;
}
.cell .cset div .no {
	font-size: 120%;
}
.pcell .cset div {
	float: left;
	font-size: 108%;
	line-height: 1.4em;
}
.pcell .cset .cleft {
	width: 38%;
}
.pcell .cset .ccenter {
	width: 12%;
	padding: 20px 12px 20px;
}
.pcell .cset .cright {
	width: 50%;
}
#lajoin .pcell .cset .cright {
	width: 62%;
}
.pcell .cset div .no {
	font-size: 128%;
	letter-spacing: -0.04em;
}
.pcell .cset div .txt-ss {
	font-size: 22px;
}
.mcell .cset {
}
.mcell .cset div {
	font-size: 108%;
}
.mcell .cset .cleft {
	width: 100%;
	padding: 20px 20px 8px;
	text-align: left;
}
.mcell .cset .cright {
	width: 100%;
	padding: 8px 20px 20px;
}




.button ,
input[type="submit"] {
	width: 560px;
	margin: 0 auto 40px;
	padding: 20px 0 20px;
	font-size: 112%;
	background-position: left 12px top 20px;
}
input[type="submit"] {
	margin: 28px auto 40px;
}
.nextbutton {
	padding: 16px 8px 12px 180px;
}
.nextbutton .nextcom {
	padding: 16px 16px 12px 32px;
	background-position: left 12px top 20px;
}
.file {
	font-size: 28px!important;
}
#btns a {
	width: 180px;
	margin: 0 8px 12px;
	padding: 14px 4px 12px;
	font-size: 28px;
	line-height: 28px;
}
#pagebango form a {
	width: 84px;
	height: 34px;
	padding: 6px 0 0;
	font-size: 24px;
	line-height: 24px;
}






.column-side ,
.columns ,
.columns-new {
	display: table;
}
.column-side {
	width: 100%;
	margin: 0;
	padding: 40px 0 0;
}
.columns .cothumb ,
.columns-new .cothumb {
	display: inline-block;
	width: 300px;
	margin: 0 10px 20px;
	padding: 0;
}
.columns .cothumb {
	height: 640px;
}
.columns-new .cothumb {
	height: 480px;
}
.column-side .columns-new .cothumb {
	height: 308px;
}
.cothumb figure {
	width: 300px;
	height: 200px;
}
.cothumb figcaption {
	font-size: 22px;
}
.columns .cothumb figcaption ,
.columns-new .cothumb figcaption {
	width: 100%;
	font-size: 22px;
}
.columns .cothumb figcaption {
	height: 440px;
}
.columns-new .cothumb figcaption {
	height: 280px;
}
.column-side .columns-new .cothumb figcaption {
	height: 108px;
}
.txt  span.cotumbdate ,
.cothumb figcaption span.cotumbdate {
	font-size: 26px;
	line-height: 1.3em;
}
.columns .coicon ,
.columns-new .coicon {
	left: 0;
	top: 208px;
	height: 26px;
	font-size: 22px;
}
.txt .coicon  {
	left: 0;
	top: 0;
	height: 30px;
	font-size: 26px;
}
.txt .newicon ,
.cothumb .newicon {
	top: 0;
	width: 72px;
	height: 30px;
	font-size: 28px;
}
.cothumb .newicon {
	left: 0;
}
.txt .newicon {
	right: 132px;
}


/*form
 * --------------------------------------- */
form input[type="text"],
form textarea {
	margin: 16px auto 16px;
	width: 90%;
	font-size: 28px;
	line-height: 1.3em;
	line-height: 1.4em;
	font-family: serif;
}
form select {
	margin: 16px auto 16px;
	font-size: 28px;
	line-height: 1.3em;
	line-height: 1.4em;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="time"],
select ,
textarea ,
.file input[type="file"] {
	padding: 2px 4px;
	font-size: 24px;
	line-height: 1.2em;
	font-family: 'Times New Roman',serif;
	border: 1px;
}


.kiji .com {
	font-size: 1.1em;
	line-height: 1.1em;
}

#searchbox {
	margin: 0 auto 16px;
	padding: 20px 0px 12px;
	width: 640px;
	height: auto;
	min-height: 80px;
}
form#serchform {
	width: 608px;
	height: 160px;
	margin: 0 auto 0px;
	text-align: left;
	font-size: 22px;
	line-height: 1.2em;
	overflow: hidden;
}
form#serchform select ,
form#serchform input[type="text"] {
	width: 24%;
	margin: 0 1% 20px 0px;
	font-size: 22px;
	line-height: 1.2em;
}
form#serchform input[type="text"] {
	float: left;
	width: 48%;
	margin: 0 3% 20px 0;
	padding: 4px 0 4px;
	font-size: 22px;
	line-height: 1.1em;
}
form#serchform input[type="submit"] {
	float: left;
	margin: 0 auto 0 0;
	padding: 1px 0 1px;
	width: 26%;
	height: 40px;
	text-align: center;
	font-size: 22px;
	line-height: 1em;
}
#memnum {
	float: right;
	width: 20%;
	padding: 6px 0px 4px;
	font-size: 24px;
	line-height: 1em;
}
#thumbindex {
	padding: 0 0px;
}

.memcourse {
	margin: 0 auto 16px;
	padding: 8px 8px 8px 10px;
	width: 640px;
	font-size: 24px;
	line-height: 1em;
}
.memcourse div {
	width: 23%;
	margin: 0 1%;
}
.memcourse div:first-child {
	width: 100%;
	margin: 0 0 6px;
}
.memcourse img {
	display: block;
	height: 24px;
	margin: 0 auto 4px;
}
.memcourse span {
	display: block;
	margin: 0 10px 0 6px;
}

.thumb {
	width: 300px;
	height: 498px;
	margin: 0 10px 20px;
	text-align: center;
}
.thumb figure {
	margin: 10px auto 0;
	width: 280px;
	height: 370px;
}
.thumb figcaption {
	padding: 0px 0 0px;
	width: 100%;
	font-size: 22px;
	line-height: 1.04em;
}
.thumb figcaption span {
	font-size: 24px;
}
.thumb figcaption span.course {
	height: 22px;
	margin: 4px 0 0;
}
.icon {
	width: 80px;
	height: 80px;
}
.thumb button {
	padding: 7px 0 7px;
	font-size: 22px;
}
#detailimg {
	margin: 0 auto 12px;
}
#detailimg img {
	max-width: 640px;
	margin: 0 auto 12px;
}

#page-top {
	bottom: 100px;
	right: 16px;
}

}
















/* Detail *************************************
 * --------------------------------------- */
.detailbody {
	padding: 8px 0 12px;
}
#detail {
	display: block;
	max-width: 1000px;
	margin: 0 auto 0;
	padding: 0 0 12px;
	overflow: hidden;
	overflow: hidden;
	background: #faf3e9;
	border: solid 1px #9c9282;
	box-shadow: 0px 1px 6px rgba(0,0,0,0.4);
}
.newsbody #detail {
	background: #fff;
}
#detailin {
	overflow: hidden;
}
#detailnews {
	width: 96%;
	margin: 0 auto 0;
	padding: 20px;
	font-size: 24px;
}
#detailnews .kiji {
	line-height: 1.5em;
	color: #000;
}
#detailleft {
	float: left;
	width: 540px;
	margin: 0 auto 0 0px;
	padding: 0;
}
#detailright {
	float: right;
	width: 440px;
	margin: 0 0 0 auto;
	padding: 16px 0 0;
	text-align: left;
	overflow-x: hidden;
}
#detailbox {
	margin: 0;
}
#detailno {
	margin: 0;
	padding: 0 0 0 4px;
	font-size: 18px;
	line-height: 1em;
	color: #68532a;
}
.no {
	font-family: Times New Roman;
	font-size: 24px;
}
#detailright h2 {
	margin: 0 0 8px;
	padding: 8px 0 0;
	font-size: 1.4em;
	line-height: 1em;
	font-weight: normal;
}
#detailright h3 {
	margin: 0 0 16px;
	padding: 0 0 4px;
	font-size: 1.8em;
	line-height: 1em;
	font-weight: normal;
}

.course {
	display: block;
	margin: 0 0 12px 2px;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
}
.coursea {background-image: url(../images/coursea.png);}
.courseb {background-image: url(../images/courseb.png);}
.coursec {background-image: url(../images/coursec.png);}
.coursed {background-image: url(../images/coursed.png);}
.coursee {background-image: url(../images/coursee.png);}
.coursef {background-image: url(../images/coursef.png);}
.courseg {background-image: url(../images/courseg.png);}
.courseh {background-image: url(../images/courseh.png);}
.coursei {background-image: url(../images/coursei.png);}
.coursej {background-image: url(../images/coursej.png);}
.coursek {background-image: url(../images/coursek.png);}
.coursel {background-image: url(../images/coursel.png);}
.coursem {background-image: url(../images/coursem.png);}
.coursen {background-image: url(../images/coursen.png);}




.txt-s {
	font-size: 0.8em;
	letter-spacing: -0.04em;
}
#detailright p {
	margin: 0;
	padding: 0 10px 12px 10px;
	line-height: 1.2em;
}
.dcell {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
}
.dfcell {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
.dcell .dset {
	width: 100%;
	margin: 0 0 4px;
	overflow: hidden;
}
.dcell .dset:nth-child(even) {
}
.dcell .dset:nth-last-child(3) ,
.dcell .dset:nth-last-child(2) ,
.dcell .dset:last-child {
}
.dcell .dset div {
	float: left;
	margin: 0;
	text-align: left;
	font-size: 14px;
	color: #111;
}
.dcell .dleft {
	width: 32%;
	padding: 6px 0px 4px 5px;
	line-height: 1em;
	background-color: #f2e2ce;
}
.dcell .dright {
	width: 68%;
	padding: 3px 0 2px 4px;
	line-height: 1.1em;
	min-height: 1.6em;
}
.detailcom {
	clear: both;
}

#detail button.button_f ,
input[type="submit"] ,
.button {
	cursor: pointer;
	display: inline-block;
	width: 240px;
	margin: 0 0.4em 0.8em;
	padding: 0.4em 0;
	text-align: center;
	font-size: 1.1em;
	line-height: 1em;
	letter-spacing: 0.01em;
	color: #fff;
	background: #7e6850;
	border-style: none;
	border-radius: 6px;
	-webkit-transition: .2s;
	 transition: .2s;
}
#detail button.button_f {
	width: 280px;
}
#detail button.button_f.remove ,
button.remove {
	background-color: #bb5b27;
}
input[type="submit"] {
	margin: 1.4em auto 1.4em;
}
.button:link,
.button:visited {
	color: #fff;
	text-decoration: none;
}
.button:hover {
	color: #fff;
	opacity: 0.7;
	-webkit-transition: .2s;
	 transition: .2s;
}
.sbutton {
	width: 150px;
	margin: 0.4em auto 0px;
	padding: 0.2em 0;
}

.btn:link,a.btn:visited {
	color: #463521;
	text-decoration: none;
}
.btn:hover {
	color: #463521;
	text-decoration: none;
}
.nextbutton {
	padding: 10px 8px 10px 140px;
}
.nextbutton .nextcom {
	padding: 10px 12px 10px 26px;
	background-position: left 6px top 11px;
	-webkit-border-radius: 6px; /*角丸*/
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#btns a {
	width: 120px;
	margin: 0 4px;
	padding: 12px 4px;
	font-size: 16px;
	line-height: 17px;
}
#pagebango form a {
	width: 68px;
	height: 23px;
	padding: 5px 0 0;
	font-size: 14px;
	line-height: 14px;
}



/*----------------------------------------------------------------
* スライドショー
----------------------------------------------------------------*/
.photos {
	position: relative;
	display: block;
	width: 520px;
	height: 848px;
	margin: 0 auto;
	padding: 12px 0 0;
	text-align: center;
}
.photos .flexslider {
	height: 848px;
	margin: 0 auto 0;
}
.photos .flexslider .slides {
	width: 520px;
	height: 780px;
	margin: 0 auto 0px;
	overflow: hidden;
}
.flex-control-thumbs {
	position: absolute;
	z-index: 2;
	left: 10px;
	bottom: 8px;
	width: 240px;
	height: 50px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.flex-control-thumbs li {
	width: 36px;
	height: 48px;
	margin: 0 4px 0 0;
	padding: 0;
	background: rgba(255,255,255,0.0);
	border-style: none;
	overflow: hidden;
}

.flex-control-thumbs img {
	width: auto;
	height: 48px;
	border-style: none;
}
.flex-control-thumbs img:hover {
	border-style: none;
}
.flex-control-thumbs .flex-active {
	background: rgba(255,255,255,0.0);
	overflow: hidden;
}


/* PC *************************************
 * --------------------------------------- */
@media only screen and (min-width: 700px) {


body.detailbody {
	font-size: 14px;
	line-height: 1.4em;
}

#header {
	height: 60px;
	margin: 0 auto 12px;
	padding: 4px 0 0;
}
h1 img {
	height: 52px;
}
#headerbutton {
	width: 48px;
	height: 48px;
	padding: 8px 0 0;
}
#headerbutton img {
	width: auto;
	height: 28px;
}
#detailboxin {
	width: 420px;
	height: auto;
	padding: 0px 0px 28px 0px;
	overflow-x: hidden;
	overflow-y: auto;
}
.dlcell {
	width: 50%;
}
.drcell {
	width: 50%;
}
.detailcom {
	margin: 12px 0 0;
	padding: 0 0 8px;
	line-height: 21px;
	background: url(../images/line21.gif) center top repeat;
}
#footer {
}
#footer #tel {
	display: none;
}
#detail {
	padding: 0;
}
#detail .course ,
#detail .lank {
	width: 100%;
	height: 18px;
}



}

/* SP *************************************
 * --------------------------------------- */
@media only screen and (max-width: 699px) {


body.detailbody {
	font-size: 24px;
	line-height: 1.4em;
}

#header {
	position: fixed;
	top: 0;
	left: 0;
	height: 80px;
	margin: 0 auto 0px;
	padding: 10px 0 0;
	z-index: 94;
}
h1 img {
	height: 60px;
}
#headerbutton {
	width: 68px;
	height: 68px;
	padding: 12px 0 0;
}
#headerbutton img {
	width: auto;
	height: 40px;
}
#bodybutton {
}

/* footer
 * --------------------------------------- */
#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 80px;
	padding: 14px 0 0;
	text-align: center;
	font-size: 1.44em;
	line-height: 1.1em;
	color: #fff;
	background-color: #000;
	z-index: 90;
}
#telbtn {
	float: left;
	margin: 0px 0px 0 8px;
}
#footeropen {
	margin-left: 0.6em;
}


#detail {
	padding: 20px 0 0px;
}
#detailleft {
	float: none;
	width: 640px;
	margin: 0 auto;
}
#detailright {
	float: none;
	width: 640px;
	margin: 0 auto;
}
#detailboxin {
	width: 620px;
	height: auto;
	margin: 0 auto;
	padding: 20px 0px 40px;
}
#detailno {
	font-size: 26px;
}
.no {
	font-size: 32px;
}
#detailright h2 {
	font-size: 36px;
}
#detailright h3 {
	margin: 0 auto 28px;
}
#detailright h4 .age {
	font-size: 26px;
}
#detail .course ,
#detail .lank {
	width: 100%;
	height: 1.4em;
}


.dcell .dset div {
	font-size: 24px;
}
.detailcom {
	margin: 16px 8px 0 0;
	padding: 0 0px 0px;
	line-height: 36px;
	background: url(../images/line36.gif) center top repeat;
}
a.button {
	width: 240px;
	margin: 16px 16px 60px;
	font-size: 28px;
}
a.sbutton {
	width: 240px;
	margin: 6px auto 0px;
	padding: 9px 0;
	font-size: 22px;
}


/*----------------------------------------------------------------
* スライドショー
----------------------------------------------------------------*/
.photos {
	display: block;
	width: 600px;
	height: 988px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.photos .flexslider {
	margin: 0 auto 0;
	height: 988px;
}
.photos .flexslider .slides {
	width: 600px;
	height: 900px;
	margin: 0 auto 0px;
	overflow: hidden;
}
.flex-control-thumbs {
	position: relative;
	left: 0;
	bottom: 0;
	display: table;
	width: auto;
	height: 100px;
	margin: 0 auto;
	padding: 12px 0 0;
	overflow: hidden;
}
.flex-control-thumbs li {
	display: inline-block;
	width: 60px;
	height: 80px;
	margin: 0 4px 0;
	padding: 0;
	background: rgba(255,255,255,0.0);
	border-style: none;
	overflow: hidden;
}
.flex-control-thumbs img {
	width: auto;
	height: 80px;
	border-style: none;
}
.flex-control-thumbs img:hover {
	border-style: none;
}
.flex-control-thumbs .flex-active {
	background: rgba(255,255,255,0.0);
	overflow: hidden;
}


}