@charset "UTF-8";

/*--------------------------------------------------------*/


html, body {
	-webkit-text-size-adjust: 100%;
	box-sizing:border-box;
}

body {
	max-width: 414px;
	font-size:14px;
	font-family: Lucida Sans, Verdana,"メイリオ",Meiryo,Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    position: relative;
	left:0;
}
/*
html {
    position: relative;
    overflow-x: hidden;
}
body{
	overflow-x: hidden;
	margin: 0;
}

*/
.sp{
	display: block
}

/*---MENU-----------------------------------------------------*/

#layout {
	position: relative;
	top:0 ;
	left:0 ;
	width: 100%;
}
.open #layout{
	-webkit-filter:blur(4px);
	filter:blur(4px);
}
#wrapper{
	padding-top:2.6em;
}

header {
	width:100%;
	position:fixed;
	height:2.7em;
	background-color:#FFF;
	z-index: 5;
}
header h1 {
	width:8em;
	margin-top: 3px;
	background-size:100%;
}
nav {
	width:50%;
	float:right;
	font-size:1em;
	line-height:1em;
	text-align: right;
	border-right: none;
	margin-right:2.6em;
}
nav li {
	font-size:0.67em;
	background-position: center top 5px;
}
nav li:nth-of-type(3) {
	display:none;
}
nav li a{
	padding:1.9em 10px 0;
}
.layer{
	position: fixed;
	top: 0;
	left:0;
	z-index: 10;
	display: none;
	width: 100%;
	height: 100%;
	background-color:#000;
	opacity:0.1;
}
#ham{
    position: fixed !important;
    top: 0;
	right:0;
    z-index: 999;
}
#slide_menu{
    position: absolute;
    top: 0;
    right: -240px;
    width: 240px;
    height: auto;
    background: #FFF;
}
#slide_menu li{
	font-size:0.84em;
	padding: 12px 10px 10px 2.8em;
	background: #FFF;
	border-bottom:1px solid #ddd;
	background-repeat:no-repeat;
	background-size:22px;
	background-position: 6px center;
	
	
/*	background: -webkit-linear-gradient(top, #ffffff 0%, #ececec 100%);
	background: linear-gradient(#ffffff 0%, #ececec 100%);*/
}
#slide_menu li:nth-of-type(1){
	background-image: url(../imgs/icon_top.png);
}
#slide_menu li:nth-of-type(2){
	background-image: url(../imgs/icon_rank.png);
}
#slide_menu li:nth-of-type(3){
	background-image: url(../imgs/icon_1.png);
}
#slide_menu li:nth-of-type(4){
	background-image: url(../imgs/icon_2.png);
}
#slide_menu li:nth-of-type(5){
	background-image: url(../imgs/icon_3.png);
}
#slide_menu li:nth-of-type(6){
	background-image: url(../imgs/icon_4.png);
}
#slide_menu li:nth-of-type(7){
	background-image: url(../imgs/icon_5.png);
	display:none;
}
#slide_menu li:nth-of-type(8){
	background-image: url(../imgs/icon_6.png);
}
#slide_menu li:nth-of-type(9){
	background-image: url(../imgs/icon_7.png);
}
#slide_menu li:nth-of-type(10){
	background-image: url(../imgs/icon_8.png);
}
#slide_menu li:nth-of-type(11){
	background-image: url(../imgs/icon_9.png);
}
#slide_menu li a{
	color:#555;
	text-decoration: none;
}

button{
	font-size:1em;
}
#menu-trigger {
	position: relative;
	width: 2.6em;
	height: 2.6em;
	background-color: #f39800;
	border: none;
	letter-spacing: 0.06em;
}
#menu-trigger span {
	position: absolute;
	left: 20%;
	width: 60%;
	height: 3px;
	background-color: #FFF;
	border-radius: 4px;
	transition: all .4s;
	box-sizing: border-box;
}
#menu-trigger span:nth-of-type(1) {
	top: 16%;
}
#menu-trigger span:nth-of-type(2) {
	top: 36%;
}
#menu-trigger span:nth-of-type(3) {
	top: 54%;
}
#menu-trigger::after {
	position: absolute;
	left: 0;
	bottom: 2px;
	content: 'MENU';
	display: block;
	width: 100%;
	color: #FFF;
	font-size: 0.5em;
	text-decoration: none;
	text-align: center;
	transition: all .4s;
}
.open #menu-trigger::after {
	content: 'CLOSE';
	bottom: 2px;
}
.open #menu-trigger span:nth-of-type(1) {
	-webkit-transform: translateY(7px) rotate(-45deg);
	transform: translateY(7px) rotate(-45deg);
}
.open #menu-trigger span:nth-of-type(2) {
	opacity: 0;
}
.open #menu-trigger span:nth-of-type(3) {
	-webkit-transform: translateY(-7px) rotate(45deg);
	transform: translateY(-7px) rotate(45deg);
}

/*--------------------------------------------------------*/

