﻿@charset "UTF-8";

/*
Template: adjustmaster
Theme Name: アジャストマスター
Description: アジャストマスターは賢威を親テーマにしたアフィリエイト専用【比較サイト】テンプレートとなります。
Author: 株式会社PKブース　前田　拓也
Version: 2.3
*/


/*------------------------------------------------------------------------------------------
　　　　　　　　　　　　　　　　ランディングページ一覧ページ設定
------------------------------------------------------------------------------------------*/
/*ヘッダー*/
.archiveslp-header{
	width: 100%;
	padding: 20px 0;
        border-bottom: 2px #ccc solid;
} 
.archiveslp-logo{
        text-align: center;
}
/*メインコンテンツ*/
.archiveslp-body{
	width: 100%;
	margin-top: 2em;
	padding-bottom: 30px;
}
.archiveslp-body-in{
	max-width: 1200px;
	margin: 1em auto;
}
h1.archiveslp-title{
        text-align: center;
}       
/*比較商品*/
.archiveslp_item_aria{
        width: 50%;
        float: left;
}
.archiveslp_item{
        background-size: 100% 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
        padding: 2em;
        border: 2px #ccc solid;
        width: 90%;
        margin: 1em auto;
}
.archiveslp_item_header{
        position: relative;
        font-size: 1.3em;
        text-align: center;
        padding: 1em 0.5em;
        min-height: 330px;
}
.archiveslp_item_header.white{
        background-color: rgba(51,51,51,0.6);
}
.archiveslp_item_header.white a{
	color: #fff;
}
.archiveslp_item_header.black{
        background: rgba(255,255,255,0.8);
}
.archiveslp_item_header.black a{
	color: #000;
}
h2.archiveslp_item_title a{
        text-decoration: none;
}
.header_itemtitle_aria.archiveslp{
        margin: 0.5em 0;
        font-size: 0.7em;
}
.archiveslp_btn_aria{
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 25px;
}
span.pv_ct{
        font-size: 130%;
}
.archiveslp_btn{
        text-align: center;
        width: 80%;
        margin: 0 auto;
}
.archiveslp_btn a{
        text-decoration: none;
        width: 100%;
        padding: 0.7em 0;
        display: block;
}
.archiveslp_btn.white a{
        background: #fff;
        color: #000;
}
.archiveslp_btn.black a{
        background: #555;
        color: #fff;
}
.archiveslp_btn a:link,
.archiveslp_btn a:visited{
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
}
.archiveslp_btn a:hover,
.archiveslp_btn a:active{
        opacity: 0.4;
        filter: alpha(opacity=60);
} 
@media
only screen and (max-width : 736px){
h1.archiveslp-title{
        font-size: 1.5em;
} 
.archiveslp_item_aria{
        width: 100%;
        float: none;
}
.archiveslp_item_header{
        font-size: 0.8em;
        min-height: 0;
}
.archiveslp_btn_aria{
        position: static;
        bottom: 0;
}
.archiveslp_btn{
        font-size: 0.8em;
        width: 80%;
}
}
@media
only screen and (max-width : 480px){
.archiveslp_item{
        padding: 1em;
}
}

/*------------------------------------------------------------------------------------------
　　　　　　　　　　　　　　　　ランディングページ設定
------------------------------------------------------------------------------------------*/
.section-wrap{
	margin-bottom: 0;
}
.main-body{
	margin-top: 0!important;
}
.main-body.fixed_bgimage{
	-webkit-background-size: cover;
	background-size: cover;   	
	background-attachment: fixed;
}
#main .section-wrap{
        background: #fff;
}
@media
only screen and (max-width : 736px){
.main-body.fixed_bgimage{
	background: #fff!important;
	background-attachment: scroll;
	background-size: auto auto; 
}
}

/*--------------------------------------------------------
ヘッダー・メニュー
--------------------------------------------------------*/
/*ヘッダーコンテンツ部分のdisplay設定*/
.full-screen .site-header-conts{
	display: block;
}

/*ランディングページタイトル文字色の条件分岐*/
.full-screen .site-header-conts-inner{
        padding: 1em 1em 0.2em;
}
.full-screen .site-header-conts-inner.white{
	color: #fff;
        background-color: rgba(51,51,51,0.6);
}
.full-screen .site-header-conts-inner.black{
	color: #000;
        background-color: rgba(255,255,255,0.6);
}
.header_itemtitle_aria{
        text-shadow: none;
        margin: 1em 0;
        font-size: 1.3em;
}
.header_itemtitle_aria a{
        border-radius: 5px;  
        -webkit-border-radius: 5px;  
        -moz-border-radius: 5px; 
        margin: 0 5px;
        text-decoration: none;
        padding: 3px 7px;
}
.header_itemtitle_aria.white a{
        background: #fff;
	color: #000;
}
.header_itemtitle_aria.black a{
        background: #000;
	color: #fff;
}
.header_itemtitle_aria a:hover,
.header_itemtitle_aria a:active,
.header_itemtitle_aria a:focus{
	color: orange;
}
span.comma{
       display: none;
}
@media
only screen and (max-width : 736px){
.full-screen{
	min-height: 450px;
}
.full-screen .site-header-conts-inner h1.site-title{
        padding: 0;
}
.header_itemtitle_aria{
        text-shadow: none;
        font-size: 1em;
}
.header_itemtitle_aria a{
        border-radius: 0;  
        -webkit-border-radius: 0;  
        -moz-border-radius: 0; 
        margin: 0 0;
        text-decoration: underline;
        padding: 0;
}
.header_itemtitle_aria.white a{
        background: none;
	color: #fff;
}
.header_itemtitle_aria.black a{
        background: none;
	color: #000;
}
span.comma{
       display: inline;
}
}

/*ランディングページメニュー文字色の条件分岐*/
.landingpage_menu ul.white{
	border-left: 1px solid #000;
}
.landingpage_menu ul.black{
	border-left: 1px solid #eee;
}
.landingpage_menu ul.white li{
	border-bottom: 1px solid #000;
        background-color: rgba(51,51,51,0.6);
}
.landingpage_menu ul.black li{
	border-bottom: 1px solid #eee;
        background-color: rgba(255,255,255,0.6);
}
.landingpage_menu ul.white li a{
	color: #fff;
	border-right: 1px solid #000;
}
.landingpage_menu ul.black li a{
	color: #000;
	border-right: 1px solid #eee;
}
/*---------------------------------------*/

