/*
    Theme Name: campoff_WebSite
    Version: 1.0
*/

@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/mplus1p.css);
@import url(https://fonts.googleapis.com/css?family=Maven+Pro:900);

a:hover {
	text-decoration: none;
}
.header {
	height: 200px;
	position:relative
	}
	@media (max-width: 992px) {
		.header {
			height: 250px;
	}
}
/* ロゴ */
.header h1.logo {
	margin:0;
	position:absolute;
	top:20px;
	}
	h1.logo img {
		width :400px;
	}
@media (max-width: 992px) {
		.header h1.logo {
			top:65px;
			}
		h1.logo img {
			width :100%;
			margin-left: auto;
			margin-right: auto;
		}
}

/* キャッチコピー */
.header_comment {
	position:absolute;
	top:10px;
	left:0px;
	font-family: "Mplus 1p";
	font-weight: 400;
	font-size:1.4rem;
	}
.header_comment span.by_rcm,span.eigyou_time {
	display:block;
	margin-top:15px;
	color:#FFFFFF;
	font-weight:700;
	font-size:1.2rem;
	background-color: #df6262;
	border-radius: 5px;
  padding: 7px;
	}
@media (max-width: 992px) {
	.header_comment {
		padding: 35px 10px 0 10px;
		font-weight: 400;
		font-size:1.3rem;
		}
		.header_comment span.by_rcm {
		font-size:1.3rem;
		width: 210px;
		}
}
/* SNSボタン */
.share_btn {
	position: absolute;
	top: 0;
	right: 80px;
}
@media (max-width: 992px) {
	.share_btn {
		width: 100%;
		right: 0;
		text-align: center;
	}
}
.share_btn .lineat,
.share_btn .fb,
.share_btn .twitter {
	float: left;
}
@media (max-width: 992px) {
	.share_btn .lineat,
	.share_btn .fb,
	.share_btn .twitter {
		float: left;
		width: 33.3%;
	}
	.share_btn .lineat img,
	.share_btn .fb img,
	.share_btn .twitter img {
		max-width: 100%;
		height: auto;
	}
	.share_btn .lineat img,
	.share_btn .fb img,
	.share_btn .twitter img {
		max-width: 100px;
		height: auto;
	}
	.share_btn .lineat {
		background-color: #00b900;
	}
	.share_btn .fb {
		background-color: #3a5a98;
	}
	.share_btn .twitter {
		background-color: #1da1f2;
	}
}
/* 電話番号 */
.tel_box {
	position:absolute;
	top:50px;
	right:15px;
	width: 435px;
	height: 150px;
	background-image: url(./img/common/tel_box_bg.png);
	background-repeat:no-repeat;
}
.tel_box_inner {
	position:relative;
	left:-9999px;
}
.tel_box_message {
	position:absolute;
	top:2px;
	font-size:1.3rem;
	width:100%;
	text-align:center;
}
.tel_icon {
	position:absolute;
	top:12px;
	left:10px;
	}
.tel_namber {
	font-family: 'Maven Pro', sans-serif;
	font-size:3.2rem;
	position:absolute;
	top:15px;
	left: 65px;
}
.tel_box_eigyou {
	position:absolute;
	top:50px;
	font-size:1.5rem;
	width:100%;
	text-align:center;
	font-weight: 600;
}

/* ナビ */
/* モバイル ドロワー */
@media (max-width: 992px) {
	  .drawer-nav {
			background-color: #6ab3d6;
		}
		.drawer-menu-item {
			font-size: 1.5rem;
			display: block;
			padding: 15px 5px;
			text-decoration: none;
			color: #fff;
			font-weight: 600;
		}
		.drawer-menu li {
			padding: 5px;
			border-bottom: solid 1px #409be7;
			margin-left: 7px;
		}
		.drawer-menu li a {
			color:#fff;
		}
}
/* PC */
nav.pc_view {
	height: 80px;
	background-color: #32b16c;
}
nav.pc_view ul li {
	float: left;
	width: 20%;
	color: #FFFFFF;
	text-align: center;
	line-height: 80px;
	font-weight: bold;
	list-style:none;
}
nav.pc_view ul li a {
	color:#FFF;
	display:block
}
nav.pc_view ul li a:hover {
	color:#FFF;
	background-color: #2a955cFF;
	text-decoration:none;
}
/* サイドバー */
.side_bar {
	background-color: #FFF;
	}
.line_banner,
.price_banner {
	margin:0 0 10px 0;
}
.youtube_banner {
	margin:0 0 10px 0;
}
.side_bar h3 {
	background: url(img/common/h2_bg.jpg);
	text-align:center;
	color:#FFFFFF;
	font-family: "Mplus 1p";
	font-weight: 800;
	font-size:26px;
	line-height:1;
	margin-top:0;
	padding: 10px;
	clear: both;
}
.side_bar_textbox {
	border-width: 8px;
	border-color: #b3d465;
	border-style: solid;
	background-color: #ecf5d5;
	padding:8px;
	font-size:1.4rem;
	line-height:1.8;
	margin-bottom: 20px;
	}
.side_bar_textbox a {
	display: block;
	margin-bottom: 3px;
}
.side_bar_textbox a:hover {
	background-color: #f6ed83;
}

/***** フッター *****/
@media (max-width: 992px) {
	.footer {
		height: 300px;
	}
}
.footer {
	margin-top:30px;
	background-color:#333;
	color:#fff;
	height: 100px;
}
#pagetop {
  position: fixed;
  bottom: 20px;
  right: 0;
  padding: 20px;
  color: #fff;
}
/***** 共通 *****/
/***** パンくずリスト *****/
.breadcrumb_list {
	height: 70px;
	padding:7px 20px;
	line-height:50px;
	}