main {
}
#mv+p{
	font-size: 0.65em;
}
h2{
	font-size:1.1em;
	padding: 6px 0 4px 2.6em;
	margin-top: 20px;
	margin-bottom: 15px;
	border-bottom: 3px solid #f39800;
}
h2::before{
	position: absolute;
	background-repeat:no-repeat;
	background-size:2em;
	width: 10px;
	padding: 20px;
}
.midas2::before,.midas1::before {
	content:'';
	background-image: url("../imgs/i_card.png");
	top: 3px;
	left: 5px;
}
.midas3::before {
	content:'';
	background-image: url("../imgs/i_enpitu.png");
	top: -3px;
	left: 5px;
}
.eria {
	margin-top:5px;
	font-size: 0.8em;
	padding: 5px 8px 0 8px!important;
}
.eria_a {
	font-size: 0.8em;
	padding: 0 8px!important;
}
.eria_b{
	font-size: 0.8em;
	padding: 0 8px!important;
}

.eria_a_detail {
	font-size: 0.8em;
	padding: 0 8px!important;
}
.eria_b_detail {
	font-size: 0.8em;
	padding: 0 8px!important;
}
.not_eria {
	font-size: 0.8em;
	padding: 0 8px!important;
	margin-bottom: 5px;
}
/*--------------------------------------------------------*/
/*search*/
/*--------------------------------------------------------*/

.searchtool {
	width: 96%;
	border: 1px solid #f66451;
	border-radius: 5px;
	background-color: #efefef;
	box-shadow:none;
	padding-top: 2.8em;
	clear:both;
}	

.searchtool h3 {
	font-size: 0.96em;
	border-radius: 4px 4px 0 0 ;
}
.searchtool h3::before {
	content: '';
	background-image: url("../imgs/lens.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 50px;
	position: relative;
	top: 1px;
	padding: 13px;
}
.pagination + .formset .searchtool {margin-top: 40px;}

.searchtool table {
	width: 96%;
}
.searchtool tr {
	overflow: hidden;
	clear: both;
	margin: 8px 0;
	border: 1px solid #c9c9c9;
	border-radius: 5px;
	display: block;
	background: #ffffff;
/*	background: -webkit-linear-gradient(top, #ffffff 0%, #ececec 100%);
	background: linear-gradient(#ffffff 0%, #ececec 100%);
*/}
	
.searchtool th {
	float: left;
	background-repeat: no-repeat;
	box-sizing:border-box;
	display: block;
	width: 100%;
	font-size: 12.6px;
	padding: 5px 0px 5px 10px;
	vertical-align: middle;
	background-image:none !important;
	position:relative;
}
.searchtool td {
	float:right;
	width: 100%;
	box-sizing:border-box;
	display: block;
	padding: 5px 0 3px 11.5em;
	font-size: 12.6px;
	line-height:2;
	vertical-align: middle;
	background-repeat: no-repeat;
}
.accordionlist th div{
	position:absolute;
	top:22%;
	left:12em;
}

.s_detail table th{
	padding: 2px 0px 2px 10px !important;
}
.s_detail table td{
	padding: 5px 0 3px 10.8em !important;
}
.accordionlist .s_detail th div{
	position:absolute;
	top:9% !important;
	left:11.3em;
}

.searchtool td label {
	width: 10em;
	float: none;
	padding: 3px 5px;
	white-space: nowrap;
	cursor:pointer;
}
.searchtool td label:hover{
	background-color: transparent;
}
.searchtool td label input {
	margin-right: 5px
}
.searchtool .ken_05 td {
	padding-left:5px !important;
}
.searchtool .ken_05 td label {
	float: left;
}

@media only screen and (max-width: 359px) {
.searchtool h3 {
	font-size: 0.84em;
}
.searchtool td {
	padding: 5px 0 3px 10em;
}
.accordionlist th div{
	left:10.5em;
}
.searchtool .ken_05 td label{
	width:40px !important;
	background-position: 75% 40% !important;
}
.s_detail table th{
	padding: 2px 0px 2px 10px !important;
}
.s_detail table td{
	padding: 5px 0 3px 9.5em !important;
}
.accordionlist .s_detail th div{
	position:absolute;
	top:10% !important;
	left:10em;
}
}

th.s_detail{
	text-align:center !important;
	background-color:#dfdfdf;
}
td.s_detail{
	padding:0;
	background-color: #efefef !important;
}

.searchtool .ken_01 td{
	background-image: url("../imgs/s_coin.png");
	background-position: 10% 80%;
	background-repeat: no-repeat;
}
.searchtool .ken_02 td{
	background-image: url("../imgs/s_timer.png");
	background-position: 10% 80%;
	background-repeat: no-repeat;
}
.searchtool .ken_03 td{
	background-image: url("../imgs/s_clock.png");
	background-position: 2% 24%;
	background-repeat: no-repeat;
}
.searchtool .ken_04 td{
	background-image: url("../imgs/s_cash.png");
	background-position: 6% 30px;
	background-repeat: no-repeat;
}
.searchtool .ken_06 td {
	background-image: url("../imgs/s_calculator.png");
	background-position: 8% 10px;
	background-repeat: no-repeat;
}
.seven, .lorson, .famima, .sank, .mini {
	margin-right: 0em;
	height: 32px;
	width: 28% !important;
	padding: 10px 5px 5px!important;
	background-position: 60% 45%;
}

.ken_05 .seven {
	background-image: url("../imgs/con_seven.png");
}
.ken_05 .lorson {
	background-image: url("../imgs/con_lawson.png");
}
.ken_05 .famima {
	background-image: url("../imgs/con_famima.png");
}
.ken_05 .sank {
	background-image: url("../imgs/con_sunkus.png");
}
.ken_05 .mini {
	background-image: url("../imgs/con_mini.png");
}


.searchtool .ken_00 {
	border: none;
	display: block;
	background: inherit;
	margin:0;

	padding:0 !important;
	width:100%;
}
.searchtool .ken_00 td{
	padding:0 !important;
	width:100%;
}
.searchtool .ken_00 input + label{
	width:49% !important;
	font-size:1em;
	line-height:2;
	font-weight:bold;
	margin:0 0 5px !important;
	background-size:33px;
	background-position:right 1px center;
	background-color:#fff;
	padding:9px 0 9px 30px;
}
.searchtool .ken_00 input + label:nth-of-type(2n+1){
	margin-right:2% !important;
}
/*
.searchtool .ken_00 input + label:nth-last-of-type(-n+2){
	display:none;
}*/

@media (min-width: 1px) {
    .searchtool .ken_00 input[type=checkbox]{
        display: none;
        margin: 0;
    }
    .searchtool .ken_00 input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 4px;
        left: 7px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 18px;
        height: 18px;
        margin-top: 10px;
         
        background: #FFF;
        border: 1px solid #aaa;
    }
	.searchtool .ken_00 input[type=checkbox]:checked + label{
		background-color: #F9F7DC;
	}
    .searchtool .ken_00 input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        left: 10px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 12px;
        margin-top: -24px;
         
        border-left: 4px solid #f38300;
        border-bottom: 4px solid #f38300;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

.searchtool .searchbtn input {
	width: 100%;
	background-image: url("../imgs/btn_kensaku.gif");
	background-size: 90% auto;
	margin: 2px 0 10px;
	font-size: 24px;
	background-color: inherit;
}
/*---------------*/

#search_form {
	white-space: nowrap;
	width:96% !important;
	margin:0 auto;
	position:relative;
}
#search_form tr{
	display: block;
	clear:none;
}
#search_form th{
	display: inline;
	float: none;
	width: auto;
	height: auto ;
	background-color:#fff;
	font-weight:bold;
	position:relative;
	top:5px;
}
#search_form td{
	display:inline;
	float: right;
	width: 50%;
	padding:5px 0;
}
#search_form td label{
	padding:0;
	margin:0;
}
#search_form tr:nth-of-type(-n+6) {
	display: block;
	width:49%;
	float:left;
	border:1px solid #cdcdcd ;
	margin-right:4px;
	margin-top:0;
	box-sizing:border-box;
}
#search_form tr:nth-of-type(3) {
	margin-right:4px !important;
}
#search_form tr:nth-of-type(2n) {
	margin-right:0px !important;
}
#search_form tr:nth-of-type(5),#search_form tr:nth-of-type(6),
#search_form tr:nth-of-type(7),#search_form tr:nth-of-type(10),
#search_form tr:nth-of-type(11),#search_form tr:nth-of-type(12) {
	display:none;
}
#search_form tr:nth-of-type(8) {
	clear:both;
}
/*
#search_form tr:nth-of-type(7) {
	clear:both;
}*/
#search_form tr:nth-of-type(-n+6) th{
	display:none;
}
#search_form tr:nth-of-type(-n+6) td{
	float:none;
	border:none !important;
	padding:0;
	position:relative;
	top:0;
	height:3em !important;
	font-size:1.02em;
}
#search_form tr:nth-of-type(-n+6) td label{
	display: inline-block;
	padding:6px 0 5px 6px;
	width: 100%;
}
#search_form tr:nth-of-type(-n+6) td label input {
	margin-right: 3px
}

