@charset "utf-8";a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a:hover{opacity:0.7;text-decoration:none}
* {
   -webkit-appearance: none;
}
html {
    font-size: 0.7rem;
}
body{
  font-size: 1.0rem;
  font-family: ヒラギノ角ゴシック, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Noto Sans JP", sans-serif;
  color: rgb(74, 74, 74);
  box-sizing: border-box;
  line-height: 1.8em;
  background-color: #fff;
  word-break: break-all;
}
a:link{
	color:#0071c1;
	text-decoration:none;
	font-weight:bold;
}
a:visited{
	color:#0071c1;
	text-decoration:none;
	font-weight:bold;
}
a:hover{
	color:#0071c1;
	text-decoration:underline;
	font-weight:bold;
}

img{
  max-width: 100%;
}

.mgt0{
 margin-top:0 !important;
}

.mgt5{
 margin-top:5px !important;
}

.mgt10{
 margin-top:10px !important;
}

.mgt15{
 margin-top:15px !important;
}

.mgt20{
 margin-top:20px !important;
}

.mgb0{
 margin-bottom:0 !important;
}

.mgb5{
 margin-bottom:5px !important;
}

.mgb10{
 margin-bottom:10px !important;
}

.mgb15{
 margin-bottom:15px !important;
}

.mgb20{
 margin-bottom:20px !important;
}

.mgr0{
 margin-right:0 !important;
}

.mgr5{
 margin-right:5px !important;
}

.mgr10{
 margin-right:10px !important;
}

.mgr15{
 margin-right:15px !important;
}

.mgr20{
 margin-right:20px !important;
}

.mgl0{
 margin-left:0 !important;
}

.mgl5{
 margin-left:5px !important;
}

.mgl10{
 margin-left:10px !important;
}

.mgl15{
 margin-left:15px !important;
}

.mgl20{
 margin-left:20px !important;
}

.pdt0{
 padding-top:0 !important;
}

.pdt5{
 padding-top:5px !important;
}

.pdt10{
 padding-top:10px !important;
}

.pdt15{
 padding-top:15px !important;
}

.pdt20{
 padding-top:20px !important;
}

.pdb0{
 padding-bottom:0 !important;
}

.pdb5{
 padding-bottom:5px !important;
}
.pdb10{
 padding-bottom:10px !important;
}

.pdb15{
 padding-bottom:15px !important;
}

.pdb20{
 padding-bottom:20px !important;
}

.pdr0{
 padding-right:0 !important;
}

.pdr5{
 padding-right:5px !important;
}

.pdr10{
 padding-right:10px !important;
}

.pdr15{
 padding-right:15px !important;
}

.pdr20{
 padding-right:20px !important;
}

.pdl0{
 padding-left:0 !important;
}

.pdl5{
 padding-left:5px !important;
}

.pdl10{
 padding-left:10px !important;
}

.pdl15{
 padding-left:15px !important;
}

.pdl20{
 padding-left:20px !important;
}

.fnt10{
 font-size:10px !important;;
}

.fnt11{
 font-size:11px !important;;
}

.fnt12{
 font-size:12px !important;;
}

.fnt13{
 font-size:13px !important;;
}

.fnt14{
 font-size:14px !important;;
}

.fnt15{
 font-size:15px !important;;
}

.fnt16{
 font-size:16px !important;;
}

.fnt17{
 font-size:17px !important;;
}

.fnt18{
 font-size:18px !important;;
}

.fnt19{
 font-size:19px !important;;
}

.fnt20{
 font-size:20px !important;;
}

.red_txt{
  color:#f00;
}

.underline{
  background: linear-gradient(transparent 60%, #ff7a9726 0%);
}

.sp_none{
  display:inline-block;
}

.pc_none{
  display:none;
}


/*
Header
*/
header{
  width:100%;
  background-color:#fafafa;
}
header .header{
  width:80%;
  max-width: 900px;
  box-sizing:border-box;
  padding:20px;
  margin:0 auto;
  text-align:center;
}

header .header img{
  vertical-align: bottom;
  width:100%;
}
/*
Footer
*/
footer{
  width:100%;
  border-bottom:1px solid #ccc;
  background-color:#fafafa;

}
footer .footer{
  width:80%;
  box-sizing:border-box;
  padding:20px;
  margin:0 auto;
  max-width: 900px;
}
#COPYRIGHT{
  padding:15px 0;
  background-color:#333;
  color:#fff;
  text-align:center;
  font-size:10px;
}
#COPYRIGHT a{
  color:#fff;
}
.back_top_link{
  margin-top:80px;
  text-align: center;
  padding: 15px 0;
  background-color: #efefef;  
}
footer .link_area{
  width:33%;
  display: inline-block;
  vertical-align: top;
}
footer .link_area h3{
  font-size:115%;
  margin-bottom:5px;
}
#COMMON_LINK{
  background-color:#EEE;
}
#COMMON_LINK .common_link{
  width: 80%;
  max-width: 900px;
  box-sizing: border-box;
  padding: 10px 0;
  margin: 0 auto;
  text-align: center;
}
#COMMON_LINK .common_link ul{

}
#COMMON_LINK .common_link ul li{
  display: inline-block;
  margin:0 5px;  
}
/*
REFINE_SEARCH
*/
#REFINE_SEARCH{
  margin:0px auto;
  background-color:#fff;
  padding:15px;
  width:100%;
  box-sizing: border-box;
}

#REFINE_SEARCH table {
  width:100%;
  border-spacing: 5px;
}

#REFINE_SEARCH table tr{
  border-top:1px dotted #ccc;
}

#REFINE_SEARCH table th,
#REFINE_SEARCH table td{
  padding:15px;
  line-height: 1.0;
}

#REFINE_SEARCH table th{
  width:120px;
  background-color:#ece9e4;
  font-weight: bold;
  vertical-align: middle;
}

