@charset "utf-8";

/*--
update 2019-09-11 hara
--*/

/*===========================================

default

===========================================*/
html, body, div, span, figure, img, fieldset,
a, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, small, strong, dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:none;outline:none;}
header,hgroup,nav,article,section,aside,figure,footer{display:block;}
ol, ul{list-style: none;}
html{
    font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Arial, Helvetica, Tahoma, sans-serif;
    font-size: 62.5%;
}
body{font-size:1.4rem;line-height:1.7;}
.red{ color:#c00;}
.bold{font-weight:bold;}
.mg5{margin:5px!important;}
.mgt5{margin-top:5px!important;}
.mgt10{margin-top:10px!important;}
.mgt15{margin-top:15px!important;}
.mgt20{margin-top:20px!important;}
.mgt25{margin-top:25px!important;}
.mgb10{margin-bottom:10px!important;}
.pd5{padding:5px;}
.alc{text-align:center;}

/*clearfix
-------------------------------------*/
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0;
    visibility:hidden;
}
.clearfix{zoom:1;/*for IE 5.5-7*/}
* html .clearfix {display: inline-block; /* IE6 */}
*+html .clearfix {display: inline-block;/* IE7 */}


/*===========================================

layout

===========================================*/
body{background:#FFF; width:100%; color:#333; -webkit-text-size-adjust : none;}

/*link
-------------------------------------*/
a , a:hover{
	color:#333631; text-decoration:none;
}


/*===========================================
header
===========================================*/
header{width:100%; overflow:hidden;}
header h1{float:left; padding:11px 10px 0;width:150px;}
header h1 img{width:100%;height:auto;padding-top:5px;}
header ul#side{float:right;}
header ul#side li{	display:block; width:64px; float:right; }
header ul#side li a{
	display:block;
	padding:5px 0px 40px 0px ;
	color:#fd8092;
	font-size:1.2rem;
	text-align:center;
}
header ul#side li.about{
	background:url(../img/sp_about.svg) no-repeat center 25px; background-size:20px 24px;
}
header ul#side li.newmember{
	background:url(../img/sp_newmember.svg) no-repeat center 25px; background-size:20px 24px;
}
header ul#side li.review{
	background:url(../img/sp_review.svg) no-repeat center 25px; background-size:20px 24px;
}
header ul#side li.login{
	background:url(../img/sp_login.png) no-repeat center 25px; background-size:20px 24px;
}
header .pictxt{
	background:url(../img/sp_arrownextw.png) no-repeat 98% #ee6a7d;
	background-size:6px 10px;
 }
header .pictxt a{
	color:#fff;
    display:inline-block;
    padding:5px 10px;
}
header .pictxt img{
	width:1px;
	height:1px;
	padding:0;
	vertical-align:bottom;
	margin:0;
	display:inherit;
}
@media screen and (max-width: 320px) {header h1{width:100px;}}/*--20171206--*/

/*===========================================
article
===========================================*/
article{width:100%;overflow:hidden;}