/*result*/
/*--------------------------------------------------------*/

.result .resultunit {
	padding:0 10px 5px 10px;
	font-size: 14px;
	font-weight: bold;
	border-bottom:1px solid #d5d5d5;
}
.result .resultunit em {
	padding-right: 0.2em;
	font-size: 24px;
}

/*---結果並替-----------------------------------------------------*/

.result .sortset {
	display: block;
	margin: 10px 2%;
	background-color: #fff;
	padding:0;
}
.result .sortset h4 {
	display: block;
	padding: 0 10px 5px 10px;
	font-weight: bold;
	line-height: 1em;
	border-bottom:1px dotted #d9d9d9;
	vertical-align: middle;
	white-space: nowrap;
}
.result .sortset dl {
	display: block;
	line-height: 1em;
	padding: 7px 0px 4px;
}
.result .sortset dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.result .sortset dd {
	display: inline-block;
	width:45%;
	float:none;
	padding:6px 2px 4px 10px;
	font-size:0.8em;
	background-color:#f1f1f1;
	margin-bottom:4px;
}
.result .sortset dd a {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-top: -2px;
	margin-left: 5px;
}
.result .sortset dd a:first-child {
	margin-left: 6px;
}
@media only screen and (max-width: 359px) {
.result .sortset dd {
	padding:9px 2px 7px 7px;
	font-size:0.7em;
}
.result .sortset dd a {
	display: inline-block;
	width: 15px;
	height: 15px;
}
}