@media (max-width: 992px) {
	.breadcrumb_list {
		background-color: #fef1d7;
		padding:7px 20px;
		line-height:20px;
		margin: 8px 0 15px 0;
		}
}
h2.nomal {
	background: url(img/common/h2_bg.jpg);
	text-align:center;
	color:#FFFFFF;
	font-family: "Mplus 1p";
	font-weight: 800;
	font-size:26px;
	line-height:1;
	margin-top:0;
	padding: 10px;
	clear: both;
	}
	@media (max-width: 992px) {
		h2.nomal {
		font-size:1.8rem;
		line-height:1.5;
		}
	}
h2.orange {
	background-color: #f19149;
	text-align:center;
	color:#FFFFFF;
	height: 55px;
	font-family: "Mplus 1p";
	font-weight: 800;
	font-size:26px;
	line-height:2;
	margin-top:0;
}
/* 電話をかけるボタン */
@media (max-width: 992px) {
	.tel_button_fixed{
		background-color:rgba(0, 0, 0, 0.5);;
		position:fixed;
		bottom:0;
		width:100%;
		}
	.tel_button {
		display:block;
		text-align:center;
		line-height:50px;
		width:70%;
		height: 50px;
		margin:10px auto 10px auto;
		background-color:#E77427;
		color:#fff;
		border-radius :4px;
		}
}
/***** トップページ *****/
/* 選べる買取方法 */
 .choose {
	 text-align: center;
	 margin: 25px 0;
 }
 .choose img {
	 margin-bottom: 15px;
 }
 /* 宅配専門だからできる */
 .comment_1 {
	 margin-top: 30px;
	 margin-bottom: 30px;
	 text-align: center;
	 font-size:3rem;
	 font-weight:800;
 }
 @media (max-width: 992px) {
	 .comment_1 {
		 font-size: 2rem;
	}
}
/* お知らせ */
.info-wrap {
	width: 90%;
	font-size: 1.5rem;
	margin: 0 auto;
}
.info-wrap h3 {
	font-size: 1.5rem;
	margin: 0;
}
.info-wrap .info_time {
	padding: 10px;
	margin: 0;
}
.info-wrap .info_title {
	padding: 10px;
	margin: 0;
}
@media (max-width: 992px) {
	.info-wrap table th {
		display: block;
		width: 100%;
		padding: 10px 10px 0 10px;
	}
	.info-wrap table td {
		display: block;
		width: 100%;
	}
}
/* 買取実績 */
.item_list {
	margin-bottom:30px;
}
.kaitori_item_link {
	color:#333;
	}