#REFINE_SEARCH table td{
  text-align: left;
}

#REFINE_SEARCH table td input[type="text"],
#REFINE_SEARCH table td select{
  padding:5px;
  width:100%;
  box-sizing: border-box;
}

#REFINE_SEARCH table td label {
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 10px;
}

#REFINE_SEARCH table td input[type="submit"]{
  padding: 20px 40px;
  font-size: 16px;
  font-weight: bold;
  background-color: #444;
  color: #fff;
  text-shadow: 1px 1px 3px #000;
  border-style: none;
  border-radius: 8px;
  width: 100%;
  border: 1px solid #333;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #555), color-stop(0.00, #777));
  background: -webkit-linear-gradient(#777, #555);
  background: -moz-linear-gradient(#777, #555);
  background: -o-linear-gradient(#777, #555);
  background: -ms-linear-gradient(#777, #555);
  background: linear-gradient(#777, #555);
  margin:20px auto;
}

#REFINE_SEARCH table td input[type="submit"]:hover{
  cursor: pointer;
  opacity: 0.7;
}

#REFINE_SEARCH .checkbox-input{
  display: none;
}
#REFINE_SEARCH .checkbox-parts{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
#REFINE_SEARCH .checkbox-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 4px;
}
#REFINE_SEARCH .checkbox-input:checked + .checkbox-parts{
  color: #d01137;
}
#REFINE_SEARCH .checkbox-input:checked + .checkbox-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #d01137;
  border-right: 3px solid #d01137;
}
/*
CONTENTS
*/

#MAIN_CONTENTS{

}

#MAIN_CONTENTS .main_contents{
  width: 80%;
  max-width: 900px;
  box-sizing: border-box;
  padding: 20px;
  margin: 0 auto;
  text-align: left;
}

#TOP_CONTENTS01,
#TOP_CONTENTS02{
  padding:40px 0;
  text-align: left;
}

#TOP_CONTENTS01,
#TOP_CONTENTS02{
  padding:10px 0 40px;
  text-align: left;
}

/*
#MAIN_CONTENTS .main_contents h2{
  font-size:160%;
  margin:0 auto 20px;
  padding:15px;
  border-left:5px solid #ccc;
  text-align: left;
}

#MAIN_CONTENTS .main_contents h3{
  font-size:140%;
  margin:60px auto 20px;
  padding:5px 10px;
  border-left:1px solid #ccc;
  text-align: left;
}
*/

/*
SIMPLE_RANKING
*/

#SIMPLE_RANKING{
  margin:30px auto;
}

#SIMPLE_RANKING .title{
    border: none;
    font-size: 18px;
    padding: 15px;
    border-top: 2px solid #666;
    border-bottom: 2px solid #666;
    margin: 40px auto 5px;
    background-color: #efefef;
    font-weight: bold;
}


#SIMPLE_RANKING .simple_ranking a{
  display:block;
  padding:10px 15px;
  line-height:50px;
  font-size:20px;
  background-color:#efefef;
  border-radius: 8px;
  margin:15px 0;
  border:1px dotted #ccc;
  vertical-align: bottom;
  box-sizing: border-box;
  position: relative;
}

#SIMPLE_RANKING .simple_ranking a::after{
  content:"\f0da";
  font-family:FontAwesome;
  display: inline-block;
  right: 12px;
  top: 50%;
  margin-top: -27px;
  position: absolute;
  font-size: 50px;
  color: #ccc;
}


#SIMPLE_RANKING .simple_ranking a .rank{
  display: inline-block;
  width:50px;
  height:50px;
  border-radius:300px;
  line-height:50px;
  background-color: #f00;
  color:#fff;
  font-weight: bold;
  font-size:30px;
  text-align:center;
  margin-right:20px;
  text-shadow: 1px 1px 1px #fff;
  top:2px;
  position: relative;
}

#SIMPLE_RANKING .link_btn a{
  line-height:1.5;
}





#SIMPLE_RANKING .simple_ranking.rank_1 .rank{
  background-color: #BE913C;
  background-image: linear-gradient(to top left,#F7DE05,#DA8E00,#EDAC06,#F7DE05,#ECB802,#DAAF08,#B67B03);
  color: #9a350e;
  border: 1px solid #EDAC06; 
}

#SIMPLE_RANKING .simple_ranking.rank_2 .rank{
  background-color: #BCB7B3;
  color: #524743;
  background-image: linear-gradient(to top left,#A5A5A5,#BABAC2,#E8E8E8,#A5A5A5,#BABAC2);
  border: 1px solid #948f8f;
}

#SIMPLE_RANKING .simple_ranking.rank_3 .rank{
  background-color: #BC6639;
  color: #5f240c;
  background-image: linear-gradient(to top left,#C1A095,#A08478,#CCC4C0,#846C5F,#D19475);
  border: 1px solid #7b5757;
}


#SIMPLE_RANKING .simple_ranking a .review{
  display: inline-block;
  margin-left:20px;
  font-size:120%;
  color:#333;
}

#SIMPLE_RANKING .simple_ranking a .review small{
  font-size:16px;
}


#SIMPLE_RANKING .simple_ranking.rank_1 .review:before{
  content:"4.5";
  color:#f00;
}

#SIMPLE_RANKING .simple_ranking.rank_2 .review:before{
  content:"3.9";
  color:#f00;
}

#SIMPLE_RANKING .simple_ranking.rank_3 .review:before{
  content:"3.5";
  color:#f00;
}





/*
RANKING_BOX
*/
.ranking_box{
  border-top:5px solid #ccc;
  background-color:#fff;
  padding:40px 10px;
  box-sizing: border-box;
  margin:0 auto 20px;
}