/*------結果内詳細--------------------------------------------------*/

.result .conditions {padding: 0 0 10px 0;}

.result .conditions .product {
	width: 96%;
	margin: 0 2%;
	box-sizing:border-box;
}
.result .conditions .product table.product_data {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
}
.result .conditions .product table.product_data caption{
	height: auto;
	text-align:left;
	margin: 0;
	padding: 3px 0 0px 0.5em;
	font-size: 20px;
	font-weight: bold;
	background: -webkit-linear-gradient(top, #efefef 50%, #ddd 100%);
	background: linear-gradient(to bottom, #efefef 50%, #ddd 100%);
}

a.toreview {
	display:block;
	float: none;
	height: auto;
	padding:0px 0 2px ;
	margin-right:0;
	font-size:1.24em;
	font-weight:bold;
	position:relative;
	box-shadow: none;
	border-radius:15px;
	background-color:#ffecce;
	text-align:center;
}
a.toreview img {
	width:60%;
	height: auto;
	margin-right:2px;
	position:relative;
	top:3px;
}

.result .conditions .product .thm {
	float: none;
	width: 38% !important;
}
.result .conditions .product .product_data .thm img {
	width: 100%;
	height: auto;
	margin: 0px;
}
.result .conditions .product table.product_data td {
	width: auto;
	font-size: 0.9em;
	vertical-align:top;
	padding:8px 8px 0;
}
.result .conditions .product ul{
	margin:5px 0;
	float: none;
	font-size:0.85em;
}
.result .conditions .product ul li{
	padding-left:1.6em;
	background-size:14px;
	background-position: left top 2px;
	line-height:1.8;
}

.result .conditions .product table.p_data_num {
	box-sizing: border-box;
	width: 100%;
	margin-top:0px;
}
.result .conditions .product table.p_data_num th {
	width: 19%;
	padding: 4px !important;
	font-size:0.8em !important;
	line-height:1.3;
}
.result .conditions .product table.p_data_num td {
	width: 35%;
	font-size: 0.9em !important;
	padding: 4px;
	text-align:center;
	vertical-align:middle;
}
.result .conditions .product table.p_data_num th:nth-of-type(1) {
	width:19%;
}

.result .conditions .product table.p_data_num td img {
	height:20px;
/*	height:14px;*/
}
.result .conditions .product table.p_data_num td img+img{
	margin-top:3px;
	margin-left:8px;
/*	margin-left:4px;*/
}

.result .conditions .product table.product_data .r_btnsp{
	width:100%;
	padding:0 !important;
	text-align:center;
	border-left: none;
}
.result .conditions .product table.product_data .r_btnsp img{
	width:auto;
	height:60px;
	padding:3px 3px 6px;
	vertical-align:middle;
}
.result .conditions .product table.product_data .r_btnsp a+a{
	margin-left:2%;
}

@media only screen and (max-width: 359px) {
.result .conditions .product table.p_data_num td img {
	height:13px;
}
.result .conditions .product table.product_data .r_btnsp img{
	height:50px;
}
.result .conditions .product table.product_data .r_btnsp a+a{
	margin-left:2%;
}
}


/*--------------------------------------------------------*/
/*feature*/
/*--------------------------------------------------------*/

#feature {
	padding: 0 1%;
}
#feature div {
	width: 49.5%;
	height: auto;
	display: table;
	border: 2px solid #ccc;
	border-radius: 2px;
	position: relative;
	background-position: 5px 8px,100%;
	background-size:30px,100%;
	background-repeat: no-repeat;
	margin:0 0% 5px;
	padding: 0;
	box-sizing:border-box;
}
#feature div:nth-of-type(2n){
	float:right;
}
#feature div:nth-of-type(2n+1){
	float: left;
}
#feature div::after{
	content: url("../imgs/h3_arrow.png");
	position: absolute;
	top:1.1em;
	right: 2px;
}
#feature a {
	width: 100%;
	height:auto;
}
#feature h3{
	font-size: 0.8em;
	line-height:1.5;
	height:4em;
	display:table-cell;
	vertical-align:middle;
	padding-right:1em;
	padding-left: 3.8em;
}
#feature h3::before{
	content: " ";
}
#feature div:last-child{
	margin-bottom:20px;
}


/*--------------------------------------------------------*/
/*特集text;*/
/*--------------------------------------------------------*/

