/*

	marketing/style2018.css	common & /research/marketing/
		pink:#f06292
			2018-03-22New
*/
@charset "UTF-8";

/*
	common/reset
*/
.rankingBlock p,.interviewBlock p{line-height:2.0;font-size:14px; font-size: 1.4rem;}
.rankingBlock a,.interviewBlock a,.interviewOnlyBlock a,.indexBlock a,.arciveBlock a{color:#4caf50;text-decoration:underline;}
.rankingBlock a:hover,.interviewBlock a:hover,.interviewOnlyBlock a:hover,.indexBlock a:hover,.arciveBlock a:hover{color:#99cc99;}

svg.defs{display:none;}
@font-face{font-family:'themify';src:url('/css/fonts/themify.eot?-fvbane');src:url('/css/fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'),url('/css/furima/fonts/themify.woff?-fvbane') format('woff'),url('/css/fonts/themify.ttf?-fvbane') format('truetype'),url('/css/furima/fonts/themify.svg?-fvbane#themify') format('svg');font-weight:normal;font-style:normal}
    [class^="ti-"],[class*=" ti-"]{font-family:'themify';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
      .ti-angle-right{font-size: 12px;color:#000;position:absolute;margin-top: 13px;transition:.3s}
      .ti-angle-right:before{content:"\e649"}


.pcOn{display:block;}
.mobileOn{display:none;}
.br394{display:none;}
/*common/reset*/

/*
	block
*/
.rankingBlock > div,.rankingBlock > section,.interviewBlock > div,.interviewBlock > section,.interviewBlock > nav,.indexBlock > section,.indexBlock > div{margin-bottom:20px;}
.secRankingBlock > div,.secRankingBlock > section{margin-bottom:20px;}
.rankingLineBlock,.interviewLineBlock{margin-bottom:10px;}

.w30Static{float:left;width:30%;}
.w70Static{float:left;width:70%;}
.leftTxt p,.leftTxt h4{margin-right:10px;}
.rightTxt p,.rightTxt h4{margin-left:10px;}

.relativePositionBlock{position:relative;z-index:1;}
/*	block	*/

/*
	<h*>Title
*/
.rankingBlock h1,.interviewBlock h1,.arciveBlock h1{margin-top:10px;margin-bottom:20px;font-weight: bold;color:#f06292;font-size:26px;border-top:2px solid #f06292;border-bottom:2px solid #f06292;padding-top:10px;padding-bottom:10px;padding-left:15px;line-height:1.0;}
.rankingBlock h2,.indexBlock h2{border-left:7px solid #4caf50;padding-left:10px;color:#f06292;}
.secMethodBlock h3{font-weight:normal;}

.secRankingBlock h3{padding-top:3px;padding-left:5px;padding-right:5px;}
.secRankingBlock h3 a{color:#ffffff;text-decoration:none;transition-property:color;transition-duration:500ms;transition-timing-function:ease-in-out;}
.secRankingBlock h3 a:after{content:url("/img/research_marketing/icoLink.gif");margin-left:5px;}
.secRankingBlock h3 a:hover{color:#f06292;}

.secVoiceBlock h2{border-bottom: 2px solid #f06292;border-top: 2px solid #f06292;border-left:none;padding-top:10px;padding-bottom:5px;}
.secSummaryBlock h2{font-size:20px;font-size: 2rem; font-weight: normal;padding: 5px 0 5px 0px;border-left:none;color:#333333;}
/*	<h*>Title	*/

/*
	border
*/
.right_border{background:#fff; color: #ec3b77; font-weight: normal;padding: 5px 0;border-bottom: 3px solid #f06292;}
.borderPink{border-bottom:3px solid #f06292;}
.borderGreen{border-bottom:1px solid #4ab1bc;}

.hrRank{border:1px solid #cccccc;margin-top:10px;}
.hrPink{border:1px solid #f06292;background-color:#f06292;margin-top:8px;}
/*	border	*/


/*
	bg
*/
.tileBg1{border: 1px solid #ddd; padding:10px;font-size: 14px; font-size: 1.4rem;background: url(/img/research_marketing/graph_back.gif);}
.tileBg2{background:url(/img/research_marketing/br_box.gif); padding:10px;}
.bgWhite{border-radius:5px;background:#fff;border:1px solid #ddd;padding:15px;box-shadow:3px 3px 0 #eee;}

.frmPink{border:5px solid #fce4ec; padding:10px;border-radius:5px;}
.frmPink p{line-height:1.6;}
.frmPink h3{color:#f06292;}
.frmPink2{border: 10px solid #fce4ec; padding:10px;}
.frmGray{margin-top:20px;border:1px solid #ddd; padding:20px;font-size:14px;font-size:1.4rem;}
.frmGray2{border:1px solid #ddd;border-radius:5px;padding:10px;background:#ffffff;}
.frmGrayPresent{border:1px solid #ddd;border-radius:5px;}
.padding10{padding-left:10px;padding-right:10px;}
/*	bg	*/

/*
	svg load
*/
.ti-crown:before, .ti-pencil-alt:before,.ti-crown1:before,.ti-pencil:before,.ti-star:before,.ti-medall:before,.ti-angle-right:before,.ti-angle-right1:before {display: inline-block; position: absolute; font-size: 16px;}
.ti-bag:before, .ti-star:before, .ti-bookmark:before,.ti-zoom-in:before{margin-top: -2px;}
.ti-comment:before {content: "\e644";}
.ti-pencil-alt:before {content: "\e61d"; font-size:25px;}
.ti-medall:before{content: "\e623";  font-size: 22px; position: relative; top: 4px; color: #d3b828;}
.ti-crown:before{content: "\e642"; color:#c49743; font-weight:bold; font-size:20px; position:relative; left:10px; top:0px;}
.ti-crown1:before{content: "\e642";  color: #B8A361; font-weight:bold; font-size:20px; position:relative;  left: 10px; top:0px;}
.ti-pencil:before{content: "\e61c"; color:#ec3b77;font-weight: normal; font-size:20px; position:relative;  left: 5px; top:0px;}
.ti-star:before{content: "\e60a";  color: #fff; font-weight:bold; font-size:20px; position:relative;top:0px;margin-left: 10px;margin-right: 5px;}
.ti-zoom-in:before{content: "\e611"; color: #4caf50; font-weight:bold;}
.ti-angle-right:before{content: "\e65d"; left: 5px; top: 18px;color: #4caf50;font-weight: bold;}
.ti-angle-right1:before{content: "\e65d"; left: 5px; top: 18px;color: #4caf50;font-weight: bold;}
/*svg load*/

/*
	font
*/
.marketingNote{font-size:13px!important;font-size:1.3rem!important;color:#989898;}
.bebiraColor{color:#f06292;}
.bebiraSubColor{color:#4caf50;}
.bebiraGreen2{color:#4ab1bc;}
.fontBold{font-weight:bold;}
/*	font	*/

/*
	margin/padding
*/
.pl5{padding-left:5px;}
.pr30{padding-right:30px;}
/*	margin/padding	*/

/*
	img size
*/
.iconVoiceW25{width:25px;margin-top: -10px;margin-right:3px;}
.iconVoiceW30{width:30px;margin-top:-10px;margin-right:3px;}
.iconVoiceW40{width:40px!important;margin-top:-10px;margin-right:3px;}
.iconRankW{width:40px;margin-top:-10px;margin-right:3px;}
/*	img size	*/

/*
	link
*/
.linkBanner{margin-top:30px;margin-bottom:30px;text-align:center}
.linkBanner:hover{opacity:0.7;}

.ranking_txt a{background: #4caf50; color:#fff!important; display:block; width:80%; margin: 10px auto 0 auto; padding:5px;text-align: center;text-decoration:none!important;font-size:21px;font-size:2.1rem;line-height:1.8;}
.ranking_txt a:hover{background:#81c784; color:#fff; text-decoration:none;}
.ranking_txtSmall{font-size:14px;font-size:1.4rem;}

.bannerInterview{margin-left:auto;width:600px;margin-right:auto;}
.bannerInterview:hover{opacity:0.7;}
.bannerInterview a{color:#333333;text-decoration:none;}
.bannerInterview a:hover{color:#333333!important;}
.bannerInterviewWhite{border:1px solid #ddd;padding:10px;background:#ffffff;}
.makerText{float:left;text-align:center;}
.makerImg{float:left;text-align:right;}
.makerText p{background:#4caf50;color:#fff;font-weight:bold;border-radius:10px;padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;}
.makerText p:after{content: '';display: inline-block;width:20px;height:20px;background-image: url(/img/research_marketing/icInter.gif);background-size: contain;vertical-align: middle;margin-left:3px;margin-top:0;}
.makerImg img{width:100px;margin-left:290px;line-height:1.7;}
.bannerInterviewCompany{font-size:16px!important;font-size:1.6rem!important;font-weight:bold;color:#4caf50;}
.bannerInterviewTitile{font-size:21px!important;font-size:2.1rem!important;}
.bannerInterviewGreen{background:#4caf50;color:#fff!important;padding-right:10px;}
.bannerInterviewCheck{font-size:16px!important;font-size:1.6rem!important;text-align:right;}
.ilInterviewImg{width:100px;}

.bannerLinkAmazon{margin-top:15px;margin-bottom:30px;}
.bannerLinkAmazon a{background: #4caf50;border-radius:3px;border-top:#7fcb82 solid 3px;color:#fff!important; display:block; width:50%;margin-left:auto;margin-right:auto;padding-top:10px;padding-bottom:10px;padding-left:5px;padding-right:5px;text-align: center;text-decoration:none!important;}
.bannerLinkAmazon a:hover{background:#81c784; color:#fff; text-decoration:none;}

/*	link end	*/

/*
	ranking
*/
.goodsImg img{height:295px;}
/*	ranking end	*/

/*
	id="secVoiceBlock"
*/
.minnaTextL,.minnaTextR{position:relative;margin-top:20px;}
.minnaTextL img{position:absolute;top:0px;left:-2px;z-index:1}
.minnaTextR img{position:absolute;top:10px;right:-10px;z-index:1}
.minnaTextL p{background-color:#fce4ec;padding:10px;border-radius:10px;margin-left:20px;}
.minnaTextR p{background-color:#fce4ec;padding:10px;border-radius:10px;margin-right:20px;}
.minnaTextShortR{margin-left:30%;width:70%;}
.minnaTextShortL{margin-right:70%;width:30%;}

.icoLinkGreen{color:#4caf50;background-color:#ffffff;width:170px;text-align:center;margin-top:20px;margin-left:auto;margin-right:auto;border-radius:5px;border:1px solid #4caf50;}
.icoLinkGreen:before{content:"▶";font-size:18px;font-weight:bold;display:inline-block;}
.icoLinkGreen:hover{color:#ffffff;background-color:#4caf50;}
/*	id="secVoiceBlock"	*/

/*
	id="secSummaryBlock"
*/
.secSummaryBlock .ti-pencil-alt{display:block;}
.summaryTitle{display:block;margin-left:30px;}
/*	id="secSummaryBlock"	*/


/*
	id="sideMenu2018"
		[style.css]copy
*/
ul.interview_list{/* border: 1px solid #d8d8cb; */ margin-bottom:20px;}
.home a{color:#ec3b77;padding-bottom:3px!important;}
.interview_list h4{font-weight:normal;}
.interview_list li{border-bottom: 1px dotted #f06292; position:relative;}
.interview_list li a{display:block; padding: 15px 10px 15px 25px;}
span.right_border_txt{padding-left: 5px;}
h3.right_border1{background: #fff; color: #ec3b77; padding: 5px 0;border-bottom: 3px solid #f06292;font-weight: normal;}
/*	id="sideMenu2018"	*/

/*
	↓media screen↓
*/
@media screen and (max-width: 1217px) {}
@media screen and (max-width: 1020px) {
.goodsImg img{height:auto;}
}
@media screen and (max-width: 836px) {
.goodsImg img{margin-bottom:10px;}
}
@media screen and (max-width: 756px) {}

/*
	↓mobile size↓
*/
@media screen and (max-width: 670px) {
.rankingBlock h1{padding-left:0px;margin-bottom:10px;}
.rankingBlock h2{font-size:18px;font-size:1.8rem;line-height:1.2;}
.leftTxt p,.leftTxt h4{margin-right:0px;}
.rightTxt p{margin-left:0px;}
.ranking_txtSmall{line-height:1.6;}

.bannerLinkAmazon a{width:80%;}

.bannerInterview{width:100%;}
.makerText{width:40%;}
.makerImg{width:40%;margin-left:20%;}
.makerImg img{width:auto;margin-left:auto;}
.ilInterviewImg{width:40%;}
}
@media screen and (max-width: 394px) {
.rankingBlock h1{font-size:20px; font-size:2.0rem;}
.br394{display:block;}

.makerImg{float:none;margin-top:10px;margin-left:0px;width:70%;margin-right:auto;}
.makerText{width:100%;float:none;}
.bannerInterviewTitile{font-size:18px!important;font-size:1.8rem!important;}
}