.ranking_box .ranking_box_head{
  text-align:left;
  font-size:10px;
  padding:0 15px 15px;
  margin-bottom:15px;
  color:#999;
  border-bottom:1px dotted #ccc;
}

.ranking_box .ranking_box_head a{
  font-size:18px;
  font-weight: bold;
  text-decoration: underline;
}

.ranking_box .ranking_box_img{
  margin:15px auto;
  text-align:center;
}



.ranking_box .link_txt{
  text-align:right;
  margin-bottom:15px;
}

.ranking_box .link_txt a{
  text-decoration: underline;
}

.ranking_box .data_area{

}

.ranking_box table.data{
  width:100%;
  margin:15px auto;
}

.ranking_box table.data th,
.ranking_box table.data td{
  padding:10px;
  border:1px solid #ccc;
  vertical-align: middle;
}

.ranking_box table.data th{
  font-weight: bold;
  background-color:#fafafa;
  width:150px;
}

.ranking_box table.data td{
  text-align: left;
}

.ranking_box .ranking_box_comment{
  padding:15px;
  border:1px solid #ccc;
  margin:15px auto;
}

.ranking_box .ranking_box_comment .title{
  margin:-15px -15px 15px;
  background-color:#fafafa;
  font-weight: bold;
  line-height:1.0;
  padding:10px;
  border-bottom:1px dotted #ccc;
}

.ranking_box .ranking_box_comment .txt{
  text-align: left;
}

.ranking_box .kutikomi_area{
  background-color:#fafafa;
  padding:15px;
  border:1px dotted #ccc;
}

.ranking_box .kutikomi_area ul li{
  text-align: left;
  font-size:12px;
  margin-bottom:15px;
  line-height: 1.2;
}

.ranking_box .kutikomi_area ul li:nth-last-of-type(1){
  margin-bottom:0;
}

.ranking_box .kutikomi_area ul li img{
  height:15px;
  width:auto;
  vertical-align: bottom;
}

.ranking_box .kutikomi_area ul li i{
  color:#f00;
  margin-right:10px;
}

.ranking_box .link_btn a{
  margin:20px auto 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cd2a1d), color-stop(0.00, #d93f49));
  background: -webkit-linear-gradient(#d93f49, #cd2a1d);
  background: -moz-linear-gradient(#d93f49, #cd2a1d);
  background: -o-linear-gradient(#d93f49, #cd2a1d);
  background: -ms-linear-gradient(#d93f49, #cd2a1d);
  background: linear-gradient(#d93f49, #cd2a1d);
  text-shadow: 1px 1px 0 #a81e0c;
  border-radius: 8px;
  color:#fff;
  font-weight: bold;
  padding:20px 0;
  line-height: 1.0;
  width: 100%;
  box-sizing: border-box;
  display: block;
  font-size:18px;
  border:1px solid #900;
  text-shadow: 1px 1px 3px #600;
  text-align: center;
}


/*
RESULT
*/
#RESULT_FROM_DATA{
  width: 80%;
  box-sizing: border-box;
  padding: 20px;
  margin: 0 auto;
  text-align: center;
}

#RESULT_FROM_DATA .txt{
  padding:15px;
  border:1px solid #ccc;
  margin:15px auto;
  text-align:left;
}

#RESULT_FROM_DATA .txt .list_title{
  font-weight: bold;
}

#RESULT_FROM_DATA .count{
  font-size:120%;
  font-weight: bold;
}

#RESULT_FROM_DATA .count strong{
  color:#f00;
}

.result_box_area{

}

/* ------------------------------
sort_menu
------------------------------ */
.sort_menu{
	position:relative;
	padding-bottom: 36px;
  max-width: 500px;
  margin:10px auto 60px;
}
.sort_menu .accordion{
	position: absolute;
	z-index: 200;
	width: 100%;
}
.sort_menu .accordion p{
	margin: 0;
}
.sort_menu .accordion #sort_name{
	position: relative;
	display: block;
	padding: 6px 12px;
	width: 100%;
	box-sizing: border-box;
	font-weight: bold;
	cursor: pointer;
	font-size: 13px;
	border: 1px solid #aaa;
}
.sort_menu .accordion #sort_name:after{
	position: absolute;
	right: 10px;
	top: 50%;
	display: inline-block;
	margin-top: -11px;
	font-family: "Font Awesome 5 Free";;
	content: "\f0d7";
  font-weight: 900;
	font-size: 14px;
}
.sort_menu .accordion ul{
	border: 1px solid #aaa;
	border-top: none;
	background-color:#f0f6f6;
	display: none;
}
.sort_menu .accordion ul li a {
	display: block;
	padding: 6px 12px;
	border-bottom: 1px solid #ccc;
  text-decoration: none;
  color:#4a4a4a;
}
.sort_menu .accordion ul li.kodawari03_.on,
.sort_menu .accordion ul li.kodawari03{
	display:none;
}
.sort_menu .accordion ul li.kodawari03_,
.sort_menu .accordion ul li.kodawari03.on{
	display:block;
}
.sort_menu .accordion ul li a:hover {
	color:#19adab;
}
.sort_menu .accordion ul li span{
	display: block;
	width: 100%;
	box-sizing: border-box;
	line-height: 1;
	margin: 0;
	padding:10px;
	font-size: 12px;
}
.sort_menu .accordion ul li:before{
	display:none;
}
.sort_menu .accordion ul li span:hover{
	background-color:#f2f9fb;
	cursor:pointer;
}
.sort_menu.count_0{
  display:none;
}

/*
item
*/

.item_datas{
  text-align:left;
}

.item_datas h1{
  font-size:180%;
  font-weight: bold;
  margin-bottom:40px;
  padding:18px;
  background-color:#efefef;
  border-radius: 4px;
}