.kaitori_item {
	font-size:1rem;
	padding:5px;
}
.kaitori_item a:hover {
	color: #fff;
}
.kaitori_item .item_pic {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
}
.kaitori_item .item_pic img {
	object-fit: cover;
	width:100%;
	height:150px;
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.item_pic img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
/* カテゴリー一覧 */
.cat_pic {
	border: solid 4px #ccc;
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
}
.cat_pic img {
	object-fit: cover;
	width:100%;
	height:auto;
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.cat_pic img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

.kaitori_item .item_title {
	background-color: #bfbfbf;
	height: 35px;
	padding:4px 8px;
}
.kaitori_item .item_title h3 {
	color:#FFF;
	font-weight:bold;
	font-size:1rem;
	margin:0;
}
.kaitori_item .item_comment {
	background-color: #dcdcdc;
	padding:4px 8px;
	color: #666;
	height: 90px;
	overflow: hidden;
}
hr.hr_style1 {
	border-top: 1px dashed #ccc	;
	margin: 0;
}
.more_archive {
}
.more_archive a{
	display: block;
	background-color: #e4b543;
	padding: 15px 20px;
	margin: 15px 0;
	text-align: center;
	color: #fff;
	font-weight: 600;
}
.brand_pic img{
	width: 100%;
	height: auto;
}
/* お問合せフォーム */
.contact_form {
	padding: 20px;
	clear: both;
	border-width: 15px;
	border-color: #f8b551;
	border-style: solid;
	background-color: #fae2be;
	margin: 20px;
}
.your_name {width: 100%;}
.your_email {width: 100%;}
.your_telephone {width: 100%;}
.comment {width: 100%;}
@media (max-width: 992px) {
	.contact_form {
		padding: 7px;
		clear: both;
		border-width: 15px;
		border-color: #f8b551;
		border-style: solid;
		background-color: #fae2be;
		margin: 0;
	}
	.your_name {width: 100%;}
	.your_email {width: 100%;}
	.your_telephone {width: 100%;}
	.comment {width: 100%;}
}
/***** 選ばれる5つの理由 *****/
.riyuu {
	margin:50px 0;
	}
h3.orange_title {
	font-family: "Mplus 1p";
	color: #f49800;
	font-size: 36px;
	font-weight: 500;
	margin-bottom:30px;
	}
@media (max-width: 992px) {
	h3.orange_title {
		font-family: "Mplus 1p";
		color: #f49800;
		font-size: 1.8rem;
		font-weight: 800;
		margin-bottom:20px;
		line-height: 1.5;
		}
}
.list_1 {
	padding-left:105px;
	background-image:url(./img/list_1.png);
	background-repeat:no-repeat;
	height:47px;
	line-height:1.8;
	}
.list_2 {
	padding-left:105px;
	background-image:url(./img/list_2.png);
	background-repeat:no-repeat;
	height:47px;
	line-height:1.8;
	}
.list_3 {
	padding-left:105px;
	background-image:url(./img/list_3.png);
	background-repeat:no-repeat;
	height:47px;
	line-height:1.8;
	}
.list_4 {
	padding-left:105px;
	background-image:url(./img/list_4.png);
	background-repeat:no-repeat;
	height:47px;
	line-height:1.8;
	}
.list_5 {
	padding-left:105px;
	background-image:url(./img/list_5.png);
	background-repeat:no-repeat;
	height:47px;
	line-height:1.8;
	}
.riyuu_pic {
	text-align:right;}
@media (max-width: 992px) {
	.list_1,
	.list_2,
	.list_3,
	.list_4,
	.list_5 {
		padding-left: 65px;
		background-size: 60px;
		background-position: 8px 0;
		}
	.riyuu_pic {
		text-align:center;
		margin-bottom: 15px;
	}
}
/***** 買取までの流れ *****/
.kaitori_flow {
	margin:50px 0;
	position:relative;
	}
.kaitori_flow_title {
	font-family: "Mplus 1p";
	color: #f49800;
	font-size: 36px;
	font-weight: 800;
	text-align:center;
	}
.kaitori_flow_comment {
	text-align:center;
	font-size:1.5rem;
	margin-bottom:30px;
	}
.to_form_button  {
	width: 60%;
	margin:30px auto 50px auto;
	}
.to_form_button a {
	display:block;
	color:#FFF;
	font-weight:800;
	text-align:center;
	height: 60px;
	background-color: #f8b551;
	line-height:60px;
	}
.to_form_button a:hover {
	background-color: #fcce89;
	}
.contact_tel {
	width:320px;
	margin:30px auto 50px;
	}
.contact_tel_box {
	width: 320px;
	height: 86px;
	border-width: 7px;
	border-color: #80c269;
	border-style: solid;
	background-color: #cce198;
}
.flow_pic_1 {
	padding-right:30px;
	background-image:url(./img/flow/orange_arrow.png);
	background-repeat:no-repeat;
	background-position:right top;
	}
.flow_pic_2 {
	padding-right:30px;
	}
@media (max-width: 767px) {
	.flow_pic_1 {
		padding:0 10px 30px 10px;
		background-image:url(./img/flow/orange_arrow-2.png);
		background-repeat:no-repeat;
		background-position:bottom;
		margin-bottom: 15px;
		}
	.flow_pic_2 {
		padding:0 10px 30px 10px;
		}
}
.flow_comment_bold {
	font-size:2rem;
	font-weight:800;
	text-align:center;
	margin:15px 0;
	}
/***** 買取価格表 *****/
.warning_price {
	background-color: #dcdcdc;
	padding: 20px;
	margin: 80px 0 30px 0;
	line-height: 2rem;
	text-align: center;
}
h3.price_categoly {
	background-color: #f19149;
  text-align: center;
  color: #FFFFFF;
  height: 55px;
  font-family: "Mplus 1p";
  font-weight: 800;
  font-size: 26px;
  line-height: 2;
  margin-top: 0;
}
table.price_sheet {
	border-collapse: collapse;
	width: 100%;
	font-size: 1.2rem;
}
table.price_sheet th,
table.price_sheet td {
	padding: 7px 10px;
	border: solid 1px black;
}
table.price_sheet th {
}
table.price_sheet td {
	width: 32%;
	text-align: right;
	font-size: 1.6rem;
	font-weight: bold;
}
th.first_th,
td.first_td {
	background-color: #eddca3;
	font-size: 1.2rem !important;
	text-align: center !important;
}
.item_photo {
	position: relative;
}
.item_photo img {
	width: 100%;
	height: auto;
	margin-bottom: 40px;
}
.item_details {
	position: absolute;
	bottom:0;
	width: 95%;
}
.item_details p {
	margin: 0;
}
.item_name {
	font-size: 1.2rem;
	height: 25px;
	height: 34px;
	text-align:center;
}
.sanko_title {
	font-size:0.7rem;
	text-align: center;
}
.sanko_price {
	font-size: 2rem;
	font-weight: 800;
	color:red;text-align: center;
}
/***** よくある質問 *****/
.q_a_box, .irai_form {
	border-width: 15.93px;
	border-color: #f8b551;
	border-style: solid;
	background-color: #fae2be;
	width:85%;
	margin:40px auto;
  clear: both;
	}
@media (max-width: 992px) {
	.q_a_box, .irai_form {
		width:100%;
		margin:0 0 20px 0;
		}
}
.q_a_box h3 {
	font-family: "Mplus 1p";
	font-weight:700;
	font-size:3rem;
	text-align:center;
	color:#FFF;
	text-shadow:2px 2px 1px #f8b551,
    -2px 2px 1px #f8b551,
    2px -2px 1px #f8b551,
    -2px -2px 1px #f8b551;
	}
hr.wh {
	margin: 15px 10px 30px 10px;
    border: 0;
    border-top: 1px solid #FFF;
	}
.q_mark {
	width:100px;
	height:30px;
	padding:2px 20px;
	background-color: #eb6100;
	border-radius:15px;
	color:#FFF;
	font-size:1.6rem;
	font-weight:400;
	line-height:1.6;
	margin:5px 15px;
	}
.q_comment {
	margin:15px 25px;
	font-size:1.4rem;
	color:#eb6100;
	font-weight:600;
	}
.a_mark {
	width:100px;
	height:30px;
	padding:2px 20px;
	background-color: #00a0e9;
	border-radius:15px;
	color:#FFF;
	font-size:1.6rem;
	font-weight:400;
	line-height:1.6;
	margin:5px 15px;
	}
	.a_comment {
	margin:15px 25px;
	font-size:1.4rem;
	color:#666;
	font-weight:400;
	}
/***** 依頼フォーム *****/
.form_item {
	margin:15px 25px;
	font-size:1.4rem;
	color:#666;
}
@media (max-width:992px){
    .form_item {
			margin: 7px;
		}
}
span.required {
	display:inline-block;
	padding:2px;
	background-color:#F00;
	color:#FFF;
	font-size:0.7rem;
	margin:0 8px;
	border-radius:3px;
}
table.form_table {
	border-spacing:20px 15px;
	border-collapse:separate;
	width: 100%;
	}
table.form_table th {
	padding: 5px 0;
	width: 30%;
	}
table.form_table td {
	padding: 5px 0;
	width: 70%;
	}
@media (max-width:992px){
    table.form_table {
			margin: 0 -10px;
		}
    table.form_table th,
    table.form_table td{
			padding: 5px 0;
	    width: 100%;
	    display: block;
    }
		table.form_table .state,
		table.form_table .pic {
			font-size: 1.2rem;
		}
	}
table.form_table .maker,
table.form_table .product-name,
table.form_table .product-number,
table.form_table .state,
table.form_table .option,
table.form_table .comment,
table.form_table .name,
table.form_table .email,
table.takuhai-kit {
	width: 100%;
}
table.form_table .pic {
	margin: 5px 0;
}
@media (max-width:992px){
	table.form_table .telphon-number {
		width: 20%;
	}
}
.submit {
		width: 200px;
		margin:40px auto 50px auto;
}
.submit_button {
	width: 100%;
	background-color: #eb6100;
	height: 40px;
	border:0;
	color:#FFF;
	}
.form-end-comment {
	clear: both;
	width: 80%;
	margin: 50px auto;
}
.ns-box {
	margin: 50px 0;
}
.takuhai-kit {
	font-size: 1.15rem
}
/***** 店舗案内 *****/
.shop_comment {
	margin: 20px 0 30px 0;
	}
.shop_comment_sub {
	margin:30px 0;
	}
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	}
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.staff_wrap {
}
.staff_pic {
	width: 80%;
	height: auto;
	border-radius: 50%;
	margin: 15px;
}
p.staff_commet {
	margin: 20px;
}
@media (max-width: 992px) {
	.staff_pic {
		width: 80%;
		height: auto;
		border-radius: 50%;
		margin: 15px;
	}
}
/***** LINE@ *****/
h3.lineat {
	background-color: #00b900;
	text-align:center;
	color:#FFFFFF;
	height: 55px;
	font-family: "Mplus 1p";
	font-weight: 800;
	font-size:26px;
	line-height:2;
	margin-top:0;
}
.lineat_wrap {
	padding: 0 35px;
	margin:30px 0;
	clear: both;
}
.lineat_comment {
	color: #00b900;
	font-size: 1.7rem;
	font-weight: 400;
	padding: 30px 35px 0 35px;
	line-height: 1.8;
}
/***** 会社概要 *****/
div.company_wrap {
	padding: 30px 20px;
	clear: both;
}
table.company_info {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 40px;
}
table.company_info th,
table.company_info td {
	padding: 7px 10px;
	border: solid 1px #999;
}
table.company_info th {
	background-color: #dcdcdc;
	width: 32%;
}
table.company_info td {
}
table.company_info th.first_th,
table.company_info td.first_td {
	background-color: #eddca3;
	font-size: 1.2rem !important;
	text-align: center !important;
}
table.company_info img {
	width: 80%;
	height: auto;
	margin: 15px 10px;
}
@media (max-width: 992px) {
	table.company_info th,
	table.company_info td {
		display: block;
		width: 100%;}
	}
	table.company_info img {
		width: 90%;
		height: auto;
		margin: 15px 10px;
	}
}
/* AJARA */
.ajara_wrap {}
.gaiyou_image {
	width: 80%;
	height: auto;
	margin: 20px auto;
}
@media (max-width: 992px) {
		.gaiyou_image {
			width: 100%;
			height: auto;
		}
	}
	.ajara_info_shopname {
		text-align: center;
		font-size: 1.4rem;
		font-weight: 800;
		color:#666;
	}
	.ajara_info_details {
		text-align: center;
		padding: 20px;
		border-bottom: solid 1px #ddd;
		margin-bottom: 20px;
		font-size: 1.2rem;
	}
