@charset "utf-8";

/*
GLOBAL
***************************************************************************/
html {
	font-size: 62.5%;
	overflow-y: auto;
}

body {
	width: 100%;
	height: 100%;
	text-align: left;
	font-size: 1.2rem;
	color: #292929;
	line-height: 1.8;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

	html {
		font-size: 93.8%;
	}

}

/*
DEFAULT
***************************************************************************/
body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	word-wrap: break-word;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,video {
	display: block;
}

.clearfix:after {
	display: block;
	clear: both;
	content: "";
	overflow: hidden;
}

li {
	list-style-type: none;
}

table {
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

th {
	text-align: left;
	font-weight: normal;
}

/* ▼LINK▼ */
a {
	color: #831270;
	text-decoration: underline;
	outline: none;
}

a p { color:#5a5959; }

/* ▼IMG▼ */
img, input[type="image"], input[type="submit"] { 
	max-width: 100%;
	font-size: 0;
	line-height: 0;
	vertical-align: middle;
	border: none;
}

.img_frame {
	position: relative;
	overflow: hidden;
}

.img_frame img {
	position: absolute;
	width: auto;
	height: auto;
	max-width: 150%;
	max-height: 150%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-moz-transition: -moz-transform 0.3s linear;
	-webkit-transition: -webkit-transform 0.3s linear;
	-o-transition: -o-transform 0.3s linear;
	-ms-transition: -ms-transform 0.3s linear;
	transition: transform 0.3s linear;
}

/* ▼BR▼ */
@media screen and (min-width: 480px){

	.landscape { display:block; }
	.portrait { display:none; }

}

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

	.landscape { display:none; }
	.portrait { display:block; }

}

/*
HEADER
***************************************************************************/
header .btn {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 10%;
	margin-left: -5%;
}

header .list {
	background: #080a08;
}

header .list li {
	box-sizing: border-box;
	float: left;
	width: 33.5%;
	text-align: center;
	background: url(../common_img/line_tnavi.png) right bottom no-repeat;
	background-size: 1px;
}

header .list li:last-child { width:33%; background:none; }

header .list li a {
	display: block;
}

header .list li img { width:45px; }
header .list li:last-child img { width:60px; }

#btn_gnavi {
	position: fixed;
	top: 16px;
	right: 3.125%;
	width: 10%;
	z-index: 1000;
}

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

	header .list li img { width:67.5px; }
	header .list li:last-child img { width:90px; }

	#btn_gnavi { top:24px; }

}

/*
NAVI
***************************************************************************/
#gnavi {
	display: none;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-bottom: 50px;
	background: rgba(31,29,22,0.8);
	overflow: auto;
	z-index: 1001;
}

#gnavi .title {
	padding: 10px 3.125%;
	font-size: 1rem;
	font-weight: normal;
	color: #fff;
}

#gnavi .list {
	padding: 0 3.125%;
}

#gnavi .list li {
	box-sizing: border-box;
	float: left;
	width: 50%;
	margin-bottom: 10px;
}

#gnavi .list li:nth-child(2n+1) { padding-right:1.6%; }
#gnavi .list li:nth-child(2n) { padding-left:1.6%; }

#close_gnavi {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	background: #000;
}

#close_gnavi img { width:30px; }

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

	#gnavi { padding-bottom:75px; }
	#gnavi .title { padding:15px 3.125%; }
	#gnavi .list li { margin-bottom:15px; }
	#close_gnavi img { width:45px; }

}

/*
CONTENTS
***************************************************************************/
/* ▼PAGE LIST▼ */
.pnavi_list {
	padding: 8px 3.125%;
	font-size: 1.1rem;
	color: #fff;
	background: #4f504d;
}

.pnavi_list li {
	display: inline;
	margin-right: 4px;
}

.pnavi_list li a {
	margin-right: 8px;
	color: #fff;
	text-decoration: none;
}

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

	.pnavi_list {
		padding: 12px 3.125%;
	}

	.pnavi_list li {
		margin-right: 6px;
	}

	.pnavi_list li a {
		margin-right: 12px;
	}

}

/* ▼BANNER▼ */
.cbnr_list li {
	margin: 0 3.125% 15px;
}

.mbnr_list {
	margin: 0 3.125%;
}

.mbnr_list li:last-child { margin-bottom:25px; }
.mbnr_list li.intro { margin:0 -1.5625% 10px 0; overflow-x:hidden; }

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

	.cbnr_list li {
		margin: 0 3.125% 22.5px;
	}

	.mbnr_list li:last-child { margin-bottom:37.5px; }
	.mbnr_list li.intro { margin:0 -1.5625% 15px 0; }

}

/*
TOP
***************************************************************************/
/* ▼TOPIMG▼ */
#topimg .bx-wrapper {
	position: relative;
}

#topimg .bx-wrapper .bx-controls-direction a, #topimg .bx-pager { display:none; }

/* ▼BANNER▼ */
.tbnr_list {
	padding: 16px 3.125% 24px;
	background: #dbd6cc;
}

.tbnr_list li {
	margin-bottom: 15px;
}

.tbnr_list li:nth-child(1) { margin-right:-1.5625%; overflow-x:hidden; }

.tbnr_list li:nth-child(2), .tbnr_list li:nth-child(3) {
	box-sizing: border-box;
	float: left;
	width: 50%;
}

.tbnr_list li:nth-child(2) { padding-right:1.8%; }
.tbnr_list li:nth-child(3) { padding-left:1.8%; }

.tbnr_list li:nth-child(4) { margin-bottom:0; }

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

	.tbnr_list {
		padding: 24px 3.125% 36px;
	}

	.tbnr_list li {
		margin-bottom: 22.5px;
	}

}

/* ▼INTRO▼ */
.top_intro {
	padding: 20px 3.125% 30px;
}

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

	.top_intro {
		padding: 30px 3.125% 45px;
	}

}

/* ▼VOICE▼ */
.top_voice .box a {
	display: block;
	position: relative;
	margin-bottom: 10px;
	padding: 12px 3.25% 16px;
	color: #292929;
	line-height: 1.7;
	text-decoration: none;
	background: #e0dfe0;
}

.top_voice .box:last-child a { margin-bottom:25px; }

.top_voice .box a:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 8px;
	height: 8px;
	background: url(../common_img/arrow01_purple.png) no-repeat;
	background-size: 8px;
}

.top_voice .box img {
	box-sizing: border-box;
	float: left;
	width: 30%;
	margin-right: 12px;
	border: solid 1px #a69aaa;
}

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

	.top_voice .box a {
		margin-bottom: 15px;
		padding: 18px 3.25% 24px;
	}

	.top_voice .box:last-child a { margin-bottom:37.5px; }

	.top_voice .box a:after {
		bottom: 7.5px;
		right: 7.5px;
		width: 12px;
		height: 12px;
		background: url(../common_img/arrow01_purple.png) no-repeat;
		background-size: 12px;
	}

	.top_voice .box img {
		margin-right: 18px;
	}

}

/* ▼STAFF▼ */
.top_staff .inner {
	margin: 20px 3% 10px
}

.top_staff .bx-wrapper {
	margin: 0 auto;
	position: relative;
}