#tokushu div{
	width:96%;
	margin:0 auto;
}
#tokushu h4{
	font-size: 1.1em;
	margin-bottom:10px;
	text-indent:-1.28em;
	padding-left:1.28em;
}
#tokushu p{
	font-size:0.98em;
	line-height:1.7;
	padding:0 0.6em 0 1.2em;
	margin:0;
}
#tokushu p+h4{
	margin-top:15px;
}
/**/
#tokushu>img:nth-of-type(1),#tokushu>img:nth-of-type(2) {
	width:96%;
	margin:20px 2%;
	border-radius:6px;
}
/*----- d11 -----*/
.d11 h3{
	color: #555;
	font-size: 1.20em;
	font-weight: bold;
	margin: 1.8em 0 0.8em;
	border: 3px double #aae064;
	padding: 8px 0.5em 6px
}
.d11 figure {
	width: 96%;
	margin: 25px auto 20px;
}
.yaji2 {
	width:100px !important;
	margin:8px auto !important;
	padding:0px;
}
.norikae1 {
	text-align:center;
	font-size:1.25em;
	font-weight: bold;
}
.norikae1 p:last-of-type {
	margin-bottom:1.5em;
}
.norikae1 dl {
	width: 96%;
	margin: 25px auto 0.5em;
}
.norikae1 dt {
	width: 40%;
	font-size: 0.9em;
	color: #2246A3;
	padding-right: 5px;
}
.norikae1 dd {
	width: 55%;
	font-size: 1.9em;
}
.norikae2 dl {
	margin:1em;
	font-weight: bold;
	padding-left:1.2em;
}
.norikae2 dt {
	float:left;
	font-size:1.1em;
	padding-top:0.15em;
}
.norikae2 dd {
	color:#f00;
	font-size:1.25em;
}
/*----------*/

#feature00 h2{
	font-size:20px;
	position:relative;
	text-indent:-1em;
	line-height:1.3;
	margin-bottom:10px;
	margin-top:10px;
}
#feature00 h2 span{
	font-size:1.4em;
}
#feature00 h2 img{
	display:inline;
	width:1.8em;
	padding:0 5px;
	position:relative;
	top:10px;
}
#feature00 h2:before ,#feature00 h2:after {
	content: none;
}
@media (min-width: 300px) and (max-width: 340px)  {
#feature00 h2{
	font-size:18px;
}
#feature00 h2 span{
	font-size:1.25em;
}
}

#feature00 .product{
	width:96% !important;
	height:auto !important;
	box-sizing:border-box;
	padding:0 !important;
}
.recomm01 {
	font-size: 20px;
	padding-left:15px;
}
.recomm02{
	width:38%;
	float: left;
	display:table-cell;
}
.recomm03 ,.recomm03_m{
	display:table-cell;
	position: relative;
	top:10px;
	left:0;
	padding-bottom:15px;
}
.recomm03 li{
	line-height:1.5 !important;
	padding-bottom:0.2em;
}
.recomm04{
	position: relative;
	top:0;
	left: 10px;
	width: 94% !important;
}
.recomm04 td{
	width:25% !important;
}
.recomm05{
	float:none;
	display:block;
	width: auto;
	height: auto;
	text-align:center;
}
.recomm05 div{
	display:block;
	width: 100%;
}
.recomm05 a{
	display: inline-block;
	height:60px !important;
	padding-top:00px;
	margin:10px 0;
}
.recomm05 a:first-child,.ossm_box .ad_btn a:first-child{
	width:124px;
	background:url(../imgs/btn_toreviewsp.png) 0 0 / 124px 60px no-repeat #fff;
}
.recomm05 a:last-child,.ossm_box .ad_btn a:last-child{
	width:163px;
	background:url(../imgs/btn_toofficialsp.png) 0 0 / 163px 60px no-repeat #fff;
}
.recomm05 a+a,.ossm_box .ad_btn a+a{
	margin-left:4%;
}
.ad_idx img {
	width: 100%;
}
@media (min-width: 300px) and (max-width: 350px)  {
.recomm05 a{
	height:50px;
	margin:10px 0 0;
}
.recomm05 a:first-child,.ossm_box .ad_btn a:first-child{
	width:103px;
	background-size:103px 50px;
}
.recomm05 a:last-child,.ossm_box .ad_btn a:last-child{
	width:136px;
	background-size:136px 50px;
}
.recomm05 a+a,.ossm_box .ad_btn a+a{
	margin-left:3%;
}
}


/*--------------------------------------------------------*/
/*ad_box*/
/*--------------------------------------------------------*/
	
.ossm_box {
	width:96%;
	margin: 15px auto 20px;
	height: auto;
	padding: 3%;
	display:table;
	table-layout:fixed;
}
.ossm_box div{
}
.ossm_box h3 {
	display:block;
	font-size: 1.6em;
	font-weight: bold;
	color: #000000;
	line-height: 1.2;
	border-bottom: 5px solid #e60012;
	margin-bottom:10px;
	clear:both;
}
.ossm_box .c_data a {
	display: inline-block;
	vertical-align:top;
	float:none;
	width:31% !important;
	margin: 0;
	margin-right:2%
/*	background-color:#f00
*/}
.ossm_box .c_data a>img{
	width:100%;
	height:auto;
}

.ossm_box .c_data table{
	display: inline-block;
	vertical-align:top;
	width: 66%;
	table-layout: fixed;
	background-color:#fcfcfc;
	padding:0 0 0 0%;
}
.ossm_box .c_data th {
	font-size: 0.78em;
	padding: 6px 0.5em 5px;
	width: 6.5em;
	white-space:nowrap;
}
.ossm_box .c_data td { 
	font-size: 0.85em;
	padding: 5px 1.8em 4px;
	width: auto;
	white-space:nowrap;
}
.com {
	clear:both;
	float:none;
	width:100%;
}
.com dl {
	clear:both;
}
.com dt {
	font-size: 1.10em;
	line-height:1;
	padding-bottom:5px;
}
.com dt::before {
	content:'●';
	color:#00a9e1;
	font-size: 1.4em;
	padding-right:2px;
}