.item_datas .item_img{
  padding:5px;
  background-color:#fafafa;
  border-top:1px dotted  #eee;
  border-bottom:1px dotted #eee;
  margin:15px auto;
  text-align:center;
}

.item_datas .item_img img{
  vertical-align: bottom;
  border:1px solid #fff;
}

.item_datas .item_desc{
  margin:60px auto;
  padding-bottom:30px;
  border-bottom:1px dotted #eee;
}

.item_datas .item_desc .title{
  font-size:20px;
  font-weight: bold;
  margin-bottom:10px;
  line-height:1.2;
}

.item_datas .item_desc .txt{
  font-size:12px;
  line-height:1.5;
  font-weight: normal;
}

.item_datas table.data{
  margin:15px auto;
  width:100%;
  box-sizing: border-box;
  font-size:12px;
  border-top:1px dotted #ccc;
}

.item_datas table.data tr {
  border-bottom:1px dotted #ccc;
}

.item_datas table.data tr th,
.item_datas table.data tr td{
  padding:7px;
  vertical-align: middle;
  box-sizing: border-box;
}

.item_datas table.data tr th{
  vertical-align: top;
  background-color:#eee;
  font-weight: bold;
  width:120px;
}

.item_datas .point_txt_area{
  background-color: #eee;
  padding: 0 10px 10px;
  border-radius: 8px;
  margin:30px auto;
}

.item_datas .point_txt_area .point_txt_title{
  padding:10px;
  font-size:15px;
  text-align:center;
  font-weight: bold;
}

.item_datas .point_txt_area ul{
  background-color:#fff;
  padding:15px 15px 5px;
}

.item_datas .point_txt_area ul li{
  margin-bottom:10px;
  position: relative;
  padding-left:15px;
  font-weight: bold;
}

.item_datas .point_txt_area ul li:before{
  content: "\f058";
  font-family: FontAwesome;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  color: #fb4848;
  font-size: 110%;
}

.item_datas .review_txt_area{
  background-color: #eee;
  padding: 0 10px 10px;
  border-radius: 8px;
  margin:30px auto;
}

.item_datas .review_txt_area .review_txt_title{
  padding:10px;
  font-size:15px;
  text-align:center;
  font-weight: bold;
}

.item_datas .review_txt_area ul{
  background-color:#fff;
  padding:15px 15px 5px;
}

.item_datas .review_txt_area ul li{
  margin-bottom:10px;
}

.item_datas .review_txt_area ul li img{
  height: 15px;
  width: auto;
  vertical-align: bottom;
  position: relative;
  top: -3px;
}

.item_datas .review_txt_area ul li i {
    color: #f00;
    margin-right: 10px;
}