.wrapper{
	position:relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}
@media
only screen and (max-width : 736px){
.wrapper{
	min-height: 465px;
}
}

/*メニューボタンのセパレートタイプ*/
.landingpage_menu.separate ul{	
	border-left: 0;
	bottom: 50px;
}
.landingpage_menu.separate ul li{
        background: none;
        border-bottom: 0;
}
.landingpage_menu.separate ul li a{
        width: 90%;
        max-width: 350px;
        margin: 0 auto;
        padding: 40px 0;
	border-right: 0;
        border-radius: 20px;  
        -webkit-border-radius: 20px;  
        -moz-border-radius: 20px; 
	border: 2px #ccc solid;
}
.landingpage_menu.separate ul.white li a{
        background-color: rgba(51,51,51,0.6);
}
.landingpage_menu.separate ul.black li a{
        background-color: rgba(255,255,255,0.6);
}
@media
only screen and (max-width : 736px){
.landingpage_menu.separate ul li a{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
        padding: 30px 0;
        min-height: 35px;
}
}
/*---------------------------------------*/

.landingpage_menu ul{
	font-size: 1.6em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	table-layout: fixed; /*メニューの幅を均等に*/
}
.landingpage_menu ul li{
	display: table-cell;
	list-style: none;
	position: relative;
	vertical-align: middle;
	margin: 0;
	text-align: center;
}
.landingpage_menu ul li a{
	display: block;
	min-height: 1.5em; /*メニュー毎に高さが変わるときに調整*/
	padding: 1.5em 1em; /*画像をメニューにする場合は値を0に*/
        font-weight: bold;
	text-decoration: none;
}
.landingpage_menu ul li a:hover,
.landingpage_menu ul li a:active,
.landingpage_menu ul li a:focus{
	color: orange;
}
@media
only screen and (max-width : 736px){
.landingpage_menu ul{
	font-size: 0.7em;
	bottom: 15px;
}
}

/*--------------------------------------------------------
商品比較
--------------------------------------------------------*/
h2#jump_1,h2#jump_2,h2#jump_3,h2#jump_4,h2#jump_5{
        color: #fff!important;
        background: url(./images/icon/star_bg.png) top 15px left 20px no-repeat #666;
	font-size: 1.9em;   
        padding: 7px; 
        padding-left: 70px;
	margin: 0; 
}

/*ボタン色*/
h2#jump_1.orange,h2#jump_2.orange,h2#jump_3.orange,h2#jump_4.orange,h2#jump_5.orange{ background-color: #FF9900; }
h2#jump_1.blue,h2#jump_2.blue,h2#jump_3.blue,h2#jump_4.blue,h2#jump_5.blue{ background-color: #0066CC; }
h2#jump_1.green,h2#jump_2.green,h2#jump_3.green,h2#jump_4.green,h2#jump_5.green{ background-color: #009933; }
h2#jump_1.red,h2#jump_2.red,h2#jump_3.red,h2#jump_4.red,h2#jump_5.red{ background-color: #CC3333; }
h2#jump_1.pink,h2#jump_2.pink,h2#jump_3.pink,h2#jump_4.pink,h2#jump_5.pink{ background-color: #FF99CC; }
h2#jump_1.gray,h2#jump_2.gray,h2#jump_3.gray,h2#jump_4.gray,h2#jump_5.gray{ background-color: #666; }

h3{
        margin-top: 20px!important;
}
h3.itemrank{
        color: #000;
        border: none;
        margin: 20px 0 40px;
        font-size: 1.9em;
        padding: 30px 0 30px 80px;
}
h3.itemrank::after{
	background: none;
}
h3.itemrank.no1{
        background: url(./images/icon/ranking1.png) center left no-repeat;
}
h3.itemrank.no2{
        background: url(./images/icon/ranking2.png) center left no-repeat;
}
h3.itemrank.no3{
        background: url(./images/icon/ranking3.png) center left no-repeat;
}
h3.itemrank.no4{
        background: url(./images/icon/ranking4.png) center left no-repeat;
}
h3.itemrank.no5{
        background: url(./images/icon/ranking5.png) center left no-repeat;
}
.main_img{
        text-align: center;
        float: left;
        width: 20%;
}
.postimg img{
        text-align: center;
        margin: 10px 0;
}
.main_img img.icon_star{
        width: 90%;
}
@media
only screen and (max-width : 736px){
h2#jump_1,h2#jump_2,h2#jump_3,h2#jump_4,h2#jump_5{
        background: url(./images/icon/star_bg_sp.png) top 12px left 10px no-repeat #666;
	font-size: 1.4em;
        padding-left: 50px; 
} 
h3.itemrank{
       border-top: solid 1px #555;
       border-bottom: solid 1px #555;
       font-size: 1.5em;
       margin: 20px 0;
}
.main_img{
        float: none;
        width: 70%;
        margin: 10px auto;
}
.main_img img.icon_star{
        width: 100%;
}
}