.ossm_box .ad_btn {
	display:block;
	width:100%;
	height:60px;
	padding:0;
	text-align:center;
	margin: 5px auto 10px;
}
.ossm_box .ad_btn a{
	display: inline-block;
	height:60px;
	margin:10px 0;
}


/*--------------------------------------------------------*/

#pickup .tab {
	overflow: hidden;
	margin-left:31%;
}
#pickup .tab li {
	box-sizing:border-box;
	width:33.3%;
	background: #ddd;
	margin-top:4px;
	padding: 10px 0 9px;
	float: left;
	border-right:1px solid #FFF;
	border-radius:10px 10px 0 0;
	font-weight:bold;
	font-size:1em;
}
#pickup .tab li.select {
	background: #F4A4A6;
	margin-top:0;
	padding: 13px 0 10px;
}

#pickup .content table{
	width:100%;
}
#pickup .content table img{
	width: 100%;
	height:auto;
	display: block;
	padding:5px 0px;
}
#pickup .content th ,.content td{
	border-bottom:2px solid #FFF;
	border-right:1px solid #FFF;
	padding:10px;
}
#pickup .content th {
	font-size:0.9em;
}
#pickup .content td{
	font-size:0.85em;
	line-height:1.5;
	text-align:center;
	height:60px;
}
#pickup .company{
	width:31%;
}
#pickup .rate{
	width:23%;
}
#pickup .time{
	width:23%;
}
#pickup .p_btn{
	width: auto;
}

/*--------------------------------------------------------*/
/*kobetsu.php*/
/*--------------------------------------------------------*/

.kobetsu h2 {
	font-size:1.3em;
	padding: 6px 0 4px 2.6em;
	margin-top: 20px;
	margin-bottom: 15px;

}
.kobetsu div{
	width: 96%;
	margin: 0 2%;
	box-sizing:border-box;
}
.kobetsu table.product_data {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
}

.kobetsu table .thm {
	float: none;
	width: 38% !important;
}
.kobetsu table.product_data .thm img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.kobetsu table.product_data td {
	width: auto;
	font-size: 0.93em;
	vertical-align:top;
	padding:0px 8px 0;
}
.kobetsu div ul{
	margin:5px 0;
	float: none;
	font-size:0.85em;
}
.kobetsu div ul li{
	padding-left:1.6em;
	background-image:url("../imgs/checkboxone.png");
	background-repeat:no-repeat;
	background-size:14px;
	background-position: left top 2px;
	line-height:1.8;
	font-weight:bold;
}

.kobetsu div table.p_data_num {
	box-sizing: border-box;
	width: 100%;
	margin-top:0px;
}
.kobetsu div table.p_data_num th {
	width: 19%;
	padding: 4px !important;
	font-size:0.8em !important;
	line-height:1.3;
	background-color: #e3f7c1;
	border: 1px solid #c9c9c9;
}
.kobetsu div table.p_data_num td {
	width: 35%;
	font-size: 0.9em !important;
	padding: 4px;
	text-align:center;
	vertical-align:middle;
	border: 1px solid #c9c9c9;
}

.kobetsu div table.p_data_num td img {
	height:14px;
}
.kobetsu div table.p_data_num td img+img{
	margin-top:3px;
	margin-left:4px;
}
.kobetsu .text04{
	font-size:0.71em;
}

.kobetsu table.data2{
	clear:both;
	width:96%;
	font-size:0.9em;
	margin:0 2% 1em;
	border-collapse:collapse;
	text-align:center;
	table-layout:fixed;
	box-sizing:border-box;
}

/**/

.kobetsu .reviews{
	margin-top:10px;
}
.kobetsu .reviews table{
	width:96%;
	margin:0 2%;
}
.reviews td{
	display:block;
	border-top:none;
}
.reviews a{
	float:none;
	text-align:right;
}
.rev_sp_all{
	background-color: #ffecce;
	padding:0 !important;
}
.rev_sp_all a{
	display: block;
	font-size:12px;
	background-color: #ffecce;
}
.reviews .hyoka{
	font-size:0.95em;
	padding-left:0.8em;
}
.reviews .hyoka img{
	width:140px;
	height:auto;
	vertical-align: middle;
	padding-top:3px;
	padding-bottom:7px;
	margin-left: 13px;
}
@media (min-width: 300px) and (max-width: 340px)  {
.reviews .hyoka img{
	width:120px;
	height:auto;
}
}

.reviews .r_text{
	width:100%;
	padding:10px 1em !important;
	background-size:32px;
	background-position:12px 3px;
	vertical-align:top;
	box-sizing:border-box;
}
.i_mo{
	background-image:url("../imgs/i_rmo_f.png");
}
.i_my{
	background-image:url("../imgs/i_rmy_f.png");
}
.i_wo{
	background-image:url("../imgs/i_rwo_f.png");
}
.i_wy{
	background-image:url("../imgs/i_rwy_f.png");
}

