@charset "utf-8";

/* TOP : /navi/feature/index.html
 ------------------------------ */
.top .block{
	position: relative;
	background: url(../../../../../sp/navi/feature/img/feature/1406/bg.jpg) repeat-y 0 0;
	background-size: 100% auto;
	color: #003333;
	line-height: 1.6;
}
.top #block_01{
	
}
.top #block_021{
	border-top: 2px solid #ffb2d7;
	border-bottom: 2px solid #ffb2d7;
}
.top #block_021 p{
	line-height: 1.6;
	padding: 1.5% 0;
}
.top #block_021 p span{
	font-size: 9px;
	color: #fff;
}
.top #block_031{
	padding: 4% 3%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}
.top #block_031 ul{
	width: 100%;
	overflow: hidden;
	display: table;
	background: #ff0079;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}
.top #block_031 ul li{
	width: 50%;
	display: table-cell;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 1px;
}

.top #block_04{
	padding: 0 0 4% 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}
.top #block_04 h4{
	padding-top:4%;
	padding-bottom: 10%;
}
.top #block_04 section{
	padding: 0 3%;
}
.top #block_04 section li{
	line-height: 1.2;
	padding-bottom: 10%;
}
.top #block_04 section li p{
	padding-top: 3%;
	font-size: 14px;
}
.top #block_04 section li p span{
	font-size: 11px;
	color: #003333;
}


.top #block_04 section .inner{
	padding: 4% 4.6%;
	font-size: 10px;
}
.top #block_04 .btn{	
}

.top #block_05{
	padding: 4% 3%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}
.top #block_05 dl{
	width: 100%;
	overflow: hidden;
}
.top #block_05 dt{
	float: right;
	width: 43%;
}
.top #block_05 dd{
	float: left;
	width: 55%;
}
.top #block_05 dd h4{
	font-size: 16px;
	color: #e52c6f;
	line-height: 1.1;
}
.top #block_05 dd p{
	font-size: 11px;
	padding-top: 4%;
	line-height: 1.4;
}


#subnav.subfixed{
	left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 500;
}

/* Archive : /navi/feature/archive.html
 ------------------------------ */
.archive #block_01{
	background: #f0f0f0;
}
.archive #block_01 h2{
	background-image: url(../../../../../sp/navi/feature/img/feature/archive/archive_ttl_bg.jpg);
    background-position: 0 center;
    background-repeat: repeat-x;
    background-size: 1px 100%;
	line-height: 2;
    padding: 2% 3% 2% 6%;
    color: #ff0079;
    border-top: 1px solid #fd409d;
    border-bottom: 1px solid #ccc;
}
.archive #block_01 ul{
	padding-bottom: 3%;
}
.archive #block_01 ul li{
	background: #fff;
	border-top: 1px solid #ff0079;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-top: 3%;
}
.archive #block_01 ul li a{
	display: block;
	padding: 2% 3%;
}
.archive #block_01 ul li a .list{
	background-image: url(../../../../../sp/navi/feature/img/feature/archive/icon_ln_arrow_1404.png);
	background-position: right center;
    background-repeat: no-repeat;
    background-size: 3% auto;
}
.archive #block_01 ul li a .cat{
	color: #fff;
	padding: 1% 4%;
	font-size: 10px;
}
.archive #block_01 ul li a .campaign{
	background: #33cbf5;
}
.archive #block_01 ul li a .lesson{
	background: #ff99b9;
}
.archive #block_01 ul li a .esthetic{
	background: #b9db33;
}
.archive #block_01 ul li a h3{
	width: 95%;
	font-size: 12px;
	color: #917726;
	text-decoration: underline;
	line-height: 1.5;
	padding: 1% 0;
}
.archive #block_01 ul li a h3 span{
	padding: 1% 1% 1% 2%;
}
.archive #block_01 ul li a h3 span img{
	display: inline;
}

.archive #ln li:nth-child(4) a div{
	font-size: 9px;
}


/* single : /navi/feature/1410/exp_dep2.html
 ------------------------------ */
.single .bg {
	 background:#000;
 }
.single .btn_shop {
	padding:1.5% 0 6% 0;
}

.single #block_03 {
	padding:3%;
	color:#fff;
}
.single #block_03 table {
	margin-bottom:1em;
	width:100%;
}
.single #block_03 table th {
	width:3em;
}
.single #block_03 table th,
.single #block_03 table td {
	padding-top:1em;
}


/* single : /navi/feature/1410/exp_report2.html
 ------------------------------ */
.single .repo_inr {
	padding:0 9% 4.5% 9%;
	background: url(../../../../../sp/navi/feature/img/feature/1410/exp02_bg.png) repeat-y;
	background-size: 100% auto;
}
.single .repo_inr .box {
	margin:0;
	padding:5%;
	background:#262430;
	border:3px solid #d3c097;
	color:#fff;
}
.single .repo_inr .box p {
	padding-top:2em;
}
.single .repo_inr .box a {
	color:#fff;
}
.single .repo_inr .box .btn {
	padding-top:3em;
}

.single .btn_shop2 {
	padding:4% 0;
}


/* searchArea
------------------------------------------------------------------------- */
.searchArea {
}