.main_contents.item .link_btn a {
    margin: 50px auto;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cd2a1d), color-stop(0.00, #d93f49));
    background: -webkit-linear-gradient(#d93f49, #cd2a1d);
    background: -moz-linear-gradient(#d93f49, #cd2a1d);
    background: -o-linear-gradient(#d93f49, #cd2a1d);
    background: -ms-linear-gradient(#d93f49, #cd2a1d);
    background: linear-gradient(#d93f49, #cd2a1d);
    text-shadow: 1px 1px 0 #a81e0c;
    border-radius: 8px;
    color: #fff;
    font-weight: bold;
    padding: 20px 0;
    line-height: 1.0;
    width: 100%;
    box-sizing: border-box;
    display: block;
    font-size: 18px;
    border: 1px solid #900;
    text-shadow: 1px 1px 3px #600;
    text-align: center;
}

#DETAIL_CONTENT{
  margin:40px auto;
}


/*
entry　パーツ置き場
*/

.main_contents.entry h1{
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 60px;
  padding: 18px;
  background-color: #efefef;
  border-radius: 4px;
}

.main_contents.entry h2{
  border: none;
  font-size: 18px;
  padding: 15px;
  border-top: 2px solid #666;
  border-bottom: 2px solid #666;
  margin: 40px auto;
  background-color: #efefef;
}

.main_contents.entry h3{
  border: none;
  font-size: 16px;
  padding: 15px;
  border-left: 3px solid #666;
  background-color: #efefef;
  margin: 40px auto;
}

.main_contents.entry h4{
  border: none;
  font-size: 15px;
  padding: 5px 10px;
  border-left: 2px solid #333;
  margin: 40px auto;
}

.main_contents.entry h5{
  border: none;
  font-size: 15px;
  margin: 40px auto;
}

ul.index{
  padding:15px;
  margin:0 auto 30px;
  background-color: #f3f8fb;
  border:1px dashed #b6d5e4;
}

ul.index li{
  display: inline-block;
  margin-right:15px;
}

ul.index li:before{
  content:"\f0da";
  font-family:FontAwesome;
  display:inline-block;
  margin-right: 10px;
  color: #0071c1;
}

.parts_okiba_box{
    padding: 50px 0;
    border-bottom:1px dotted #8c8b8b;
}

.parts_okiba_box>.title{
  margin-bottom:20px;
  font-size:140%;
  font-weight: bold;
}

.parts_okiba_box>.title:before{
  color:#f98888;
  content:"# ";
}

.parts_okiba_box xmp{
  width: 100%;
  border: 1px solid #154582;
  font-size: 14px;
  padding: 15px;
  margin: 20px auto;
  line-height:1.5;
  color:#154582;
  background-color:#f9fdff;
  box-sizing: border-box;
  overflow-wrap: break-all　!important;
}

.main_contents.entry p{
  margin-bottom:15px;
  line-height:1.5;
}

.main_contents.entry hr{
  border:none;
  box-shadow: none;
  border-top: 1px dotted #8c8b8b;
  margin:50px 0;
}

.main_contents.entry ul.list{
  margin:50px auto;
  background-color: #fff6f6;
  border-radius: 8px;
  padding:15px;
}

.main_contents.entry ul.list li{
  margin-bottom:15px;
  font-weight: bold;
  position: relative;
  padding-left:17px;
}

.main_contents.entry ul.list li:before{
  content:"\f058";
  font-family:FontAwesome;
  display:inline-block;
  position:absolute;
  top:0;
  left:0;
  color:#fb4848;
  font-size:110%;
}

.main_contents.entry ul.list li:nth-last-of-type(1){
  margin-bottom:0;
}

.main_contents.entry .box1{
  margin: 50px auto;
  border:1px solid  #ccc;
  border-radius: 8px;
  padding: 15px;
}

.main_contents.entry .box2{
  margin: 50px auto;
  background-color: #fff6f6;
  border-radius: 8px;
  padding: 15px;
}

.main_contents.entry .box2 .title{
  margin-bottom: 10px;
  border-bottom: 1px dotted #ea9696;
  font-weight: bold;
  padding-bottom: 15px;
  font-size:140%;
}

.main_contents.entry .box2 .title:before{
  content:"\f14a";
  font-family:FontAwesome;
  display:inline-block; 
  margin-right:10px;
  color:#fb4848;
}


.main_contents.entry .box3{
  margin: 50px auto;
}

.main_contents.entry .box3 .title{
  background-color:#333;
  color:#fff;
  line-height:1.0;
  padding:7px 14px;
  margin:0;
  display: inline-block;
  font-size:110%;
  font-weight: bold;
  border-radius: 8px 8px 0 0;
}

.main_contents.entry .box3 .txt{
  background-color: #f7f7f7;
  border: 1px solid #333;
  padding: 15px;
}

.main_contents.entry table.table1,
.main_contents.entry table.table2{
  width:100%;
  margin:40px auto;
}

.main_contents.entry table.table1 thead tr th,
.main_contents.entry table.table1 thead tr td,
.main_contents.entry table.table2 tr th{
  padding:5px 10px;
  border:1px solid #ccc;
  font-size:87%;
  background-color:#333;
  color:#fff;
  text-align:center;
}

.main_contents.entry table.table1 tbody tr th,
.main_contents.entry table.table1 tbody tr td,
.main_contents.entry table.table2 tbody tr td{
  padding:10px;
  border:1px solid #ccc;
}

.main_contents.entry table.table1 tbody tr th{
  background-color:#efefef;
  font-weight: bold;
}


.main_contents.entry .left_link a:before,
.main_contents.entry .right_link a:before,
.main_contents.entry .center_link a:before{
  content: "\f054";
  font-family:FontAwesome;
  display:inline-block; 
  margin-right:5px;
}


.main_contents.entry .left_link a,
.main_contents.entry .right_link a,
.main_contents.entry .center_link a{
  margin:40px auto;
  font-size: 110%;
  text-decoration: underline;
}


.main_contents.entry .left_link a:hover,
.main_contents.entry .right_link a:hover,
.main_contents.entry .center_link a:hover{
  opacity:0.6;
  text-decoration: none;
}

.main_contents.entry .left_link{
  text-align:left;
}

.main_contents.entry .right_link{
  text-align: right;
}

.main_contents.entry .center_link{
  text-align:center;
}

.main_contents.entry .link_btn a{
    margin: 50px auto;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cd2a1d), color-stop(0.00, #d93f49));
    background: -webkit-linear-gradient(#d93f49, #cd2a1d);
    background: -moz-linear-gradient(#d93f49, #cd2a1d);
    background: -o-linear-gradient(#d93f49, #cd2a1d);
    background: -ms-linear-gradient(#d93f49, #cd2a1d);
    background: linear-gradient(#d93f49, #cd2a1d);
    text-shadow: 1px 1px 0 #a81e0c;
    border-radius: 8px;
    color: #fff;
    font-weight: bold;
    padding: 20px 0;
    line-height: 1.0;
    width: 100%;
    box-sizing: border-box;
    display: block;
    font-size: 18px;
    border: 1px solid #900;
    text-shadow: 1px 1px 3px #600;
    text-align: center;
}

.main_contents.entry .link_btn a:hover{
  opactiy:0.6;
}


.info_txt p:nth-last-of-type(1),
.main_contents.entry .matome_box .txt p:nth-last-of-type(1),
.main_contents.entry .box1 p:nth-last-of-type(1),
.main_contents.entry .box2 p:nth-last-of-type(1),
.main_contents.entry .box3 p:nth-last-of-type(1){
  margin-bottom:0;
}


blockquote {
    margin:40px auto;
    background: url(../img/blockquote.png) no-repeat 1% 5%, #fff;
    border: 2px solid #d0d0d0;
    border-radius: 4px;
    padding: 25px 15px 10px;
    background-size: 30px 30px;
    background-position: 15px 7px;
}

.main_contents.entry .qa_box_area {
  padding: 4px 0px;
  margin-bottom: 10px;
}

.main_contents.entry .qa_box {
  padding: 5px 0px;
  margin-bottom: 15px;
}

.main_contents.entry .qa_box .q_txt {
  font-weight: bold;
  border-bottom: 1px dotted #D7D7D7;
  padding: 5px 0px 8.5px 30px;
  position: relative;
  line-height: 1.5em;
  font-size:110%;
}

.main_contents.entry .qa_box .q_txt:before {
  font-family: Josefin Sans, 游ゴシック, Yu Gothic, sans-serif;
  font-size: 110%;
  color: #fff;
  margin-right: 10px;
  padding: 6px 0;
  text-align: center;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 2px;
  left: 0px;
  box-sizing: border-box;
  content: "";
  background-image: url("../img/icon-q.png");
  background-size: 24px 24px;
  line-height: 1.0;
  display: inline-block;
  border-radius: 300px;
}

.main_contents.entry .qa_box .a_txt {
  padding: 10px 5px 5px 30px;
  position: relative;
  font-size:100%;
}

.main_contents.entry .qa_box .a_txt:before {
  font-family: Josefin Sans, 游ゴシック, Yu Gothic, sans-serif;
  font-size: 100%;
  color: #fff;
  margin-right: 10px;
  padding: 6px 0;
  text-align: center;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 7px;
  left: 0px;
  box-sizing: border-box;
  background-color: #fb8193;
  content: "";
  background-image: url("../img/icon-a.png");
  background-size: 24px 24px;
  line-height: 1.0;
  display: inline-block;
  border-radius: 300px;
}

.main_contents.entry .fukidashi_left,
.main_contents.entry .fukidashi_right{
  margin: 40px auto;
  min-height:90px;
  position: relative;
}

.main_contents.entry .fukidashi_left .icon,
.main_contents.entry .fukidashi_right .icon{
  font-size:10px;
  text-align: center;
}

.main_contents.entry .fukidashi_left .icon{
  float: left;
}

.main_contents.entry .fukidashi_right .icon{
  float: right;
}


.main_contents.entry .fukidashi_left .icon img,
.main_contents.entry .fukidashi_right .icon img{
  vertical-align: bottom;
  width: 65px;
  height: 65px;
  border-radius: 300px;
  overflow: hidden;
  display: block;
  margin-bottom:3px;
}

.main_contents.entry .fukidashi_left .txt,
.main_contents.entry .fukidashi_right .txt{
  top: 0px;
  color: #444;
  padding: 15px;
  position: relative;
  border-radius: 8px;
  min-height: 80px;
  box-sizing: border-box;
  font-size: 110%;
}


.main_contents.entry .fukidashi_left .txt{
  background-color: #efefef; 
  margin-left: 100px;
}

.main_contents.entry .fukidashi_right .txt{
  margin-right: 100px;
  background-color: #b2e88f;
}

.main_contents.entry .fukidashi_left .txt:after{
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  margin-top: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #efefef transparent transparent;
}

.main_contents.entry .fukidashi_right .txt:after{
  content: "";
  position: absolute;
  top: 10px;
  right: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #b2e88f;
}

.main_contents.entry .fukidashi_left .txt:after{
  content: "";
  position: absolute;
  top: 20px;
  left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #efefef transparent transparent;
}

.main_contents.entry .fukidashi_right .img img {
  width: 100%;
  vertical-align: bottom;
}

.main_contents.entry .fukidashi_right .fukidashi {
  background: #FFF;
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  color: #444;
  padding: 10px;
  position: relative;
  margin-right: 0px;
}


.main_contents.entry .matome_box{
  background-color:#f98888;
  padding:0 0 10px;
  border-radius: 6px;
}

.main_contents.entry .matome_box .title{
  font-size:130%;
  font-weight: bold;
  padding:10px;
  color:#fff;
  text-align: center;
}

.main_contents.entry .matome_box .txt{
  padding:15px;
  margin:0 10px;
  background-color: #fff;
}


.main_contents.entry .arrow{
  display: block;
  width:150px;
  height:57.5px;
  background-image:url("../img/arrow.png");
  background-size:150px 57.5px;
  margin:30px auto;
}

/*
比較テーブル
*/

#HIKAKU_TABLE{

}

#HIKAKU_TABLE .title{
    border: none;
    font-size: 18px;
    padding: 15px;
    border-top: 2px solid #666;
    border-bottom: 2px solid #666;
    margin: 40px auto 20px;
    background-color: #efefef;
    font-weight: bold;
}

#HIKAKU_TABLE tr .product{
  text-align:center;
  font-weight: bold;
  border:1px solid #ccc;
  padding:10px;
}

#HIKAKU_TABLE tr th.data,
#HIKAKU_TABLE tr td.data{
  width: 246px;
  border:1px solid #ccc;
  padding:10px;
  text-align:center;
  vertical-align: middle;
}


#HIKAKU_TABLE tr td.attention{
  background-color:#fffcf1;
}

#HIKAKU_TABLE .none {
  border:none;
  background-color:transparent;
  font-size:0;
}

#HIKAKU_TABLE .data_name {
    width: 120px;
    font-size: 80%;
    text-align: center;
    box-sizing: border-box;
    background-color:#efefef;
    border:1px solid #ccc;
    vertical-align: middle;
}

#HIKAKU_TABLE .data_name.campaign_price:before{
  content:"キャンペーン価格";
}

#HIKAKU_TABLE tr td.data .link_btn a{
  font-size:14px;
  line-height:1.5;
  margin:0 auto;
}