.reviews i{
	padding-bottom:4px;
	margin-left:3.3em;
}
.k_idx {
	line-height: 1.4;
	font-weight: bold;
	width: 77%;
	margin-top: -6px!important;
	padding-bottom: 4px;
	margin-left: 3.3em;
	border-bottom: dashed 1px #ACACAC;
}
.reviews td p{
	margin-top:11px;
}
.reviews i,.reviews p{
	font-size:0.91em;
}

.kobetsubtn{
	display: table;
 	width:96%;
	margin:1.5em 2% 2em !important;
}
 a.toofficial_btn,.kobetsubtn a.toofficial_btn{
	display: table-cell;
	height:4em;
	text-align:center;
	padding-right:0.5em;
	vertical-align:middle;
	background: url(../imgs/toofficial.png),-webkit-linear-gradient(top, #efefef 0%, #ffffff 100%);
	background: url(../imgs/toofficial.png),linear-gradient(to bottom, #ffadb5 0%, #fc2439 8%, #c60612 90%, #92030b);
	background-repeat:no-repeat ;
	background-position: left 10px center, bottom ;
	background-size: 1.5em, contain;
	
	font-size:1.2em;
	line-height:1.4;
	box-sizing:border-box;
}
 a.toofficial_btn::before{
	background-image:none;
}

/*--------------------------------------------------------*/
/*review_***.php*/
/*--------------------------------------------------------*/

#review h2 {
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 18px;
	padding: 5px 0 3px 30px;
}
h2.revmi{
	font-size: 18px !important;
	padding: 5px 0 3px 25px;
	border:1px solid #ccc;
	margin-bottom:20px;
}
h2.revmi::first-letter{
	color:#f00;
	padding-right:3px;
}

#review div{
	width:96%;
	margin:0 auto;
}
#review .product .thm {
	float: none;
	width: 38% !important;
}
#review .product .thm img {
	width: 100%;
	margin: 0 px;
	height: auto;
	padding:0 !important;
}

#review .product table.kobetsu_data {
	width: auto;
}
#review .product table.kobetsu_data td {
	width: auto;
	font-size: 0.9em;
	vertical-align:top;
	padding:8px 8px 0;
}

#review .product table.p_data_num {
	box-sizing: border-box;
	width: 100%;
	margin-top:0px;
}
#review .product table.p_data_num th {
	width: 19%;
	padding: 4px !important;
	font-size:0.8em !important;
	line-height:1.3;
}
#review .product table.p_data_num td {
	width: 35%;
	font-size: 0.9em !important;
	padding: 4px;
	text-align:center;
	vertical-align:middle;
}
#review .product table.p_data_num td img {
	height:14px;
}
#review .product table.p_data_num td img+img{
	margin-top:3px;
	margin-left:4px;
}

#review .product ul{
	margin: 0 0 5px ;
	float: none;
	font-size:0.85em;
}
#review .product ul li{
	padding-bottom:4px;
	padding-left:1.6em;
	background-size:14px;
	background-position: left top 2px;
	line-height:1.6;
}

#star {
	width: auto;
	margin:0 2% 20px;
	padding:12px;
	position:relative;
	background-color:#ffecce;
}
#star:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#star div{
	display:block;
	width: auto;
	height:60px;
	float: none;
	text-align: right;
	font-size:14px;
	line-height:40px;
	padding-left:10px;
	padding-right:0 !important;
	margin-bottom:10px;
	background-size:150px;
	background-position: 65% center;
}
#star div p{
	float:left;
}
#star div span{
	font-size:1.5em;
	position: absolute;
	right:15px;
	top:10px;
	padding-left:00px;
	padding-right:0px !important;
	margin:0 !important;
	float:right;
}

#star ul{
	line-height:1.7;
	text-align: left;
	padding:0 10px;
	float: none;
}
#star ul span{
	letter-spacing:0.05em;
}
#star ul img{
	width:120px;
}

.rev {
	width:96%;
	font-size:16px;
	margin:0 auto 20px;
}
.rev .r_text{
	width: 96%;
	padding:10px 2% 10px!important;
	background-repeat:no-repeat;
	background-size:35px;
	background-position:14px 4px;
	font-size:0.9em;
	display:inline-block;
}
.rev i{
	display:block;
	font-style:normal;
	letter-spacing:0.04em;
	padding-bottom:3px;
	margin-left:3.6em;
}
.rev dl{
	background-image:none !important;
	margin:0px 0px 13px 8px;
	font-size:0.88em;
	line-height:1.6;
	float:left;
	width:48%;
}
.rev dt,.rev dd{
	display: block;
	margin:0px 0 6px;
}
.rev dt{
	float:left;
	clear:left;
	width:4em;
	text-align:center;
	font-size:0.80em;
	padding:1px 5px;
	margin-right:7px;
}
.rev dd{
}
.rev p{
	clear:both;
	padding:10px 12px;
	margin-top:15px;
	margin-left:0em;
	position: relative;
	font-size:0.90em;
	line-height:1.6;
}
.rev p::before{
	position: absolute;
	top: -10px;
	left: 15px;
}