.top_staff .bx-wrapper .bx-prev {
	left: -4px;
	background: url(../images/cslide_l.png) no-repeat;
	background-size: 20px;
}

.top_staff .bx-wrapper .bx-next {
	right: -4px;
	background: url(../images/cslide_r.png) no-repeat;
	background-size: 20px;
}

.top_staff .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	width: 20px;
	height: 20px;
	margin-top: -12px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 100;
}

.top_staff .bx-pager {
	display: none;
}

.top_staff li a {
	display: block;
	margin: 0 5px;
}

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

	.top_staff .inner {
		margin: 30px 3% 15px
	}

	.top_staff .bx-wrapper .bx-prev {
		left: -6px;
		background: url(../images/cslide_l.png) no-repeat;
		background-size: 30px;
	}

	.top_staff .bx-wrapper .bx-next {
		right: -6px;
		background: url(../images/cslide_r.png) no-repeat;
		background-size: 30px;
	}

	.top_staff .bx-wrapper .bx-controls-direction a {
		width: 30px;
		height: 30px;
		margin-top: -18px;
	}

	.top_staff li a {
		margin: 0 7.5px;
	}

}

/*
INTRO
***************************************************************************/
.intro_intro .box {
	margin-bottom: 15px;
	padding: 0 4.5% 20px;
	border: solid 4px #e6e0d6;
}

.intro_intro .box:last-child { margin-bottom:25px; }

.intro_intro .box .title {
	-webkit-transform: translateY(-4px);
	-moz-transform: translateY(-4px);
	-ms-transform: translateY(-4px);
	transform: translateY(-4px);
	margin-bottom: 12px;
}

.intro_intro .box .img {
	float: right;
	width: 50%;
	margin: 3px 0 10px 10px;
}

.intro_staff .box a {
	display: block;
	position: relative;
	margin-bottom: 15px;
	padding: 15px 4% 20px;
	color: #292929;
	text-decoration: none;
	background: #e1e1e1;
}

.intro_staff .box:last-child a { margin-bottom:25px; }

.intro_staff .box a:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 8px;
	height: 8px;
	background: url(../common_img/arrow01_pink.png) no-repeat;
	background-size: 8px;
}

.intro_staff .box .img {
	float: left;
	width: 35%;
	margin: 3px 12px 5px 0;
}

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

	.intro_intro .box {
		margin-bottom: 22.5px;
		padding: 0 4.5% 30px;
		border: solid 6px #e6e0d6;
	}

	.intro_intro .box:last-child { margin-bottom:37.5px; }

	.intro_intro .box .title {
		-webkit-transform: translateY(-6px);
		-moz-transform: translateY(-6px);
		-ms-transform: translateY(-6px);
		transform: translateY(-6px);
		margin-bottom: 18px;
	}

	.intro_intro .box .img {
		margin: 4.5px 0 15px 15px;
	}

	.intro_staff .box a {
		margin-bottom: 22.5px;
		padding: 22.5px 4% 30px;
	}

	.intro_staff .box:last-child a { margin-bottom:37.5px; }

	.intro_staff .box a:after {
		bottom: 7.5px;
		right: 7.5px;
		width: 12px;
		height: 12px;
		background: url(../common_img/arrow01_pink.png) no-repeat;
		background-size: 12px;
	}

	.intro_staff .box .img {
		margin: 4.5px 18px 7.5px 0;
	}

}

/*
MENU
***************************************************************************/
/* ▼BANNER▼ */
.menu_list {
	padding: 20px 3.125% 24px;
	background: #dbd6cc;
}

.menu_list li {
	margin-bottom: 15px;
}

.menu_list li:nth-child(1), .menu_list li:nth-child(2) {
	box-sizing: border-box;
	float: left;
	width: 50%;
}

.menu_list li:nth-child(1) { padding-right:1.8%; }
.menu_list li:nth-child(2) { padding-left:1.8%; }

.menu_list li:nth-child(3) { margin-bottom:0; }

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

	.menu_list {
		padding: 30px 3.125% 36px;
	}

	.menu_list li {
		margin-bottom: 22.5px;
	}

}

/* ▼INTRO▼ */
.menu_intro .box {
	margin-bottom: 20px;
}

.menu_intro .box:last-child { margin-bottom:25px; }

.menu_intro .box .img {
	float: right;
	width: 42%;
	margin: 2px 0 0 10px;
}

.menu_intro .box .img li {
	margin-bottom: 10px;
}

.menu_intro .box .img li img {
	box-sizing: border-box;
	padding: 3px;
	background: #fff;
	border: solid 1px #ccc;
}

.menu_intro .box .lang {
	padding: 12px 3.25%;
	background: #ebe7ec;
}

.menu_intro .box .lang .title {
	padding-left: 16px;
	font-weight: bold;
	background: url(../common_img/icon02_purple.png) left 3px no-repeat;
	background-size: 12px;
}

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

	.menu_intro .box {
		margin-bottom: 30px;
	}

	.menu_intro .box:last-child { margin-bottom:37.5px; }

	.menu_intro .box .img {
		margin: 3px 0 0 15px;
	}

	.menu_intro .box .img li {
		margin-bottom: 15px;
	}

	.menu_intro .box .img li img {
		padding: 5px;
	}

	.menu_intro .box .lang {
		padding: 18px 3.25%;
	}

	.menu_intro .box .lang .title {
		padding-left: 24px;
		background: url(../common_img/icon02_purple.png) left 4.5px no-repeat;
		background-size: 18px;
	}

}

/* ▼FACE,BODY▼ */
.menu_sec .box {
	margin-bottom: 15px;
	padding: 15px 3.25% 24px;
	background: #e1e1e1;
}

.menu_sec .box:last-child { margin-bottom:25px; }

.menu_sec .box .img {
	float: left;
	width: 45%;
}

.menu_sec .box .list {
	float: right;
	width: 50%;
	margin-top: -2px;
}

.menu_sec .box .txt {
	float: right;
	width: 50%;
}

.menu_sec .box .list li {
	padding-left: 14px;
}

.menu_sec.face .box .list li {
	background: url(../common_img/icon02_green.png) left 3px no-repeat;
	background-size: 10px;
}

.menu_sec.body .box .list li {
	background: url(../common_img/icon02_brown.png) left 3px no-repeat;
	background-size: 10px;
}

.menu_sec .box .price {
	margin-bottom: 15px;
	padding-left: 30px;
	font-size: 2rem;
	font-weight: bold;
	color: #7f116c;
	background: url(../common_img/icon_price.png) left center no-repeat;
	background-size: 24px;
}

.menu_sec .box .price .min {
	margin-right: 8px;
	font-size: 1.4rem;
	color: #292929;
}

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

	.menu_sec .box {
		margin-bottom: 15px;
		padding: 22.5px 3.25% 36px;
	}

	.menu_sec .box:last-child { margin-bottom:37.5px; }

	.menu_sec .box .list li {
		padding-left: 21px;
	}

	.menu_sec.face .box .list li {
		background: url(../common_img/icon02_green.png) left 4.5px no-repeat;
		background-size: 15px;
	}

	.menu_sec.body .box .list li {
		background: url(../common_img/icon02_brown.png) left 4.5px no-repeat;
		background-size: 15px;
	}

	.menu_sec .box .price {
		margin-bottom: 22.5px;
		padding-left: 45px;
		background: url(../common_img/icon_price.png) left center no-repeat;
		background-size: 36px;
	}

	.menu_sec .box .price .min {
		margin-right: 12px;
	}

}