/*flick
-------------------------------------*/
.flickContainer{overflow:hidden;position:relative;z-index:10;}
.flickContainer .flickWrapper{position:relative;z-index:1;}
.flickContainer .flickWrapper .flickCol{float:left;}
.flickWrapper:after,.flickBtn:after{content:".";display:block;clear:both;height:0;visibility:hidden;font-size:0.1em;line-height:0;}
.flickWrapper,.flickBtn{zoom:1;}
.lamp_def{display:inline-block;width:10px;height:10px;margin:0 4px;background:#eee;overflow:hidden; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius: 10px; }
.lamp_cur{background-color:#000!important; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius: 10px; }
.flickBtn{margin-top:-18px; font-size:0.7rem;}
.flick_btn_next,.flick_btn_back{display:block;padding:4px 8px;}
.flick_btn_next{float:right;}
.flick_btn_back{float:left;}
.pointer{cursor:pointer!important; background-color:#eee;}
#flickMain .flickContainer{_width:950px; max-height:320px;_height:320px;}
#flickMain span.flick_btn_next{padding-right:15px; background:url(../img/sp_arrow.svg) no-repeat right center !important; background-size:6px 10px;}
#flickMain span.flick_btn_back{padding-left:15px; background:url(https://www.samplefan.com/sp/common/img/sp_arrowprev.png) no-repeat left center !important;}
#flickMain .pointer{cursor:pointer !important;}
#flickMain .btnFalse{background:transparent !important;}
.flickCol a.noHighlight{-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media only screen and (max-width: 580px){#flickMain .flickContainer{height:100%;}
.lamp_def{display:inline-block;width:5px;height:5px;margin:0 2px}}

/*menu
-------------------------------------*/
ul#menu{ width:100%; background-color:#ee6a7d;}
ul#menu li{
	background:url(../img/sp_arrownextw.png) no-repeat 98%;
	padding-right:3px;
	background-size:6px 10px;
	width:50%;
	float:left;
	border-bottom:1px solid #fff;
	box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
	border-left:1px solid #fff;
}
/*ul#menu li:nth-child(3n+2){
	width:50%;
	float:left;
	border-left:1px solid #fff;
	box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
}*/	
#menu li a {
  float:left;
  color:#fff;
  padding:10px 0;
  width:100%;
  box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
}

ul#menu li.cosme a{background:url(https://www.samplefan.com/common/img/icon_cosme.svg) no-repeat 0 5px;}
ul#menu li.este a{background:url(https://www.samplefan.com/common/img/icon_aesthetic.svg) no-repeat 0 5px;}
ul#menu li.health a{background:url(https://www.samplefan.com/common/img/icon_healthcare.svg) no-repeat 0 5px;}
ul#menu li.diet a{background:url(https://www.samplefan.com/common/img/icon_diet.svg) no-repeat 0 5px;}
ul#menu li.life a{background:url(https://www.samplefan.com/common/img/icon_lifestyle.svg) no-repeat 0 5px;}
ul#menu li.freesample a{background:url(https://www.samplefan.com/common/img/icon_freesample.svg) no-repeat 0 5px;}
ul#menu li.men a{background:url(../img/sp_iconmen.png) no-repeat 0 5px; background-size:23px 25px; padding-left:23px;}

ul#menu li.cosme a,
ul#menu li.este a,
ul#menu li.health a,
ul#menu li.diet a,
ul#menu li.life a,
ul#menu li.freesample a{background-size:20px 20px; padding-left:27px;background-position:5px;}

/*brand
-------------------------------------*/
.brandimg{ width:310px; margin:5px auto 0;}
.brandimg .brandL{float:left; margin-right:5px;}
.brandimg .brandR{float:left;}
.brandimg .brandL img.ad, .brandimg .brandR img.ad{width:100px;}
.brandimg .brandL p , .brandimg .brandR p{text-align:center;font-size:1.2rem;}
.brandtxt{font-size:1.4rem; margin-top:0.7rem; text-align:center; background-color:#eee; padding-bottom:0.5rem;}
.brandtxt p.open a{padding:0.5rem 1rem 0.5rem 0.5rem; display:block; background:url(../img/sp_arrow.svg) no-repeat 98%; background-size:6px 10px; text-align:left; } 

/*acordion
-------------------------------------*/
.acordion{
 background:#fff;
 border-radius:2px;
 width:97%;
 margin:0 auto 0;
 border:1px solid #ee6a7d;
}
.trigger{
    padding:6px;
    background-color:#fff;
    border-radius:2px;
	cursor:pointer;
	color:#333;
} 
.trigger.active{
    border-radius:2px 2px 0 0;
    border-bottom:1px solid #ee6a7d;
}
.acordion_tree{
    padding:0 5px 5px;
	font-size:1.4rem;
	line-height:2.1rem;
	text-align:	left;
}
.acordion_tree p a{
	border-bottom:1px dotted #ccc;
	background:url(../img/sp_arrow.svg) no-repeat right;
	background-size:6px 10px;
	padding:0.5rem 1rem 0.5rem 0.5rem;
	display:block;
}

.open-close {
    float:right;
    text-indent:-9999px;
    display:block;
    margin-top:5px;
    height:6px;
    width:10px;
    background:url(../img/sp_arrowopen2.png) no-repeat;
    -webkit-background-size:10px 6px;
}
.trigger.active .open-close{
    background:url(../img/sp_arrowclose2.png) no-repeat;
    -webkit-background-size:10px 6px;
}

/*title
-------------------------------------*/
.title{padding:0.8rem 0.3rem; margin:0; color:#fff;}
.title h2{text-align:left; font-size:1.8rem; float:left; display:inline-block; padding-left:0.2rem;}
.title .morebtn{ display:block; float:right;}
.title .morebtn a{color:#fff; padding:5px 10px 5px 5px; font-size:1.2rem; background:url(../img/sp_arrownextw.png) no-repeat 97.5% #d0354b; background-size:6px 10px; border-radius:3px; line-height:0.8rem;}

.cosmetit{ background:url(https://www.samplefan.com/common/img/icon_cosme.svg) no-repeat 2px 6px #ee6a7d; background-size:24px 28px; padding-left:25px;}
.estetit{ background:url(https://www.samplefan.com/common/img/icon_aesthetic.svg) no-repeat 2px 6px #ee6a7d; background-size:22px 26px; padding-left:25px;}
.healthtit{ background:url(https://www.samplefan.com/common/img/icon_healthcare.svg) no-repeat 2px 6px #ee6a7d; background-size:22px 26px; padding-left:25px;}
.diettit{ background:url(https://www.samplefan.com/common/img/icon_diet.svg) no-repeat 2px 6px #ee6a7d; background-size:24px 28px; padding-left:25px;}
.lifetit{ background:url(https://www.samplefan.com/common/img/icon_lifestyle.svg) no-repeat 2px 6px #ee6a7d; background-size:20px 22px; padding-left:25px;}
.freesampletit{ background:url(https://www.samplefan.com/common/img/icon_freesample.svg) no-repeat 2px 6px #ee6a7d; background-size:24px 28px; padding-left:25px;}
.mentit{ background:url(../img/sp_iconmen.png) no-repeat 2px 6px #ee6a7d; background-size:24px 28px; padding-left:25px;}
.ranktit{ background:url(../img/sp_iconrank.png) no-repeat 2px 6px #ff9966; background-size:24px 28px; padding-left:25px;}
.loupetit{ background:url(../img/sp_iconloupe.png) no-repeat 2px 6px #ee6a7d; background-size:24px 28px; padding-left:25px;}
.hottit{ background:url(../img/sp_iconhot.png) no-repeat 2px 6px #ff9966; background-size:24px 28px; padding-left:25px;}

/*list
-------------------------------------*/
article section{ padding:4% 5px 4% 10px;}
article section:nth-child(even){ border-bottom:solid 1px; border-color:#ee6a7d;}
article section:nth-child(odd){ background-color:#f9f9f9; border-bottom:solid 1px; border-color:#ee6a7d;}
article .detail section{ background-color:#fff; border:none; padding:0 8px;}
article section a{
	background:url(../img/sp_arrow.svg) no-repeat right center;
	background-size:10px 15px;
	padding-right:4%;
	display:block;
	overflow:hidden;
}

/*	listimage */
article section a figure{
	width:25%;
	margin-right:10px;
	overflow:hidden;
	border:solid 1px #fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	float:left;
}	
article section a figure img{
	background:#fff;
	width:100%;
	margin-bottom:-4.5%;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
}
@media screen and (min-width:480px) {article section a figure{padding-bottom:0.5%;}}

/*	listtext */
article section a h3{ width:70.5%; color:#ca0b72; float:right; }
article section a p{ width:70.5%; float:right;}

/* detail listtext */
article .detail section h3{ color:#ca0b72; font-size:2.0rem;line-height: 1.3;}
article .detail section h4{ font-size:1.3rem; margin-bottom: 10px;}

article .detail section .tosesamy{
font-size: 1.6rem; margin-top: 10px;
font-weight: bold;
}
article .detail section .tosesamy a{
color: #eb6877;
text-decoration: underline;
background: url(../img/sp_arrow.svg) no-repeat right center;
background-size: 10px 15px;
padding-right: 4%;
display: block;
}
article .detail section p{font-size: 1.6rem;line-height: 1.7;}

/*list
-------------------------------------*/

article section.itemPic{width: calc((100% - 10px) / 2); border:solid 1px #eeeeee; margin:5px 0;}
article section.itemPic:nth-child(even){ padding:4% 7px 4% 7px; border-radius:3px; background:#fff;}
article section.itemPic:nth-child(odd){ padding:4% 7px 4% 7px; border-radius:3px; background:#fff; margin-right: 10px;}
article .detail section.itemPic{ padding:0 8px; display:table-cell;}
article section.itemPic a{
	background:none;
	display:block;
	overflow:hidden;
}
article section.itemPic a figure{ width:100%;}


/*	listimage */
article section.itemPic a figure{
	margin:0;
	text-align:center;
	overflow:hidden;
	border-radius:5px;
}
	
article section.itemPic a figure img{
	background:#fff;
	width:100%;
	margin:0 auto;
	text-align:center;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
}

@media screen and (min-width:480px) {article section.itemPic a figure{padding-bottom:0.5%;}}

/*	listtext */
article section.itemPic{box-sizing: border-box; -webkit-box-sizing: border-box; height: auto!important;}
article section.itemPic a{ padding-right:0;}
article section.itemPic a h3,article section.itemPic a p{ float:none;}
article section.itemPic a h3{ width:100%; color:#ca0b72; margin-top:5px;font-size:1.4rem;}
article section.itemPic a p{ width:100%;margin-top:5px;font-size:1.2rem	;}
article section a p{margin-top:5px;}

/* detail listtext */
article .detail section.itemPic h3{ color:#ca0b72;}
article .detail section.itemPic h4{ font-size:1rem;}
article section.itemPic a p.payL,article section.itemPic a p.payR{ width:100%;}

article section.itemPic a p.payL{
	/*float:left;*/
	margin-right:3px;
	height: 3.8em!Important;
}

article section.itemPic a p.payR{
	max-height: 5em!Important;
}

article #itemPicBg{
	background:#eeeeee;
	margin-top:5px;
	padding:0 10px;
	display: flex;
	flex-wrap: wrap;
}

/*	status */
.status{ border-bottom:1px solid #eee;}
.status p{float:left; display:inline-block; background-color:#d0354b; color:#fff; padding:5px;border-radius:3px; -webkit-border-radius:3px;-moz-border-radius:3px; margin:0.6rem;}
.status ul#choice{float:right;}
.status ul#choice li{display:inline-block; float:right; border-left:1px solid #ccc;}
.status ul#choice li a{
	display:block;
	padding:1.2rem;
	color:#fd8092;
}

.status ul#choice li div.change{
	display:inline-block;
}

.status ul#choice li div.change a{
	padding:0.4rem;
	color:#fd8092;
	cursor:pointer;
}

.status ul#choice span.changeTxt{
	display:block;
	padding:0;
	color:#fd8092;
	text-align:center;
}

.status ul#choice .size2btns{width:25px;}
.status ul#choice li.login{
	background:url(../img/sp_login.png) no-repeat center 25px; background-size:20px 24px;
}
.status ul#choice li.newmember{
	background:url(../img/sp_newmember.png) no-repeat center 25px; background-size:20px 24px;
}

/*product image
-------------------------------------*/
article .detail ul.jCarousel li{text-align:center;}
article .detail ul.jCarousel li img{width:200px;}
article .detail ul.jCarousel a{background:none;}
article .detail .jCarouselNavi a{background:none;}
article .detail .btn a {
white-space: nowrap;
text-align: center;
width: 90%;
box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-box-sizing: border-box; 
margin: 1rem auto 0;
line-height: 30px;
padding: 0.5rem;
border: 1px solid #3faf3f;
background: #3faf3f;
color: #fff;
border-radius: 2px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
}
article .detail .btn a.finished {
	border: 1px solid #777;
	background: #777;
	color: #fff;
}
.btn .not_apply{text-align:center;background:#999;padding:10px;display:block;width:85%;margin:10px auto;color:#fff;border-radius:2px;}

/*table
-------------------------------------*/
table.spec{
	width:100%;
	box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
	border-top:1px dashed #ccc;
}
table.spec tr th{
	background:#eee;
	padding:5px;
	box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
	width:30%;
	text-align:right;
	border-bottom:1px dashed #ccc;
}
table.spec tr td{
	padding:5px;
	box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
	border-bottom:1px dashed #ccc;
	width:70%;
}
table.spec tr td a{
	display:inline-block;
	padding:3px;
	background:none;
	text-decoration:underline;
	margin-right:3px;
}
table.spec tr td.price1{ text-decoration:line-through;}
table.spec tr td.price2{font-weight:bold; color:#F00;}

/*pager
-------------------------------------*/

.pageNavigation{clear:both;}/*--20171206--*/
.pageNavigation li a,.pageNavigation li span.dis {
	background-image:url(../img/sp_pager.png);
	-webkit-background-size:143px 168px;
	background-size:143px 168px;
	background-repeat:no-repeat;
}
.pageNavigation ul {
	background:#fff;
	padding:6px 0;
	text-align:center;
	border-top:1px solid #bbb;
}
.pageNavigation li {
	display:inline-block;
	margin-right:5px;
}
.pageNavigation li a {
	display:block;
	/* [READ][CSS-SPRITE] paging.png */
	color:#000;
}
.pageNavigation li span.dis {
	display:block;
	/* [READ][CSS-SPRITE] paging.png */
	color:#999;
}
.pageNavigation li:nth-child(4) {
	margin-right:0;
}
.pageNavigation li:nth-child(1) span.dis, .pageNavigation li:nth-child(1) a,
.pageNavigation li:nth-child(4) span.dis, .pageNavigation li:nth-child(4) a {
	width:53px;
	height:42px;
	line-height:42px;
}
.pageNavigation li:nth-child(2) span.dis, .pageNavigation li:nth-child(2) a,
.pageNavigation li:nth-child(3) span.dis, .pageNavigation li:nth-child(3) a {
	width:80px;
	height:42px;
	line-height:42px;
}
.pageNavigation li:nth-child(1) span.dis, .pageNavigation li:nth-child(1) a,
.pageNavigation li:nth-child(2) span.dis, .pageNavigation li:nth-child(2) a {
	padding-left:5px;
}
.pageNavigation li:nth-child(3) span.dis, .pageNavigation li:nth-child(3) a,
.pageNavigation li:nth-child(4) span.dis, .pageNavigation li:nth-child(4) a {
	padding-right:5px;
}
.pageNavigation li:nth-child(1) a {background-position:0 0;}
.pageNavigation li:nth-child(1) span.dis {background-position:0 -42px;}
.pageNavigation li:nth-child(2) a {background-position:-58px 0;}
.pageNavigation li:nth-child(2) span.dis {background-position:-58px -42px;}
.pageNavigation li:nth-child(3) a {background-position:-58px -84px;}
.pageNavigation li:nth-child(3) span.dis {background-position:-58px -126px;}
.pageNavigation li:nth-child(4) a {background-position:0 -84px;}
.pageNavigation li:nth-child(4) span.dis {background-position:0 -126px;}

/*tabswitch
-------------------------------------*/
#tabswitch ul.style01 {text-align:center; border-bottom:3px solid #d0354b; color:#FFF;margin-top:10px;}
#tabswitch ul.style01 li {display:inline-block; width:45%; height:25px; margin:0 1%; line-height:25px; border:1px solid #ee6a7d; border-radius:3px 3px 0 0; background-color:#ee6a7d; cursor:pointer;font-size: 1.2rem;}
#tabswitch ul.style01 li.active {border:1px solid #d0354b; border-radius:3px 3px 0 0; background-color:#d0354b;font-size: 1.2rem;}
#tabswitch .panel {display:none;}
#tabswitch .show {display:block;}
#tabswitch article section a{
	background:url(../img/sp_arrow.svg) no-repeat right center;
	background-size:7px 12px;
	padding-right:4%;
	display:block;
	overflow:hidden;
}
#tabswitch article section a figure{
	width:15%;
	margin-right:10px;
	overflow:hidden;
	border:solid 1px #fff;
	float:left;
}	
#tabswitch article section a h3{ width:80%; color:#666; float:right; padding-top:10px;}
#tabswitch article section{ padding:2px 5px 2px 5px;}
article ul.htword{
	padding:5px;
	width:auto;
}
article ul.htword li{float:left; display:block;}
article ul.htword li a{display:block; padding:5px; color:#fff; background-color:#50abdf; margin:5px 15px 5px 0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}

/*sns
-------------------------------------*/
ul#snslink{ padding:0 2%;}
#snslink li {display:block; float:left; width:28%; margin-right:2%; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;height:40px;text-align:center;}
#snslink li:last-child{float:right; width:32%; margin-right:0;}
#snslink li.twitter{background:url(../img/sp_twitter.svg) no-repeat 5px 11px #00aced; background-size:22px 19px;}
#snslink li.facebook{background:url(../img/sp_facebook.svg) no-repeat 5px 11px #3b5997; background-size:22px 19px;}
#snslink li.insta{background:url(../img/sp_insta.svg) no-repeat 5px 11px #d93175; background-size:22px 19px; width:36%;}
#snslink li a{display:block; padding-top:9px; padding-bottom:12px; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-box-sizing: border-box;  color:#fff;}
#snslink li.twitter a,#snslink li.facebook a,#snslink li.insta a{padding-left:20%;}

/*more
-------------------------------------*/
p.morebtn2{	text-align:center;}
p.morebtn2 a{display:block; padding:10px 8px;
	background:url(../img/sp_arrow.svg) no-repeat 98%;
	background-size:5px 8px;}

/*friend
-------------------------------------*/
p.morebtn3{	text-align:center;}
p.morebtn3 a{display:block; padding:10px;
	background:url(../img/sp_arrow.svg) no-repeat 98%;
	background-size:5px 8px;}

/*==========================================
footer
==========================================*/

/*device
-------------------------------------*/
.foottxt{text-align:center;margin-top:1rem;}
.foottxt a{ text-decoration:underline;}


/*login or newmember
-------------------------------------*/
ul#footlink{ margin-top:1rem;}
ul#footlink li{display:inline;}
ul#footlink a {
	float:left;
	display:block;
    width:50%;
    padding:10px 0;
    color:#fd8092;
    box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
    text-align:left;
}


ul#footlink li.login a{
	background:url(../img/sp_login.png) no-repeat 1rem 1rem;
	background-size:14px 16px;
	display:block;
	padding-left:3rem;
	border-right:1px solid #ccc;
	text-align:left;
}
ul#footlink li.modify a{
	background:url(../img/sp_modify.png) no-repeat 1rem 1rem;
	background-size:14px 16px;
	display:block;
	padding-left:3rem;
	text-align:left;
}
ul#footlink li.newmember a{
	background:url(../img/sp_newmember.png) no-repeat 1rem 1rem;
	background-size:14px 16px;
	display:block;
	padding-left:3rem;
	text-align:left;
}
ul#footlink li.about a{
	background:url(../img/sp_about.png) no-repeat 1rem 1rem;
	background-size:14px 16px;
	display:block;
	padding-left:3rem;
	text-align:left;
}
ul#footlink li.faq a{
	background:url(../img/sp_faq.png) no-repeat 1rem 1rem;
	background-size:14px 16px;
	display:block;
	padding-left:3rem;
	text-align:left;
}


/*copy
-------------------------------------*/
address{padding:3% 0; background-color:#d0354b; color:#fff;	font-style:normal; margin-top:1rem;}
address p{font-size:1.2rem; text-align:center;}


/*news
-------------------------------------*/
#news{
        margin:0 0 20px;
        background:url(../img/news_topline.png) left top repeat-x;
}

#news h2.title{
        padding:15px 0 10px 5px;
        font-size:1.8rem;
        font-weight:bold;
        color:#ee6a7d;
	display: inline-block;
}
#news h2.title svg{
	width:26px;
	height:22px;
	vertical-align:top;
	margin-left:5px;
}
p.update{
	float: right;
	margin-top: 18px;
	margin-right: 10px;
	font-size: 1.2rem;
	color: #ee6a7d;
}
p.update::after{
	clear:both;
}
#news ul li{
        margin-bottom:5px;
        background:url(../img/border01.png) left bottom repeat-x;
        text-indent:-10px;
        padding:5px 0 8px 10px;
}

#news ul li a{
        display:block;
        padding:5px;
}

#news ul li:last-child{
        background:none;
}

.pickup{
	animation: 1.5s ease-in-out 0s alternate none infinite running blink;
	background:#d0354b;
	padding:1px 4px;
	margin-right:3px;
	color:#FFF;
	font-size:1.2rem;
	border-radius:6px;
	font-weight:bold;
}
@-webkit-keyframes blink {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes blink {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}

#news ul li a {
    display: block;
    padding:5px 10px 5px 5px;
    background: rgba(0, 0, 0, 0) url(../img/sp_arrow.svg) no-repeat scroll 98% center / 6px 10px;
}
#news ul li.moreitem{
text-align:center;
}

#news ul li.moreitem a{
color: #fff;
display:inline-block;
padding:15px 20px;
font-size: 14px;font-size: 1.4rem;
background: url(../img/sp_arrownextw.png) no-repeat 96% #d0354b;
background-size: 6px 10px;
border-radius: 3px;
line-height: 0.8rem;
}


/*===========================================
20140401 s_uemura
===========================================*/

/*toTop
-------------------------------------*/
.toTop{
	text-align:right;
	margin-right:10px;
	font-size:1.4rem;
}

.toTop a{
	background:url(../img/arrow02.png) left center no-repeat;
	background-size:12px;
	padding-left:15px;
}


/*===========================================
20141029 s_uemura
===========================================*/

/*tit
-------------------------------------*/
.research{ background:url(https://www.samplefan.com/sp/common/img/sp_iconresearch.png) no-repeat 0 center #1bbcaf; background-size:40px 28px; padding-left:45px;}

/* questionTab */
#questionTab {
	padding:0;
	margin-bottom:10px;
}

#questionTab img a{display: block;}

#questionTab #ques-tab-box {
	padding:0px;
	text-decoration:none;
	margin:0 10px;
}

#questionTab p.researched{
	font-size:14px;
	text-align:right;
	margin:10px 10px 0 0;
}

#questionTab p.researched a{
	color:#038ba3;
	background:url(https://www.samplefan.com/sp/common/img/sp_iconresearch_past.png) left center no-repeat;
	background-size:14px;
	padding-left:20px;
}


#questionTab #ques-tab-box ul#ques-ulTab {
	list-style:none;
	list-style-image:none;
	list-style-position:outside;
	font-weight:bold;
	font-size:12px;
}

#questionTab #ques-tab-box ul#ques-ulTab li{
	color:#ffffff;
	margin-top:10px;
}

#questionTab #ques-tab-box ul#ques-ulTab .red{
	background:#5bd8ce;
	padding:5px 10px;
}

#questionTab #ques-tab-box ul#ques-ulTab .green{
	background:#c5da8b;
	padding:5px 10px;
}

#questionTab .redBox .quesbox,
#questionTab .greenBox .quesbox{
	padding:10px 10px 0 10px;
}

#questionTab .quesbox .login{
	text-align:center;
	margin-top:10px;
	padding:8px 5px;
	background:#ffe1de;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

#questionTab .quesbox .login span{
	color:#1bbcaf;
	font-weight:bold;
	text-decoration:underline;
}


#questionTab .quesbox .submit{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
	padding:8px 5px;
	background:#1bbcaf;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
#questionTab .quesbox .submit a{color:#fff; display:block;}

#questionTab .quesbox .answer{
	font-weight:bold;	
	text-align:center;
	margin-top:10px;
	padding:8px 5px;
	background:#ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

#questionTab .quesbox p.thanks{
	font-weight:bold;	
	text-align:center;
	margin-top:5px;
	color:#57b4f4;
}
#questionTab .question{
	font-size:16px;
	font-weight:bold;
	color:#666666;
	background:url(https://www.samplefan.com/sp/common/img/sp_iconresearch_quest.png) left center no-repeat;
	background-size:20px;
	padding:2px 0 2px 25px;
}
#questionTab .answerBox li{
	color:#666666;
	padding:7px 0 0 23px;
}
#questionTab .answerBox .rBtn{
	vertical-align:middle;
	margin:-2px 8px 0 0;
}
#questionTab dl.resultBox {
	width:255px;
	padding-left:23px;
}
#questionTab dl.resultBox dt{
	color:#666666;
	padding-top:7px;
}
#questionTab dl.resultBox dd.graph{
	background-color:#d2efff;
	margin:2px 0 0 0;
}
#questionTab .resultBox dd.graph span{
	padding:5px;
	color:#666;
}
.colorPink01B {
  color: #ff6369;
  font-weight: bold;
}

