@charset "UTF-8";

/* リセット補足 
.rst img {
	width: 100%;
}*/

/* 基本 */
/*html, body {
	height: 100%;
}*/

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	color: #231815;
	font-family: -apple-system, BlinkMacSystemFont, 'Noto Sans JP', sans-serif;;
	font-size: 14px;
	font-style: normal;
	-moz-font-feature-settings: "palt" 1;
	-webkit-font-feature-settings: "palt" 1;
	font-feature-settings : "palt" 1;
	background:url(../img/common/bg_sandpaper.jpg) top left;
}

.rst a {
	text-decoration: none;
	transition: opacity .3s ease;
}
/*.rst a:hover {
	opacity: .5;
}*/

.rst .contents-wrapper {
	width: 100%;
	padding: 0 10px;
}
@media screen and (min-width: 769px) {
	.rst .contents-wrapper {
		width: 100%;
		max-width: 1164px;
		margin: 0 auto;
		padding: 0 32px;
	}
}

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

.serif {
	font-family: 'Noto Serif JP', serif;
}



/**************************************************
 * 全体
 **************************************************/
.rst .main-contents {
	padding: 32px 0 96px;
	background: url(../img/common/bg_sandpaper.jpg);
}/*
@media screen and (min-width: 769px) {
	.rst .main-contents {
		padding: 64px 0 128px;
	}
	.rst .main-col {
		float: right;
		width: 810px;
	}
	 .rst .main-col {
		float: right;
		width: 816px;
	}
}*/



/**************************************************
 *セクションタイトル
 **************************************************/
/* 飾りについてはそれぞれ設定する */
.rst .sec-ttl-orn {
	position: relative;
	margin: 0 0 16px;
	padding: 8px 0 8px 20px;
	border-top: 2px solid #d7e1e2;
	border-bottom: 2px solid #d7e1e2;
}
.rst .sec-ttl-orn > span:first-child {
	margin: 0 16px 0 0;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	font-size: 20px;
}
.rst .sec-ttl-orn > span + span {
	font-weight: normal;
	font-size: 14px;
}
.rst .sec-ttl-orn::before {
	content: "";
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
}
/* 飾り設定 */
.rst .sec-ttl-orn.orn1::before {
	width: 101.5px;
	height: 47.5px;
	top: -16px;
	left: -13px;
	background-image: url(../img/top/sec_ttl_obj1.png);
}
@media screen and (min-width: 769px) {
	.rst .sec-ttl-orn {
		margin: 0 0 32px;
		padding: 5px 0 10px 62px;
	}
	.rst .sec-ttl-orn > span:first-child {
		font-size: 24px;
	}
	/* 飾り設定 */
	.rst .sec-ttl-orn.orn1::before {
		width: 203px;
		height: 95px;
		top: -30px;
		left: -26px;
	}
}



/**************************************************
 *セクションタイトル(レフトナビ)
 **************************************************/
.rst .sec-ttl-sub {
	position: relative;
	margin: 0 0 16px;
	padding: 8px 0 8px 32px;
	color: #fff;
	background: #231815;
}
.rst .sec-ttl-sub span:first-child {
	margin: 0 8px 0 0;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: .2em;
}
.rst .sec-ttl-sub span + span {
	font-size: 13px;
	font-weight: normal;
}
.rst .sec-ttl-sub::before,
.rst .sec-ttl-sub::after {
	content: "";
	position: absolute;
	display: block;
	width: 16px;
	height: 28.5px;
	top: 4px;
	background: url(../img/top/sec_ttl_sub.png) no-repeat;
	background-size: contain;
}
.rst .sec-ttl-sub::before {
	left: 4px;
}
.rst .sec-ttl-sub::after {
	right: 4px;
	transform: scale( -1, 1);
	-o-transform: scale( -1, 1);
	-ms-transform: scale( -1, 1);
	-moz-transform: scale( -1, 1);
	-webkit-transform: scale( -1, 1);
	filter: fliph();
	-ms-filter: fliph();
}
@media screen and (min-width: 769px) {
	.rst .sec-ttl-sub {
		margin: 0 0 8px;
		padding: 12px 0 8px 32px;
	}
	.rst .sec-ttl-sub::before,
	.rst .sec-ttl-sub::after {
		width: 16px;
		height: 28.5px;
		top: 6px;
	}
	.rst .sec-ttl-sub::before {
		left: 6px;
	}
	.rst .sec-ttl-sub::after {
		right: 6px;
	}
}