/* ▼SPARKLE▼ */
.sparkle_intro {
	padding: 20px 3.125% 25px;
}

.sparkle_intro .box {
	border: solid 4px #cfc7bd;
}

.sparkle_intro .inner {
	padding: 10px 5% 15px;
}

.sparkle_intro .inner .img {
	float: right;
	width: 55%;
	margin: 0 0 5px 5px;
}

.sparkle_intro .profile {
	padding-bottom: 15px;
	background: #eee;
}

.sparkle_intro .profile .title {
	margin-bottom: 15px;
	padding: 6px;
	text-align: center;
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
	background: #665840;
}

.sparkle_intro .profile .img {
	float: left;
	width: 20%;
}

.sparkle_intro .profile .txt {
	float: right;
	width: 75%;
}

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

	.sparkle_intro {
		padding: 30px 3.125% 37.5px;
	}

	.sparkle_intro .box {
		border: solid 6px #cfc7bd;
	}

	.sparkle_intro .inner {
		padding: 15px 5% 22.5px;
	}

	.sparkle_intro .inner .img {
		margin: 0 0 5px 5px;
	}

	.sparkle_intro .profile {
		padding-bottom: 22.5px;
	}

	.sparkle_intro .profile .title {
		margin-bottom: 22.5px;
		padding: 9px;
	}

}

/* ▼SLIM▼ */
.slim_sec .btn01 {
	background: #feff5c;
}

.slim_sec .btn02 {
	margin-bottom: calc((100vw / 320) * 20);
}

/*
SHOP
***************************************************************************/
.shop_intro .img {
	float: left;
	width: 50%;
	margin: 2px 15px 0 0;
}

.shop_intro .txt {
	padding: 8px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background: #73024b;
}

.shop_intro .tel {
	box-sizing: border-box;
	float: left;
	width: 15%;
	padding-right: 2%;
}

.shop_intro .btn {
	float: right;
	width: 85%;
}

.shop_intro .tbl01 {
	line-height: 1.6;
}

.shop_intro .card { width:100px; }

.shop_staff .box {
	margin-bottom: 15px;
	padding: 15px 3.25% 24px;
	line-height: 1.7;
	background: #e1e1e1;
}

.shop_staff .box:last-child { margin-bottom:25px; }

.shop_staff .catch {
	margin-bottom: 12px;
	padding: 8px 3.6% 6px;
	font-size: 1.3rem;
	font-weight: bold;
	color: #fff;
	line-height: 1.5;
	background: #73024b;
}

.shop_staff .img {
	float: left;
	width: 42%;
	margin: 2px 12px 0 0;
}

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

	.shop_intro .img {
		margin: 3px 22.5px 0 0;
	}

	.shop_intro .txt {
		padding: 12px;
	}

	.shop_intro .card { width:180px; }

	.shop_staff .box {
		margin-bottom: 22.5px;
		padding: 22.5px 3.25% 36px;
	}

	.shop_staff .box:last-child { margin-bottom:37.5px; }

	.shop_staff .catch {
		margin-bottom: 18px;
		padding: 12px 3.6% 9px;
	}

	.shop_staff .img {
		margin: 3px 18px 5px 0;
	}

}

/*
CONCEPT
***************************************************************************/
.concept_box {
	margin-bottom: 25px;
	padding: 2.5%;
	background: #f1ede2;
}

.concept_box .inner {
	padding: 15px 3.6% 20px;
	border: solid 1px #fff;
}

.concept_box .title {
	margin-bottom: 15px;
	padding-bottom: 10px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #4c3b0e;
	line-height: 1.5;
	border-bottom: dotted 1px #aaa28c;
}

.concept_box .img {
	margin-top: 2px;
	margin-bottom: 10px;
	box-sizing: border-box;
	padding: 3px;
	background: #fff;
	border: solid 1px #aaa28c;
}

.concept_box .txt {
	padding-top: 18px;
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
	color: #442e00;
	line-height: 1.6;
	border-top: dotted 1px #aaa28c;
}

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

	.concept_box {
		margin-bottom: 37.5px;
	}

	.concept_box .inner {
		padding: 22.5px 3.6% 30px;
	}

	.concept_box .title {
		margin-bottom: 22.5px;
		padding-bottom: 15px;
	}

	.concept_box .img {
		margin-top: 3px;
		margin-bottom: 15px;
		padding: 5px;
	}

	.concept_box .txt {
		padding-top: 27px;
	}

}

/*
VOICE
***************************************************************************/
.voice_list li a {
	display: block;
	padding: 10px 10px 10px 26px;
	color: #442e00;
	text-decoration: none;
	background: #f1ede2 url(../common_img/icon01_gold.png) 10px 14px no-repeat;
	background-size: 12px;
	border-bottom: solid 1px #d6ceb9;
}

.voice_list li:last-child a { border-bottom:none; }

.voice_intro .box {
	margin: 0 3.125% 15px;
	padding: 15px 3.25% 20px;
	line-height: 1.6;
	background: #e1e1e1;
}

.voice_intro .list li {
	box-sizing: border-box;
	float: left;
	width: 33.3%;
	padding: 0 1%;
	text-align: center;
}

.voice_intro .list li img {
	display: block;
	margin-bottom: 4px;
}

.voice_sec .box {
	margin-bottom: 15px;
	padding: 15px 3.6% 20px;
	background: #e1e1e1;
}

.voice_sec .box:last-child { margin-bottom:20px; }

.voice_sec .img {
	float: left;
	width: 35%;
	margin: 0 12px 4px 0;
}

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

	.voice_list li a {
		padding: 15px 15px 15px 40px;
		background: #f1ede2 url(../common_img/icon01_gold.png) 15px 21px no-repeat;
		background-size: 18px;
	}

	.voice_intro .box {
		margin: 0 3.125% 22.5px;
		padding: 22.5px 3.25% 30px;
	}

}

/*
FAQ
***************************************************************************/
.faq_sec .box {
	margin-bottom: 12px;
	line-height: 1.7;
}

.faq_sec .box:last-child { margin-bottom:25px; }

.faq_sec .title {
	position: relative;
	padding: 10px 30px;
	font-size: 1.3rem;
	font-weight: normal;
	color: #fff;
	line-height: 1.5;
	background: #666;
	border-radius: 4px;
}

.faq_sec .title span {
	display: block;
	position: absolute;
	top: 50%;
	right: 8px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: url(../common_img/icon_plus.png) no-repeat;
	background-size: 16px;
}

.faq_sec .title.opened span {
	background: url(../common_img/icon_minus.png) no-repeat;
	background-size: 16px;
}

.faq_sec .title:after {
	display: block;
	content: '';
	position: absolute;
	top: -8px;
	left: -10px;
	width: 36px;
	height: 36px;
	background: url(../faq/images/icon_q.png) no-repeat;
	background-size: 36px;
}