@media screen and (max-width: 640px) {
  #HIKAKU_TABLE .data_name {
    writing-mode: vertical-rl;
    margin: 0;
    line-height: 1.5em;
    width: 40px;
    padding: 5px;
  }

  #HIKAKU_TABLE .data_name.campaign_price:before{
    content:"キャンペーン価格";
    writing-mode: vertical-rl;
  }

}
/*
商品詳細ページ　コンテンツ
*/

#DETAIL_CONTENT h1{
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 40px;
  padding: 18px;
  background-color: #efefef;
  border-radius: 4px;
}

#DETAIL_CONTENT h2{
  border: none;
  font-size: 18px;
  padding: 15px;
  border-top: 2px solid #666;
  border-bottom: 2px solid #666;
  margin: 40px auto;
  background-color: #efefef;
}

#DETAIL_CONTENT h3{
  border: none;
  font-size: 16px;
  padding: 15px;
  border-left: 3px solid #666;
  background-color: #efefef;
  margin: 40px auto;
}

#DETAIL_CONTENT h4{
  border: none;
  font-size: 15px;
  padding: 5px 10px;
  border-left: 2px solid #333;
  margin: 40px auto;
}

#DETAIL_CONTENT h5{
  border: none;
  font-size: 15px;
  margin: 40px auto;
}.main_contents.entry

