@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.entry-title{
display: none !important;

}



.appeal-in {
display: flex;
min-height: 0px;
padding: 0px;
}

.sidebar h3 {
background-color: #364e96;
color:#fff;
}


/*投稿日・更新日を消す場合*/
.page .date-tags {
    display: none;
}

/*著者情報を消す場合*/
.page .author-info {
    display: none;
}

/*まとめて消す場合*/
.page .date-tags,
.page .author-info {
    display: none;
} 

/*投稿日のみを消す場合*/
 .page .post-date {
    display: none;
}

/*基本H2*/
.article h2 {
color: #fff;/*文字色*/
padding: 0.5em;/*文字周りの余白*/
background:#364e96;
}

/*基本H3*/
.article h3 {
color: #364e96;/*文字色*/
border: solid 3px #364e96;/*線色*/
padding: 0.5em;/*文字周りの余白*/
border-radius: 0.5em;/*角丸*/
background:#fff;
}

/*基本H4*/
.article h4 {
color: #364e96;/*文字色*/
border-top: 2px solid #364e96;
border-bottom: 2px solid #364e96;
}

/*中央配置*/
.c_contetnts{
text-align:center;
margin: 0 auto!important;
width: 100%;
}

/*フォント小*/
.small_font{
font-size:0.8em;
}

.pd10_all{
padding:10px;
}

/*ヘッドイメージ*/

.head_img{
position:relative;
display:block;
min-height:100px;
max-height:350px;
height:auto;
top:-20px;
}

.head_img_core{
position:absolute !important;
display:block !important;
top:-15px;
}
.head_img_mob{
display:none;
}



/*店舗情報*/
div.info-shop {
	background-color: #fff;
	width: calc(100% - 2px);
	border-left: 1px solid #888;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
}

div.info-shop dl {
	display: table;
	width: 100%;
	border-top: 1px solid #888;
	margin-bottom: 0px;
	margin-top: 0px;
}

div.info-shop dt {
	border-right: 1px solid #888;
	padding: 10px !important;
	color: #4c4c4c !important;
	display: table-cell !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	width: 15% !important;

	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

div.info-sho dd {
	display: table-cell !important;
	vertical-align: top !important;
	font-size: 13px !important;
	word-break: break-all !important;
}

/*買取事例*/
div.purchase-line {
	margin-bottom:40px;
}

div.pp {
display: block;
margin: 0px 8px;
float: left;
width: calc(50% - 16px);
}

div.pp p {
text-align: left;
padding: 0px 10px;
color: #333;
font-size: 0.9em !important;
line-height: 1.4446;
}

div.purchase-line::after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

div.purchase-line {
	margin-bottom:40px;
}

div.p-type02 h3 {
margin-top: 0px;
display: block;
height: 36px;
background: #7bcfde;
text-align: center;
font-size: 16px;
color: #fff;
font-weight: 600;
border:none;
border-radius:0;
}

div.p-type01 h3 {
margin-top: 0px;
display: block;
height: 36px;
background: #a7dc7e;
text-align: center;
font-size: 16px;
color: #fff;
font-weight: 600;
border:none;
border-radius:0;
}

div.pp p {
text-align: left;
padding: 0px 10px;
color: #333;
font-size: 12px;
line-height: 1.4446;
}

div.purchase-line h3::after {
z-index: 2;
background-color:transparent!important;
}

div.purchase-line::after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.img-fix{
width:100%;
}


/*買取に必要な書類*/
.need_document h2 {

}

.need_document .col2{
float:left;
width:50%;
}

.need_document p{
font-weight:bold;
font-size:0.8em;
padding:20px;
}

.need_document:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
}


/*丸みのあるフレーム*/
.r_frame{
border-radius:5px;
padding: 10px;
color: #333;
font-size:0.8em;
line-height: 1.4446;
background: #efefef;
border: solid 1px #ccc;/*線色*/
margin:20px;
}

/*お客様の声*/
.voice{
padding:10px;
}

.voice h2{

}

.voice h3{
border:none;
border-bottom: 2px solid #364e96;
border-radius:0;
}

.voice .float_left_img{
margin-left:10px;
margin-bottom:10px;
float:left;
}

.voice .voice_float_left{
float:left;
display:block;
font-weight:bold;
width:calc(100% - 140px);
}

.voice_block:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.voice_line{
border-bottom: 2px dotted #364e96;
}

/*カテゴリリスト一覧*/
.category_list_block{
	
}

.category_list_block ul{
list-style-type: none;
padding:0px;
}

.category_list_block li{
float:left;
margin: 0.4em !important;
}

.category_list_block:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
}




/*価格表*/

div.price-list{
	
}

div.price-list .price{
text-align:center;
}



div.price-list h2{

background-color:#364e96;
color:#fff;
padding: 18px!important;
font-size: 1.2em;
}

div.price-list .maker{
width:33%;
}
div.price-list .maker-sub{
width:33%;
}


div.price-list thead th {
background-color: #364e96;
color: #fff;
text-align: center;
}

div.price-list .item-title{
	background-color: #fff;
}

div.price-list tbody tr:nth-child(odd) {
background-color: #fff;
}

div.price-list tbody tr:nth-child(even) {
background-color: #eee;
}



/*よくある質問*/


.qa-info-block{
border:none;

border-radius: 0px 0px 5px 5px;
margin-bottom:20px;
}

