@charset "UTF-8";


/*-------------------------------------------------------
全体メイン（2カラム左）【PC】
------------------------------------------------------*/
.cf:after { content:" "; display:block; height:0; clear:both; overflow:hidden; visibility:hidden; }

.lbar { 
	float:left; 
	width:calc(100% - 300px);
	background: #ffffff; }



.lbar > *:last-child, .rbar > *:last-child { margin-bottom:0px; }




@media screen and (max-width: 1000px) {
.content { padding:30px 20px; }
.lbar { width:calc(100% - 300px); }
}


.lbar .scont { 
	text-align:center; 
	background:url(../img/heeader01_pc.png) no-repeat center bottom 15px; 
	background-size:contain; 
	margin-top:0px; }
	
	
	
.lbar p{
    font-size: 14px;
    line-height: 1.7em;
    letter-spacing: 0.08em;
}

/*-------------------------------------------------------
全体メイン（2カラム左）【SP】
------------------------------------------------------*/
@media screen and (max-width: 760px) {

.lbar { 
	float:none; 
	width:auto;}

.lbar .scont { 
    padding: 10px 0px 5px 0px;
    background: none;
    margin-top: 0px;
    margin: 0 10px; }
}	
	

/*-------------------------------------------------------
検索結果：ソート部分【PC】：項目4つ
------------------------------------------------------*/

.srsort_type4 {
    border: #ddd6c7 solid 1px;
    margin: 9px 9px 49px 9px;
    width: calc(100% - 30px);
    box-shadow: 0px 0px 0px 9px #e8e4d7;
    background-color: #f7f6f1;
    text-align: center;
    padding: 18px 5px;
}


.srsort_type4 p { 
	font-size:16px; 
	font-weight:bold; 
	line-height:20px;
	margin: 0; }

.srsort_type4 p span { 
	display:inline-block; 
	background:url(../img/sort.png) no-repeat 0px center; 
	background-size:12px auto; 
	padding:0px 22px; 
    margin-bottom: 2px;
    font-size: 80%; }



.srsort_type4 div { 
	float:left; 
	width:calc(25% - 30px); 
	margin:0px 15px; }



.srsort_type4 div span { 
	display:block; 
	color:#fff; 
	border-radius:3px; 
	line-height:20px; 
	padding:0; 
	position:relative; 
	margin-bottom:7px; }
	
.srsort_type4 div span:after { 
	content:""; 
	width:7px; 
	height:10px; 
	background-size:7px auto !important; 
	position:absolute; 
	left:calc(50% - 3.5px); 
	top:18px; }
	
.srsort_type4 div a { 
text-decoration:underline; 
color: #d1c39c;
padding: 0 5px; }



.srsort_type4 div a:hover { text-decoration:none; }



.srsort_type4 div a.sel { font-weight:bold; text-decoration:none; cursor:default; pointer-event:none; }
.srsort_type4 div a.sel:before { font-weight:normal; }
.srsort_type4 div:nth-child(2) span { background-color:#d1c39c; }
.srsort_type4 div:nth-child(2) span:after { background:url(../img/sg1.png) no-repeat; }
.srsort_type4 div:nth-child(3) span { background-color:#8fcbe2; }
.srsort_type4 div:nth-child(3) span:after { background:url(../img/sg2.png) no-repeat; }
.srsort_type4 div:nth-child(3) a { color:#5cadcd; }
.srsort_type4 div:nth-child(4) span { background-color:#9ec87f; }
.srsort_type4 div:nth-child(4) span:after { background:url(../img/sg3.png) no-repeat; }
.srsort_type4 div:nth-child(4) a { color:#6e9d4c; }
.srsort_type4 div:nth-child(5) span { background-color:#e7b36f; }
.srsort_type4 div:nth-child(5) span:after { background:url(../img/sg4.png) no-repeat; }
.srsort_type4 div:nth-child(5) a { color:#de9743; }
.srsort_type4 div:nth-child(6) span { background-color:#b2a0bf; }
.srsort_type4 div:nth-child(6) span:after { background:url(../img/sg5.png) no-repeat; }
.srsort_type4 div:nth-child(6) a { color:#9a81ad; }
@media screen and (max-width: 1100px) {
.srsort_type4 div { font-size:12px; width:calc(20% - 10px); margin:0px 5px; }
}



/*-------------------------------------------------------
検索結果：ソート部分《SP》：項目4つ
------------------------------------------------------*/
@media screen and (max-width: 760px) {

.srsort_type4 { 
	margin:10px 9px 20px 9px; 
	padding:5px 5px 5px 5px; }

.srsort_type4 div { 
	width:calc(25% - 20px); 
	margin:0 10px; 
	padding-bottom:10px; 
	font-size:13px; }

.srsort_type4 div span { margin-bottom:6px; }

.srsort_type4 div span:after { 
	width:6px; 
	background-size:6px auto !important; 
	left:calc(50% - 3px); 
	top:18px; }
}




/*-------------------------------------------------------
検索結果：商品詳細部分ベース【PC】
------------------------------------------------------*/

.prodlist .each {
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.prodlist h4 { 
	background:url(../img/ptbg.gif) repeat-x top; 
	background-size:auto 100%; 
	font-size:20px; 
	font-weight:bold; 
	line-height:26px; 
	padding:22px 20px 22px 70px; 
	margin-bottom:10px; 
	position:relative; }

.prodlist h4:before { content:""; background:url(../img/crown.png) no-repeat 0px center; background-size:30px auto; width:30px; height:50px; position:absolute; left:25px; top:9px; }

.prodlist h4 a { 
	color:#1967D2; 
	font-size: 20px;}

.prodlist h4 a:after { content:"≫"; margin-left:10px; display:inline-block; }


.searchlist .each:nth-child(-n + 3) h4 { padding-left:70px; }
.searchlist .each:nth-child(-n + 3) h4:before { background-size:30px auto !important; }


.prodlist .cf a img {
    float: none;
    width: 200px !important;
    margin: 0 auto;
    display: block;
    border: #1967D2 solid 1px;
}


.prodlist .btns {
    margin-top: 30px;
}

.prodlist .btns a { 
	font-size:16px; 
	font-weight:bold; 
	float:left; width:calc(50% - 15px); 
	line-height:20px; 
	border-radius:5px; 
	text-align:center; 
		color:#fff; 
	border:#f17696 solid 1px; 
	background:url(../img/arrow3.png) no-repeat right 20px center; 
	background-size:14px auto; 
		background-color:#f17696;

	padding:15px 0px; }

.prodlist .btns a:last-child { 
	float:right; 
		color:#1e919b; 
	border:#1e919b solid 1px; 

	background:url(../img/arrow9.png) no-repeat right 20px center; 
	background-size:14px auto; 
		background-color:#e4f6f8; 
 }
 
 .prodlist .btns a:hover{ background-color:#f17696; }
.prodlist .btns a:last-child:hover { text-decoration:none; background-color:#fff; filter:alpha(opacity=75); opacity:0.75; }







/*-------------------------------------------------------
検索結果：商品詳細部分ベース《SP》
------------------------------------------------------*/
@media screen and (max-width: 760px) {
.prodlist h4 { background:url(../img/srbg.gif); background-size:30px auto; font-size:16px; line-height:22px; padding:15px 10px 15px 52px;}
.prodlist h4:before { background-size:22px auto; left:15px; top:calc(50% - 25px); }
.prodlist h4 a:after { margin-left:5px; }


.prodlist .btns { margin-top:20px; }
.prodlist .btns a { 
	display:block; 
	float:none; 
    width: 90%;
    margin: 0 auto;
	margin-bottom:10px; }



.searchlist .each:nth-child(-n + 3) h4 { padding-left:52px; }
.searchlist .each:nth-child(-n + 3) h4:before { background-size:22px auto !important; }

.prodlist .btns a:last-child { float:none; }

}



 
/*-------------------------------------------------------
検索結果：商品詳細部分：拡張部分
-----------------------------------------------------*/
.cur_commentbox{
position: relative;
background: #FFFAE2;
    margin: 10px;
    margin-top: 0px;
    margin-bottom: 6px;
    padding: 10px;
    padding-top: 0px;
    letter-spacing: 0.03em;
    line-height: 180%;
    margin-top: 25px;
}

.cur_commentbox p{
padding: 10px;
    font-size: 13px;
    padding-top: 20px;}
    

.cur_commentbox:before{

    content: "";
    position: absolute;
    top: -45px;
    right: 110px;
    width: 100%;
    /* left: 50px; */
    height: 95px;
    background: url(images/icon_curcomment.png) no-repeat center center;
    background-size: 30%;
    z-index: 2;
}

.table_cur{
    margin: 10px;
    padding: 10px;
    width: 92%;}

@media screen and (min-width: 801px){
.cur_commentbox{
    margin-top: 45px;}

.cur_commentbox:before{
    top: -60px;
    right: 200px;  
  }

.cur_commentbox p{
    line-height: 1.9em;
    padding: 5px;
    padding-right: 1px;
    padding-top: 20px;
}}

.cur_databox{
padding: 0 16px 0 13px;}



.cur_data{
    float: left;
    width: calc(50% - 105px);
    border-bottom: #c9c2b2 dashed 1px;
    position: relative;
    padding: 5px 0px 5px 100px;
    line-height: 20px;
}

@media screen and (max-width: 321px) {
.cur_data {
    float: left;
    width: calc(60% - 100px);
    border-bottom: #c9c2b2 dashed 1px;
    position: relative;
    padding: 5px 0px 5px 65px;
    line-height: 20px;
}}


.cur_data:nth-child(even) {
    float: right;}
    
.cur_data:last-child{
    float: left;
    width: calc(100% - 100px);
    border-bottom: #c9c2b2 dashed 1px;
    position: relative;
    padding: 5px 0px 5px 100px;
    line-height: 20px;
}    


.cur_data .cur_label {
    position: absolute;
    font-weight: bold;
    left: 0px;}


.cur_data .cur_label:before{
    content: "★";
    color: rgb(87, 181, 189);
    font-weight: normal;
    padding-right: 5px;
    margin-left: -1px;}


.cur_iconlist{
	padding: 5px 0;}
	


.cur_iconlist ul {
	margin:10px;}



.cur_iconlist li {
    text-align: center;
    font-size: 110% !important;
    border-radius: 5px;
    width: 33%;
    float: left;
    padding-top: 3px;
}

.cur_iconlist .on {
    color: #ffffff;
    border: #ed99ab solid 2px;
    background: #f1aebd;
    font-size: 90% !important;
    border-radius: 5px;
    width: 93%;
    display: inline-block;
    font-weight: bold;
}


.cur_iconlist .off {
    color: #c3c3c3;
    border: #c3c3c3 solid 2px;
    background: #fff;
    font-weight: normal;
    border-radius: 10px;
    border-radius: 5px;
    font-size: 93% !important;
    display: inline-block;
    width: 90%;}
    
.cur_clearfix:after {
  clear: both;
  content: '';
  display: block;
}   


.textr_cur {
text-align: right !important;
margin: 0;
margin-right: 10px;
margin-bottom: 20px;
padding-right: 5px;
text-decoration: underline;
font-weight: bold;
}




#ranking table, #ranking tbody, #ranking tfoot, #ranking thead, #ranking tr, #ranking th, #ranking td,
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }
    

#ranking table, #ranking tbody, #ranking tfoot, #ranking thead, #ranking tr, #ranking th, #ranking td{
    box-sizing:border-box;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    font-weight: 200;
    line-height: 1.9em;
}

#ranking th{
	text-align: center;
}



/*-----テーブル：サロン詳細-----*/
.ranking_table{
    margin: 10px auto;
    width: 100%;
    font-size: 110%;
    border-collapse: collapse;
    border-spacing: 0;}

.ranking_table tr{
    display: table-row;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px dashed #b4b3b1;
    vertical-align: middle;
    font-weight: bold;}
    
    
.ranking_table tr th {
    width: 38%;
    background-color: #ffeae9;
    padding: 4px 6px;
    display: block;
    float: left;}

.ranking_table tr td{
    width: 62%;
    padding: 4px 15px;
    display: block;
    float: left;}

.ranking_table tr:nth-last-of-type(1) {
    border-bottom: none;}
    
    
    




/*折りたたみFooter【PC】*/

.footer {
  background-color:#fff;
  padding:40px 20px;
}
body.page .footer {
  box-sizing: border-box;
  width: 700px;
  max-width: 100%;
  margin: 0 auto;
}
body.home .footer {
  width: 1020px;
}
body.page #footer {
  box-sizing: border-box;
  background: #fff;
  width: 700px;
  max-width: 100%;
  margin: 0 auto;
}
body.home #footer {
  width: 1020px;
  
}

.footer .cont { max-width:1140px; margin:0 auto; text-align:left; }
.footer .cont > ul { float:left; width:calc(32% - 51px); padding:0px 20px 0px 30px; border-left:#ddd6c7 dashed 1px; }
.footer .cont > ul:first-child { width:calc(36% - 20px); border-left:none; padding-left:0px; }
.footer .cont > ul > li { padding-top:30px; }
.footer .cont > ul > li:first-child, .footer .cont > ul:first-child > li:nth-child(2) { padding-top:0px; }

.footer .cont > ul > li > a { 
	background:url(../img/mbg.png) no-repeat -2px center; 
	background-size:26px auto; 
	font-weight:bold;
	font-size:14px; 
	padding-left:25px;
	text-decoration: none; }


.footer .cont > ul > li ul { font-size:11px; padding:8px 0px 0px 10px; }
.footer .cont > ul > li ul li { padding-top:2px; line-height:22px; }
.footer .cont > ul > li ul li.mn { display:none; }

.footer .cont > ul > li ul li a { 
	background:url(../img/arrow1.png) no-repeat 0px 7px; 
	background-size:8px auto; 
	padding-left:15px; 
	text-decoration: none;}

.footer .cont > ul > li ul li.sb { padding-left:15px; }
.footer .cont > ul > li ul li.sb a { background:url(../img/arrow2.png) no-repeat 0px 5px; background-size:7px auto; padding-left:12px; }

.footer .cont a { 
	color:#747474; 
	display:inline-block; }


.menu { float:right; padding-top:4px; }
.menu + .fader { display:none; }
.menu > ul { width:630px; margin:0 auto; padding:5px 0px; }
.menu ul > li { float:left; width:calc(20% - 11px); padding:0px 5px; border-left:#94d5db dashed 1px; border-right:#94d5db dashed 1px; margin-left:-1px; }
.menu ul > li > a { background:url(../img/mbg.png) no-repeat; background-position:center 6px !important; background-size:26px auto !important; display:block; color:#1e919b; font-size:13px; line-height:15px; text-align:center; margin:-5px 0px; border-radius:5px; padding:38px 0px 8px 0px; }
.menu ul > li.m1 > a { background:url(../img/m1.png) no-repeat; } .menu ul > li.m1 > a:hover, .menu ul > li.m1 > a.sel { background:url(../img/m1h.png) no-repeat; }
.menu ul > li.m2 > a { background:url(../img/m2.png) no-repeat; } .menu ul > li.m2 > a:hover, .menu ul > li.m2 > a.sel { background:url(../img/m2h.png) no-repeat; }
.menu ul > li.m3 > a { background:url(../img/m3.png) no-repeat; } .menu ul > li.m3 > a:hover, .menu ul > li.m3 > a.sel { background:url(../img/m3h.png) no-repeat; }
.menu ul > li.m4 > a { background:url(../img/m4.png) no-repeat; } .menu ul > li.m4 > a:hover, .menu ul > li.m4 > a.sel { background:url(../img/m4h.png) no-repeat; }
.menu ul > li.m5 > a { background:url(../img/m5.png) no-repeat; } .menu ul > li.m5 > a:hover, .menu ul > li.m5 > a.sel { background:url(../img/m5h.png) no-repeat; }
.menu ul > li > a:hover, .menu ul > li > a.sel { background-color:#57b5bd !important; text-decoration:none; color:#fff; }
@media screen and (min-width: 760px) {
.menu ul > li ul { display:none !important; }
}
@media screen and (max-width: 900px) {
.header .logo { padding-top:20px; }
.header .logo img { width:160px; }
.menu > ul { width:550px; }
.menu ul > li > a { font-size:12px; }	}





/* 折りたたみFooter《SP》 */

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

.footer { 
	background-size:43px auto; 
	background-color:#fffdfd; 
	padding:0px; }

  body.page .footer {
    box-sizing: border-box;
    width: 100%;
}  

.footer .cont > ul { float:none; width:auto; padding:0px; border-left:none; min-height:0px !important; }
.footer .cont > ul:first-child { width:auto; }
.footer .cont > ul > li { background:url(../img/arrow4.png) no-repeat right 13px top 19px; background-size:8px auto; float:none; width:auto; padding:0px; border-left:none; border-right:none; margin-left:0px; border-bottom:#c9c2b2 dashed 1px; }
.footer .cont > ul > li > a { background-position:10px center !important; background-size:20px auto !important; color:#6e5d3c; font-size:14px; line-height:18px; text-align:left; margin:0px; border-radius:0px; padding:16px 20px 16px 38px; display:block; font-weight:normal; }
.footer .cont > ul > li.m0 > a { background:url(../img/m0.png) no-repeat; }
.footer .cont > ul > li.m1 > a { background:url(../img/m1.png) no-repeat; }
.footer .cont > ul > li.m2 > a { background:url(../img/m2.png) no-repeat; }
.footer .cont > ul > li.m3 > a { background:url(../img/m3.png) no-repeat; }
.footer .cont > ul > li.m4 > a { background:url(../img/m4.png) no-repeat; }
.footer .cont > ul > li.m5 > a { background:url(../img/m5.png) no-repeat; }
.footer .cont > ul > li.m1, .footer .cont > ul > li.m2, .footer .cont > ul > li.m3, .footer .cont > ul > li.m4 { background:url(../img/open.png) no-repeat right 12px top 19px; background-size:12px auto !important; }
.footer .cont > ul > li.sel { background:url(../img/close.png) no-repeat right 12px top 19px; }
.footer .cont > ul > li ul { background-color:#fff; border-top:#c9c2b2 dashed 1px; padding:10px; display:none; }
.footer .cont > ul > li ul li { border:none; padding-top:4px; background:none; line-height:18px; }
.footer .cont > ul > li ul li a { background:url(../img/arrow1.png) no-repeat 10px 13px !important; background-size:8px auto !important; display:block; font-size:13px; padding:8px 10px 8px 24px; }
.footer .cont > ul > li ul li.mn { padding:0px 0px 6px 0px; display:block; }
.footer .cont > ul > li ul li.mn a { background:url(../img/arrow3.png) no-repeat 10px center !important; background-size:12px auto !important; background-color:#b1a892 !important; color:#fff; padding:10px 10px 10px 30px; }
.footer .cont > ul > li ul li.sb { padding:0px 0px 2px 12px; }
.footer .cont > ul > li ul li.sb a { background:url(../img/arrow2.png) no-repeat 15px 10px !important; background-size:7px auto !important; padding:6px 10px 6px 30px; }
.footer.sel .cont > ul > li > a { -webkit-tap-highlight-color:rgba(0, 0, 0, 0.03); }


.menu { float:none; padding:0px; position:fixed; right:-245px; top:0px; background:url(../img/menubg.gif); background-size:43px auto; background-color:#f7f7f7; height:100%; width:245px; z-index:1000; overflow:scroll; -webkit-overflow-scrolling:touch; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; }
.menu.sel { right:0px; }
.menu + .fader { background:url(../img/mclose.png) no-repeat right 260px top -30px; background-size:21px auto; background-color:rgba(0, 0, 0, 0.5); position:fixed; top:0px; left:0px; width:100%; height:150%; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; visibility:hidden; filter:alpha(opacity=0); opacity:0; display:block; z-index:990; }
.menu.sel + .fader { visibility:visible; filter:alpha(opacity=100); opacity:1; background-position:right 260px top 15px; }
.menu > ul { width:auto; position:relative; height:calc(100% + 1px); padding:0px; }
.menu ul > li { background:url(../img/arrow4.png) no-repeat right 13px top 19px; background-size:8px auto; float:none; width:auto; padding:0px; border-left:none; border-right:none; margin-left:0px; border-bottom:#c9c2b2 dashed 1px; }
.menu ul > li > a { background-position:10px center !important; background-size:20px auto !important; color:#6e5d3c; font-size:14px; line-height:18px; text-align:left; margin:0px; border-radius:0px; padding:16px 20px 16px 38px; }
.menu ul > li.m0 > a { background:url(../img/m0.png) no-repeat; }
.menu ul > li.m1 > a:hover, .menu ul > li.m1 > a.sel { background:url(../img/m1.png) no-repeat; }
.menu ul > li.m2 > a:hover, .menu ul > li.m2 > a.sel { background:url(../img/m2.png) no-repeat; }
.menu ul > li.m3 > a:hover, .menu ul > li.m3 > a.sel { background:url(../img/m3.png) no-repeat; }
.menu ul > li.m4 > a:hover, .menu ul > li.m4 > a.sel { background:url(../img/m4.png) no-repeat; }
.menu ul > li.m5 > a:hover, .menu ul > li.m5 > a.sel { background:url(../img/m5.png) no-repeat; }
.menu ul > li > a:hover, .menu ul > li > a.sel { background-color:transparent !important; color:#6e5d3c; }
.menu ul > li.m1, .menu ul > li.m2, .menu ul > li.m3, .menu ul > li.m4 { background:url(../img/open.png) no-repeat right 12px top 19px; background-size:12px auto !important; }
.menu ul > li.sel { background:url(../img/close.png) no-repeat right 12px top 19px; }
.menu ul > li ul { background-color:#fff; border-top:#c9c2b2 dashed 1px; padding:10px; display:none; }
.menu ul > li ul li { border:none; padding-top:4px; background:none; }
.menu ul > li ul li a { background:url(../img/arrow1.png) no-repeat 10px 13px !important; background-size:8px auto !important; display:block; font-size:13px; padding:8px 10px 8px 24px; }
.menu ul > li ul li.mn { padding:0px 0px 6px 0px; }
.menu ul > li ul li.mn a { background:url(../img/arrow3.png) no-repeat 10px center !important; background-size:12px auto !important; background-color:#b1a892 !important; color:#fff; padding:10px 10px 10px 30px; }
.menu ul > li ul li.sb { padding:0px 0px 2px 12px; }
.menu ul > li ul li.sb a { background:url(../img/arrow2.png) no-repeat 15px 10px !important; background-size:7px auto !important; padding:6px 10px 6px 30px; }
.menu.sel > ul > li > a { -webkit-tap-highlight-color:rgba(0, 0, 0, 0.03); }

}



/*----キュレーションデザイン01【PC】----*/
#curate_01{
}

#curate_01 .table_frame{
    padding: 5px;}


#curate_01 .nav{
margin-top: 5px;
}

#curate_01 table { 
	width:100%; 
	border-collapse:collapse; 
	border-spacing:0px;
	vertical-align:middle;

    font-size: 90% !important; 
    color: #747474;}

#curate_01 th, #curate_01 td { 
	margin:0px; 
	padding:0px; 
	vertical-align:middle; }

#curate_01 th { 
	width: 22%;
	text-align:center; 
	font-weight:normal; 
    background: #fcecec;
    font-weight: bold;}
	
#curate_01 td { 
    padding: 4px 0px 2px 30px;}
    
    

#curate_01 th{
    width: auto;
    font-size: 13px;
    padding: 5px 0px;}


#curate_01 input[type="text"], textarea, input[type="submit"]{
    -webkit-appearance: none;}

#curate_01 select {
	position: relative;
	width: 100%;}

#curate_01 option{
	background: transparent !important;}


#curate_01 input[type="checkbox"]{
display: none;}


.select-titleb{
	color: #8FCBE2;
	font-weight: bold;
    vertical-align: text-top;}
    
.select-b{
	position: relative;
	display: inline-block;
    border-radius: 5px;
	background: transparent !important;
	width: 22%;
	    margin-left: 5px;}
			

#curate_01 label { 
	position: relative;
}

.label-check{
	color: #747474;}

.label-icon{
}

.label-icon:before{
	content: "□";
	color: #747474;
	padding-right: 3px;}

.label-check input[type="checkbox"]:checked ~ .label-icon{
color: #fff;}

.label-check input[type="checkbox"]:checked ~ .label-icon:before{
	content: "□";
	color: #747474;	
	padding-right: 3px;}

input[type="checkbox"]:checked ~ .label-icon{
color: #747474;}

input[type="checkbox"]:checked ~ .label-icon:before{
  font-family: "Font Awesome 5 Free";
  content: "\f14a";
  color: #747474;
      padding-right: 3px;
}


#curate_01 td label {
    float: none;
    font-size: 13px;
    line-height: 15px;
    margin: 3px 2px;
    cursor: pointer;
    position: relative;
    padding-left: 3px;
    margin-left: 12px;}

#curate_01 input {
    display: block;
    border: none;
    background-color: #f3efdb;
    border-radius: 4px;
    color: #77672B;
    width: 100%;
    text-align: center;
    position: relative;
    text-decoration: none;
    font-size: 100%;
    font-weight: bold;
    padding: 10px 0;
    margin: 0 auto;
}


/*----キュレーションデザイン01《SP》----*/
@media screen and (max-width: 760px) {

#curate_01 form { 
	margin:0; 
	padding:0;
	text-align: left;}
 
#curate_01{
}

#curate_01 .nav{
margin: 5px;
}

#curate_01 input {
	display: block;
    border: none;
    background-color: #f3efdb;
    border-radius: 4px;
    color: #77672B;
    width: 40%;
    text-align: center;
    position: relative;
    text-decoration: none;
    font-size: 100%;
    font-weight: bold;
    padding: 5px 0;
    margin: 0 auto;
    position: absolute;
    bottom: 5%;
    right: 5%;
}



#curate_01 .table_frame{
    padding: 0;
    position: relative;
}
#curate_01 input[type="text"], textarea, input[type="submit"]{
    -webkit-appearance: none;}

#curate_01 select {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0px;
    margin: 0;
    text-indent: 0.2em;
    text-align: left;
    font-size: 90% !important;
    color: #acacac;
    border: none;
    background: transparent !important;
    width: 100%;
}

#curate_01 option{
	background: transparent !important;}


#curate_01 input[type="checkbox"]{
display: none;
}



.select-titleb{
	color: #8FCBE2;
	font-weight: bold;
    vertical-align: text-top;
    padding-left: 8px;}

.select-b {
    position: relative;
    display: inline-block;
    border: solid 1px #8FCBE2;
    border-radius: 5px;
    background: transparent !important;
    width: 25%;
    margin-left: 15px;
    margin-right: 5px;
    height: 20px;
}

.select-b::after{
    position: absolute;
    right: 1px;
    top: 48%;
    content: "\25BC";
    color: #8FCBE2;
    margin-right: 2px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}



#curate_01 th {
    display: block;
    width: auto;
    font-size: 13px;
    padding: 5px 0px;
}

#curate_01 .sp-none{
display: none;}




#curate_01 table{
    width: 100%;
    margin: 0 auto;}



#curate_01 table, #curate_01 tbody, #curate_01 tr { 
	display:block; }


#curate_01 th, #curate_01 td { 
	border:none; 
	display:block; }


#curate_01 th { 
    font-size: 13px;
    padding: 0px;
    width: 100%;
    font-weight: lighter;
    background: #EAF9F2;}
	

#curate_01 td { 
    padding: 4px 0px 2px 4px;
}
}


/*----追加20180502：ボタン----*/
.cbtn-single {
    width: 100%;
    box-sizing: border-box;
}

.cbtn-single  a{
    display: block;
    width: 90%;
    border-radius: 4px;
    box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.3), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    background-color: #ff698f;
    color: #fff;
    text-align: center;
    padding: 23px 15px 23px 7px;
    text-decoration: none;
    position: relative;
    font-weight: bold;
    font-size: 120%;
    line-height: 1.7;
    margin: 0 auto;
    margin-top: 10px;
}

.cbtn-single:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}