#DETAIL_CONTENT p{
  margin-bottom:15px;
  line-height:1.5;
}

#DETAIL_CONTENT hr{
  border:none;
  box-shadow: none;
  border-top: 1px dotted #8c8b8b;
  margin:50px 0;
}

#DETAIL_CONTENT ul.list{
  margin:50px auto;
  background-color: #fff6f6;
  border-radius: 8px;
  padding:15px;
}

#DETAIL_CONTENT ul.list li{
  margin-bottom:15px;
  font-weight: bold;
  position: relative;
  padding-left:17px;
}

#DETAIL_CONTENT ul.list li:before{
  content:"\f058";
  font-family:FontAwesome;
  display:inline-block;
  position:absolute;
  top:0;
  left:0;
  color:#fb4848;
  font-size:110%;
}

#DETAIL_CONTENT ul.list li:nth-last-of-type(1){
  margin-bottom:0;
}

#DETAIL_CONTENT .box1{
  margin: 50px auto;
  border:1px solid  #ccc;
  border-radius: 8px;
  padding: 15px;
}

#DETAIL_CONTENT .box2{
  margin: 50px auto;
  background-color: #fff6f6;
  border-radius: 8px;
  padding: 15px;
}

#DETAIL_CONTENT .box2 .title{
  margin-bottom: 10px;
  border-bottom: 1px dotted #ea9696;
  font-weight: bold;
  padding-bottom: 15px;
  font-size:140%;
}

#DETAIL_CONTENT .box2 .title:before{
  content:"\f14a";
  font-family:FontAwesome;
  display:inline-block; 
  margin-right:10px;
  color:#fb4848;
}


#DETAIL_CONTENT .box3{
  margin: 50px auto;
}

#DETAIL_CONTENT .box3 .title{
  background-color:#333;
  color:#fff;
  line-height:1.0;
  padding:7px 14px;
  margin:0;
  display: inline-block;
  font-size:110%;
  font-weight: bold;
  border-radius: 8px 8px 0 0;
}

#DETAIL_CONTENT .box3 .txt{
  background-color: #f7f7f7;
  border: 1px solid #333;
  padding: 15px;
}

#DETAIL_CONTENT table.table1,
#DETAIL_CONTENT table.table2{
  width:100%;
  margin:40px auto;
}

#DETAIL_CONTENT table.table1 thead tr th,
#DETAIL_CONTENT table.table1 thead tr td,
#DETAIL_CONTENT table.table2 tr th{
  padding:5px 10px;
  border:1px solid #ccc;
  font-size:87%;
  background-color:#333;
  color:#fff;
  text-align:center;
}

#DETAIL_CONTENT table.table1 tbody tr th,
#DETAIL_CONTENT table.table1 tbody tr td,
#DETAIL_CONTENT table.table2 tbody tr td{
  padding:10px;
  border:1px solid #ccc;
}

#DETAIL_CONTENT table.table1 tbody tr th{
  background-color:#efefef;
  font-weight: bold;
}


#DETAIL_CONTENT .left_link a:before,
#DETAIL_CONTENT .right_link a:before,
#DETAIL_CONTENT .center_link a:before{
  content: "\f054";
  font-family:FontAwesome;
  display:inline-block; 
  margin-right:5px;
}


#DETAIL_CONTENT .left_link a,
#DETAIL_CONTENT .right_link a,
#DETAIL_CONTENT .center_link a{
  margin:40px auto;
  font-size: 110%;
  text-decoration: underline;
}


#DETAIL_CONTENT .left_link a:hover,
#DETAIL_CONTENT .right_link a:hover,
#DETAIL_CONTENT .center_link a:hover{
  opacity:0.6;
  text-decoration: none;
}

#DETAIL_CONTENT .left_link{
  text-align:left;
}

#DETAIL_CONTENT .right_link{
  text-align: right;
}

#DETAIL_CONTENT .center_link{
  text-align:center;
}

#DETAIL_CONTENT .link_btn a{
    margin: 50px auto;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cd2a1d), color-stop(0.00, #d93f49));
    background: -webkit-linear-gradient(#d93f49, #cd2a1d);
    background: -moz-linear-gradient(#d93f49, #cd2a1d);
    background: -o-linear-gradient(#d93f49, #cd2a1d);
    background: -ms-linear-gradient(#d93f49, #cd2a1d);
    background: linear-gradient(#d93f49, #cd2a1d);
    text-shadow: 1px 1px 0 #a81e0c;
    border-radius: 8px;
    color: #fff;
    font-weight: bold;
    padding: 20px 0;
    line-height: 1.0;
    width: 100%;
    box-sizing: border-box;
    display: block;
    font-size: 18px;
    border: 1px solid #900;
    text-shadow: 1px 1px 3px #600;
    text-align: center;
}

#DETAIL_CONTENT .link_btn a:hover{
  opactiy:0.6;
}

#DETAIL_CONTENT .matome_box .txt p:nth-last-of-type(1),
#DETAIL_CONTENT .box1 p:nth-last-of-type(1),
#DETAIL_CONTENT .box2 p:nth-last-of-type(1),
#DETAIL_CONTENT .box3 p:nth-last-of-type(1){
  margin-bottom:0;
}

#DETAIL_CONTENT .qa_box_area {
  padding: 4px 0px;
  margin-bottom: 10px;
}

#DETAIL_CONTENT .qa_box {
  padding: 5px 0px;
  margin-bottom: 15px;
}

#DETAIL_CONTENT .qa_box .q_txt {
  font-weight: bold;
  border-bottom: 1px dotted #D7D7D7;
  padding: 5px 0px 8.5px 30px;
  position: relative;
  line-height: 1.5em;
  font-size:110%;
}