.faq_sec .inner {
	display: none;
	margin-top: 15px;
	padding: 0 0 6px 56px;
	background: url(../faq/images/icon_a.png) left top no-repeat;
	background-size: 45px;
}

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

	.faq_sec .box {
		margin-bottom: 18px;
	}

	.faq_sec .box:last-child { margin-bottom:37.5px; }

	.faq_sec .title {
		padding: 15px 45px;
	}

	.faq_sec .title span {
		right: 12px;
		width: 24px;
		height: 24px;
		margin-top: -12px;
		background: url(../common_img/icon_plus.png) no-repeat;
		background-size: 24px;
	}

	.faq_sec .title.opened span {
		background: url(../common_img/icon_minus.png) no-repeat;
		background-size: 24px;
	}

	.faq_sec .title:after {
		top: -12px;
		left: -15px;
		width: 54px;
		height: 54px;
		background: url(../faq/images/icon_q.png) no-repeat;
		background-size: 54px;
	}

	.faq_sec .inner {
		margin-top: 22.5px;
		padding: 0 0 9px 84px;
		background: url(../faq/images/icon_a.png) left top no-repeat;
		background-size: 67.5px;
	}

}

/*
CAMPAIGN
***************************************************************************/
.camp_list01 li {
	margin: 0 3.125% 20px;
}

.camp_list01 li img {
	display: block;
	margin-bottom: 10px;
}

.camp_shop .box {
	margin-bottom: 15px;
	line-height: 1.7;
}

.camp_shop .box:last-child { margin-bottom:0; }

.camp_shop .title02 a {
	display: block;
	color: #45166c;
	text-decoration: none;
}

.camp_shop .img {
	float: left;
	width: 53%;
}

.camp_shop .bnr {
	box-sizing: border-box;
	position: relative;
	float: right;
	width: 44%;
}

.camp_shop .bnr li {
	position: absolute;
	right: 0;
	width: 100%;
}

.camp_shop .bnr li:first-child { top:0; }
.camp_shop .bnr li:last-child { bottom:0; }

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

	.camp_list01 li {
		margin: 0 3.125% 30px;
	}

	.camp_list01 li img {
		margin-bottom: 15px;
	}

	.camp_shop .box {
		margin-bottom: 22.5px;
	}

}

/*
SITEMAP
***************************************************************************/
.sitemap_sec .list > li {
	margin-bottom: 12px;
	padding-left: 18px;
	background: url(../common_img/icon01_gold.png) left 4px no-repeat;
	background-size: 12px;
}

.sitemap_sec .list li a { color:#262626; }

.sitemap_sec .slist {
	margin: 10px 0 15px;
}

.sitemap_sec .slist li {
	margin-bottom: 4px;
	padding-left: 18px;
	background: url(../common_img/icon02_gold.png) left 3px no-repeat;
	background-size: 12px;
}

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

	.sitemap_sec .list > li {
		margin-bottom: 18px;
		padding-left: 27px;
		background: url(../common_img/icon01_gold.png) left 6px no-repeat;
		background-size: 18px;
	}

	.sitemap_sec .slist {
		margin: 15px 0 22.5px;
	}

	.sitemap_sec .slist li {
		margin-bottom: 6px;
		padding-left: 27px;
		background: url(../common_img/icon02_gold.png) left 5px no-repeat;
		background-size: 18px;
	}

}

/*
RECRUIT
***************************************************************************/
.recruit_intro {
	padding: 20px 3.125%;
}

.salon_list .title03 {
	padding: 12px 0 10px;
}

.salon_list li a {
	display: block;
	padding: 10px 10px 10px 26px;
	text-decoration: none;
}

.salon_list.pink li a {
	color: #7f116c;
	background: #faf8f5 url(../common_img/icon01_pink.png) 10px 14px no-repeat;
	background-size: 12px;
	border-bottom: dotted 1px #9c3c8d;
}

.salon_list.blue li a {
	color: #133d7f;
	background: #f3f6fb url(../common_img/icon01_blue.png) 10px 14px no-repeat;
	background-size: 12px;
	border-bottom: dotted 1px #133d7f;
}

.salon_list.pink li:last-child a, .salon_list.blue li:last-child a { border-bottom:none; }

.recruit_about .img {
	float: left;
	width: 40%;
	margin: 2px 12px 5px 0;
}

.recruit_about .box {
	margin-bottom: 20px;
	padding: 0 3.5% 20px;
	color: #32062b;
	background: #f6f4ef;
	border: solid 4px #d9d1bd;
}

.recruit_about .box .title {
	-webkit-transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	transform: translateY(-40px);
	margin-bottom: -25px;
}

.recruit_mes li {
	margin-bottom: 6px;
	padding: 10px 3.5%;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
	line-height: 1.6;
	background: #9f0776;
	border-radius: 6px;
}

.recruit_mes li:last-child { margin-bottom:15px; }

.recruit_bnr {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
	margin-bottom: 15px;
}

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

	.recruit_intro {
		padding: 30px 3.125%;
	}

	.salon_list .title03 {
		padding: 18px 0 15px;
	}

	.salon_list li a {
		padding: 15px 15px 15px 40px;
	}

	.salon_list.pink li a {
		background: #faf8f5 url(../common_img/icon01_pink.png) 15px 21px no-repeat;
		background-size: 18px;
	}

	.salon_list.blue li a {
		background: #f3f6fb url(../common_img/icon01_blue.png) 15px 21px no-repeat;
		background-size: 18px;
	}

	.recruit_about .img {
		margin: 3px 18px 7.5px 0;
	}

	.recruit_about .box {
		margin-bottom: 30px;
		padding: 0 3.5% 30px;
		border: solid 6px #d9d1bd;
	}

	.recruit_about .box .title {
		-webkit-transform: translateY(-60px);
		-moz-transform: translateY(-60px);
		-ms-transform: translateY(-60px);
		transform: translateY(-60px);
		margin-bottom: -37.5px;
	}

	.recruit_mes li {
		margin-bottom: 9px;
		padding: 15px 3.5%;
		border-radius: 9px;
	}

	.recruit_mes li:last-child { margin-bottom:22.5px; }

	.recruit_bnr {
		-webkit-transform: translateY(-15px);
		-moz-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		transform: translateY(-15px);
		margin-bottom: 22.5px;
	}

}

/*
FORM
***************************************************************************/
.tel_list li a {
	display: block;
	position: relative;
	padding: 10px 10px 10px 26px;
	color: #3c0454;
	text-decoration: none;
	background: #e1e1e1 url(../common_img/icon01_purple.png) 10px 14px no-repeat;
	background-size: 12px;
	border-bottom: solid 1px #c3bfc4;
}

.tel_list li:last-child a { border-bottom:none; }

.tel_list li a:after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	right: 3.125%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: url(../common_img/icon_tel.png) no-repeat;
	background-size: 20px;
}

.form_list {
	border: solid 1px #999;
}

.form_list dt {
	position: relative;
	padding: 6px 3.25%;
	font-size: 1.3rem;
	color: #fff;
	background: #888;
}