/*------ここがイチオシ！------*/
.ichioshi_point{
        margin: 1em 0 0;
        float: right;
        width: 80%;
}
.ichioshi_point_inner{
        border-radius: 20px;  
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border: solid 1px #FECE0C;
        background: #FFF8DE;
        margin: 0 auto;
        width: 95%;
        padding: 1.3em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ichioshi_point h4{
        border: none;
        background: url(./images/icon/ichioshi_h4.png) left center no-repeat;
        margin: -45px 0 20px -30px;
        padding-top: 40px;
        padding-left: 60px;
}
.ichioshi_point h4:before {
	background: none;
}
@media
only screen and (max-width : 736px){
.ichioshi_point{
        width: 100%;
}
}

/*---------こんな人にオススメ---------*/
.recommend{
        font-weight: bold;
        margin: 1em 0 0;
        padding: 0 0.5em;
}
ul.recommend_list{
        margin: 0;
}
ul.recommend_list li{
        color: #666;
        font-size: 0.8em;
        list-style: none;
        float: left;
        padding-left: 23px;
        margin-top: 5px;
        margin-left: 17px;
        background: url(./images/icon/checkicon.png) center left no-repeat;
}
@media
only screen and (max-width : 736px){
ul.recommend_list li{
        float: none;
        margin-left: 0;
}
}

/*---------リンクボタン---------*/
.link_btn_aria{
        margin: 2em 0 1em;
}
.link_btn{
        font-size: 1.5em;
        font-weight: bold;
        text-align: center;
        float: left;
        width: 50%;
}
.link_btn a{
        text-decoration: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
        border: 2px #ccc solid;
        border-radius: 20px;  
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        background: url(./images/icon/btn_check.png) left 20px center no-repeat orange;
        width: 100%;
        padding: 0.7em 0;
        color: #fff;
        display: block;
}
.link_btn.top{
        margin: 0 auto;
        float: none;
        max-width: 500px;
        width: 80%;
}
.link_btn.top a{
        position: relative;
        top: 5px;
        border: 2px #333 solid;
        border-radius: 0;  
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        background: url(./images/icon/top_back.png) left 20px center no-repeat #fff;
        padding: 0.4em 0;
        color: #333;
}
.link_btn.top a:hover{
        top: 0;
}
.link_btn_inner{
        width: 95%;
        margin: 0 auto;
}
@media
only screen and (max-width : 736px){
.link_btn{
        font-size: 1em;
        float: none;
        width: 100%;
        margin: 0.5em auto;
}
.link_btn.top a{
        background: url(./images/icon/top_back_sp.png) left 20px center no-repeat #fff;
}
.link_btn a{
        background: url(./images/icon/btn_check_sp.png) center center no-repeat orange;
}
}

/*ボタン色*/
.link_btn.orange a{ background-color: #FF9900; }
.link_btn.blue a{ background-color: #0066CC; }
.link_btn.green a{ background-color: #009933; }
.link_btn.red a{ background-color: #CC3333; }
.link_btn.pink a{ background-color: #FF99CC; }
.link_btn.gray a{ background-color: #666; }

.link_btn a:link,
.link_btn a:visited{
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
}
.link_btn a:hover,
.link_btn a:active{
        opacity: 0.4;
        filter: alpha(opacity=60);
}        

/*---------レーダーチャート---------*/
.google_chart{
        text-align: center;
        float: left;
        width: 40%;
}
@media
only screen and (max-width : 736px){
.google_chart{
        float: none;
        width: 100%;
        margin: 0 auto;
}
}

/*---------比較最大9項目---------*/
.totalpoint_aria{
        margin-bottom: 1em;
        color: #555;
        font-size: 1.6em;
        border-bottom: 1px solid #ccc;        
}
.totalpoint{
        float: right;
}
span.point{
        color: #000;
        font-size: 130%;
}
.hikaku_point{
        margin: 0;
        float: right;
        width: 60%;
}
.hikaku_point_inner{
        margin: 0 auto;
        width: 90%;
}
ul.hikaku_point_list{
        margin: 0;
}
ul.hikaku_point_list li.blind{
        padding: 20px 0;
        margin: 1%;
        list-style: none;
        border: 1px solid #ccc;
        color: #fff;
        background: #ddd;
        text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
        float: left;
        width: 31%;
}
ul.hikaku_point_list.two_lines li.blind{
        width: 48%;
}
ul.hikaku_point_list li.blind.true{
        border: 1px solid #ccc;
        color: #000;
        font-weight: bold;
}
ul.hikaku_point_list li.blind.perfect{
        color: #000;
        font-weight: bold;
}
@media
only screen and (max-width : 736px){
.hikaku_point{
        float: none;
        width: 100%;
}
.hikaku_point_inner{
        font-size: 90%;
        width: 100%;
}
}

/*---------任意の評価コメント---------*/
.optional_comment{
        margin-top: 1em;
        line-height: 2.3em;
        border: 1px dotted #333;
        padding: 1.5em;
   	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
span.dotted_border{
        color: #333;
        padding-bottom: 5px;
        border-bottom: 2px dotted #333;
}

/*---------推薦者コメント---------*/
.recommender_aria .chat-l{
	margin: 0;
}    
.recommender_aria{
        float: left;
        width: 50%;
}
.recommender_aria_inner{
        width: 90%;
	margin: 0 auto;
}
span.talker_title,
span.star_title{
        font-size: 70%;
        color: #555;
}
p.hide_comment{
        position: relative;
}
p.hide_comment img.star{
        position: absolute;
        top: 7px;
}
input[type="checkbox"].on-off{
	display: none;
}
input[type="checkbox"].on-off + p.hide_comment{
        color: #777;
	height: 80px;
	overflow: hidden;
}
input[type="checkbox"].on-off:checked + p.hide_comment{
        color: #000;
	height: auto;
}
p.readmore{
        color: blue;
        text-decoration: underline;
        font-size: 13px;
        text-align: right;
}
@media
only screen and (max-width : 736px){
.recommender_aria{
        float: none;
        width: 100%;
}
}

/*---------キャンペーン情報---------*/
.campaigninfo{
        margin-top: 50px;
        background: #FFF0E9;
        border: 1px solid orange;
        border-radius: 10px;  
        -webkit-border-radius: 10px;  
        -moz-border-radius: 10px; 
}
h4#campaign,
h4#item1_campaign,
h4#item2_campaign,
h4#item3_campaign,
h4#item4_campaign{
        margin: 0;
	padding: 10px 0 10px 70px;
        font-size: 1.7em;
        color: #fff;
        text-shadow: orange 1px 1px 0px, orange -1px 1px 0px,orange 1px -1px 0px, orange -1px -1px 0px;
        background: url(./images/icon/campaign_h4.png) left 5px center no-repeat #FF6767;
	border-left: 0;
        border-top-left-radius: 10px;  
        -webkit-border-top-left-radius: 10px;  
        -moz-border-top-left-radius: 10px; 
        border-top-right-radius: 10px;  
        -webkit-border-top-right-radius: 10px;  
        -moz-border-top-right-radius: 10px; 
}
h4#campaign:before,
h4#item1_campaign:before,
h4#item2_campaign:before,
h4#item3_campaign:before,
h4#item4_campaign:before{
	background: none;
}
.campaigninfo_inner{
        padding: 20px;
}
.campaigninfo_img.normal{
	float: left;
        width: 25%;
        text-align: center;
}
.campaigninfo_img.long{
        width: 100%;
        text-align: center;
}
.campaigninfo_text.normal{
	float: right;
        width: 75%;
}
.campaigninfo_text.long{
        width: 100%;
        margin-top: 1.5em;
}
.campaigninfo_text_inner{
        width: 90%;
        margin: 0 auto;
}
.detail_btn a{
        text-decoration: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
        border: 2px orange solid;
        border-radius: 10px;  
        -webkit-border-radius: 10px;  
        -moz-border-radius: 10px; 
        font-size: 1.3em;
        font-weight: bold;
        text-align: center;
        padding: 0.4em 0;
        color: #fff;
        /*text-shadow: orange 1px 1px 0px, orange -1px 1px 0px,orange 1px -1px 0px, orange -1px -1px 0px;*/
        background: #FF6767;
        display: block;
        width: 80%;
        margin: 1.5em auto 1em;
        text-decoration: none;      
}
.detail_btn a:link,
.detail_btn a:visited{
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
}
.detail_btn a:hover,
.detail_btn a:active{
        opacity: 0.4;
        filter: alpha(opacity=60);
} 
@media
only screen and (max-width : 736px){
h4#campaign,
h4#item1_campaign,
h4#item2_campaign,
h4#item3_campaign,
h4#item4_campaign{
	padding: 10px 0 10px 60px;
        font-size: 1.3em;
}
.campaigninfo_img.normal{
	float: none;
        width: 100%;
}
.campaigninfo_text.normal{
	float: none;
        width: 100%;
        margin-top: 1.5em;
}
.detail_btn a{
        font-size: 1.1em;
        width: 100%;   
}
}

/*--------------------------------------------------------
項目別比較
--------------------------------------------------------*/
.common_relational_aria{
        width: 50%;
        float: left;
        margin: 1em 0;
}
.common_relational_aria_inner{
        padding: 1em;
        border: 1px solid #999;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
        width: 95%;
        margin: 0 auto;
}
h5#itemized{
        border: none;
	background: none;
        text-align: center;
        margin: 0;
        margin-left: -20px!important;
        padding: 0;  
}
table.point_ranking{
        font-size: 0.7em;
        width: 90%;
        margin: 1.5em auto 1em;
	border-top: 1px dotted #999;
	border-left: 1px dotted #999;
}
table.point_ranking th{
        background: #eee;
}
table.point_ranking th,
table.point_ranking td{
	border-right: 1px dotted #999;
	border-bottom: 1px dotted #999;
        text-align: center;
        padding: 0.3em 0;
}
@media
only screen and (max-width : 736px){
.common_relational_aria{
        width: 100%;
        float: none;
        margin: 1em 0;
}
.common_relational_aria_inner{
        padding: 1em;
        width: 100%;
}
h5#itemized{
        font-size: 1em;
}
table.point_ranking{
        width: 100%;
}
}

/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
.footermenu-btn{
        cursor: pointer;
	position: fixed;
	left: 20px;
	bottom: 20px;
	z-index: 99;
	line-height: 1.2;
	margin-bottom: 0;
}
input[type="checkbox"].on-off + ul.hide_footer_menu{
        display: none;
}
input[type="checkbox"].on-off:checked + ul.hide_footer_menu{
        display: block;
}
ul.hide_footer_menu{
        min-width: 250px;
        position: fixed;
	left: -30px;
	bottom: 120px;
	background: #fff;
        padding: 15px 20px 10px 40px;
	border: 1px solid #999;
	list-style-type : square;
}
ul.hide_footer_menu:after,ul.hide_footer_menu:before{
	top: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

ul.hide_footer_menu:after{
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 20px;
	margin-left: -20px;
}
ul.hide_footer_menu:before{
	border-color: rgba(102, 102, 102, 0);
	border-top-color: #666;
	border-width: 21px;
	margin-left: -21px;
}
/*---------特定商表記---------*/
p.company_link{
        text-align: center;
}
p.company_link a{
        color: #fff;
}
.page_company{
        max-width: 700px;
        padding: 1em;
        margin: 1.5em auto 0;
}
.page_company h2{
        margin: 2em 0;
        background: #555;
        color: #fff;
        padding: 0.5em 1em;
}
.page_company h3{
        margin: 2em 0 0.7em;
        border-bottom: 1px dotted #999;
}
p.java_back{
        margin: 2em 0;
        text-align: center;
}
@media
only screen and (max-width : 736px){
.footermenu-btn img{
        width: 40px;
}
ul.hide_footer_menu{
        padding: 15px 20px 10px 30px;
        min-width: 200px;
	bottom: 70px;
}
}

/*--------------------------------------------------------
YDN用画像一覧ページ設定
--------------------------------------------------------*/
.ydn_item_aria{
        width: 33%;
        float: left;
}
.ydn_item{
        background-size: 100% 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
        padding: 0.5em;
        border: 2px #ccc solid;
        width: 300px;
        height: 250px;
        margin: 1em auto;
}
.ydn_item_header{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
        position: relative;
        font-size: 1em;
        text-align: center;
        padding: 0.3em;
        width: 100%;
        height: 100%;
}
.ydn_item_header.white{
        background-color: rgba(51,51,51,0.6);
	color: #fff;
}
.ydn_item_header.black{
        background: rgba(255,255,255,0.8);
	color: #000;
}
h2.ydn_item_title{
        margin: 0.3em 0;
        font-size: 1.2em;
}
.header_itemtitle_aria.ydn{
        margin: 0.5em 0;
        font-size: 0.7em;
}
ul.ydn_item_img{
	width: 100%;
	margin: 0;
	padding: 0;
}
ul.ydn_item_img li{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
        float: left;
        list-style: none;
        padding: 0 5px;
        width: 33%;
	vertical-align: middle;
}
ul.ydn_item_img li img{
        text-align: center;
        max-width: 60px;
        max-height: 60px;
}
.ydn_btn_aria{
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 10px;
}
.ydn_btn{
        text-align: center;
        width: 80%;
        margin: 0 auto;
        padding: 0.2em 0;
}
.ydn_btn.white{
        background: #fff;
        color: #000!important;
}
.ydn_btn.black{
        background: #555;
        color: #fff!important;
}
.transcription{
        width: 80%;
        margin: 5px auto 0;
        font-size: 8px;
}
@media
only screen and (max-width : 736px){
h1.ydn-title{
        font-size: 1.5em;
} 
.ydn_item_aria{
        width: 100%;
        float: none;
}
}

/*--------------------------------------------------------
アンケートフォーム
--------------------------------------------------------*/
#enquete_section{
        max-width: 700px;
        width: 100%;
        margin: 0 auto;
}
.button_box{
        text-align: center;
}
.button_box input[type="submit"]{
        max-width: 400px;
        width: 90%;
        margin-top: 20px;
        padding: 10px 0;
}
@media
only screen and (max-width : 736px){
table.enquete_form{
        border: 0;
        border-bottom: 1px solid #666;
}
table.enquete_form td{
        display: block;
        width: 100%;
        border: 0;
        border-left: 1px solid #666;
        border-right: 1px solid #666;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
table.enquete_form th{
        display: block;
        width: 100%;
        border: 1px solid #666;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
}

/*------------------------------------------------------------------------------------------
　　　　　　　　　　　　　　　　アジャストマスター追加CSS
------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------
シングルページ
--------------------------------------------------------*/
/*---------ヘッダー背景・セクション背景---------*/
.adjustsingle-fullscreen{
	background: #fff; 
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.adjustsingle-fullscreen .site-header-conts{
	padding: 1em 0;
}
.adjustsingle-fullscreen .site-header-in{
	padding-bottom: 0;
}
.section-wrap{
        background: #fff;
}

/*タイトル文字色の条件分岐*/
.adjustsingle-fullscreen .site-header-conts-inner{
        text-align: center;
        padding: 3em 1em;
        margin: 1em 0 3em;
}
.adjustsingle-fullscreen .site-header-conts-inner h1{
        display: inline-block;
        font-size: 3em;
        text-align: center;
        padding: 1em;
	text-shadow: 1px 1px 8px #666;
}
.adjustsingle-fullscreen .site-header-conts-inner.white{
	color: #fff;
        background-color: rgba(51,51,51,0.6);
}
.adjustsingle-fullscreen .site-header-conts-inner.black{
	color: #000;
        background-color: rgba(255,255,255,0.6);
}
@media
only screen and (max-width : 736px){
.adjustsingle-fullscreen .site-header-conts-inner h1{
        font-size: 1.7em;
        padding: 1em 0;
}
}

/*---------パンくずリスト---------*/
.adjustsingle_breadcrumbs{
        background: #fff;
        border-bottom: 1px #eee solid;
}
.adjustsingle_breadcrumbs .breadcrumbs{
        width: 100%;
}
.adjustsingle_breadcrumbs .breadcrumbs-in{
        max-width: 1200px;
        padding: 10px;
	margin: 0 auto;
}
.home_btn{
        display: none;
}
@media
only screen and (max-width : 736px){
.home_btn{
        text-align: center;
        padding: 10px;
        display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.home_btn.orange{ background-color: #FF9900; }
.home_btn.blue{ background-color: #0066CC; }
.home_btn.green{ background-color: #009933; }
.home_btn.red{ background-color: #CC3333; }
.home_btn.pink{ background-color: #FF99CC; }
.home_btn.gray{ background-color: #666; }

input[type="checkbox"].on-off + .breadcrumbs{
        display: none;
}
input[type="checkbox"].on-off:checked + .breadcrumbs{
        display: block;
}
}

/*---------見出し---------*/
h2#review{
        color: #fff!important;
        background: url(./images/icon/star_bg.png) top 15px left 20px no-repeat #666;
	font-size: 1.9em;
        padding: 7px; 
        padding-left: 70px;
	margin: 0; 
}
h2#review.orange{ background-color: #FF9900; }
h2#review.blue{ background-color: #0066CC; }
h2#review.green{ background-color: #009933; }
h2#review.red{ background-color: #CC3333; }
h2#review.pink{ background-color: #FF99CC; }
h2#review.gray{ background-color: #666; }
@media
only screen and (max-width : 736px){
h2#review{
        background: url(./images/icon/star_bg_sp.png) top 12px left 10px no-repeat #666;
	font-size: 1.4em;
        padding-left: 50px; 
}
}
/*---------アイキャッチ画像---------*/
.adjustsingle_thum{
        text-align: center;
        width: 70%;
        max-width: 1200px;
        margin: 0 auto;
}
@media
only screen and (max-width : 736px){
.adjustsingle_thum{
        width: 97%;
}
}

/*---------誘導ボタン---------*/
.headerbtn_aria{
	/*background: rgba(255,255,255,0.5);*/
}
.headerbtn_aria_in{
        width: 80%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0.5em 0;
}
.headerbtn_mainaria{
        width: 100%;
        margin: 0 auto;
        padding: 1.2em 1.2em 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.headerbtn_subaria{
	float: left;
        width: 50%;
        padding: 1.2em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.headerbtn{
        text-align: center;
        font-weight: bold;
        border-radius: 10px;  
        -webkit-border-radius: 10px;  
        -moz-border-radius: 10px; 
        border: 2px solid #ccc;
        margin: 0 auto;
        width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.headerbtn.green{ background: url(./images/btn/header_btn_green.png) center left repeat-x green; }
.headerbtn.orange{ background: url(./images/btn/header_btn_orange.png) center left repeat-x orange; }
.headerbtn.red{ background: url(./images/btn/header_btn_red.png) center left repeat-x red; }
.headerbtn.blue{ background: url(./images/btn/header_btn_blue.png) center left repeat-x blue; }
.headerbtn.pink{ background: url(./images/btn/header_btn_pink.png) center left repeat-x pink; }

.headerbtn1_text{ background: url(./images/icon/icon-arrow-r.png) center left 30px no-repeat; }
.headerbtn2_text{ background: url(./images/icon/icon-review.png) center left 30px no-repeat; }
.headerbtn3_text{ background: url(./images/icon/icon-evaluation.png) center left 30px no-repeat; }

.headerbtn a{
        color: #fff;
        text-shadow: orange 1px 1px 0px, orange -1px 1px 0px,orange 1px -1px 0px, orange -1px -1px 0px;
        text-decoration: none;
        width: 100%;
        display: block;
}
.headerbtn.main a{
        font-size: 2.3em;
        padding: 1em 0;
}
.headerbtn.sub a{
        font-size: 1.5em;
        padding: 0.7em 0;
}
.headerbtn a:link,
.headerbtn a:visited{ 
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
.headerbtn a:hover,
.headerbtn a:active{ 
        opacity: 0.4;
        filter: alpha(opacity=60);
}
@media
only screen and (max-width : 736px){
.headerbtn_aria{
	bottom: 15px;
}
.headerbtn_aria_in{
        width: 97%;
}
.headerbtn_mainaria{
        padding: 1em 0.2em 0;
}
.headerbtn_subaria{
        padding: 1em 0.2em;
}
.headerbtn1_text,
.headerbtn2_text,
.headerbtn3_text{
        background: none;
}
.headerbtn.main a{
        font-size: 1.3em;
        padding: 0.9em 0;
}
.headerbtn.sub a{
        font-size: 1em;
        padding: 0.6em 0;
}
}

/*--------------------------------------------------------
contの商品説明
--------------------------------------------------------*/
.detail_more{
        display: none;
}
@media
only screen and (max-width : 736px){
.detail_more{
        color: #333;
        display: block;
        font-weight: bold;
        text-align: center;
        background: url(./images/icon/detail_more.png) center left 20px no-repeat;
        border: 2px solid #333;
        padding: 5px 0;
        margin: 7px 0 20px;
}
input[type="checkbox"].on-off + .detail_aria{
        display: none;
}
input[type="checkbox"].on-off:checked + .detail_aria{
        display: block;
}
}

/*--------------------------------------------------------
ポイントテーブル
--------------------------------------------------------*/
/*---------cont---------*/
.pointtable_cont .pointtable{
        font-size: 0.8em;
        margin: 1.5em 0;
}
.pointtable_cont .pointtable_block_in{
        height: 140px;
}
@media
only screen and (max-width : 736px){
.pointtable_cont .pointtable_block_in{
        height: 100px;
}
}

/*---------single---------*/
.pointtable{
        margin: 0 0 1.5em;
}
.pointtable_block{
        float: left;
        width: 25%;
        padding: 0 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.pointtable_block_in{
        width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 5px #eee solid;
        height: 160px;
        border-radius: 10px;  
        -webkit-border-radius: 10px;  
        -moz-border-radius: 10px; 
}
.pb_title{
        margin: -1px;
        background: #eee;
        font-weight: bold;
        padding: 5px;
        text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.pb_detail{
        text-align: center;
        font-weight: bold;
        font-size: 4em;
}
.pb_detail.mid{
        padding-top: 23px;
        font-size: 2.5em;
}
.pb_detail.sml{
        padding-top: 29px;
        font-size: 1.5em;
}
@media
only screen and (max-width : 736px){
.pointtable_block{
        font-size: 0.6em;
        width: 50%;
        padding: 3px;
}
.pointtable_block_in{
        height: 110px;
}
.pb_detail.mid{
        padding-top: 15px;
}
.pb_detail.sml{
        padding-top: 20px;
}
}

/*--------------------------------------------------------
トップページ及び標準設定の変更
--------------------------------------------------------*/
.site-title{
        padding: 0;
        text-align: center;
}
.breadcrumbs-in{
	margin: 1em 0;
}
@media
only screen and (max-width : 736px){
.home .main-image{
	margin-bottom: 1em;
}
}

/*--------------------------------------------------------
投稿内容のループエリア
--------------------------------------------------------*/
.adjustmaster-cont{
        padding: 30px;
        margin: 0 0 30px;
}
span.comparison_have{
        background: orange;
        padding: 4px 5px;
        color: #fff;
        border-radius: 3px;  
        -webkit-border-radius: 3px;  
        -moz-border-radius: 3px; 
}
.article_linkbtn_aria{
        margin: 1.5em 0 0;
}
.article_linkbtn{
        width: 50%;
        float: left;
}
.article_linkbtn_in{
        text-align: center;
        font-weight: bold;
        border-radius: 10px;  
        -webkit-border-radius: 10px;  
        -moz-border-radius: 10px; 
        border: 2px solid #ccc;
        width: 96%;
        margin: 0 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.article_linkbtn_in.green{ background: green; }
.article_linkbtn_in.orange{ background: orange; }
.article_linkbtn_in.red{ background: red; }
.article_linkbtn_in.blue{ background: blue; }
.article_linkbtn_in.navy{ background: navy; }

.article_linkbtn.comparisonpage{
        width: 100%;
        float: none;
}
.article_linkbtn.comparisonpage .article_linkbtn_in{
        width: 98%;
        margin: 10px auto 0;
}
.article_linkbtn a{
        color: #fff;
        text-decoration: none;
        width: 100%;
        display: block;
        font-size: 1.2em;
        padding: 6px 0;
}
.article_linkbtn a:link,
.article_linkbtn a:visited{ 
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
.article_linkbtn a:hover,
.article_linkbtn a:active{ 
        opacity: 0.4;
        filter: alpha(opacity=60);
} 
@media
only screen and (max-width : 736px){
.adjustmaster-cont{
        padding: 0;
        margin: 5px 5px 30px;
        border: 1px #ccc solid;
}
.article_linkbtn a{
        font-size: 0.9em;
        padding: 6px 0;
}
}

/*--------------------------------------------------------
トップのランキングテーブル
--------------------------------------------------------*/
.rankingtable_scrollaria{
        margin-top: 30px;
}
.rankingtable_aria{
        position: relative;
}
.scroll_guide{
        display: none;
}
.medal_icon{
        position: absolute;
        top: 80px;
        left: -30px;
}
table.rankingtable{
        border-collapse: collapse;
        width: 100%;
        font-size: 0.8em;
        margin-top: 0;
        padding: 2em 0;
        text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
table.rankingtable tr.thtitle{
        display: none;
}
table.rankingtable tr.thtitle:nth-child(1){
        display: table-row;
}
table.rankingtable th{
        color: #fff;
	background: #999;
}
table.rankingtable td:nth-child(2){
        text-align: left;
}
table.rankingtable tr:nth-child(2){
        border: 10px solid #FF9999;
        font-size: 1.2em;
        font-weight: bold;
}
table.rankingtable td{
	background: #fff;
        max-width: 100px;
}
table.rankingtable td.tdimage{
        border-right: 0;
        padding: 10px 0;
}
table.rankingtable td.tdbtn{
        min-width: 80px;
        font-size: 10px;
}
table.rankingtable td.tdbtn a{
        display: block;
        background: #F6F7F2;
        border-radius: 10px;  
        -webkit-border-radius: 10px;  
        -moz-border-radius: 10px;
        border: 2px solid #ccc;
        padding: 6px;
        text-decoration: none;
        font-weight: normal;   
}
@media
only screen and (max-width : 736px){
.rankingtable_scrollaria{
        margin-top: 10px;
}
.rankingtable_aria{
        font-size: 0.6em;
        padding: 50px 0 40px;
        background: url(./images/bg/scroll_icon.png),url(./images/bg/scroll_icon.png);
        background-position: top center,bottom center;
        background-repeat: no-repeat,no-repeat;
        width:100%;
        overflow: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
}
.medal_icon{
        display: none;
}
table.rankingtable td{
        max-width: none;
}
table.rankingtable td:nth-child(2){
        padding-left: 40px;
        background: url(../adjustmaster/images/icon/icon-arrow-r.png) center left 5px no-repeat #fff;
}
table.rankingtable tr:nth-child(2) td:nth-child(2){
        background: url(./images/icon/medal_sp.png) center left 5px no-repeat #fff;
}
table.rankingtable td.tdimage img{
        display: none;
}
}

/*--------------------------------------------------------
タブ切り替え
--------------------------------------------------------*/
span.tab{
        cursor: pointer;
        color: #000;
        display: block;
        float: left;
        padding: 5px 10px 7px;
        margin-right: 3px;
        background: #F6F7F2;
        border-top: 1px solid #999;
        border-left: 1px solid #999;
        border-right: 1px solid #999;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        -webkit-border-top-left-radius: 10px;  
        -webkit-border-top-right-radius: 10px;  
        -moz-border-radius-topleft: 10px;  
        -moz-border-radius-topright: 10px;          
}
span.tab.chosen{
        color: #fff;
        background: #999;
}
span.tab:hover{
        color: #fff;
        background: #999;
}
input[type="radio"].on-off{
        display: none;
}
input[type="radio"].on-off + .rankingtable_aria{
        display: none;
}
input[type="radio"].on-off:checked + .rankingtable_aria{
        display: block;
}
input[type="radio"].on-off:checked + label{ font-weight: bold; }
@media
only screen and (max-width : 736px){
.tab-aria{
        width: 900px;
}
}

/*--------------------------------------------------------
イメージ画像下の評価項目＆天気アイコン追加
--------------------------------------------------------*/
.imageb_hyouka{
        font-size: 0.7em;
        border: 3px solid #ccc;
        border-top: 3px solid #ccc;
        border-left: 3px solid #ccc;
        border-right: 4px solid #ccc;
        border-bottom: 4px solid #ccc;
        border-radius: 10px;  
        -webkit-border-radius: 10px;  
        -moz-border-radius: 10px; 
}
.wicon_block{
        width: 50%;
        height: 100px;
        overflow: hidden;
        padding: 5px;
        float: left;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*--------------------------------------------------------
ページ外追加コンテンツ（投稿記事）カテゴリーの記事一覧
--------------------------------------------------------*/
.pluscont_review{
        border: 1px dotted #333;
        margin: 40px auto;
        padding: 30px 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
        width: 100%;
        max-width: 900px;
}
h4#pluscont_review{
        margin: 20px;
        border: none;
}

/*--------------------------------------------------------
ページ内追加コンテンツ
--------------------------------------------------------*/
.mokuji{
        background: #F6F7F2;
        border: 1px dotted #333;
        margin: 20px auto 30px;
        padding: 30px 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
        width: 100%;
        max-width: 800px;
}
.mokuji_title{
        text-align: center;
        font-weight: bold;
        font-size: 1.4em;
}

/*--------------------------------------------------------
タグ・コード一覧
--------------------------------------------------------*/
.code_aria{
        padding: 15px;
        background: #fff;
        border: 1px solid #ccc;
}

/*--------------------------------------------------------
アンケート調査テンプレートCSS
--------------------------------------------------------*/
/*-----ヘッダー-----*/
.penquete_header{
        padding: 5px 10px;
        background: #222;
}
.penquete_header_in h1{
        text-align: center;
        font-size: 3.5em;
        font-weight: bold;
        color: #fff;
}
@media
only screen and (max-width : 736px){
.penquete_header_in h1{
        font-size: 2em;
}
}
/*-----所要時間-----*/
.penquete_time{
        padding: 80px 0;
        background: url(./images/penquete/penquete_time_cover.png),url(./images/penquete/penquete_time_bg.png);
        background-position: top left,center center;
        background-repeat: repeat,no-repeat;
        background-size: auto,cover;
}
.penquete_time_in{
        width: 95%;
        max-width: 1200px;
        margin: 0 auto;
        text-align: center;
        font-size: 2.3em;
        color: #fff;
}
span.time_font{
        font-size: 1.6em;
        padding: 3px 9px;
        border: 1px dotted #fff;
}
@media
only screen and (max-width : 736px){
.penquete_time{
        padding: 40px 0;
}
.penquete_time_in{
        font-size: 1.5em;
}
}
/*-----謝礼-----*/
.penquete_reward{
        padding: 120px 0;
        background: url(./images/penquete/penquete_reward_bgt.png),url(./images/penquete/penquete_reward_bgb.png);
        background-position: top 25px center,bottom 25px center;
        background-repeat: repeat-x,repeat-x;
        background-color: #fff;
}
.penquete_reward_in{
        width: 95%;
        max-width: 1200px;
        margin: 0 auto;
        text-align: center;
}
span.reward_font{
        font-size: 1.3em;
        padding: 10px 25px;
        border: 3px solid #555;
        border-radius: 10px;  
        -webkit-border-radius: 10px;  
        -moz-border-radius: 10px; 
        line-height: 3em;
}
@media
only screen and (max-width : 736px){
span.reward_font{
        font-size: 1em;
        border: none;
        line-height: 1.5em;
}
}
/*-----対象商品-----*/
.penquete_item{
        padding: 20px 0 40px;
        background: #222;
}
.penquete_item h2{
        text-align: center;
        font-size: 2.3em;
        font-weight: bold;
        color: #fff;
        padding: 0 10px;
}
.penquete_item_in{
        width: 95%;
        max-width: 1000px;
        margin: 0 auto;
        background: #fff;
        padding: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
        border: 7px solid #ccc;
}
.penquete_item_in h3{
        margin: 0 0 30px;
        font-size: 1.8em;
        border-bottom: 1px solid #000;
}
.penquete_item_thum{
        float: left;
        width: 20%;
        text-align: center;
}
.penquete_item_detail{
        float: right;
        width: 80%;
}
.penquete_item_btn{
        width: 95%;
        max-width: 600px;
        margin: 30px auto;
        text-align: center;
        background: #fff;
        font-size: 1.6em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
        border: 7px solid #ccc;
}
.penquete_item_btn a{
        display: block;
        padding: 20px 10px;
        text-decoration: none;
        color: #000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media
only screen and (max-width : 736px){
.penquete_item_thum{
        float: none;
        width: 100%;
}
.penquete_item_detail{
        float: none;
        width: 100%;
        margin-top: 20px;
}
.penquete_item_btn{
        font-size: 1.3em;
}
}
/*-----アンケート注意事項-----*/
.penquete_detail{
        padding: 60px 0;
        background: #F6F7F2;
        border-top: 7px solid #ccc;
        border-bottom: 7px solid #ccc;
}
.penquete_detail_in{
        width: 95%;
        max-width: 1000px;
        margin: 0 auto;
        background: #fff;
        padding: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
        border: 7px solid #ccc;
        line-height: 2em;
}
.penquete_detail_in h2{
        margin: 30px 0 20px;
        padding: 15px;
        border-bottom: 1px solid #000;
}
.penquete_form_btn{
        width: 95%;
        max-width: 1000px;
        margin: 30px auto;
        text-align: center;
        background: #fff;
        font-size: 1.6em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
        border: 7px solid #ccc;
}
.penquete_form_btn a{
        display: block;
        padding: 20px 10px;
        text-decoration: none;
        color: #000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media
only screen and (max-width : 736px){
.penquete_detail_in{
        padding: 20px;
}
.penquete_form_btn{
        font-size: 1.3em;
}
}
/*-----アンケートフォーム-----*/
.penquete_form{
        padding: 60px 0;
}
.penquete_form_in{
        width: 95%;
        max-width: 1000px;
        margin: 0 auto;
        background: #fff;
        padding: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
        border: 7px solid #ccc;
        line-height: 2em;
}
.penquete_form_in h2{
        font-size: 1.8em;
        text-align: center;
        margin: 30px 0;
}
@media
only screen and (max-width : 736px){
.penquete_form_in{
        padding: 10px;
}
}

/*--------------------------------------------------------
絞り込み検索
--------------------------------------------------------*/
.specsort_block{
        background: #EDEFF2;
        border: 1px solid #ccc;
        border-radius: 10px;  
        -webkit-border-radius: 10px;  
        -moz-border-radius: 10px; 
        padding: 15px;
        margin: 0 auto 30px;
        max-width: 900px;
}
.specsort_block h2.specsort_title{
        background: none!important;
        border: none!important;
        font-size: 1.4em!important;
        font-weight: bold!important;
        color: #222!important;
        margin: 0!important;
        padding: 0 20px 10px!important;
}
.specsort_block_in{
        background: #fff;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        padding: 15px;
}
.specsort_block_in table{
       margin: 0 0 20px;
}
.specsort_block_in table,
.specsort_block_in table td,
.specsort_block_in table th{
       border: 0;
       background: none;
}
.specsort_block_in table td a{
       display: inline-block;
}
.specsort_block_in table tr{
       border-bottom: 1px dotted #777;
}
.recommend_click{
       width: 90%;
       max-width: 380px;
       margin: 0 auto;
       text-align: center;
}
.recommend_click a{
       display: block;
       width: 100%;
       padding: 10px 0;
       background: #eee;
       border: 1px solid #ccc;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
       color: #333;
       text-decoration: none;
}
.recommend_click a:hover{
       background: #555;
       color: #fff;
}
@media
only screen and (max-width : 736px){
.specsort_block{
        width: 95%;
        margin: 15px auto 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.specsort_block_in table tr{
        display: block;
        padding: 10px 0;
}
.specsort_block_in table td,
.specsort_block_in table th{
        display: block;
        padding: 0;
        margin: 0;
}
.sort_checkbar{
        background: url(../adjustmaster/images/icon/icon-search.png) center left 5px no-repeat #777;
        padding: 7px;
        padding-left: 35px;
        color: #fff;
        font-size: 1.4em;
}
input#specsort[type="checkbox"].on-off + .specsort_block{
        display: none;
}
input#specsort[type="checkbox"].on-off:checked + .specsort_block{
        display: block;
}
}

/*--------------------------------------------------------
賢威7.0各デザインによる相違点を修正するCSS
--------------------------------------------------------*/
.main-image{
        background: none;
        border: none;
        margin: 0;
}
.site-header-conts{
	padding: 20px 0;
}
@media
only screen and (max-width : 736px){
.site-header-conts{
	padding: 50px 0 10px;
}
.main-body-in{
        padding-top: 0;
}
}

/*--------------------------------------------------------
その他賢威に対する修正点
--------------------------------------------------------*/
.main-body.pc_p40-t_sp_p0-t{
        padding-top: 40px;
}
@media
only screen and (max-width : 736px){
.main-body.pc_p40-t_sp_p0-t{
        padding-top: 0;
}
}

/*--------------------------------------------------------
追加基本CSS
--------------------------------------------------------*/
/*--pcnone,spnone--*/
.pcnone,
.pcnoneb{
	display: none;
}
@media
only screen and (max-width : 736px){
.pcnone{
	display: inline;
}
.pcnoneb{
	display: block;
}
.spnone,
.spnoneb{
	display: none;
}
}
