@charset "utf-8";

/* ENTRY SHEET / 404ページ
==============================================*/
.page-template-default #main,
.page-template #main,
.error404 #main {
	padding: 81px 0 50px;
}
.page-template-default #content,
.page-template #content,
.error404 #content {
	max-width: 676px;
	margin: auto;
}
.page-template-default .entry-title,
.page-template .entry-title,
.error404 .entry-title  {
	font-family: 'Quicksand', sans-serif;
	color: #000;
	font-size: 28px;
	line-height: 100%;
	letter-spacing: 1px;
	text-align: center;
	background: transparent;
	margin-bottom: 28px;
	padding: 0;
}
@media screen and (max-width: 719px) {
	.page-template-default #main,
	.page-template #main,
	.error404 #main {
		padding: 81px 0 40px;
	}
}
/*-- フォーム --*/
input,
select,
textarea,
button {
	border: none;
	outline: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
select::-ms-expand { /* IE */
    display: none;
}
input::placeholder {
  color: #ccc;
  font-size: 12px;
}
input:-ms-input-placeholder { /* IE */
  color: #ccc;
  font-size: 12px;
}
input::-ms-input-placeholder { /* Edge */
  color: #ccc;
  font-size: 12px;
}
input:-webkit-autofill { /* Auto Complete Reset */
	-webkit-text-fill-color: #333 !important;
	box-shadow: 0 0 0px 1000px #fff inset;
}
/* レイアウト */
.lisket-form-maker-form {
	font-size: 13px;
}
.lisket-form-maker-form dl + dl {
	border-top: 1px dotted #666;
	margin-top: 20px;
	padding-top: 20px;
}
.lisket-form-maker-form dt {
	background: #daf5fe;
	border-left: 3px solid #1db8ee;
	margin-bottom: 10px;
	padding: 10px 10px 7px;
}
.lisket-form-maker-form dt span {
	color: #ff33cc;
	padding-left: 7px;
}
/* 入力エリア */
.lisket-form-maker-form dd input[type="text"],
.lisket-form-maker-form dd input[type="email"],
.lisket-form-maker-form dd select,
.lisket-form-maker-form dd textarea {
	width: 100%;
	height: 35px;
	color: #333;
	font-size: 100%;
	background: #fff;
	border: 1px solid #666;
	display: block;
	padding: 5px;
}
.lisket-form-maker-form dd textarea {
	height: 180px;
}
.lisket-form-maker-form dd input[type="text"]:focus,
.lisket-form-maker-form dd input[type="email"]:focus,
.lisket-form-maker-form dd select:focus,
.lisket-form-maker-form dd textarea:focus {
	border-color: #2282fd;
}
@media screen and (max-width: 719px) {
	.lisket-form-maker-form dd textarea {
		height: 150px;
	}
}
/* ラジオボタン */
.lisket-form-maker-form dd input[type="radio"] {
	display: none;
}
.lisket-form-maker-form .radio dd div {
	font-size: 0;
}
.lisket-form-maker-form .radio dd #data_field_2 {
	height: 35px;
	border: 1px solid #666;
}
.mw_wp_form_confirm .lisket-form-maker-form .radio dd #data_field_2 {
	height: auto;
	font-size: 13px;
	border: none;
}
.lisket-form-maker-form .radio dd #data_field_2:focus {
	border-color: #2282fd;
	outline: none;
}
.lisket-form-maker-form .radio dd label span {
	width: auto;
	height: 35px;
	font-size: 12px;
	line-height: 35px;
	background: #fff url(/wp-content/themes/loutusong/images/form/radio_off.png) 5px center no-repeat;
	background-size: 15px;
	border: 1px solid transparent;
	display: inline;
	margin-right: 0;
	padding: 0 5px 0 25px;
	cursor: pointer;
}
.lisket-form-maker-form dd input[type="radio"]:checked + span {
	background: #fff url(/wp-content/themes/loutusong/images/form/radio_on.png) 5px center no-repeat;
	background-size: 15px;
	border-color: transparent;
}
.lisket-form-maker-form .radio dd label span:last-child {
	margin-right: 0;
}
/* セレクトボックス */
.lisket-form-maker-form dd select {
	background: #fff url(/wp-content/themes/loutusong/images/form/select_down.png) right 5px center no-repeat;
	cursor: pointer;
}
/* 各項目の設定 */
.mw_wp_form_input .lisket-form-maker-form .adress dd + dd {
	margin-top: 10px;
}
.mw_wp_form_confirm .lisket-form-maker-form .adress dd {
	float: left;
}
.lisket-form-maker-form .gender {
	width: 50%;
	float: left;
	display: inline-block;
	padding-right: 15px;
}
.lisket-form-maker-form .age {
	width: 50%;
	display: inline-block;
}
.lisket-form-maker-form .age dd {
	position: relative;
}
.lisket-form-maker-form .age dd input {
	width: 93%;
	display: inline-block;
}
.lisket-form-maker-form .age dd font {
	position: absolute;
	top: 9px;
	right: 5px;
}
.mw_wp_form_confirm .lisket-form-maker-form .age dd font {
	position: relative;
	top: 0;
	right: 3px;
}
.lisket-form-maker-form .birthday.year,
.lisket-form-maker-form .birthday.month,
.lisket-form-maker-form .birthday.day {
	border: none;
	margin: 0;
	padding: 0;
}
.lisket-form-maker-form .birthday.day + dl {
	clear: both;
	margin-top: 65px;
}
.lisket-form-maker-form .birthday.year dt,
.lisket-form-maker-form .birthday.month dt,
.lisket-form-maker-form .birthday.day dt {
	display: none;
}
.lisket-form-maker-form .birthday dd {
	width: 33.33333333333333%;
	float: left;
	position: relative;
}
.mw_wp_form_confirm .lisket-form-maker-form .birthday dd {
	width: auto;
}
.lisket-form-maker-form .birthday dd select {
	width: 90%;
	display: inline-block;
}
.lisket-form-maker-form .birthday dd font {
	position: absolute;
    top: 9px;
    right: 5px;
}
.mw_wp_form_confirm .lisket-form-maker-form .birthday dd font {
	position: relative;
	top: 0;
	right: 3px;
}
@media screen and (max-width: 719px) {
	.lisket-form-maker-form .gender {
		width: 100%;
		float: none;
		padding-right: 0;
	}
	.lisket-form-maker-form .age {
		width: 100%;
	}
	.lisket-form-maker-form .age dd input {
		width: 94.5%;
	}
	.lisket-form-maker-form .age dd font {
		right: 0;
	}
	.lisket-form-maker-form .birthday.day + dl {
		margin-top: 20px;
	}
	.lisket-form-maker-form .birthday dd {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}
	.mw_wp_form_confirm .lisket-form-maker-form .birthday dd {
		float: left;
	}
	.lisket-form-maker-form .birthday dd select {
		width: 94.5%;
	}
	.lisket-form-maker-form .birthday dd font {
		right: 0;
	}
}
/* 送信・リセットボタン */
.lisket-form-maker-form ul {
	font-size: 0;
	margin: 20px auto 0;
} 
.lisket-form-maker-form li {
	width: 48%;
	height: 50px;
	display: inline-block;
}
.mw_wp_form_input .lisket-form-maker-form li {
	width: 100%;
}
.lisket-form-maker-form li + li {
	margin-left: 4%;
}
.mw_wp_form_input .lisket-form-maker-form li + li {
	width: 0;
	height: 0;
	margin: 0;
}
.lisket-form-maker-form li .input_btn {
	width: 100%;
	height: 100%;
	font-family: 'Quicksand', sans-serif;
	color: #ff33cc;
	font-size: 26px;
	font-weight: normal;
	background: #fff;
	border: 1px solid #666;
	display: block;
	cursor: pointer;
}
.lisket-form-maker-form li .input_btn.return {
	color: #1db8ee;
}
.lisket-form-maker-form li .input_btn:hover,
.lisket-form-maker-form li .input_btn.return:hover {
	color: #fff;
	background: #1db8ee;
	border-color: #1db8ee;
}
.mobile .lisket-form-maker-form li .input_btn:hover,
.mobile .lisket-form-maker-form li .input_btn.return:hover {
	color: #ff33cc;
	background: #fff;
	border-color: #666;
}
.mobile .lisket-form-maker-form li .input_btn.return:hover {
	color: #1db8ee;
}
@media screen and (max-width: 719px) {
	.lisket-form-maker-form li {
		height: 40px;
	}
	.lisket-form-maker-form li .input_btn {
		font-size: 24px;
	}
}