.searchArea .inner {
}

#searchAreaBlock {
	border-top:1px solid #F380BC;
	margin:5% 0 0% 0;
	padding:2% 4% 4% 4%;
	background: #fff;
}

.searchTitle1 #searchAreaBlock {
	padding:0 4% 0 4%;
}

.searchTitle1 {
	padding:0 0 3% 0;
}


#searchAreaBlock h3 {
}

#searchAreaBlock #cpc_search1 {
}


div#searchAreaBlock > span.roundBr {
    display: none;
}
div#searchAreaBlock div#cpc_divMain1 {
	margin: 0 0 0 0;
}
div#searchAreaBlock div#cpc_divFoot1 {
    background: none;
}
div#searchAreaBlock p#cpc_searchLoading1 {
	padding: 10px 0;
	text-align: center;
}
div#searchAreaBlock p#cpc_srch_searchResultMessage1 {
    width: 290px;
    margin: 0 auto;
	padding: 10px 0;
	text-align: center;
}
div#searchAreaBlock p#cpc_srch_searchResultMessage1 .important {
	color: #e6007a;
	font-weight: bold;
	font-style: normal;
}
div#searchAreaBlock p.buttonSearch,
div#searchAreaBlock p.buttonSearchDisable {
}
div#searchAreaBlock p.buttonSearch button,
div#searchAreaBlock p.buttonSearchDisable button {

}
div#searchAreaBlock p.buttonSearch span,
div#searchAreaBlock p.buttonSearchDisable span {
	display: none;
}
div#searchAreaBlock div#cpc_srch_searchResultMessage1 {
	background-color: #f1f1ee;
	text-align: center;
}

/* search Custum
------------------------------------------------------------------------- */

section#cpc_search1{
}

div#cpc_inner1 {
}


h2#cpc_searchTitle1 {
	padding:5.3% 0 4.667% 0;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	background: #fff;
}

h3#cpc_textAreaSearch1 {
	display:none;
}

#cpc_divMain1 ul {
	display:table;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
	width:100%;
}
#cpc_divMain1 ul li {
	/*display:table-cell;
	width:40%;*/
	padding:0 0 2% 0;
	width:100%;
}

#cpc_divMain1 ul li:last-child {
	padding:0 0 0 0;
}

p#cpc_srch_searchResultMessage1 {
	text-align: center;
	padding:3% 0 3% 0;
}

p#cpc_srch_searchResultMessage1 em {
	color:#77693C;
}


select#cpc_srch_prefecture1 {
	width:100%;
}

select#cpc_srch_city1 {
	width:100%;
}

p.search_result {
	text-align: center;
}

#cpc_searchTitle1 {
	display:none;
}



#cpc_buttonSearch1 {
	text-align: center;
	padding:0 0 0 0;
}

#cpc_srch_searchResultMessage1 {
	padding:2% 0 0 0;
}


#cpc_buttonSearch1 button  {
	background-size: 100% auto;
    height: 32px;
    border: none;

		background: url(../../../../../sp/navi/feature/img/feature/1409/icon_search.png) 9px center no-repeat,
	 -webkit-gradient(linear, left top, left bottom, from(#EC3F9B),
	 to(#E6007A)
	 );
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-size: 15px 15px , auto auto;
	-webkit-background-size: 15px 15px , auto auto;
	width: 100%;
	padding:2px 0 2px 0;
	text-align: center;
	color:#fff;
	font-size: 14px;
	font-weight: bold;
}


ul#ln{
	background:none;
}
ul#ln li{
	margin:0;
	padding:0;
}
ul#ln li a{
	padding:0;
	border:none;
}


/* MENU
-------------------------------------------------------------------- */
.single .sec01 {
	padding-top:5%;
}
.subfixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index:500;
}
#subnav {
	height:48px;
}
.head_size {
	height:47px;
}
#menu_sp {
	position:relative;
	height:45px;
	border-top:1px solid #c4ab74;
	border-bottom:1px solid #c4ab74;
	background:#262430;
}
#head_menu ul{
	display: table;
	width:100%;
}
#head_menu ul li {
	display: table-cell;
	width: 33.33333%;
	text-align: center;
	table-layout: fixed;
}
#head_menu ul li a {
	display:block;
	padding:5px 0;
}
#head_menu ul li.navi02 {
	border-right:1px solid #c4ab74;
	border-left:1px solid #c4ab74;
}
.cfx:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#subnav.subfixed{
	left: 0;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 500;
}




/*
#menu_sp {	
	position:fixed;
	bottom: 0;
	left:0;
	width:100%;
	height:61px;
	border-top:1px solid #c4ab74;
	border-bottom:1px solid #c4ab74;
	background:#262430;
	z-index:500;
}
#head_menu ul{
	display: table;
	width:100%;
}
#head_menu ul li {
	display: table-cell;
	width: 33.33333%;
	text-align: center;
	table-layout: fixed;
}
#head_menu ul li.navi02 {
	border-right:1px solid #c4ab74;
	border-left:1px solid #c4ab74;
}

#head_menu ul li a {
	display:block;
	padding:3px 0;
}
.cfx:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
*/