.form_list dt.must:after {
	display: block;
	content: '必須';
	position: absolute;
	top: 50%;
	right: 2%;
	width: 40px;
	height: 20px;
	margin-top: -10px;
	text-align: center;
	font-size: 1rem;
	color: #fff;
	line-height: 22px;
	background: #3c0454;
}

.form_list dd {
	padding: 15px 3.25%;
	background: #fff;
}

.radio_list li {
	display: inline-block;
	margin: 2px 20px 2px 0;
}

.chk_list li {
	margin: 2px 0;
}

.chk_list li span {
	margin-left: 10px;
	color: #af0555;
}

.chk_list.box {
	margin-bottom: 10px;
	padding: 10px 3.5%;
	font-weight: bold;
	background: #dcdcdc;
}

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

	.tel_list li a {
		padding: 15px 15px 15px 40px;
		background: #e1e1e1 url(../common_img/icon01_purple.png) 15px 21px no-repeat;
		background-size: 18px;
	}

	.tel_list li a:after {
		width: 30px;
		height: 30px;
		margin-top: -15px;
		background: url(../common_img/icon_tel.png) no-repeat;
		background-size: 30px;
	}

	.form_list dt {
		padding: 9px 3.25%;
	}

	.form_list dt.must:after {
		width: 60px;
		height: 30px;
		margin-top: -15px;
		line-height: 32px;
	}

	.form_list dd {
		padding: 22.5px 3.25%;
	}

	.radio_list li {
		margin: 3px 30px 3px 0;
	}

	.chk_list li {
		margin: 3px 0;
	}

	.chk_list li span {
		margin-left: 15px;
	}

	.chk_list.box {
		margin-bottom: 15px;
		padding: 15px 3.5%;
	}

}

/*
BLOG
***************************************************************************/
.blog_sec {
	padding: 36px 10px 20px;
}

.blog_sec .box {
	position: relative;
	margin-bottom: 36px;
	padding: 15px 3.25% 30px;
	line-height: 1.7;
	background: #e1e1e1;
}

.blog_sec .box:last-child { margin-bottom:15px; }

.blog_sec .box .date {
	display: inline-block;
	position: absolute;
	top: -24px;
	right: 0;
	height: 24px;
	padding: 0 8px;
	font-size: 1.1rem;
	color: #fff;
	line-height: 26px;
	background: #888;
	border-radius: 4px 4px 0 0;
}

.blog_sec .th_img {
	float: left;
	width: 42%;
	margin: 2px 12px 0 0;
}

.blog_sec .box .cat {
	margin-right: 10px;
	padding: 4px 10px 2px;
	font-size: 1rem;
	color: #fff;
	background: #76044e;
	border-radius: 2px;
}

.blog_sec .btn a {
	display: block;
	position: relative;
	margin: 0 50px 10px;
	padding: 10px 0;
	text-align: center;
	font-size: 1.2rem;
	color: #fff;
	text-decoration: none;
	background: #43067d;
	border-radius: 8px;
}

.blog_sec .btn a:after {
	display: block;
	content: '＜';
	position: absolute;
	top: 50%;
	left: 10px;
	width: 12px;
	margin-top: -8px;
	font-size: 1rem;
	color: #fff;
}

.article_list li a {
	display: block;
	padding: 10px 40px 10px 26px;
	color: #442e00;
	text-decoration: none;
	background: #f1ede2 url(../common_img/icon01_gold.png) 10px 14px no-repeat;
	background-size: 12px;
	border-bottom: solid 1px #d6ceb9;
}

.article_list li:last-child a { border-bottom:none; }

.blog_content {
	margin-bottom: 20px;
	line-height: 1.6;
}

.blog_content h1 {
	padding: 5px 10px 3px;
	font-size: 1.3rem;
	font-weight: bold;
	color: #fff;
	background: #45166c;
}

.blog_content h2 {
	padding: 5px 10px 3px;
	font-size: 1.3rem;
	font-weight: bold;
	color: #fff;
	background: #777;
}

.blog_content h3 {
	padding-bottom: 4px;
	font-size: 1.3rem;
	font-weight: bold;
	color: #45166c;
	border-bottom: dotted 1px #45166c;
}

.blog_content h4 {
	font-size: 1.3rem;
	font-weight: bold;
	color: #45166c;
}

.blog_content h5 {
	font-size: 1.3rem;
	font-weight: bold;
}

.blog_content h6 {
	font-size: 1.2rem;
	font-weight: bold;
}

.navigation span, .navigation a {
	display: inline-block;
	margin: 4px 2px;
	padding: 4px 10px;
	border: solid 1px #ccc;
}

.navigation span.pages {
	background: #ededed;
}

.navigation a {
	text-decoration: none;
	border: solid 1px #a86a9c;
}

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

	.blog_sec {
		padding: 54px 15px 30px;
	}

	.blog_sec .box {
		margin-bottom: 54px;
		padding: 22.5px 3.25% 45px;
	}

	.blog_sec .box:last-child { margin-bottom:22.5px; }

	.blog_sec .box .date {
		top: -36px;
		height: 36px;
		padding: 0 12px;
		line-height: 39px;
		border-radius: 6px 6px 0 0;
	}

	.blog_sec .th_img {
		margin: 3px 18px 0 0;
	}

	.blog_sec .box .cat {
		margin-right: 15px;
		padding: 6px 15px 4px;
	}

	.blog_sec .btn a {
		margin: 0 75px 15px;
		padding: 15px 0;
		border-radius: 12px;
	}

	.blog_sec .btn a:after {
		left: 15px;
		width: 18px;
		margin-top: -12px;
	}

	.article_list li a {
		padding: 15px 60px 15px 40px;
		background: #f1ede2 url(../common_img/icon01_gold.png) 15px 21px no-repeat;
		background-size: 18px;
	}

	.blog_content {
		margin-bottom: 30px;
	}

	.blog_content h1 {
		padding: 7.5px 15px 4.5px;
	}

	.blog_content h2 {
		padding: 7.5px 15px 4.5px;
	}

	.blog_content h3 {
		padding-bottom: 6px;
	}

	.navigation span, .navigation a {
		margin: 6px 3px;
		padding: 6px 15px;
	}

}

/*
COMMON SECTION
***************************************************************************/
/* ▼SALON▼ */
.shop_list {
	padding-bottom: 30px;
	background: #e1e1e1;
}

.shop_list .list li { margin-bottom:10px; }
.shop_list .list li:last-child { margin-bottom:20px; }

.shop_list .slist {
	padding: 12px 2% 8px;
	background: #fff;
}

.shop_list .slist li {
	box-sizing: border-box;
	float: left;
	width: 33.33%;
	margin-bottom: 8px;
	padding: 0 1%;
}

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

	.shop_list {
		padding-bottom: 45px;
	}

	.shop_list .list li { margin-bottom:15px; }
	.shop_list .list li:last-child { margin-bottom:30px; }

	.shop_list .slist {
		padding: 18px 2% 12px;
	}

	.shop_list .slist li {
		margin-bottom: 12px;
	}

}

/* ▼TWITTER▼ */
.tw {
	padding: 15px 3.125% 10px;
	overflow-x: hidden
}