.qa-info-block li{
margin-left:10px;
padding:5px 10px;
font-size:0.9em !important;
font-weight:600;
line-height:1.447 !important;
}

.faqs{
padding:20px;
}
.faqs dt{
font-size: 0.8em;
line-height: 1.4446;
color: #333;
font-weight:600;
word-wrap: break-word;
padding-bottom: 20px;
counter-increment: question;
}

.faqs dt:first-letter{
font-size: 1.2em;
color: #3081e4;
font-weight:600;
}

.faqs dd{
font-size: 0.8em;
line-height: 1.4446;
color: #333;
word-wrap: break-word;
padding-bottom: 30px;
counter-increment: answer;
}

.faqs dd:first-letter{
font-size: 1.2em;
color: #e5004f;
font-weight:600;
padding-left:0px!important;
	
}








/*高価買取の理由1*/

.reason h2 {
background:transparent;
padding: .5em;
border-bottom: 2px solid #364e96;
color: #364e96; 
}
.reason h2:first-letter {
margin-right: .1em;
font-size: 1.4em;
color:#364e96;
}

.reason h3 {
position: relative; 
padding: .75em .5em; 
border: 1px solid #364e96;
color: #364e96; 
line-height:1.477;
}
.reason h3:after{ 
content: "POINT"; 
position: absolute; 
top: -.6em; 
left: 10px; 
background: #fff; 
font-size: .75em; 
color: #364e96; 
padding: 0 10px;
}

.reason p{
padding:0.2em 0.7em;
}


/*高価買取の理由2*/
@media (min-width: 481px) {
.reason2{
background:#792837;
padding:0px 20px;

}

.reason2 h2 {
background:transparent;
padding: .5em;
border-bottom: 2px solid #fff;
color: #fff; 
}
.reason2 h2:first-letter {
margin-right: .1em;
font-size: 1.4em;
color:#fff;
}

.reason2 h3 {
position: relative; 
padding: .75em .5em; 
border: 1px solid #fff;
line-height:1.477;
color:#fff;
}
.reason2 h3:after{ 
content: "POINT"; 
position: absolute; 
top: -.6em; 
left: 10px; 
background: #fff; 
font-size: .75em; 
color: #792837; 
padding: 0 10px;
}

.reason2 p{
padding:1.0em 0.7em;
color:#fff;
}
}
@media (max-width: 481px) {

.reason2 h2 {
background:transparent;
padding: .5em;
border-bottom: 2px solid #792837;
color: #792837; 
}
.reason2 h2:first-letter {
margin-right: .1em;
font-size: 1.4em;
color:#792837;
}

.reason2 h3 {
position: relative; 
padding: .75em .5em; 
border: 1px solid #792837;
color: #792837; 
line-height:1.477;
}
.reason2 h3:after{ 
content: "POINT"; 
position: absolute; 
top: -.6em; 
left: 10px; 
background: #fff; 
font-size: .75em; 
color: #792837; 
padding: 0 10px;
}

.reason2 p{
padding:0.2em 0.7em;
}

}

/*リスト背景*/
.list_bg_frame{
background: #eaeaea;
border-radius: 8px;
margin-left: 10px;/*はみ出ないように調整*/
margin-right: 10px;/*はみ出ないように調整*/
padding: 10px;
}

.list_bg_frame ul{
margin:0px !important;
}

.list_bg_frame li{
margin: 0.2em 0.6em !important;
line-height: 1.5;
color:#333;
float:left;
width:calc(50% - 25px);
}
.list_bg_frame:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}



/*出張買取*/
.travel_buy{
	
}

.travel_buy h2{
position: relative;
padding: 0.6em;
background: #e0edff;
color: #222;
border-radius: 10px;
}

.travel_buy h2:after{
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #e0edff;
width: 0;
height: 0;
}

.box_frame{
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box_frame .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box_frame p {
margin: 0;
padding: 0px 10px 30px 10px;
}

.box_frame_info{
    position: relative;
    background: #fff0cd;
    box-shadow: 0px 0px 0px 5px #fff0cd;
    padding: 0.2em 0.5em;
    color: #454545;
}
.box_frame_info:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: #ffdb88 #fff #ffdb88;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.box_frame_info p {
    margin: 0; 
padding: 10px;
}


/*店頭買取*/
.buy_storefront{
	
}

.buy_storefront h2{
position: relative;
padding: 0.6em;
background: #e0ffee;
color: #222;
border-radius: 10px;
}

.buy_storefront h2:after{
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #e0ffee;
width: 0;
height: 0;
}

.buy_storefront .box_frame{
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #e0ffee;
    border-radius: 8px;
}
.buy_storefront .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
background: #fff;
color: #333;
    font-weight: bold;
}


.buy_storefront h3{
background: #e0ffee;
border:none;
color: #333;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.header-container{
display:none;
}
.content{
position:relative;
top:-60px;
}
	
/*カテゴリリスト一覧*/
.category_list_block li{
text-align:center;
margin: 0 auto!important;
width: 100%;
}
/*PCのヘッド画像非表示*/
.head_img{
display:none;
}
.head_img_mob{
display:block;
}

.list_bg_frame li{
margin: 0.2em 0.6em !important;
line-height: 1.5;
color:#333;
width: 100%;
clear: both;
}
	
	
}