/***** 修理サービス *****/
section.repair_service,
section.repair_example {margin-bottom: 30px;}
.repair_recommended {font-size: 2rem;}
.repair_recommended ul {padding: 0 30px;}
h2.repair_recommended_title {margin: 30px 0;font-family: "Mplus 1p";
    font-weight: 700;
    font-size: 3rem;
    text-align: center;
    color: #FFF;
    text-shadow: 2px 2px 1px #f8b551, -2px 2px 1px #f8b551, 2px -2px 1px #f8b551, -2px -2px 1px #f8b551;}
li.repair_list {list-style: none;padding-left: 45px;background-image: url(./img/repair/list1.jpg);background-repeat: no-repeat;line-height: 3.5rem;margin-left: 50px;}
.repair_comment {font-size: 1.8rem;padding: 30px;}
h3.repair_item_title {
	margin :0 auto 5px auto;
	height: 36px;
	width: 400px;
	line-height: 36px;
	font-size :1.8rem;
	font-weight: 600;
  padding: 2px 20px;
  background-color: #ccc;
  border-radius: 4px;
  color: #666;
  font-size: 1.6rem;
	box-shadow: 0 5px 0 #999;
}
.repair_ex {text-align: center;margin: 30px 0;}
.repair_ex .before,.repair_ex .after {padding-top: 15px;font-weight: 600;}
.repair_item_comment {padding :25px;background-image: url(./img/repair/repair_item_comment_bg.jpg);}
@media (max-width: 767px) {
	li.repair_list {margin-left: 0;}
	h3.repair_item_title {width: 80%;}
}

/***** ページネーション *****/
/* 共通 */
.pagenatin_box {
	display: block;
	width: 100%;
	clear: both;
}
.pagination {
    text-align: center;
    width: 100%;
    display: block
}
.pagination a {
    background: #f6f6f6;
    color: #000;
    text-decoration: none
}
/* スマホ　*/
@media only screen and (max-width: 667px) {
    .pagination .inner {
        width: 90%;
        margin: 0 5%;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        height: 46px
    }
    .pagination .page-of {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        position: absolute;
        left: 37%;
        width: 26%;
        font-weight: bold;
        color: #fff;
        background: #2C2D2F;
        height: 46px;
        line-height: 46px;
        font-size: 1.3rem
    }
    .pagination .m-prev {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: 0;
        -webkit-order: 0;
        order: 0;
        width: 15%;
        position: absolute;
        left: 0%
    }
    .pagination .pn-prev {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        width: 22%;
        position: absolute;
        left: 15%
    }
    .pagination .pn-next {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3;
        width: 22%;
        position: absolute;
        left: 63%
    }
    .pagination .m-next {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 4;
        -webkit-order: 4;
        order: 4;
        width: 15%;
        position: absolute;
        left: 85%
    }
    .pagination .current, .pagination .pn-numbers {
        display: none
    }
    .pagination a {
        line-height: 46px;
        height: 46px;
        font-weight: bold;
        font-size: 1.3rem
    }
}
/* PC */
@media only screen and (min-width: 668px) {
    .pagination .page-of {
        display: block;
        width: 100%;
        font-size: 108%;
        color: #000;
        text-align: center;
        margin-bottom: 2em
    }
    .pagination a, .pagination .current {
        display: inline-block;
        padding: 0 1.5em;
        font-size: 116%;
        font-weight: bold;
        line-height: 50px;
        height: 50px
    }
    .pagination .current {
        background: #2C2D2F;
        color: #fff
    }
    .pagination a:hover {
        background: #2C2D2F;
        color: #fff
    }
  }
/***** ブログ投稿 *****/
.aligncenter {
    display: block;
    margin: 0 auto;
}
.blog_contents img {
    max-width: 100%;
    height: auto;
}