.tw div {
	width: calc(100vw - 6.25%);
	position: relative;
}

.tw div iframe {
	float: left;
}

.tw_control {
	text-align: center;
}

.tw_control a {
	padding: 10px 5px;
	text-decoration: none;
}

/* ▼NEWS▼ */
.news_list {
	height: 240px;
	margin: 0 3.125%;
	overflow-y: auto;
}

.news_list li {
	padding: 15px 0;
	line-height: 1.6;
	border-bottom: dotted 1px #8b8b8b;
}

.news_list li img {
	display: block;
	margin: 5px 0;
}

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

	.news_list {
		height: 360px;
	}

	.news_list li {
		padding: 22.5px 0;
	}

}

/* ▼BANNER▼ */
.fbnr_list li {
	margin: 0 3.125% 15px;
}

.fbnr_list li:last-child { margin-bottom:30px; }

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

	.fbnr_list li {
		margin: 0 3.125% 22.5px;
	}

	.fbnr_list li:last-child { margin-bottom:45px; }

}

/*
FOOTER
***************************************************************************/
footer {
	background: #7c7464;
}

footer .fnavi ul {
	background: #060706;
}

footer .fnavi li {
	float: left;
	width: 50%;
}

footer .fnavi li a {
	display: block;
	padding: 12px 4px 10px 24px;
	color: #fff;
	text-decoration: none;
	background: url(../common_img/icon03.png) 8px center no-repeat;
	background-size: 10px;
	border-right: solid 1px #222;
	border-bottom: solid 1px #222;
}

footer .fnavi li:nth-child(2n) a { border-right:none; }

footer .copy_txt {
	margin-top: -1px;
	padding: 12px 0;
	text-align: center;
	font-size: 1rem;
	background: #7c7464;
}

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

	footer .fnavi li a {
		padding: 18px 6px 15px 36px;
		background: url(../common_img/icon03.png) 12px center no-repeat;
		background-size: 15px;
	}

	footer .copy_txt {
		padding: 18px 0;
	}

}

/* ▼FIXED NAVI▼ */
#fixed_navi {
	display: none;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	opacity: 0.9;
	z-index: 999;
}

#fixed_navi li {
	float: left;
	width: 50%;
}

.btn_ptop {
	text-align: center;
	background: #191714;
}

.btn_ptop img { width:30px; }

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

	#fixed_navi ul { display:none; opacity:0; }
	.btn_ptop img { width:45px; }

}

/*
COMMON PARTS
***************************************************************************/
/* ▼title▼ */
.title01 {
	box-sizing: border-box;
	padding: 2.8% 3.125% 0 10%;
	font-size: 1.6rem;
	font-weight: normal;
	color: #fff;
	line-height: 1.6;
}

.title01.purple {
	background: url(../common_img/bg_title01_purple.jpg) no-repeat;
	background-size: 100%;
}

.title01.pink {
	background: url(../common_img/bg_title01_pink.jpg) no-repeat;
	background-size: 100%;
}

.title01.gold {
	background: url(../common_img/bg_title01_gold.jpg) no-repeat;
	background-size: 100%;
}

.title01.blue {
	background: url(../common_img/bg_title01_blue.jpg) no-repeat;
	background-size: 100%;
}

.title01.black {
	background: url(../common_img/bg_title01_black.jpg) no-repeat;
	background-size: 100%;
}

.title02 {
	position: relative;
	padding: 0 0 4px 17px;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.4;
}

.title02.purple {
	color: #300851;
	background: url(../common_img/icon01_purple.png) left 1px no-repeat;
	background-size: 12px;
	border-bottom: dotted 1px #3d3742;
}

.title02.pink {
	color: #73024b;
	background: url(../common_img/icon01_pink.png) left 1px no-repeat;
	background-size: 12px;
	border-bottom: dotted 1px #73024b;
}

.title02.gold {
	color: #442e00;
	background: url(../common_img/icon01_gold.png) left 1px no-repeat;
	background-size: 12px;
	border-bottom: dotted 1px #442e00;
}

.title03 {
	padding: 8px 5% 6px;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
	line-height: 1.5;
}