/*-- バリデーションエラー --*/
.mw_wp_form .error {
	width: 100% !important;
	color: #b86545 !important;
	font-size: 12px !important;
	line-height: 30px;
	height: 30px;
	background: #fbede8;
	border: 1px solid #ea9777;
	text-align: center;
	display: block;
	position: relative;
	margin-top: 10px;
}
.mw_wp_form .error:before {
	content: "";
    border: 8px solid transparent;
    border-bottom: 8px solid #fbede8;
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 10;
}
.mw_wp_form .error:after {
    content: "";
    border: 8px solid transparent;
    border-bottom: 8px solid #ea9777;
    position: absolute;
    top: -17px;
    left: 50%;
    transform: translate(-50%, 0);
}
.mw_wp_form .age .error {
	width: 93% !important;
}
.mw_wp_form .birthday .error {
	width: 90% !important;
	margin-bottom: 20px;
}
@media screen and (max-width: 719px) {
	.mw_wp_form .age .error {
		width: 94.5% !important;
	}
	.mw_wp_form .birthday .error {
		width: 94.5% !important;
		margin-bottom: 0;
	}
}

/*-- 確認画面 --*/
.confirm_send {
	width: 100% ;
	color: #559cc8;
	background: #f0f8ff;
	border: 1px solid #87cefa;
	display: block;
	position: relative;
	margin-bottom: 20px;
	padding: 7px;
}
.confirm_send:before {
	content: "";
	border: 8px solid transparent;
	border-bottom: 8px solid #f0f8ff;
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 10;
}
.confirm_send:after {
	content: "";
	border: 8px solid transparent;
	border-bottom: 8px solid #87cefa;
	position: absolute;
	top: -17px;
	left: 50%;
	transform: translate(-50%, 0);
}
.mw_wp_form_confirm .lisket-form-maker-form .birthday.day + dl {
	margin-top: 50px;
}