/* searchform */
#searchform { 
	margin:10px 0 15px;
	width:100%;
	text-align:center;
}

#searchform input.textFocus {color:#666;}

#searchform input[type="submit"],
#searchform input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

#searchform input#keywords{
	width:75%;
    -webkit-appearance: none;
	min-height:22px;
	padding:5px;
	border:solid 1px #cec6b6;
	border-radius:3px 0 0 3px;
font-size:1.4rem;
}

#searchform input#searchBtn{
	width:15%;
	padding:5px 10px;
	border-radius:0 3px 3px 0;
	background:#26b498;
	border-top:1px solid #cec6b6;
	border-right:1px solid #cec6b6;
	border-bottom:1px solid #cec6b6;
	color:#ffffff;
font-size:1.4rem;
}

/* viewdItems */
#viewedItems{margin-top:15px;}
#viewedItems .viewTit{
	color:#ee6a7d;
	font-weight:bold;
	padding-left:0.5rem;
	margin-bottom:10px;
}
#viewedItems .viewTit span{
	background:url(../img/sp_iconribbon.png) left center no-repeat;
	background-size:20px;
	padding-left:25px;
}

/* update date */
.updateDate {padding: 5px 10px;}

/* closing */
.closeInformation { 
	clear:both; /*念の為*/
	padding:10px;
	text-align: center;

}
.closeInformation h1 {
    float: none!Important;
    display: block;
    font-size: 18px!Important;
    color: #d0354b!Important;
    font-weight: bold;
	width:100%;
	padding:0;
}
.closeInformation p {
    font-size: 14px;
	text-align: left;
}