.title03.purple { background:#3c0454; }
.title03.pink { background:#7f116c; }
.title03.green { background:#397d79; }
.title03.brown { background:#5f372b; }
.title03.gold { background:#6e5930; }
.title03.blue { background:#133d7f; }

.title04 {
	padding-bottom: 4px;
	font-size: 1.3rem;
	font-weight: bold;
	color: #262626;
	line-height: 1.4;
	border-bottom: dotted 1px #262626;
}

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

	.title02 {
		padding: 0 0 6px 25.5px;
	}

	.title02.purple {
		background: url(../common_img/icon01_purple.png) left 3px no-repeat;
		background-size: 18px;
	}

	.title02.pink {
		background: url(../common_img/icon01_pink.png) left 3px no-repeat;
		background-size: 18px;
	}

	.title02.gold {
		background: url(../common_img/icon01_gold.png) left 3px no-repeat;
		background-size: 18px;
	}

	.title03 {
		padding: 12px 5% 9px;
	}

	.title04 {
		padding-bottom: 6px;
	}

}

/* ▼list▼ */
.dlist01 {
	line-height: 1.6;
	border: solid 1px #888;
}

.dlist01 dt {
	padding: 6px 3.25%;
	color: #fff;
	background: #888;
}

.dlist01 dd {
	padding: 8px 3.25% 10px;
	background: #fff;
}

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

	.dlist01 dt {
		padding: 9px 3.25%;
	}

	.dlist01 dd {
		padding: 12px 3.25% 15px;
	}

}

/* ▼table▼ */
.tbl01 th, .tbl01 td {
	padding: 10px;
	vertical-align: middle;
	line-height: 1.6;
	border: solid 1px #8a8a8a;
}

.tbl01 th {
	font-weight: normal;
	color: #fff;
	background: #666;
}

.tbl01 th span, .tbl01 th a {
	padding-left: 15px;
	color: #fff;
	text-decoration: none;
	background: url(../common_img/icon03.png) left center no-repeat;
	background-size: 10px;
}

.tbl01 td {
	background: #f7f4f1;
}

.tbl01 td.tel {
	padding: 0;
	text-align: center;
	background: #421767;
}

.tbl01 td.tel a {
	display: block;
	background: #421767;
}

.tbl01 td.tel img { width:16px; }

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

	.tbl01 th, .tbl01 td {
		padding: 15px;
	}

	.tbl01 th span, .tbl01 th a {
		padding-left: 22.5px;
		background: url(../common_img/icon03.png) left center no-repeat;
		background-size: 15px;
	}

	.tbl01 td.tel img { width:24px; }

}

/* ▼BUTTON▼ */
.btn_bound img {
	-webkit-animation: bomb 3s linear 0s infinite normal;
	animation: bomb 3s linear 0s infinite normal;
	transition: .3s;
}

.btn_bound a:hover { opacity:1; }

@-webkit-keyframes bomb {
	0% { -webkit-transform:scale(0.95); }
	7% { -webkit-transform:scale(0.98); }
	14% { -webkit-transform:scale(0.94); }
	21% { -webkit-transform:scale(1); }
	28% { -webkit-transform:scale(0.94); }
	35% { -webkit-transform:scale(0.98); }
	42% { -webkit-transform:scale(0.93); }
	49% { -webkit-transform:scale(0.97); }
	56% { -webkit-transform:scale(0.95); }
	100% { -webkit-transform:scale(0.95); }
}

@keyframes bomb {
	0% { transform:scale(0.95); }
	7% { transform:scale(0.98); }
	14% { transform:scale(0.94); }
	21% { transform:scale(1); }
	28% { transform:scale(0.94); }
	35% { transform:scale(0.98); }
	42% { transform:scale(0.93); }
	49% { transform:scale(0.97); }
	56% { transform:scale(0.95); }
	100% { transform:scale(0.95); }
}

/*
COMMON CONFIG
***************************************************************************/
/* ▼display▼ */
.disp_box { display:-moz-box; display:-webkit-box; display:box; }
.block { display:block; }
.iblock { display:inline-block; }
.inline { display:inline; }
.none { display:none!important; }

/* ▼box▼ */
.b_box { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.c_box { -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }

.flex1 { -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; }

/* ▼position▼ */
.posit_r { position:relative!important; }
.posit_a { position:absolute!important; }
.posit_f { position:fixed!important; }

.align_c { text-align:center!important; }
.align_r { text-align:right!important; }
.align_l { text-align:left!important; }

.balign_c { -moz-box-align:center; -webkit-box-align:center; box-align:center; }
.balign_s { -moz-box-align:stretch; -webkit-box-align:stretch; box-align:stretch; }

.disp_l { float:left!important; }
.disp_r { float:right!important; }

.va_top { vertical-align:top!important; }
.va_mid { vertical-align:middle!important; }
.va_btm { vertical-align:bottom!important; }

/* ▼size▼ */
.w5per { width:5%!important; }
.w10per { width:10%!important; }
.w15per { width:15%!important; }
.w20per { width:20%!important; }
.w25per { width:25%!important; }
.w30per { width:30%!important; }
.w35per { width:35%!important; }
.w40per { width:40%!important; }
.w45per { width:45%!important; }
.w50per { width:50%!important; }
.w60per { width:60%!important; }
.w65per { width:65%!important; }
.w70per { width:70%!important; }
.w75per { width:75%!important; }
.w80per { width:80%!important; }
.w90per { width:90%!important; }
.w100per { width:100%!important; }

.mlr50 { margin-left:15.675%!important; margin-right:15.675%!important; }
.mlr40 { margin-left:12.5%!important; margin-right:12.5%!important; }
.mlr30 { margin-left:9.375%!important; margin-right:9.375%!important; }
.mlr25 { margin-left:7.8375%!important; margin-right:7.8375%!important; }
.mlr20 { margin-left:6.25%!important; margin-right:6.25%!important; }
.mlr15 { margin-left:4.6875%!important; margin-right:4.6875%!important; }
.mlr10 { margin-left:3.125%!important; margin-right:3.125%!important; }
.mlr5 { margin-left:1.5625%!important; margin-right:1.5625%!important; }
.mlr0 { margin-left:0!important; margin-right:0!important; }
.mlr-5 { margin-left:-1.5625%!important; margin-right:-1.5625%!important; }
.mlr-10 { margin-left:-3.125%!important; margin-right:-3.125%!important; }

.mr40 { margin-right:12.5%!important; }
.mr30 { margin-right:9.375%!important; }
.mr25 { margin-right:7.8375%!important; }
.mr20 { margin-right:6.25%!important; }
.mr15 { margin-right:4.6875%!important; }
.mr10 { margin-right:3.125%!important; }
.mr5 { margin-right:1.5625%!important; }
.mr0 { margin-right:0!important; }
.mr-5 { margin-right:-1.5625%!important; }

.ml40 { margin-left:12.5%!important; }
.ml30 { margin-left:9.375%!important; }
.ml25 { margin-left:7.8375%!important; }
.ml20 { margin-left:6.25%!important; }
.ml15 { margin-left:4.6875%!important; }
.ml10 { margin-left:3.125%!important; }
.ml5 { margin-left:1.5625%!important; }
.ml0 { margin-left:0!important; }
.ml-5 { margin-left:-1.5625%!important; }

.plr50 { padding-left:15.675%!important; padding-right:15.675%!important; }
.plr40 { padding-left:12.5%!important; padding-right:12.5%!important; }
.plr30 { padding-left:9.375%!important; padding-right:9.375%!important; }
.plr25 { padding-left:7.8375%!important; padding-right:7.8375%!important; }
.plr20 { padding-left:6.25%!important; padding-right:6.25%!important; }
.plr15 { padding-left:4.6875%!important; padding-right:4.6875%!important; }
.plr10 { padding-left:3.125%!important; padding-right:3.125%!important; }
.plr5 { padding-left:1.5625%!important; padding-right:1.5625%!important; }
.plr0 { padding-left:0!important; padding-right:0!important; }
.plr-5 { padding-left:-1.5625%!important; padding-right:-1.5625%!important; }
.plr-10 { padding-left:-3.125%!important; padding-right:-3.125%!important; }

.pr40 { padding-right:12.5%!important; }
.pr30 { padding-right:9.375%!important; }
.pr25 { padding-right:7.8375%!important; }
.pr20 { padding-right:6.25%!important; }
.pr15 { padding-right:4.6875%!important; }
.pr10 { padding-right:3.125%!important; }
.pr5 { padding-right:1.5625%!important; }
.pr0 { padding-right:0!important; }
.pr-5 { padding-right:-1.5625%!important; }

.pl40 { padding-left:12.5%!important; }
.pl30 { padding-left:9.375%!important; }
.pl25 { padding-left:7.8375%!important; }
.pl20 { padding-left:6.25%!important; }
.pl15 { padding-left:4.6875%!important; }
.pl10 { padding-left:3.125%!important; }
.pl5 { padding-left:1.5625%!important; }
.pl0 { padding-left:0!important; }
.pl-5 { padding-left:-1.5625%!important; }

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

	/* ▼size▼ */
	.w60 { width:90px!important; }
	.w70 { width:100px!important; }
	.w80 { width:120px!important; }
	.w90 { width:135px!important; }
	.w100 { width:150px!important; }
	.w110 { width:165px!important; }
	.w120 { width:180px!important; }
	.w130 { width:195px!important; }
	.w140 { width:210px!important; }
	.w150 { width:225px!important; }
	.w180 { width:270px!important; }
	.w200 { width:300px!important; }
	.w220 { width:330px!important; }
	.w240 { width:360px!important; }
	.w250 { width:375px!important; }
	.w300 { width:450px!important; }

	.h160 { height:240px!important; }

	.mb40 { margin-bottom:60px!important; }
	.mb35 { margin-bottom:50px!important; }
	.mb30 { margin-bottom:45px!important; }
	.mb25 { margin-bottom:40px!important; }
	.mb20 { margin-bottom:30px!important; }
	.mb15 { margin-bottom:22.5px!important; }
	.mb12 { margin-bottom:18px!important; }
	.mb10 { margin-bottom:15px!important; }
	.mb5 { margin-bottom:10px!important; }

	.mtb20 { margin-top:30px!important; margin-bottom:30px!important; }
	.mtb10 { margin-top:15px!important; margin-bottom:15px!important; }

	.pb25 { padding-bottom:37.5px!important; }
	.pb20 { padding-bottom:30px!important; }
	.pb15 { padding-bottom:22.5px!important; }
	.pb10 { padding-bottom:15px!important; }

	.pt20 { padding-top:30px!important; }
	.pt10 { padding-top:15px!important; }
	.pt5 { padding-top:10px!important; }

	.ptb20 { padding-top:30px!important; padding-bottom:30px!important; }
	.ptb10 { padding-top:15px!important; padding-bottom:15px!important; }

}

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

	/* ▼size▼ */
	.w60 { width:60px!important; }
	.w70 { width:70px!important; }
	.w80 { width:80px!important; }
	.w90 { width:90px!important; }
	.w100 { width:100px!important; }
	.w110 { width:110px!important; }
	.w120 { width:120px!important; }
	.w130 { width:130px!important; }
	.w140 { width:140px!important; }
	.w150 { width:150px!important; }
	.w180 { width:180px!important; }
	.w200 { width:200px!important; }
	.w220 { width:220px!important; }
	.w240 { width:240px!important; }
	.w250 { width:250px!important; }
	.w300 { width:300px!important; }

	.h160 { height:160px!important; }

	.mb40 { margin-bottom:40px!important; }
	.mb35 { margin-bottom:35px!important; }
	.mb30 { margin-bottom:30px!important; }
	.mb25 { margin-bottom:25px!important; }
	.mb20 { margin-bottom:20px!important; }
	.mb15 { margin-bottom:15px!important; }
	.mb12 { margin-bottom:12px!important; }
	.mb10 { margin-bottom:10px!important; }
	.mb5 { margin-bottom:5px!important; }

	.mtb20 { margin-top:20px!important; margin-bottom:20px!important; }
	.mtb10 { margin-top:10px!important; margin-bottom:10px!important; }

	.mt40 { margin-top:40px!important; }
	.mt30 { margin-top:30px!important; }
	.mt20 { margin-top:20px!important; }
	.mt15 { margin-top:15px!important; }
	.mt10 { margin-top:10px!important; }
	.mt5 { margin-top:5px!important; }
	.mt0 { margin-top:0!important; }
	.mt-5 { margin-top:-5px!important; }
	.mt-10 { margin-top:-10px!important; }
	.mt-12 { margin-top:-12px!important; }
	.mt-15 { margin-top:-15px!important; }
	.mt-20 { margin-top:-20px!important; }

	.pb25 { padding-bottom:25px!important; }
	.pb20 { padding-bottom:20px!important; }
	.pb15 { padding-bottom:15px!important; }
	.pb10 { padding-bottom:10px!important; }

	.pt20 { padding-top:20px!important; }
	.pt10 { padding-top:10px!important; }
	.pt5 { padding-top:5px!important; }

	.ptb20 { padding-top:20px!important; padding-bottom:20px!important; }
	.ptb10 { padding-top:10px!important; padding-bottom:10px!important; }

}

.mlr1 { margin-left:1px!important; margin-right:1px!important; }
.mlr-1 { margin-left:-1px!important; margin-right:-1px!important; }
.mauto { margin-left:auto; margin-right:auto; }

/* ▼font disp▼ */
a.line { text-decoration:underline!important; }
a.no_line { text-decoration:none!important; }

/* ▼text▼ */
.size10 { font-size:1.0rem!important; }
.size11 { font-size:1.1rem!important; }
.size12 { font-size:1.2rem!important; }
.size13 { font-size:1.3rem!important; }
.size14 { font-size:1.4rem!important; }
.size15 { font-size:1.5rem!important; }
.size16 { font-size:1.6rem!important; }
.size18 { font-size:1.8rem!important; }
.size20 { font-size:2.0rem!important; }
.size24 { font-size:2.4rem!important; }

.bold { font-weight:bold!important; }

.c_gold { color:#4c3b0e!important; }
.c_red { color:#af0555!important; }
.c_pink { color:#620340!important; }

.lh2 { line-height:2!important; }
.lh18 { line-height:1.8!important; }
.lh16 { line-height:1.6!important; }
.lh15 { line-height:1.5!important; }
.lh14 { line-height:1.4!important; }
.lh12 { line-height:1.2!important; }

/* ▼frame▼ */

/* ▼line▼ */

/* ▼indent▼ */
.indent1 { margin-left:1em; text-indent:-1em; }
.indent2 { margin-left:2em; text-indent:-2em; }
.indent3 { margin-left:3em; text-indent:-3em; }
.indent4 { margin-left:4em; text-indent:-4em; }
.indent5 { margin-left:5em; text-indent:-5em; }
.indent6 { margin-left:6em; text-indent:-6em; }

/* ▼background▼ */
.bg_pink { background:#faeaf8; }
.bg_green { background:#def9f5; }
.bg_yellow { background:#f8edd9; }
.bg_gray { background:#ededed; }

/* ▼border▼ */
.no_border { border:none!important; }

/* ▼list▼ */

/* ▼table▼ */

/* ▼form▼ */
input[type="text"], select, textarea, input[type="file"], input[type="tel"], input[type="email"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 4% 2%;
	vertical-align: middle;
	font-size: 16px;
	color: #292929;
	border: solid 1px #ccc;
	border-radius: 2px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

input[type="text"]:focus, select:focus, textarea:focus, input[type="file"]:focus, input[type="tel"]:focus, input[type="email"]:focus {
	border: solid 1px #ccc;
	outline: none;
}

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

input[type="text"]:disabled { display:none; }

input::-webkit-input-placeholder {
	color: #999;
	font-weight: normal;
}
input:-ms-input-placeholder {
	color: #999;
	font-weight: normal;
}
input::-moz-placeholder {
	color: #999;
	font-weight: normal;
}

select {
	height: 30px;
	padding: 0 5px;
	font-size: 1.4rem!important;
	line-height: 28px;
	background: transparent;
}

.arrow_select {
	position: absolute;
	top: 50%;
	right: 5px;
	width: 9px;
	margin-top: -3px;
	z-index: 0;
}

button[type="submit"] {
	padding: 0!important;
	background: none;
	border: none;
	cursor: pointer;
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	backface-visibility: hidden;
}

textarea {
	padding: 10px;
}

input[type="text"], input[type="tel"], input[type="email"] { height:30px; }

input[type="radio"], input[type="checkbox"] {
	margin-right: 5px;
	vertical-align: -3px!important;
}

.hidden_parts {
	position: relative;
	width: 200px;
	height: 30px;
}

.hidden_parts input[type="file"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 30px;
	opacity: 0;
	cursor: pointer;
}

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

	select {
		height: 45px;
		line-height: 42px;
	}

	.arrow_select {
		right: 7.5px;
		width: 15px;
		margin-top: -5px;
	}

	textarea {
		padding: 15px;
	}

	input[type="text"], input[type="tel"], input[type="email"] { height:45px; }

	input[type="radio"], input[type="checkbox"] {
		margin-right: 6px;
		vertical-align: -1px!important;
	}

}