/**************************************************
 * レフトナビ設定
 **************************************************/
/* アバウトバナー */
.dnr-left-col .about-bnr {
	display: block;
	max-width: 372px;
	margin: 30px auto 16px;
}

/* CPバナー */
.dnr-left-col .cp-bnr {
	display: block;
	max-width: 372px;
	margin: 30px auto 16px;
}

/* FAQバナー */
.dnr-left-col .faq-bnr {
	display: block;
	max-width: 372px;
	margin: 0 auto 16px;
}

/* ランキング */
.rst .left-col-ranking {
	margin: 0 0 64px;
}
.left-col-ranking li {
	margin: 0 0 16px;
}
.left-col-ranking li > a {
	display: block;
	color: #231815;
}
.left-col-ranking .thumbnail {
	float: left;
	width: 40%;
	margin: 0 16px 0 0;
}
.left-col-ranking .item-info {
	float: left;
	width: calc(50% - 16px);
	padding: 16px 0 0;
	font-size: 16px;
}
.left-col-ranking .item-info p {
	line-height: 1.4;
}
.left-col-ranking .item-info::before {
	content: "";
	display: block;
	width: 44px;
	height: 40px;
	margin: 0 0 16px;
	background-repeat: no-repeat;
	background-size: contain;
}
.left-col-ranking li:first-child .item-info::before {
	background-image: url(../img/common/rank_icon1.png);
}
.left-col-ranking li:nth-child(2) .item-info::before {
	background-image: url(../img/common/rank_icon2.png);
}
.left-col-ranking li:nth-child(3) .item-info::before {
	background-image: url(../img/common/rank_icon3.png);
}
.left-col-ranking li:nth-child(4) .item-info::before {
	background-image: url(../img/common/rank_icon4.png);
}
.left-col-ranking li:nth-child(5) .item-info::before {
	background-image: url(../img/common/rank_icon5.png);
}

/* カテゴリー */
.left-col-category li {
	float: left;
	width: calc(50% - 4px);
	margin-bottom: 8px;
}
.left-col-category li:nth-child(odd) {
	margin-right: 8px;
}
.left-col-category li a {
	position: relative;
	display: block;
	height: 100%;
	padding: 14px 0 14px 8px;
	color: #231815;
	font-family: 'Noto Serif JP', serif;
	border: 1px solid #231815;
	border-left: 4px solid #231815;
	background: #fff;
}
.left-col-category li a span:first-child {
	display: block;
	margin: 0 0 4px;
	font-size: 16px;
	font-weight: bold;
}
.left-col-category li a span + span {
	display: block;
	font-size: 14px;
}
.left-col-category li a::after {
	content: "";
	position: absolute;
	display: block;
	width: 7.5px;
	height: 13.5px;
	margin: auto 0;
	top: 0;
	bottom: 0;
	right: 4px;
	background-image: url(../img/top/arrow_right.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.main_content main,
.rst .main_content .dnr-left-col {
	width:94%;
	margin:0 auto;
}

@media screen and (min-width: 769px) {
	.rst .dnr-left-col {
		float: right;
		width: 248px;
		margin: 0 42px 0 0;
	}
	 .dnr-left-col {
		margin: 0 36px 0 0;
	}

	/* アバウトバナー */
	.dnr-left-col .about-bnr {
		margin: 0 0 24px;
	}

	/* CPバナー */
	.dnr-left-col .cp-bnr {
		margin: 0 0 24px;
	}

	/* FAQバナー */
	.dnr-left-col .faq-bnr {
		margin: 0 0 24px;
	}

	/* ランキング */
	.left-col-ranking li {
		margin: 0 0 8px;
	}
	.left-col-ranking .thumbnail {
		margin: 0 8px 0 0;
	}
	.left-col-ranking .item-info {
		width: calc(50% - 8px);
		padding: 8px 0 0;
		font-size: 14px;
	}
	.left-col-ranking .item-info::before {
		margin: 0 0 4px;
	}

	/* カテゴリー */
	.left-col-category li {
		float: none;
		width: 100%;
	}
	.left-col-category li:nth-child(odd) {
		margin-right: none;
	}
	.left-col-category li a {
		padding: 16px 0 16px 16px;
		border: none;
		border-left: 4px solid #231815;
	}
	.left-col-category li a span:first-child {
		font-size: 18px;
	}
	.left-col-category li a::after {
		right: 16px;
	}
	
	
	
	div.main_content {
		width:94%;
		margin:40px auto 0;
		max-width:1080px;
		padding:0 0 200px;
	}
	
	.main_content main {
		float:right;
		width:73%;
		max-width:780px;
	}
	
	.rst .main_content .dnr-left-col {
			float: left;
		width: 25%;
		margin: 0 2% 0 0;
		max-width: 260px;
	}
	
}



.left-col-ranking .thumbnail img {
	height:auto;
	width:100%;
}

.rst .sec-ttl-sub span {
	color:#fff;
}

.rst .dnr-footer {
	margin-top:100px;
}



/*side*/
#page_type2 aside form {
	margin:0 0 30px;
	width:90%;
	margin:0 auto 40px;
}

#page_type2 aside form input {
	float: left;
    width: 88%;
    background: #fff;
    padding: 8px;
    font-size: 14px;
	border:1px solid #999;
	border-radius:30px;
}