#DETAIL_CONTENT .qa_box .q_txt:before {
  font-family: Josefin Sans, 游ゴシック, Yu Gothic, sans-serif;
  font-size: 110%;
  color: #fff;
  margin-right: 10px;
  padding: 6px 0;
  text-align: center;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 2px;
  left: 0px;
  box-sizing: border-box;
  content: "";
  background-image: url("../img/icon-q.png");
  background-size: 24px 24px;
  line-height: 1.0;
  display: inline-block;
  border-radius: 300px;
}

#DETAIL_CONTENT .qa_box .a_txt {
  padding: 10px 5px 5px 30px;
  position: relative;
  font-size:100%;
}

#DETAIL_CONTENT .qa_box .a_txt:before {
  font-family: Josefin Sans, 游ゴシック, Yu Gothic, sans-serif;
  font-size: 100%;
  color: #fff;
  margin-right: 10px;
  padding: 6px 0;
  text-align: center;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 7px;
  left: 0px;
  box-sizing: border-box;
  background-color: #fb8193;
  content: "";
  background-image: url("../img/icon-a.png");
  background-size: 24px 24px;
  line-height: 1.0;
  display: inline-block;
  border-radius: 300px;
}





#DETAIL_CONTENT .fukidashi_left,
#DETAIL_CONTENT .fukidashi_right{
  margin: 40px auto;
  min-height:90px;
  position: relative;
}

#DETAIL_CONTENT .fukidashi_left .icon,
#DETAIL_CONTENT .fukidashi_right .icon{
  font-size:10px;
  text-align: center;
}

#DETAIL_CONTENT .fukidashi_left .icon{
  float: left;
}

#DETAIL_CONTENT .fukidashi_right .icon{
  float: right;
}


#DETAIL_CONTENT .fukidashi_left .icon img,
#DETAIL_CONTENT .fukidashi_right .icon img{
  vertical-align: bottom;
  width: 65px;
  height: 65px;
  border-radius: 300px;
  overflow: hidden;
  display: block;
  margin-bottom:3px;
}

#DETAIL_CONTENT .fukidashi_left .txt,
#DETAIL_CONTENT .fukidashi_right .txt{
  top: 0px;
  color: #444;
  padding: 15px;
  position: relative;
  border-radius: 8px;
  min-height: 80px;
  box-sizing: border-box;
  font-size: 110%;
}


#DETAIL_CONTENT .fukidashi_left .txt{
  background-color: #efefef; 
  margin-left: 100px;
}

#DETAIL_CONTENT .fukidashi_right .txt{
  margin-right: 100px;
  background-color: #b2e88f;
}

#DETAIL_CONTENT .fukidashi_left .txt:after{
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  margin-top: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #efefef transparent transparent;
}

#DETAIL_CONTENT .fukidashi_right .txt:after{
  content: "";
  position: absolute;
  top: 10px;
  right: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #b2e88f;
}

#DETAIL_CONTENT .fukidashi_left .txt:after{
  content: "";
  position: absolute;
  top: 20px;
  left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #efefef transparent transparent;
}

#DETAIL_CONTENT .fukidashi_right .img img {
  width: 100%;
  vertical-align: bottom;
}

#DETAIL_CONTENT .fukidashi_right .fukidashi {
  background: #FFF;
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  color: #444;
  padding: 10px;
  position: relative;
  margin-right: 0px;
}


#DETAIL_CONTENT .matome_box{
  background-color:#f98888;
  padding:0 0 10px;
  border-radius: 6px;
}

#DETAIL_CONTENT .matome_box .title{
  font-size:130%;
  font-weight: bold;
  padding:10px;
  color:#fff;
  text-align: center;
}

#DETAIL_CONTENT .matome_box .txt{
  padding:15px;
  margin:0 10px;
  background-color: #fff;
}



/*
運営者情報
*/

table.info{
  width:100%;
  margin:40px auto;
  border-top:1px dotted #ccc;
}

table.info tr th,
table.info tr td{
  padding:10px;
  border-bottom:1px dotted #ccc;
}

table.info tr th{
  background-color:#efefef;
  width:160px;
}

.info_txt{
  padding:15px;
  border:1px dotted #ccc;
}

.info_txt .title{
  font-size:120%;
  margin-bottom:10px;
  font-weight: bold
}



@media screen and (max-width: 640px) {
  header .header,
  #RESULT_FROM_DATA,
  #MAIN_CONTENTS .main_contents{
    width:100%;
    padding:5px;
  }


  .sp_none{
    display:none;
  }

  .pc_none{
    display:inline-block;
  }

  footer .footer{
    width: 100%;
    padding:0;
  }

  footer .link_area {
    width: 100%;
    display: block;
  }

  footer .link_area h3{
    padding:10px;
    line-height:1.0;
    color:#fff;
    background-color:#333;
    margin:0;
  }

  footer .link_area li i{
    display: none;
  }

  footer .link_area li a{
    display: block;
    padding:10px;
    border-bottom:1px solid #ccc;
    position: relative;
  }

  footer .link_area li a:after{
    position: absolute;
    content:"\f105";
    font-family:FontAwesome;
    display:inline-block;
    right:10px;
    top:50%;
    margin-top:-10px;
    color:#333;
    font-weight: normal;
    font-size:15px;
  }

  #SIMPLE_RANKING .simple_ranking a{
    padding-left:80px;
    line-height: 1.5;
  }

  #SIMPLE_RANKING .simple_ranking a .rank{
    position: absolute;
    top:50%;
    margin-top:-25px;
    left:10px;
  }

  #SIMPLE_RANKING .simple_ranking a .review{
    display: block;
    color: #333;
    font-size: 20px;
    margin-left:0;
  }

  #SIMPLE_RANKING .simple_ranking a::after{
    margin-top:-40px;
  }

}