.rev .stars{
	width:45%;
	float:right;
	text-align:left;
	display:inline-block;
	margin:0px 8px 8px 0px;
	padding:5px 7px;
	box-sizing:border-box;
}
.rev .stars div{
	width:87%;
	margin:0 auto;
	background-size:100px;
	background-position:12px 21px;
	font-size:12px;
	line-height:1.8;
	border-bottom:1px solid #ddd;
	margin-bottom:2px;
	padding-bottom:20px;
	padding-right:0px;
	position:relative;
	
}
.rev .stars div::before{
	color:#f00;
	font-size:1.15em;
	font-weight:bold;
	position:absolute;
	top:18px;
	right:3px;
}

.rev .stars ul{
	width:87%;
	margin:0 auto;
	line-height:1.5;
	font-size:12px;
	text-align:left;
}
.rev .stars ul li{
	position:relative;
	background-image:none;
	padding-top:3px;
}
.rev .stars ul li::before{
	color:#f00;
	font-size:1.15em;
	font-weight:bold;
	position:absolute;
	top:0;
	right:3px;
}
@media (min-width: 300px) and (max-width: 340px)  {
.rev .stars div,.rev .stars ul{
	width:94%;
}
}



/*--------------------------------------------------------*/
/*ranking*/
/*--------------------------------------------------------*/

#ranking{
}

#ranking .ossm_box {
	width:100%;
	margin: 30px 0px;
	padding: 0px 0px 10px;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-radius: 0 ;
	text-align: center;
}
#ranking .ossm_box h3 {
	font-size: 1.6em;
	line-height: 1.1;
	text-align:left;
	padding: 15px 0 15px 4em;
}
h3.no4::before,h3.no5::before,h3.no6::before,h3.no7::before,h3.no8::before {
	padding:3px 0.5em 3px 0.3em;
	border-radius:0 30px 30px 0;
	margin-right:0.3em;
	margin-left:-4em;
}

h3.no1::before,h3.no2::before,h3.no3::before{
	background-size:70px;
  position: absolute;
  top: -30px;
  left: 6px;
  width:50px;
  padding:50px;
}

#ranking .ossm_box>.c_data{
	padding: 5px 2% 0;
}
#ranking .ossm_box table{
	display: inline-block;
	vertical-align:top;
	width: 66%;
	table-layout: fixed;
	background-color:#fcfcfc;
	padding:0 0 0 0%;
}
#ranking .ossm_box table th{
	width: 50%;
}
#ranking .ossm_box table td{
}
#ranking .ossm_box .ad_btn {
	display:block;
	width:100%;
	height:60px;
	padding:0;
	text-align:center;
	margin: 0px auto;
}
#ranking .ossm_box .ad_btn a{
	display: inline-block;
	height:60px;
	margin:00px 0;
}




/*--------------------------------------------------------*/
/*form*/
/*--------------------------------------------------------*/

#formWrap {
	width:96%;
	margin:0 2%;
	color:#555;
	line-height:120%;
	font-size:16px;
}
#formWrap h2{
	background:none;
	margin:20px 0;
	padding-left:5px;
	font-size:1.5em;
	line-height:1.1;
	font-weight:bold;
	border-left:6px solid #555;
}
#formWrap p{
	margin:20px 0;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
	line-height:1.8;
}
table.formTable th{
	width:35%;
	font-size:15px;
	font-weight:normal;
	background:#efefef;
	text-align:left;
	line-height:1.2;
}
select,input{
	font-size:15px;
	padding:2px 0 2px 5px;
	margin-right: 6px;
}
input[type="text"]{
	width:50%;
	height:1.5em;
}
input[type="text"].reason{
	width:90% !important;
	height:3em !important;
}
input[type="submit"]{
	height:3em;
}
@media (min-width: 300px) and (max-width: 340px)  {
table.formTable th{
	font-size:13px;
	line-height:1.3;
}
}


/*--------------------------------------------------------*/
/*footer +α*/
/*--------------------------------------------------------*/

aside.outline{
	margin-top:25px;
	margin-bottom:10px;
	font-size:0.82em;
	padding:0 0.5em;
}

/*--------------------------------------------------------*/

.over_b{
	display:block;
	text-align:center;
	margin:15px 5px 0;
}

footer {
	width: 100%;
	clear:both;
}
footer .gyousya {
	margin: 8px 6px 15px;
}
.gyousya li {
	margin: 5px;
}


/*--------------------------------------------------------*/
#btn_top {
	position: fixed;
	right: 10px;
	bottom: 47px;
	height: 50px;
	width: 50px;
}


.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

.accordionlist th{
    display:block;
	position: relative;
}
.accordionlist td{
    display:none;
	background: #fff;
}
.accordion_icon,
.accordion_icon span {
	display: inline-block;
/*	transition: all .4s;*/
	box-sizing: border-box;
}
.accordion_icon {
	position: absolute;
	top:28%;
	right:5px;
	width: 14px;
	height: 12px;
	background: #fff;
}
.accordion_icon span {
	position: absolute;
	top:5px;
    left: 2px;
    width: 70%;
	height: 2px;
    background-color: #f39e12;
	border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
    top: 5px;
	transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
    top: 5px;
	transform: rotate(90deg);
}
/*＋、－切り替え*/
.accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion_icon.active span:nth-of-type(2) {
	top: 5px;
	transform: rotate(180deg);
}



.pc{
	display:none !important
}