#page_type2 aside form label {
	display:block;
	float:right;
	width:7%;
	margin:4% 0 0 5%;
	cursor:pointer;
}



/*archive ページャーstyle*/
nav.pager {
	text-align:center;
	margin:0 0 80px;
}

nav.pager .clearfix {
	display:inline;
}

nav.pager .clearfix a {
	padding:6px 10px;
	color:#fff;
	background:#4c9290;
	display:inline;
}

nav.pager .clearfix a img {
	display:inline;
}

nav.pager .clearfix a.prev.page-numbers,
nav.pager .clearfix a.next.page-numbers {
	background:none;
	position:relative;
	margin:0 20px;
	width:14px;
	height:22px;
	padding:4px 0;
}
/*
nav.pager .clearfix a.prev.page-numbers:after {
	content:url(../img/common/pager_left.png);
	position:absolute;
	top:0;
	left:0;
}

nav.pager .clearfix a.next.page-numbers:after {
	content:url(../img/common/pager_right.png);
	position:absolute;
	top:0;
	right:0;
}
*/
nav.pager .clearfix span {
	color:#fff;
	background:#231815;
	padding:6px 11px;
}


@media screen and (max-width: 768px){
	.main_content main {
		width:100%;
	}
	
	.rst .main_content .dnr-left-col {
		width:94%;
	}
}

@media screen and (max-width: 600px){
	nav.pager .clearfix a,
	nav.pager .clearfix span {
		font-size:22px;
		padding:6px 13px;
	}
}


#tag-list {
	margin:20px auto 40px;
	display:flex;
}
div#tag-list a,
#tag-list li {
	margin:0 10px;
	font-size:16px;
}

div#tag-list a {
	display:block;
}

div#tag-list a:before {
	    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
	content:"\f02b";
	margin:0 5px 0 0;
}

.wp-embedded-content {
max-width: 100%;
}

.dnr-header-pc .header-logo a:hover {
	opacity:1;
}



/***************************************************

 * 2019.08.06 add キャンペーンセクション

 ***************************************************/
/* サイドバー */
.dnr-left-col .left-col-campaign {
	display: block;
	max-width: 372px;
	margin: 0 auto 16px;
}
@media screen and (min-width: 769px) {
	.dnr-left-col .left-col-campaign {
		margin: 0 auto 24px;
	}
}


#floating_list {
	z-index: 1;
}


#sb_instagram .sbi_load_btn .sbi_btn_text {
  color: #FFF !important;
}

.sbi_follow_btn.sbi_custom span {
  color: #FFF !important;
}

#sb_instagram .sb_instagram_header, .sb_instagram_header {
  display: none !important;
}