/*-- エラー画面 --*/
.mw_wp_form_send_error {
	width: 100% ;
	color: #b86545;
	background: #fbede8;
	border: 1px solid #ea9777;
	display: block;
	position: relative;
	margin-bottom: 20px;
	padding: 7px;
}
.mw_wp_form_send_error:before {
	content: "";
	border: 8px solid transparent;
	border-bottom: 8px solid #fbede8;
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 10;
}
.mw_wp_form_send_error:after {
	content: "";
	border: 8px solid transparent;
	border-bottom: 8px solid #ea9777;
	position: absolute;
	top: -17px;
	left: 50%;
	transform: translate(-50%, 0);
}

/*-- コンプリート / エラー404 --*/
.entry-content .message {
	border: 1px solid #666;
	position: relative;
	padding: 25px;
}
.entry-content .message:before {
	content: "";
	border: 12px solid transparent;
	border-bottom: 12px solid #fff;
	position: absolute;
	left: 50%;
	top: -23px;
	margin-left: -12px;
	z-index: 2;
}
.entry-content .message:after {
	content: "";
	border: 12px solid transparent;
	border-bottom: 12px solid #3e3e3e;
	position: absolute;
	left: 50%;
	top: -24px;
	margin-left: -12px;
}
#content .entry-content .message p + p {
	margin-top: 15px;
}
.page-template-default .fa,
.error404 .entry-content .fa {
	color: #4169e1;
	font-size: 22px;
	vertical-align: top;
}
.error404 .entry-content .fa {
	color: #dc143c;
}
.entry-content .message .link {
	font-size: 0;
	text-align: right;
	margin-top: 20px;
}
.entry-content .message .link a {
	width: 30%;
	font-family: 'Quicksand', sans-serif;
	color: #000;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	background: #fff;
	border: 1px solid #666;
	display: inline-block;
}
.entry-content .message .link a + a {
	margin-left: 2%;
}
.entry-content .message .link a:hover {
	color: #fff;
	background: #1db8ee;
	border-color: #1db8ee;
}
.mobile .entry-content .message .link a:hover {
	color: #000;
	background: #fff;
	border-color: #666;
}
.error404 .entry-content .searchform {
	text-align: right;
}
@media screen and (max-width: 719px) {
	.entry-content .message {
		padding: 15px;
	}
	.entry-content .message:before {
		border-width: 10px;
		top: -19px;
		margin-left: -10px;
	}
	.entry-content .message:after {
		border-width: 10px;
		top: -20px;
		margin-left: -10px;
	}
}
@media screen and (max-width: 480px) {
	.entry-content .message .link {
		text-align: center;
	}
	.entry-content .message .link a {
		width: 49%;
	}
	.error404 .entry-content .searchform {
		text-align: center;
	}
	.error404 .entry-content .searchform input[type="text"] {
		width: 90%;
	}
	.error404 .entry-content .searchform input[type="submit"] {
		width: 10%;
	}
}


