@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*共通 基本設定*/
.clearfix:after {
	content: "."; /* 新しい要素を作る */
	display: block; /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}

.txtLarge {
	font-size: 125%;
}
.txtSmall {
	font-size: 87.5%;
	line-height: 1.5;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.center{
	text-align: center;
}
.nowrapTable th,
.nowrap {
	white-space: nowrap;
}
.pc_only {
	display: inherit !important;
}
.sp_only {
	display: none !important;
}

/*共通 通知エリア*/
.notice-area.nt-warning {
	background: #70450a; /* Old browsers */
	background: -moz-linear-gradient(top, #70450a 0%, #ba8930 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #70450a 0%,#ba8930 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #70450a 0%,#ba8930 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70450a', endColorstr='#ba8930',GradientType=0 ); /* IE6-9 */
}

/*共通 メインカラム*/
.entry-title, .archive-title{
	color: #99763a;
}

/*共通 サイドバー*/
.sidebar h3{
	border-left: solid 5px #99763a;
	border-bottom: none;
	border-radius: 0;
	background-color: #07192e;
	padding: 8px 4px 8px 10px;
	color: #fff;
}

/*---------------------
共通 検索画面からSNSリンクと投稿日削除
https://xn--lckzad9dr8a1w931s1v2c.com/lp
 -----------------------*/
.page-id-3979 .article-header,
.page-id-3979 .sns-share,
.page-id-3979 .date-tags,
.page-id-3979 .article-footer,
.page-id-3979 #breadcrumb{
	display: none;
}

/*---------------------
共通 検索画面のボタン
https://xn--lckzad9dr8a1w931s1v2c.com/lp
-----------------------*/
.select_btn_pc {
	position: relative;
}
.select_btn_pc ul{
	position: absolute;
	bottom: 5%;
	left: 0;
	right: 0;
	display: flex;
	flex-wrap: wrap;
	width: 88%;
	margin: 0 auto !important;
	padding: 0 !important;
}
.select_btn_pc li{
	width: 48%;
	margin: 0 4% 0 0 !important;
	list-style-type: none;
}
.select_btn_pc li:nth-last-of-type(1){
	margin: 0 !important;
}
.select_btn_pc li img{
	width: 100%;
	height: auto;
}


/*---------------------
ショートコードの検索ボックス
 -----------------------*/
.search_box {
	text-align: center;
	background-color: #f1f1f1;
	padding: 10px 2%;
}
.search_box input {
	box-sizing: border-box;
	border-radius: 0 !important;
	width: 60%;
	height: 40px;
	vertical-align: middle !important;
}
.search_box button {
	background-color: #07192e;
	border: none;
	box-sizing: border-box;
	width: 20%;
	height: 40px;
	padding: 0 !important;
	vertical-align: middle !important;
	color: #fff;
}

/*---------------------
指定した記事IDの投稿をショートコードで表示
 -----------------------*/
.post_group_body {
	border: solid 4px #202020;
}
.post_group_body h3 {
	background-color: #202020;
	margin: 0 0 0.5em !important;
	padding: 10px 5px 8px 2% !important;
	font-size: 18px;
	line-height: 1.35;
	color: #fff;
}
.post_group_box {
	border: solid 4px #202020;
	margin: 0 !important;
	padding: 20px 3% 0;
}
.post_group_body .post_group_box{
	border: none !important;
	margin: 20px 3% 0 !important;
	padding: 0;
}
.post_group_box .post_group{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-bottom: dotted 1px #202020;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.post_group:nth-last-of-type(1){
	border: none;
}
.post_group_body p{
	padding: 0 3%;
}
.post_group_ico {
	width: 18%;
	margin: 0 2% 0 0;
	padding: 0;
}
.post_group_ico img{
	width: 100%;
	height: auto;
	vertical-align: top;
}
.post_group .post_group_title{
	width: 80%;
	margin: 0;
	padding: 0;
	line-height: 1.4;
}
.post_group .post_group_title a {
	font-size: 14px;
	color: #202020;
	text-decoration: none;
}
.post_group .post_group_title a:hover{
	text-decoration: underline;
}


/*---------------------
共通 ショートコード表
-----------------------*/
.s_code_body{
	border: solid 4px #ccc;
	box-sizing: border-box;
	padding: 10px;
}
.s_code_ttl{
	border-bottom: solid 5px #775722;
	background-color: #99763a;
	margin: 0 auto 15px;
	padding: 4px 4px 0;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
}
.s_code_img{
	max-width: 60%;
	margin: 0 auto 10px;
	text-align: center;
}

.s_code_sp_btn_top{
	text-align: center;
	margin: 0 auto 20px;
}
.s_code_sp_btn .sp_official_link{
	margin-left: auto;
	margin-right: auto;
}

.main_spec{}
.main_spec th,
.main_spec td{
	text-align: center;
	padding: 2px 6px;
	font-size: 14px;
	line-height: 1.5;
}
.main_spec th{
	background-color: #07192e;
	color: #fff;
}
.main_spec .head{
	background-color: #eee;
	padding: 6px;
	font-weight: bold;
}
.main_spec .head span {
	display: inline-block;
	padding-top: 0.5em;
	font-weight: normal;
}
.main_spec td p{
	text-align: left;
	margin: 0.5em 0;
	font-size: 12px;
}

.sub_spec01 th{
	background-color: #99763a;
	text-align: center;
	padding: 2px 6px;
	font-size: 14px;
	color: #fff;
}
.sub_spec01 td{
	background-color: #fefdf7;
	text-align: left;
}
.sub_spec01 td p{
	margin: 0.5em;
	font-size: 12px;
}

.sub_spec02 {
	margin-bottom: 14px;
	font-size: 12px;
}
.sub_spec02 .head{
	border-bottom: solid 1px #07192e;
	padding: 0;
	margin-bottom: 5px;
	color: #07192e;
	font-size: 16px;
	font-weight: bold;
}
.sub_spec02 strong {
	display: inline-block;
	margin-bottom: 5px;
	font-size: 14px;
}
.sub_spec02 .merit{
	border: solid 1px darkcyan;
	background-color: #ebf9f9;
}
.sub_spec02 .demerit{
	border: solid 1px #cb3414;
	background-color: #fff3f1;
}
.sub_spec02 .merit strong{
	color: darkcyan;
}
.sub_spec02 .demerit strong{
	color: #cb3414;
}
.sub_spec02 .merit_box {
	display: flex;
	flex-wrap: wrap;
}
.sub_spec02 .merit_box p{
	padding: 2%;
	margin: 0;
	width: 48%;
}
.sub_spec02 .merit_box p:first-of-type{
	margin-right: 4%;
}



/*---------------------
共通 スペック検索
-----------------------*/

/*共通 検索フォーム*/
.sf_table {
	box-sizing: border-box;
	border : solid 1px #07192e;
	width: 100%;
	overflow: visible;
	white-space:normal;
}
.sf_table th,
.sf_table td {
	border: none;
}
.sf_table th {
	text-align: left;
	padding: 14px 2% 14px 80px;
	font-weight: bold;
	font-size: 20px;
}
.sf_zokusei th {
	background: url(https://法人ビジネスカード.com/wp-content/themes/cocoon-child-master/images/spec_search_form_ico01.png),#f9f7e8;
	background-repeat: no-repeat;
	background-size: 42px 42px;
	background-position: 22px 50%;
}
.sf_point th {
	background: url(https://法人ビジネスカード.com/wp-content/themes/cocoon-child-master/images/spec_search_form_ico02.png),#f9f7e8;
	background-repeat: no-repeat;
	background-size: 42px 42px;
	background-position: 22px 50%;
}
.sf_speed th {
	background: url(https://法人ビジネスカード.com/wp-content/themes/cocoon-child-master/images/spec_search_form_ico03.png),#f9f7e8;
	background-repeat: no-repeat;
	background-size: 42px 42px;
	background-position: 22px 50%;
}
.sf_nenkaihi th {
	background: url(https://法人ビジネスカード.com/wp-content/themes/cocoon-child-master/images/spec_search_form_ico04.png),#f9f7e8;
	background-repeat: no-repeat;
	background-size: 42px 42px;
	background-position: 22px 50%;
}
.sf_jyoken th {
	background: url(https://法人ビジネスカード.com/wp-content/themes/cocoon-child-master/images/spec_search_form_ico05.png),#f9f7e8;
	background-repeat: no-repeat;
	background-size: 42px 42px;
	background-position: 22px 50%;
}

.sf_table td {
	box-sizing: border-box;
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;/*親の横幅以上は折り返す*/
	padding: 20px 2%;
	font-weight: bold;
}
.sf_table td label {
	display: block;
	background-color: #fff;
	box-sizing: border-box;
	border : solid 1px #ccc;
	border-radius: 4px;
	width: 30%;
	max-width:30%;
	padding: 10px;
	margin: 1% 1.5%;
	color: #07192e;
	font-size: 15px;
}
.sf_table td label:hover{
	background-color: #fff;
	border-color: #07192e;
}

.sf_table td input {
	vertical-align: middle;
	margin: 0 10px 0 0;
	font-weight: bold;
}

.sf_table td select {
	border: solid 1px #07192e;
	width: 100%;
	margin: 10px auto;
	padding: 15px 10px;
	/*color: #07192e;*/
	font-size: 18px;
}

.sf_table .submit input {
	display: inline-block;
	background: url(https://法人ビジネスカード.com/wp-content/themes/cocoon-child-master/images/spec_search_form_ico06.png) ,linear-gradient(#ff632d 0%, #ffba42 100%), linear-gradient(#ff632d 0%, #ffba42 100%);
	background-repeat: no-repeat;
	background-size: 30px 30px, 100% 100%;
	background-position: 36px 50%, 0 0;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border: none;
	border-bottom: solid 3px #d67219;
	border-radius: 8px;
	width: 300px;
	margin: 10px auto;
	padding: 0.5em 1em 0.5em 2.5em;
	color: #ffffff;
	font-size: 20px;
	-webkit-animation: flash 1.2s infinite alternate !important;
	-moz-animation: flash 1.2s infinite alternate !important;
	animation: flash 1.2s infinite alternate !important;
}
@keyframes flash {
	0% { opacity: 0.5; }
	50% { opacity: 1; }
	100% { opacity: 0.5; }
}
@-webkit-keyframes flash {
	0% { opacity: 0.5; }
	50% { opacity: 1; }
	100% { opacity: 0.5; }
}
@-moz-keyframes flash {
	0% { opacity: 0.5; }
	50% { opacity: 1; }
	100% { opacity: 0.5; }
}

.sf_table .submit input:hover {
	background: url(https://法人ビジネスカード.com/wp-content/themes/cocoon-child-master/images/spec_search_form_ico06.png) ,-webkit-linear-gradient(#ff9638 0%, #ffce6d 100%);
	background: url(https://法人ビジネスカード.com/wp-content/themes/cocoon-child-master/images/spec_search_form_ico06.png) ,linear-gradient(#ff9638 0%, #ffce6d 100%);
	background-repeat: no-repeat;
	background-size: 30px 30px, 100% 100%;
	background-position: 36px 50%, 0 0;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border-bottom: solid 3px #d69126;
}

.sf_table .ex td {
	padding: 0 3% 20px 3%;
	font-weight: normal;
	font-size: 13px;
}

.sf_title th {
	background: url(https://法人ビジネスカード.com/wp-content/themes/cocoon-child-master/images/spec_search_form_title_ico.png) ,#07192e;
	background-repeat: no-repeat;
	background-size: 45px 45px;
	background-position: 14px 45%;
	padding: 14px 2% 14px 70px;
	color: #ffffff;
	font-size: 24px;
	letter-spacing: 0em;
}

/*検索結果*/
.txt_bold {
	font-weight: bold;
	color: #cb3414;
}

.spec_search_result_count {
	padding-top: 10px;
	font-size: 20px;
}
.spec_search_result_count span {
	font-size: 32px;
}

.spec_search_result {
	border: solid 5px #eee;
	margin: 0 0 2em;
	padding: 2%;
}
.spec_search_result.popular {
	border: solid 5px #a7792c;
}

.spec_search_result table {
	display: table;
}
.spec_search_result .spec_search_result_ttl {
	background-color: #07192e;
	border-bottom: solid 4px #a7792c;
	/*border-radius: 6px;*/
	margin: 0 0 0.5em;
	padding: 8px 2px 4px 12px;
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
}

#spec_serch_result #feas-searchform-0 {
	padding-top: 2em;
}

.spec_search_result_table_body {
	display: flex;
	flex-wrap: wrap;/*親の横幅以上は折り返す*/
	width: 100%;
	margin: 0 0 1em;
}
.spec_search_result .spec_search_result_table_left {
	text-align: center;
	border: none;
	width: 35%;
	margin: 0;
	align-self: center;
	overflow: visible;
	white-space:normal;
}
.spec_search_result .spec_search_result_table_left td {
	text-align: center;
	border: none;
}
.spec_search_result .spec_search_result_table_right {
	width: 60%;
	margin: 0 0 0 5%;
	align-self: center;
	overflow: visible;
	white-space:normal;
}
.spec_search_result table img {
	display: block;
	text-align: center;
	width: 100%;
	max-width: 300px;
	height: auto;
	margin: 0 auto;
}
.spec_search_result th {
	text-align: center;
	background-color: #f1f1f1;
	width: 40%;
	padding: 4px 10px;
	font-weight: bold;
	color: #333;
	font-size: 14px;
	line-height: 1.3;
}
.spec_search_result .sp_tokuten {
	border: solid 1px #cc4c51;
	width: 100%;
	margin: 1em auto 20px;
	font-size: 12px;
	overflow: visible;
	white-space:normal;
}
.spec_search_result .sp_tokuten th {
	border: solid 1px #a7792c;
	text-align: center;
	background-color: #a7792c;
	width: 20%;
	color: #ffffff;
	font-weight: bold;
	white-space: nowrap;
}
.spec_search_result .sp_tokuten td {
	border: solid 1px #a7792c;
	text-align: left;
	font-weight: bold;
	color: #a7792c;
	line-height: 1.5;
}
.spec_search_result td {
	text-align: center;
	padding: 4px 10px;
}
.spec_search_result .sp_jyoken {
	font-weight: normal;
	font-size: 12px;
	color: #666;
}

.spec_search_result ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 0 1em;
	padding: 0;
}
.spec_search_result li {
	background: transpalent;
	box-sizing: border-box;
	border-bottom : solid 1px #222;
	padding: 5px;
	width: 50%;
	margin: 0;
	list-style-type: none;
	font-size: 14px;
	font-weight: bold;
}
.spec_search_result li:nth-of-type(odd){
	width: 48%;
	margin-right: 2%;
}
.spec_search_result li span {
	display: block;
	float: right;
}

.spec_search_result_otoku_body{
	display: flex;
	flex-wrap: wrap;/*親の横幅以上は折り返す*/
	background-color: #f1f1f1;
	margin-bottom: 20px;
	padding: 1.5%;
}

.spec_search_result_otoku{
	box-sizing: border-box;
	width: 60%;
	margin-right: 4%;
	margin-bottom: 0;
}
.spec_search_result_otoku th,
.spec_search_result_otoku td {
	background-color: #fff;
	padding: 0 10px;
}
.spec_search_result_otoku th.head {
	background-color: #cb3414;
	padding: 6px 0;
	color: #fff;
}
.spec_search_result_otoku_jyoken{
	box-sizing: border-box;
	width: 36%;
	margin-bottom: 0;
	font-size: 12px;
}
.spec_search_result_otoku_jyoken th,
.spec_search_result_otoku_jyoken td{
	border: none;
	text-align: left;
	padding: 0;
}
.spec_search_result_otoku_jyoken th{
	padding: 0 0 8px;
}

/*共通「利用金額から、お得なカードを比較」の検索結果形式のショートコードでは、検索結果の表から少しレイアウト変更*/
.s_code.spec_search_result .spec_search_result_table_left,
.s_code.spec_search_result .spec_search_result_table_right{
	float: none;
	width: 100%;
	margin: 0 auto;
}
.s_code.spec_search_result .spec_search_result_table_left {
	max-width: 80%;
	margin-bottom: 20px;
}
.s_code.spec_search_result li{
	width: 48% !important;
}


.sp_btn {
	display: flex;
	flex-wrap: wrap;
	width: 82%;
	margin: 0 auto;
}
.sp_btn div {
	margin: 0 auto;
}
.sp_official_link,
.sp_details_link {
	text-align: center;
}
.sp_official_link {
	width: 56%;
}
.sp_details_link {
	width: 36%;
}

.sp_official_link a {
	display: inline-block;
	background: linear-gradient(#ff632d 0%, #ffba42 100%), linear-gradient(#ff632d 0%, #ffba42 100%);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border-bottom: solid 3px #d67219;
	border-radius: 8px;
	width: 100%;
	margin: 10px auto;
	padding: 0.5em;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	-webkit-animation: flash_btn 1.2s infinite alternate !important;
	-moz-animation: flash_btn 1.2s infinite alternate !important;
	animation: flash_btn 1.2s infinite alternate !important;
	text-decoration: none;
}
@keyframes flash_btn {
	0% { opacity: 0.5; }
	50% { opacity: 1; }
	100% { opacity: 0.5; }
}
@-webkit-keyframes flash_btn {
	0% { opacity: 0.5; }
	50% { opacity: 1; }
	100% { opacity: 0.5; }
}
@-moz-keyframes flash_btn {
	0% { opacity: 0.5; }
	50% { opacity: 1; }
	100% { opacity: 0.5; }
}

.sp_official_link a:hover {
	background-image: -webkit-linear-gradient(#ff9638 0%, #ffce6d 100%);
	background-image: linear-gradient(#ff9638 0%, #ffce6d 100%);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border-bottom: solid 3px #d69126;
	text-decoration: none;
}

.sp_details_link a {
	display: inline-block;
	background-color: #bbb;
	box-shadow: 0px 2px 2px #999;
	border-bottom: solid 3px #888;
	border-radius: 8px;
	width: 100%;
	margin: 10px auto;
	padding: 0.5em;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}
.sp_details_link a:hover {
	background-color: #ccc;
	text-decoration: none;
}

#feas-sort-menu {
	text-align: right;
	background-color: #f1f1f1;
	width: 100%;
	margin: 10px 0 20px;
	padding: 10px 20px;
	font-size: 14px;
}
#feas-sort-menu span.t {
	display:none;
}
.sp_sort_nav1_ttl {
	display: inline-block;
	background-color: #a7792c;
	text-align: center;
	border-radius: 13px;
	padding: 0 1em;
	margin-right: 2em;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
}
.sp_sort_nav {
	text-align: right;
}
.sp_sort_nav a {
	color: #333;
	font-weight: normal;
	text-decoration: none;
}
.sp_sort_nav a:hover {
	color: #cb3414;
	text-decoration: none;
}
.sp_sort_nav .ttl {
	padding: 0 5px 0 30px;
}
.sp_sort_nav .re_sort {
	padding: 0 0 0 30px;
}

#feas-sort-menu ul {
	/*display:none;*/
	margin: 0;
	padding: 0;
}
#feas-sort-menu li {
	border-top: dotted 1px #333;
	margin: 0;
	list-style-type:none;
}
#feas-sort-menu li a {
	display:block;
	box-sizing: border-box;
	width: 100%;
	padding: 4px 10px;
	font-size: 14px;
}

.current_sort {
	text-align: right;
	font-weight: bold;
	color: #cb3414;
}
#feas-sort-menu .current {
	font-weight: bold;
	color: #cb3414;
}

/*---------------------
共通 クラスタカテゴリーのショートコード
-----------------------*/
.cat_merit_box {
	display: flex;
	flex-wrap: wrap;
}
.cat_merit_box strong {
	display: inline-block;
	margin-bottom: 5px;
	font-size: 14px;
}
.cat_merit_box .merit{
	border: solid 1px darkcyan;
	background-color: #ebf9f9;
}
.cat_merit_box .demerit{
	border: solid 1px #cb3414;
	background-color: #fff3f1;
}
.cat_merit_box .merit strong{
	color: darkcyan;
}
.cat_merit_box .demerit strong{
	color: #cb3414;
}
.cat_merit_box p{
	padding: 2%;
	margin: 0;
	width: 49%;
}
.cat_merit_box p:first-of-type{
	margin-right: 2%;
}

/*---------------------
共通 券種比較表
-----------------------*/
.spec_hikaku_box {
	text-align: center;
	font-size: 11px;
}
.spec_hikaku_box .spec_name{
	background-color: #f1f1f1;
}
.spec_hikaku_box .item_box:not(.spec_name) li{
	text-align: left;
}

.spec_hikaku_box img{
	width: 100px;
	height: auto;
}

/*スライドテーブル*/

.slideTable {
	overflow-x: auto;
	position: relative;
	width: 100%;
}
.slideTable.spec_hikaku_box_slide_body{
	overflow: scroll;
	height: 600px;
	margin-top: 0;
}
.slideTable.spec_hikaku_box_slide_body_s{
	height: 460px;
}


.spec_hikaku_box{
	position: relative;
	text-align: left;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	min-width: 100%;
	margin:0;
	padding:0;
}
.spec_hikaku_box .item_box{
	float:left;
	width: 160px;
	margin:0;
	padding:0;
}
.spec_hikaku_box .fix_head{
	text-align: center !important;
	background-color: #fff;
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	left: 0;
}
.spec_hikaku_box .item_box.spec_name .fix_head{
	background-color: #f1f1f1;
}
.spec_hikaku_box .item_box.spec_name{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	text-align: center;
	background-color: #f1f1f1;
	width: 70px;
	z-index: 1;
}
.spec_hikaku_box .item_box.spec_name .head{
	background-color: #f1f1f1;
}

.spec_hikaku_box .box{
	box-sizing: border-box;
	border: none;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	width: 100%;
	margin:0 !important;
	padding:5px 10px;
	list-style-type:none;
	line-height: 1.55;
}
.spec_hikaku_box .box.list0{
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 120px;
}
.spec_hikaku_box .box ul{
	margin: 0;
	padding: 0;
}
.spec_hikaku_box .box ul li{
	margin-bottom: 0.5em;
	list-style-type: none;
}
.spec_hikaku_box .box ul li:nth-last-of-type(1){
	margin-bottom: 0;
}
.spec_hikaku_box .box ul li p{
	margin: 2em 0 0 !important;
}
.spec_hikaku_box .link_btn{
	display: block;
}
.spec_hikaku_box .sp_btn .link_btn{
	width: 100%;
	padding: 0;
}
.spec_hikaku_box .sp_btn .link_btn a{
	box-shadow: none;
	margin: 4px 0;
	font-size: 12px;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
	.pc_only {
		display: inherit !important;
	}
	.sp_only {
		display: none !important;
	}
}

/*1030px以下*/
@media screen and (max-width: 1030px){
	.pc_only {
		display: inherit !important;
	}
	.sp_only {
		display: none !important;
	}
}

/*768px以下*/
@media screen and (max-width: 768px){
	.pc_only {
		display: inherit !important;
	}
	.sp_only {
		display: none !important;
	}

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.pc_only {
		display: none !important;
	}
	.sp_only {
		display: inherit !important;
	}


	/*SP ヘッダー*/
	.logo-image{
		padding: 10px 4%;
	}
	/*SP 通知エリア*/
	.notice-area.nt-warning {
		background: transparent;
		background-color: #07192e;
	}


	/*---------------------
	SP 検索画面のボタン
	https://xn--lckzad9dr8a1w931s1v2c.com/lp
	-----------------------*/
	.select_btn_sp {
		position: relative;
	}
	.select_btn_sp ul{
		position: absolute;
		bottom: 5%;
		left: 0;
		right: 0;
		display: flex;
		flex-wrap: wrap;
		width: 88%;
		margin: 0 auto !important;
		padding: 0 !important;
	}
	.select_btn_sp li{
		width: 48%;
		margin: 0 4% 0 0 !important;
		list-style-type: none;
	}
	.select_btn_sp li:nth-last-of-type(1){
		margin: 0 !important;
	}
	.select_btn_sp img{
		width: 100%;
		height: auto;
	}


	/*---------------------
	SP ショートコード表
	-----------------------*/
	.s_code_ttl{
		padding: 4px 2px 0;
		font-size: 20px;
	}
	.s_code_sp_btn .sp_official_link{
		width: 80%;
		font-size: 14px;
	}
	.s_code_sp_btn .sp_official_link a{
		font-size: 16px;
	}
	.main_spec,
	.sub_spec01,
	.sub_spec02 {
		line-height: 1.5;
	}
	.merit_box{
		display: block;
	}
	.merit_box p{
		width: 100% !important;
		margin: 0 0 10px !important;
	}

	.s_code_img {
		max-width: 90%;
	}


	/*---------------------
	SP スペック検索
	-----------------------*/
	#spec_serch_result h1.spec_serch_result_ttl {
		border-bottom: solid 1px #333;
		margin-bottom: 0;
		font-size: 24px;
	}
	/*SP 検索フォーム*/
	.sf_title th {
		background-size: 24px 24px;
		padding: 8px 2% 8px 52px;
		font-size: 16px;
	}
	.sf_table th {
		padding: 6px 2% 6px 45px;
		font-size: 16px;
		background-size: 24px 24px;
		background-position: 12px center;
	}
	.sf_table td label {
		border-radius: 4px;
		width: 47%;
		max-width:47%;
		padding: 6px;
		font-size: 12px;
	}
	.sf_table #feas_0_3_4 {
		width: 100%;
		max-width: 100%;
	}
	.sf_table td {
		padding: 10px 2%;
	}
	.sf_table td input {
		margin-right: 5px;
	}
	.sf_table .ex td {
		padding: 0 3% 10px 3%;
		font-size: 12px;
	}
	.sf_table td select {
		padding: 6px 10px;
		font-size: 16px;
	}
	.sf_table .submit input,
	.sf_table .submit input:hover{
		background-size: 24px 24px, auto;
		background-position: 15% 50%,0 0;
		width: 240px;
		padding: .8em 1em .8em 2.5em;
		font-size: 14px;
	}
	.sf_table .sf_zokusei_btn label:last-of-type{
		/*個人事業主・フリーランスボタンのみ横100%*/
		width: 100%;
		max-width: 100%;
	}

	/*SP 検索結果*/
	.spec_search_result .spec_search_result_ttl {
		font-size: 15px;
		font-weight: bold;
		line-height: 1.4;
	}
	.spec_search_result_table_body {
		display: block;
	}
	.spec_search_result .spec_search_result_table_left {
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto 0.5em;
	}
	.spec_search_result .spec_search_result_table_left td {
		width: 100%;
		box-sizing: border-box;
	}
	.spec_search_result .spec_search_result_table_right {
		width: 100%;
		margin: 0 0 1em;
	}
	.spec_search_result .spec_search_result_table_right tbody,
	.spec_search_result .spec_search_result_table_right tr,
	.spec_search_result .spec_search_result_table_right th,
	.spec_search_result .spec_search_result_table_right td {
		display: block;
		border: none;
		width: 100%;
	}

	.spec_search_result th,
	.spec_search_result td {
		font-size: 13px;
	}
	.spec_search_result td {
		background-color: #fff;
	}
	.spec_search_result ul {
		display: block;
	}
	.spec_search_result li {
		width: 100% !important;
		font-size: 13px;
	}
	.sp_jyoken {
		margin: 0 0 1em;
		font-size: 11px;
	}
	.sp_tokuten {
		margin-bottom: 1em;
	}
	.sp_tokuten td {
		border: none;
		line-height: 1.3;
	}

	.spec_search_result_otoku_body{
		display: block;
		margin-bottom: 20px;
	}

	.spec_search_result_otoku{
		width: 100%;
		margin: 0 0 10px;
	}
	.spec_search_result_otoku_jyoken{
		width: 100%;
		font-size: 12px;
	}

	.sp_btn {
		width: 100%;
	}
	.sp_btn a {
		padding: 10px 0.5em;
		font-size: 14px;
	}
	.spec_comment {
		margin-bottom: 0.5em;
		font-size: 12px;
		line-height: 1.6;
	}

	#feas-sort-menu {
		background-color: #fff;
		padding: 5px;
		margin-top: 10px;
		font-size: 14px;
	}
	#feas-sort-menu a {
		font-size: 14px;
	}
	.sp_sort_nav1_ttl {
		display: block;
		text-align: center;
		padding: 0;
		margin: 0 0 5px;
	}
	.sp_sort_nav {
		display: flex;
		flex-wrap: wrap;
		text-align: center;
	}
	.sp_sort_nav1 .box span:nth-of-type(even) {
		display: block;
		width: 100%;
		height: 100%;
	}
	.sp_sort_nav1 .box span:nth-of-type(even) a{
		display: block;
		width: 100%;
		height: 100%;
	}

	#feas-sort-menu span.box {
		display: block;
		background-color: #fff;
		border: solid 1px #ccc;
		border-radius: 5px;
		box-sizing: border-box;
		width: 48%;
		margin: 0 1% 0.5em;
		padding: 1%;
	}
	#feas-sort-menu span.ttl {
		display: block;
		background-color: #f1f1f1;
		padding: 0;
		margin-bottom: 5px;
		font-size: 11px;
	}
	#feas-sort-menu .s { /*昇降順ボタン*/
		padding: 15%;
	}
	#feas-sort-menu .re_sort {
		display: block;
		background-color: #f1f1f1;
		box-sizing: border-box;
		text-align: right;
		width: 100%;
		padding: 3px 5px;
	}
	#feas-sort-menu .re_sort .ttl {
		background-color: none;
	}
	.current_sort {
		font-size: 12px;
	}

	/*---------------------
	SP クラスタカテゴリーのショートコード
	-----------------------*/
	.cat_merit_box p{
		padding: 2%;
		margin: 0;
		width: 98%;
	}

	/*---------------------
	SP 指定した記事IDの投稿をショートコードで表示
	-----------------------*/
	.post_group_ico {
		width: 20%;
		margin: 0 4% 0 0;
	}
	.post_group .post_group_title{
		width: 76%;
		font-size: 12px;
		line-height: 1.45;
	}
	.post_group .post_group_title a{
		font-size: 12px;
	}

	/*SP「利用金額から、お得なカードを比較」の検索結果形式のショートコードでは、検索結果の表から少しレイアウト変更*/
	.s_code.spec_search_result .spec_search_result_otoku,
	.s_code.spec_search_result .spec_search_result_otoku_jyoken{
		width: 100%;
		margin: 0 auto;
	}
	.s_code.spec_search_result .spec_search_result_otoku {
		margin-bottom: 20px;
	}
	.s_code.spec_search_result .spec_search_result_otoku_jyoken td{
		background-color: inherit;
	}
	.s_code.spec_search_result li{
		width: 100% !important;
	}
	.s_code.spec_search_result .spec_search_result_otoku_body{
		padding: 2.5%;
	}

	/*SP 券種比較表*/
	.slideTable.spec_hikaku_box_slide_body_s{
		height: 46vh;
	}

}