/* AUDITION
==============================================*/
.audition #main {
	padding: 81px 0 10px;
}
.audition #content {
	max-width: 676px;
    margin: auto;
}
.audition .entry-title {
	font-family: 'Quicksand', sans-serif;
	color: #666;
	font-size: 62px;
	line-height: 100%;
	letter-spacing: .1em;
	text-align: center;
	background: transparent;
	margin-bottom: 50px;
	padding: 0;
}
.audition .section_block {
	max-width: 615px;
	color: #666;
	line-height: 1.6;
	margin: 50px auto 0;
}
.audition .section_block p,
.audition .section_block ol li {
	font-size: 14px;
}
.audition .section_block .automatic_reply p,
.audition .section_block .automatic_reply ol li {
	font-size: 12px;
}
.audition .section_block p + ol,
.audition .section_block ol + p,
.audition .section_block .automatic_reply {
	margin-top: 30px;
}
.audition .section_block .automatic_reply ol {
	margin-top: 7px;
}
.audition .section_block ol li {
	position: relative;
	padding-left: 15px;
}
.audition .section_block ol li:before {
	content: "＊";
	position: absolute;
	top: 0;
	left: 0;
}
.audition .section_block .automatic_reply ol li:before {
	content: "・";
}
.audition .section_block .automatic_reply ol li:last-child:before {
	content: "";
}
.audition .section_block ol li + li {
	margin-top: 5px;
}
@media screen and (max-width: 719px) {
	.audition #main {
		padding: 71px 0 10px;
	}
	.audition .entry-title {
		font-size: 42px;
		text-align: left;
		margin-bottom: 30px;
	}
	.audition .section_block {
		margin: 30px auto 0;
	}
	.audition .section_block p,
	.audition .section_block ol li {
		font-size: 13px;
	}
}
/* カテゴリーナビ */
.audition .cat_nav {
	font-size: 0;
	margin: 0 -1.25%;
}
.audition .cat_nav li {
	width: 14.16666666666667%;
	font-family: 'Quicksand', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	background: #fff;
	border: 2px solid #ff61fe;
	display: inline-block;
	position: relative;
	margin: 0 1.25%;
}
.audition .cat_nav li:nth-child(2) {border-color: #59f408;}
.audition .cat_nav li:nth-child(3) {border-color: #ffcc33;}
.audition .cat_nav li:nth-child(4) {border-color: #1ddbef;}
.audition .cat_nav li:nth-child(5) {border-color: #ccc;}
.audition .cat_nav li:nth-child(6) {
	color: #fff;
	background: #ccc;
	border-color: #ccc;
}
.audition .cat_nav li img {
	display: block;
}
.audition .cat_nav li span {
	position: absolute;
	top: 50%;
	left: 7px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
@media screen and (max-width: 719px) {
	.audition .cat_nav {
		margin: -3% -1.25% 0;
	}
	.audition .cat_nav li {
		width: 30.83333333333333%;
		font-size: 3vw;
	}
	.audition .cat_nav li + li {
		margin-top: 3%;
	}
}
@media screen and (max-width: 480px) {
	.audition .cat_nav li {
		font-size: 11px;
	}
}
/* Click Here! */
.clk_here div {
	width: 100%;
	max-width: 470px;
	border: 2px solid transparent;
	border-left-color: #9cfe02;
	border-right-color: #3fe0ff;
	position: relative;
	margin: 50px auto;
}
.clk_here div:before,
.clk_here div:after {
	content: "";
	height: 2px;
	background: -webkit-linear-gradient(to right, #9cfe02, #3fe0ff);
	background: linear-gradient(to right, #9cfe02, #3fe0ff);
	position: absolute;
	left: -2px;
	right: -2px;
	bottom: -2px;	
}
.clk_here div:before {
	top:-2px;
	bottom:-2px;
}
.clk_here a {
	font-family: 'Quicksand', sans-serif;
	color: #666;
	font-size: 30px;
	text-align: center;
	text-decoration: none;
	line-height: 100%;
	letter-spacing: 5px;
	background: transparent;
	display: block;
	position: relative;
	padding: 17px 12px;
	margin: -2px;
	z-index: 1;
}
.clk_here a:hover {
	color: #fff;
	background: #9cfe02;
}
.mobile .clk_here a:hover {
	color: #666;
	background: transparent;
}
@media screen and (max-width: 719px) {
	.clk_here div {
		width: 100%;
		margin: 40px auto;
	}
}
@media screen and (max-width: 584px) {
	.clk_here a {
		font-size: 20px;
	}
}
/* リンクエリア */
.link_area {
	max-width: 170px;
	margin: auto;
}
.link_area li {
	height: 34px;
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	position: relative;	
}
.link_area li a {
	font-size: 12px;
	color: #666;
	text-align: center;
	text-decoration: none;
	line-height: 34px;
	display: block;
	padding: 0 10px;
	-webkit-transition: all 220ms;
	transition: all 220ms;
}
.link_area li a:hover {
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
	-webkit-transition: all 220ms;
	transition: all 220ms;
}
.mobile .link_area li a:hover {
	color: #666;
	-webkit-transform: none;
	transform: none;
	-webkit-transition: none;
	transition: none;
}


/* About Us / Privacy Policy
==============================================*/
.about-us #main,
.privacy-policy #main {
	padding: 101px 0 10px;
}
.privacy-policy #main {
	padding: 101px 0 0;
}
.about-us #content,
.privacy-policy #content {
	max-width: 676px;
    margin: auto;
}
.about-us .entry-title,
.privacy-policy .entry-title {
	width: 96px;
	height: 96px;
	font-family: 'Quicksand', sans-serif;
	color: #666;
	font-size: 13px;
	line-height: normal;
	letter-spacing: .1em;
	background: #fff;
	border: 1px solid #000;
	position: relative;
	margin-bottom: 25px;
}
.about-us .entry-title span,
.privacy-policy .entry-title span {
	position: absolute;
	top: 50%;
	left: 7px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.privacy-policy .entry-title span {
	width: 60px;
}
.about-us .section_block,
.privacy-policy .section_block {
	color: #666;
	line-height: 1.6;
	border: 1px solid #ccc;
	margin: 0 auto 50px;
	padding: 7% 5%;
}
.privacy-policy .section_block {
	font-size: 12.5px;
}
.about-us #content .section_block h2,
.privacy-policy #content .section_block h2 {
	font-size: 16px;
	font-weight: 600;
	line-height: 100%;
	background: transparent;
	border: none;
	margin-bottom: 35px;
	padding: 0;
}
.about-us .content_block,
.privacy-policy .content_block {
	margin-bottom: 35px;
}
.privacy-policy .content_block:last-of-type {
	margin-bottom: 0;
}
.about-us .content_block b {
	font-weight: 600;
}
.about-us #content .content_block h3,
.privacy-policy #content .content_block h3 {
	font-weight: 600;
	background: transparent;
	border: none;
	margin: 0;
	padding: 0;
}
.about-us .content_block ol li,
.privacy-policy .content_block ol li {
	position: relative;
	margin-left: -3px;
	padding-left: 15px;
}
.about-us .content_block ol li:before,
.privacy-policy .content_block ol li:before {
	content: "・";
	position: absolute;
	top: 0;
	left: 0; 	
}
.about-us .content_block ol li + li,
.privacy-policy .content_block ol li + li {
	margin-top: 3px;
}
@media screen and (max-width: 719px) {
	.about-us #main {
		padding: 81px 0 10px;
	}
	.privacy-policy #main {
		padding: 81px 0 0;
	}
	.about-us .entry-title,
	.privacy-policy .entry-title {
		width: 90px;
		height: 90px;
		margin-bottom: 20px;
	}
	.about-us .section_block,
	.privacy-policy .section_block {
		margin: 0 auto 40px;
	}
	.about-us .section_block h2,
	.privacy-policy .section_block h2 {
		font-size: 15px;
		margin-bottom: 30px;
	}
	.about-us .content_block,
	.privacy-policy .content_block {
		margin-bottom: 30px;
	}
}
/* Mail To */
.mail_to a {
	width: 64px;
	height: 64px;
	font-size: 0;
	display: block;
	margin: auto;
	background: url(/wp-content/themes/loutusong/images/content/mail_off.png) center no-repeat;
	background-size: contain;
	cursor: pointer;
	margin-top: 7%;
}
.mail_to a:hover {
	background: url(/wp-content/themes/loutusong/images/content/mail_on.png) center no-repeat;
	background-size: contain;
}
.mobile .mail_to a:hover {
	background: url(/wp-content/themes/loutusong/images/content/mail_off.png) center no-repeat;
	background-size: contain;
}