/* --- global --- */

.visual-center{
width:75%;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}

#mainvisual div.pconly img,
#mainvisual div.sponly img{
width:100%;
/*
opacity:0;
transition:all .8s;
*/
}

#mainvisual .visual{
position:relative;
color:white;
}

img.visual-icon{
width:120px;
margin-bottom:12px;
}

img.visual-icon-style2{
height:102px;
width:auto;
margin-bottom:12px;
}

.visual-text{
position:absolute;
top:55%;
z-index:9000;
width:100%;
text-align:center;
}

.visual-text-exlarge{
display:block;
font-size: 46px;
line-height:74px;
letter-spacing:.1em;
font-weight:bold;
margin-bottom:56px;
max-width:75%;
margin-left:auto;
margin-right:auto;
}

.visual-text-exlarge-single{
display:inline-block;
}

.visual-text-large{
display:block;
font-size:32px;
font-size: 1.8vw;
line-height:48px;
font-weight:700;
}

.visual-text-medium{
width: 76%;
margin: 0 auto;
display: block;
font-size: 1.5vw;
letter-spacing: .1em;
line-height: 50px;
font-weight: 400;
font-family: "Yu Gothic", YuGothic, sans-serif !important;
}

.visual-btn{
height:56px;
margin-top:32px;
}

,visual-btn *{
transition:all .2s;
}

.visual-btn a{
border:2px solid #FFFFFF;
font-size:16px;
line-height:1em;
font-weight:bold;
color:white;
padding:15px 50px;
display: inline-block;
position:relative;
transition:all .8s;
}

/*
.visual-btn a::before{
content:"";
display:block;
position:absolute;
top: 50%;
left: 50%;
width:5vw;
height:5vw;
border:2px solid rgba(255,255,255,0.01);
transition:all 0.5s;
transform: translateY(-50%) translateX(-50%);
}

.visual-btn a:hover{
border-color:rgba(255,255,255,0.01);
}

.visual-btn a:hover::before{
content:"";
border:6px double rgba(255,255,255,0.3);
display:block;
width:7vw;
height:7vw;
position: absolute;
top: 50%;
left: 50%;
transition:all .4s;
transform: translateY(-50%) translateX(-50%) rotate(945deg);
background-color:rgba(255,255,255,0.1);
}
*/

/* --- breadcrumb --- */

.breadcrumb{
font-size:13px;
padding-top:48px;
padding-bottom:68px;
width: 1200px;
margin: 0 auto;
}

.breadcrumb span{
color:#aaaaaa;
}

.breadcrumb a{
color:#aaaaaa;
}

.breadcrumb a:hover{
color:#666666;
}

.breadcrumb br{
display:none;
}

.breadcrumb h2{
font-size: 36px;
line-height: 48px;
text-align: center;
line-height: 1.5em;
margin-top: 48px;
}



/* --- heading --- */

div.heading{
text-align:center;
padding:120px 0 180px 0;
}

div.heading_contents{
text-align:center;
padding:0 0 0 0;
}

h2.heading_jp{
font-size:32px;
letter-spacing:.1em;
line-height:1.5em;
font-weight:500;
}

/* --- page layout --- */

#single-content{
min-height:240px;
}

#single-content div{
max-width:100%;
}

/* --- Wide --- */
.contents_wide{
width:100%;
margin:0 auto;
/*min-height:640px;*/
}

.contents_wide h2{
font-size:36px;
line-height:48px;
text-align:center;
line-height:1.5em;
margin-bottom:62px;
}

.contents_wide p{
font-size:16px;
line-height:2em;
margin:50px 0;
}

.contents_wide figcaption{
font-size:14px !important;
line-height:1.4em !important;
color:#666;
}

.wp-caption-text{
font-size:14px !important;
line-height:1.4em !important;
color:#666;
}

/* --- Narrow --- */
.contents_narrow{
width:750px;
/*margin:0 auto;*/
min-height:480px;
line-height:2em;
margin-bottom:100px;
}

.contents_narrow h2{
font-size:36px;
line-height:48px;
line-height:1.5em;
margin-bottom:62px;
}

.contents_narrow h2#single-title-pr{
margin-bottom:0;
}



.contents_narrow p{
font-size:16px;
line-height:32px;
margin:0 0 32px 0;
}

.contents_narrow figcaption{
font-size:14px;
line-height:1.5em;
}

/*
.contents_narrow > #single-content > h3{
padding-top:24px;
font-size:30px;
line-height:44px;
font-weight:bold;
margin-bottom:28px;
}
*/

.contents_narrow h3{
font-size:32px;
line-height:48px;
line-height:1.6em;
margin-bottom:28px;
/*letter-spacing:.1em;*/
}

.contents_narrow > #single-content > h4{
padding-top:22px;
font-size:22px;
line-height:44px;
font-weight:bold;
margin-bottom:24px;
}

.contents_narrow > #single-content > h4.left_orange{
padding-top: 8px;
padding-bottom: 6px;
padding-left: 12px;
font-size: 22px;
line-height: 1em;
font-weight: bold;
margin-top: 96px;
margin-bottom: 28px;
border-left: 10px solid #df9f43;
}

.contents_narrow > #single-content > h5{
padding-top:24px;
font-size:22px;
line-height:34px;
font-weight:bold;
margin-bottom:20px;
}

#single-content img{
max-width:100%;
height:auto;
}

.contents_narrow .alignright{
display:inline;
float:right;
margin:60px 0 80px 36px;
}

.contents_narrow .aligncenter{
display:block;
margin:0 auto;
}

.contents_narrow .alignleft{
display:inline;
float:left;
margin:60px 36px 80px 0;
}

.contents_narrow a{
text-decoration:underline;
}

.contents_narrow ul{
list-style-type:none;
font-size:18px;
margin-bottom:40px;
margin-left: -4px;
}

.contents_narrow ul li{
padding-left: 1em;
text-indent:-1em;
}

.contents_narrow ul li::before{
content:  "・";
display:  inline;
color: #222222;
}

.contents_narrow ol{
list-style-position: inside;
margin-left:4px;
font-size:18px;
margin-bottom:40px;
margin-left: -4px;
}

.contents_narrow ol li{
padding-left: 1em;
text-indent:-1em;
}

.contents_narrow blockquote{
margin-top:48px;
font-style:normal;
font-size:18px;
line-height:36px;
width:100%;
position:relative;
margin-bottom:48px;
}

.contents_narrow blockquote p{
margin:0;
padding: 27px 45px;
}


.contents_narrow blockquote::before, .contents_narrow blockquote::after {
  position: absolute;
  color: #c0c0c0;
  font: normal 46px fontawesome;
}
.contents_narrow blockquote:before {
  content: '';
  left: 0;
  background:transparent url('assets/img/blockquote-before@2x.png') no-repeat left top;
    width: 22px;
    height: 17px;
    background-size: contain;
}
.contents_narrow blockquote:after {
  content: '';
  right: 0;
  bottom:0;
  background:transparent url('assets/img/blockquote-after@2x.png') no-repeat left top;
    width: 22px;
    height: 17px;
    background-size: contain;
}

.contents_narrow figure{
	max-width:100%;
	margin-bottom:48px;
}

.contents_narrow figure img{
	max-width:100%;
	height:auto;
}



.contents_narrow ul#single_sns{
    margin-top: 20px;
    margin-bottom: 108px;
}

.contents_narrow ul.c-snsList{
	margin-left:4px !important;
}

.contents_narrow ul.c-snsList li{
    padding-left: 0;
    text-indent: 0;
    margin-right: 16px;
}

.contents_narrow ul.c-snsList li:nth-child(2){
    margin-right: 12px;
}
	
.contents_narrow ul.c-snsList li::before{
	display:none;
}

.contents_narrow ul.c-snsList li img{
	width:auto;
	height:30px;
}

.contents_narrow ul.c-snsList li:nth-child(2) img{
	width:auto;
	height:26px;
	margin-top:2px;
}

.contents_narrow ul.c-snsList li a img{
	transition:all .4s;
}

.contents_narrow ul.c-snsList li a img:hover{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}





.box1{
width:100%;
height:100%;
margin-bottom:50px;
}

.box1::before{
width:calc(100% - 20px);
margin:0 auto;
height:2px;
background-color:#222222;
display:block;
content:"";
margin-bottom:10px;
}

.box1::after{
width:calc(100% - 20px);
margin:0 auto;
height:2px;
background-color:#222222;
display:block;
content:"";
margin-top:10px;
}

.box1_inner{
border-left:2px solid #222222;
border-right:2px solid #222222;
padding:24px 40px;
}

.box2{
width:100%;
position:relative;
margin-top:48px;
transition:all .7s;
}

.box2_inner{
width:100%;
border:2px solid #222;
border-radius:2px;
background-color:white;
z-index:10;
padding:40px 45px;
font-size: 18px;
line-height: 36px;
transition:all .7s;
}

.box2::after{
content: " ";
display: block;
height: 100%;
width: calc(100% - 10px);
border-right: 2px solid #222;
border-bottom: 2px solid #222;
position:absolute;
bottom:-10px;
right:0;
border-radius:0;
transition:all .7s;
}





/* --- */

.product_detail_table{
width:100%;
display: table;
}

.table-row{
display: table-row;
}

.table-cell{
display: table-cell;
}

#related_box1_details .table-cell:nth-child(1){
width:150px;
font-weight:bold;
}

#related_box1_details2 .table-cell:nth-child(1){
width:150px;
padding-left: 9px;
}



.product_detail_table img{

}

.btn_to_detail{
	margin: 20px 0 0 9px;
    display: block;
    width: 160px;
    height: 42px;
    line-height: 42px;
    color: white;
    background-color: #222;
    text-align: center;
    transition:all .3s;
	text-decoration:none !important;
}

.btn_to_detail:hover{
	opacity:0.7;
}





/* --- Author information on single post --- */

#single-authorinfo{
background: #e5e4e3;
padding: 37px 40px 37px 40px;
text-align: left;
}

#single-authorinfo-head-image{
float:left;
width:120px;
height:120px;
}

#single-authorinfo-head-name{
float:left;
width:74%;
margin-left:40px;
padding-top:12px;
}

#single-authorinfo-head-image img{
	width:120px;
	height:120px;
	border-radius:50%;
}

#single-authorinfo-head-name h3{
font-size: 24px;
letter-spacing:.1em;
line-height: 1em;
margin-top: 0;
margin-bottom: 0;
}

#single-authorinfo-head-name h4{
font-size:18px;
letter-spacing:.1em;
font-family:Open Sans, sans-serif;
line-height:1em;
margin-top:10px;
font-style:italic;
}

#single-authorinfo-head-sns{
margin-top:20px;
}

#single-authorinfo-head-sns a{
margin-right:20px;
}

#single-authorinfo-head-sns img{
height:22px;
width:auto;
}

#single-authorinfo-text{
font-size:14px;
line-height:28px;
margin-top:36px;
}

#single-authorinfo-btn{
margin:25px auto 0 auto;
display:block;
width:160px;
height:42px;
line-height:42px;
color:white;
background-color:#222;
text-align:center;
transition: all .3s;
text-decoration:none;
}

#single-authorinfo-btn:hover{
opacity:0.7;
}





/* --- Product related to single post --- */

#related_product{
margin-top:48px;
}

#related_product > h3{
font-size:20px;
line-height:1em;
padding:16px 0;
border-top:2px solid #222;
border-bottom:2px solid #222;
text-align:center;
}

#related_box1{
margin-top:50px;
display:flex;
}

#related_box1_left{
width:46%;
margin-right:60px;
position:relative;
}

#related_box1_right{
width:46%;
}

#related_box1_left > img{
width:100%;
border:2px solid #DDDDDD;
}

#related_box1_left_prizeicon{
width:48px;
position:absolute;
top:18px;
right:18px;
text-align:center;
}

#related_box1_left_prizeicon img{
width:44px;
}

#related_box1_left_prizetext{
font-size:12px;
line-height:1em;
font-weight:bold;
}

#related_box1_left_specialtext{
font-size:9px;
line-height:11px;
border:2px solid #222;
width:70px;
height:auto;
padding:3px 6px;
text-align:center;
/*
position:absolute;
top:98px;
right:18px;
*/
font-weight:bold;
}

#related_box1_details2-subject{
margin:0;
text-align:left;
padding:32px 0 8px 0;
font-size:16px;
font-weight:normal;
}





/* --- Post to DB Single --- */

#related_box1_right > h3{
font-size:28px;
line-height:36px;
padding:10px 0 16px 0;
}

#related_box1_right span img{
width:30px;
display:inline-block;
vertical-align:sub;
margin-right:12px;
}



#comment2{
padding:45px 65px;
position:relative;
border:2px solid #222222;
margin-top:44px;
margin-bottom:54px;
line-height:1em;
}

#comment2 div{
margin-top:18px;
line-height:28px;
font-size:18px;
}

#comment2 h3{
font-size:22px;
line-height: 1em;
margin-bottom: 0;
}

#comment2_small{
font-size: 0.9rem;
display: block;
margin-top: 8px;
}

#comment2_decorations{
height:0 !important;
line-height:0 !important;
margin:0 !important;
}

#comment2_decorations::before,
#comment2_decorations::after{
	transition:all .5s;
}

#comment2_decorations::before{
content:"";
width:73px;
height:73px;
position:absolute;
top:-48px;
left:-48px;
background-color:white;
z-index:99;
border-right:2px solid #222222;
transform:rotate(45deg);
}

#comment2_decorations::after{
content:"";
width:73px;
height:73px;
position:absolute;
bottom:-48px;
right:-48px;
background-color:white;
z-index:99;
border-left:2px solid #222222;
transform:rotate(45deg);
}



#related_box2{
background:#F2F2F2;
padding:30px 40px 20px 40px;
text-align:center;
margin-top:44px;
}

#related_box2 > h4{
font-size:18px;
font-weight:bold;
}

#related_box2_btns{
margin-top:24px;
display:flex;
justify-content: space-between;
margin-bottom:24px;;
}

#related_box2_btns a{
display:block;
width:23%;
height:50px;
font-size: 14px;
color:white;
line-height:50px;
font-weight:bold;
transition:all .2s;
text-decoration:none;
}

#related_box2_btns a:hover{
transform:scale(1.05);
}


#related_box2_btns a:nth-child(1){
background-color:#222222;
}
#related_box2_btns a:nth-child(2){
background-color:#FF9900;
}
#related_box2_btns a:nth-child(3){
background-color:#BF0000;
}
#related_box2_btns a:nth-child(4){
background-color:#F45545;
}

#related_box2_btns a.disabled{
background-color:#E2E2E2;
color:#AAAAAA;
cursor: not-allowed;
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer */
-khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
-webkit-user-select: none; /* Chrome, Safari, and Opera */
-webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}

#related_box2_btns a.disabled:hover{
transform:none;
}



#product_detail_index{
margin-top:14px;
padding-left:4px;
}

#product_detail_index img{
width:360px;
}



#article_sns{
margin-top:20px;
margin-bottom:108px;
display:flex;
justify-content: flex-start;
}

#article_sns a{
display:block;
width:30px;
height:30px;
transition:all .4s;
margin-right:18px;
}

#article_sns a:hover{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}

#article_sns a img{
width:100%;
height:100%;
}

#article_sns a:nth-child(4){
opacity:0;
pointer-events: none;
}







/* --- Authors --- */

#authors{
display: flex;
justify-content: space-between;
flex-wrap:wrap;
}

table.authorinfo_half{
margin-top:0 !important;
width: calc(50% - 20px);
}

table.about_authorinfo{
margin-top:40px;
margin-bottom:40px;
}
table.about_authorinfo thead td,
table.about_authorinfo tfoot td{
background-color:#e5e4e3;
font-size:10px;
line-height:1em;
}
table.about_authorinfo tr td{
background-color:#e5e4e3;
vertical-align: top;
}

.author{
background: #e5e4e3;
padding: 37px 40px 37px 40px;
text-align: left;
width:100%;
transition:all .2s;
}

.author-head-image{
float:left;
width:120px;
height:120px;
}

.author-head-name{
float:left;
width:50%;
margin-left:32px;
padding-top:12px;
}

.author-head-image img{
width:120px;
height:120px;
border-radius:50%;
}

.author-head-name h3{
font-size: 24px;
letter-spacing: .1em;
line-height:1em;
}

.author-head-name h4{
font-size: 18px;
letter-spacing: .1em;
font-family:Open Sans, sans-serif;
font-style:italic;
line-height:1em;
margin-top:10px;

}

.author-head-sns{
margin-top:20px;
}

.author-head-sns a{
margin-right:20px;
}

.author-head-sns a:last-child{
margin-right:0;
}

#single-authorinfo-head-sns img,
.author-head-sns img{
height:22px;
width:auto;
transition:all .4s;
}

#single-authorinfo-head-sns img:hover,
.author-head-sns img:hover{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}



.author-text{
font-size:16px;
line-height:30px;
margin-top:23px;
}

.author-text a{
text-decoration:underline;
}

.author-btn{
margin:25px auto 0 auto;
display:block;
width:160px;
height:42px;
line-height:42px;
color:white;
background-color:#222;
text-align:center;
transition:all .3s;
}

.author-btn:hover{
opacity:0.7;
}




/* --- News --- */

#archive-news{
}

#archive-news a{
text-decoration:none;
}

#archive-news a:hover{
text-decoration:underline;
}

#archive-news article{
border-top:1px solid rgba(34,34,34,0.5);
padding-top:40px;
line-height:1em;
padding-bottom:40px;
}

#archive-news article:last-child{
border-bottom:1px solid rgba(34,34,34,0.5);
}

#archive-news article aside{
display:block;
}

.news-category{
border:2px solid #222222;
font-size:14px;
line-height:1em;
display:inline-block;
padding:9px 16px;
}

.news-date{
display:block;
margin-top:16px;

font-size: min(20px, 3vw);
}

.news-text{
margin-top:10px;
font-size:18px;
line-height:26px;
}




/* --- dbguide --- */

#dbguide-capture{
margin-top:0;
border:1px solid #dfdfdf;
}

#dbguide-prize-table{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap:wrap;
}

#dbguide-prize-table{
clear:both;
}

#dbguide-prize-table > div{
width:50%;
margin-bottom:32px;
}

#dbguide-prize-table > div > h2{
margin-bottom:0;
}

#dbguide-prize-table > div img{
width:286px;
}

#dbguide-prize-table > div > p{
width:286px;
margin:0 auto;
font-size:18px;
line-height: 32px;
}

#dbguide-prize-table-logo{
text-align:center;
margin-bottom:32px;
}

#dbguide-prize-table-logo img{
width:259px;
}

@media only screen and (max-width:1023px){
	#dbguide-capture{
	float:none;
	margin-bottom:24px;
	}
	#dbguide-prize-table > div{
	width:100%;
	margin-bottom:32px;
	}
	#dbguide-prize-table > div:nth-child(n + 4){
	margin-bottom:0px;
	}
	#dbguide-prize-table > div img{
	width:75%;
	max-width:320px;
	}
	#dbguide-prize-table-logo{
	width:75%;
	margin:24px auto 32px auto;
	}
	#dbguide-prize-table > div > p{
	width:100%;
	margin:0 auto;
	font-size:16px;
    line-height: 36px;
	}
}



/* --- wp-pagenavi --- */

#wp-pagenavi{
text-align:center;
}

#wp-pagenavi-bigmargin{
text-align:center;
}

.navi-top-14{
margin-top:14px;
}

.navi-top-20{
margin-top:20px;
}

.navi-top-74{
margin-top:74px;
}

.navi-bottom-70{
margin-bottom:70px;
}

.navi-bottom-74{
margin-bottom:74px;
}

.navi-bottom-90{
margin-bottom:90px;
}

.navi-bottom-150{
margin-bottom:150px;
}




@media only screen and (max-width:1200px){

	.contents_narrow{
		width:100%;
		padding:0 40px;
	}
	
	.contents_wide{
		width:100%;
		padding:0 40px;
		overflow:hidden;
	}
	
}

@media only screen and (max-width:1080px){

	#mainvisual{
		/*margin-top:140px;*/
	}

}

@media only screen and (max-width:1023px){

	#mainvisual{
		margin-top:70px;
	}
	
	.visual-text-exlarge,
	.visual-text-large,
	.visual-text-medium,
	#dbsearch-visual-text-box1,
	#dbsearch-visual-text-box2{
	/*
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
	*/
	filter:drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.75));
	}
	
	.visual-text-exlarge-single{
	filter:none;
	}
	
	.visual-text-exlarge-single span{
	filter:drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.75));
	}

	.visual-text-exlarge{
	display:block;
	font-size: min(6vw,30px);;
	line-height:1.5em;
	font-weight:bold;
	width:75%;
	margin:0 auto;
	}

	.visual-text-large{
	display:block;
	font-size:32px;
	font-size: 1.8vw;
	line-height:48px;
	font-weight:700;
	}

	.visual-text-medium{
	width:80%;
	margin:32px auto 0 auto;
	display:block;
	font-size:20px;
	font-size: 4vw;
	line-height:calc(4vw * 1.5);
	font-weight:500;
	}
	
	.visual-btn {
	margin-top:22px;
	}

	.visual-btn a{
	font-size:14px;
	padding:12px 37px;
	}
	
	
	
	.visual-scroll-navigation{
	display:block;
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
	}
	
	.visual-scroll-navigation-text{
	color:white;
	position:absolute;
	bottom:70px;
	width:100%;
	text-align:center;
	}
	
	.visual-scroll-navigation-text img{
	width:8vw;
	max-width:50px;;
	height:auto;
	}
	
	.visual-scroll-navigation-top{
	position:absolute;
	bottom:0;
	width:1px;
	height:60px;
	left:50%;
	background-color:white;
	}
	
	.visual-scroll-navigation-bottom{
	position:absolute;
	bottom:-40px;
	width:1px;
	height:40px;
	left:50%;
	background-color:#a3ad9b;
	}
	
	
	
	div.heading{
	padding:40px 16px 0 16px;
	}
	h2.heading_jp{
	font-weight:bold;
	font-size:18px;
	}
	#category_description_without_mainvisual{
	margin-bottom:0 !important;
	}
	
	
	
	.contents_narrow > h2{
		font-size:max(22px, 4.5vw);
		margin:44px auto;
	}
	
	.contents_wide > h2{
		font-size:30px;
		margin:44px auto;
	}
	
	.contents_narrow > #single-content > h3{
		font-size:min(24px, 5vw);
		margin:44px auto;
	}
	
	.contents_narrow > #single-content > h4{
		font-size:20px;
	}
	
	.contents_narrow > #single-content > h5{
		font-size:18px;
		font-weight:bold;
	}
	
	.contents_wide h2{
		margin:44px auto;
	}
	
	/* --- --- --- */
		
	.contents_narrow .alignright {
	    display: block;
	    float: none;
	    margin: 0 auto;
	}
	
	.contents_narrow .alignleft {
	    display: block;
	    float: none;
	    margin: 0 auto;
	}
	
	.box1_inner{
		font-size:14px;
		line-height:30px;
		padding:26px 24px;
	}
	
	.box2_inner{
	    width: calc(100% - 5px);
		padding:30px;
		font-size:16px;
		line-height:32px;
	}
	
	.box2::after{
	    width: calc(100% - 5px);
	    bottom:-5px;
	}
	
	
	
	.contents_narrow p{
		margin-top:4px;
		margin-bottom:32px;
		font-size:min(16px, 4.5vw);
		line-height:1.7em;
	}
	
	.contents_narrow p iframe{
		width:100%;
		height:auto;
		min-height:300px;
	}
	
	.contents_narrow > h3,
	.contents_narrow > h4,
	.contents_narrow > h5{
		padding-top:0;
	}
	
	.contents_narrow > h3{
		margin-bottom:18px;
	}

	.contents_narrow > h4{
		margin-bottom:8px;
	}
	
	.contents_narrow > h5{
		margin-bottom:8px;
	}

	.contents_narrow figure{
		margin-bottom:40px;
	}

	.contents_narrow figcaption{
		font-size:2.5vw !important;;
	}
	
	.contents_narrow ul,
	.contents_narrow ol{
		font-size:16px;
	}
	
	.contents_narrow blockquote p{
		padding:24px 30px;
		font-size:16px;
		line-height:32px;
	}
	
	
	
	.contents_narrow ul.c-snsList li{
		display:inline-block;
	}
	
	.contents_narrow ul.c-snsList li:nth-child(2) {
	    margin-top: -1px;
	}
	
	.contents_narrow ul.c-snsList li img{
		width:auto;
		height:20px;
	}

	.contents_narrow ul.c-snsList li:nth-child(2){
		margin-right:14px;
	}

	.contents_narrow ul.c-snsList li:nth-child(2) img{
		width:auto;
		height:18px;
		margin-top:0;
	}
	
	
	
	#article_sns{
		display:block;
	}
	
	#article_sns a{
		display:inline-block;
		height:18px;
		width:auto;
		margin-right:4px;
	}
	
	#article_sns a:nth-child(2){
		margin-right:0px;
	}
	
	#article_sns a.db_item_forcemarginright{
		margin-right:4px;
	}
	
	
	
	table.authorinfo_half{
		width: 100%;
	}
	
	#single-authorinfo {
	    /*background: #F2F2F2;*/
	    padding: 26px 26px 34px 26px;
	    text-align: left;
	    margin-top: 44px;
	}
	
	#single-authorinfo-head-image{
		float:none;
		width:50%;
		height:auto;
		margin:0 auto;
	}
	
	#single-authorinfo-head-image img{
		width:100%;
		height:auto;
	}
	
	#single-authorinfo-head-name{
		max-width:140px;
		margin-left:18px;
		width:50%;
		margin:0 auto;
		text-align:center;
	}
	
	#single-authorinfo-head-name{
		float:none;
	}
	
	
	#single-authorinfo-head-name h3{
		font-size:18px;
		font-weight:bold;
	}
	
	#single-authorinfo-head-name h4{
		font-size:2vw;
	}
	
	#single-authorinfo-text{
		padding-top:0 !important;
	}	


	
	#single-authorinfo-head-sns{
		margin-top:12px;
		display:none;
	}
	
	#single-authorinfo-head-sns a{
		margin-right:16px;
	}
		
	#single-authorinfo-head-sns img {
	    height: 18px;
	    width: auto;
	}
	
	/* --- --- --- */
	
	
	#related_product > h3{
		font-size:18px;
		line-height:1.3em;
	}
	
	#related_box1_left_prizeicon{
		width:52px;
		text-align: center;
	}
	
	#related_box1{
		display:block;
	}
	
	#related_box1_left,
	#related_box1_right{
		float:none;
		margin:0;
		width:100%;
	}
	
	#related_box1_right{
		margin-top:12px;
	}
	
	#related_box1_details2 .table-cell:nth-child(1){
	width:50%;
	}

	#related_box1_details2 .table-cell-1line br{
	display:none;
	}
	
	
	
	#comment2{
		width:100%;
	    padding: 38px 35px;
	    margin-bottom:auto;
	}
	
	#comment2_decorations::before{
		width:58px;
		height:58px;
		top: -36px;
    	left: -36px;
	}
	
	#comment2_decorations::after{
		width:58px;
		height:58px;
		right: -36px;
    	bottom: -36px;
	}
	
	
	
	#related_box2{
		padding:32px 20px;
	}
	
	#related_box2 > h4{
		font-size:20px;
	}
	
	#related_box2_btns{
		display:block;
		margin-top:30px;
	}
	
	#related_box2_btns a{
		width:100%;
		margin-bottom:20px;
	}
	
	#related_box2 > small{
		font-size:14px;
		display:block;
		width:100%;
		text-align:left;
	}
	
	
	
	#product_detail_index{
	padding-left:0;
	}

	#product_detail_index img{
	width:100%;
	}
	
	.btn_to_detail{
		margin-top:24px;
		margin-left:auto;
		margin-right:auto;
	}
	
	/* --- --- --- */
	
	#wp-pagenavi{
		margin:62px auto !important;
	}
	
	#wp-pagenavi-bigmargin{
		margin:24px auto 164px auto !important;
	}

	.wp-pagenavi a,
	.wp-pagenavi span{
		font-size:3vw;
	}
	
	
	
	#authors{
		margin-top:40px;
	}
	
	.author{
		width:100%;
		margin-top: 44px;
		margin-bottom:20px;
		padding:30px 26px 30px 26px;
	}
	
	.author div,
	.author p{
	    line-height: 1.7em !important;
	}
	
	.author:last-child{
		margin-bottom:0;
	}
	
	.author-head{
		text-align:center;
	}
	.author-head-image{
		float:none;
		width:50%;
		height:auto !important;
		text-align:center;
		margin:0 auto;
	}
	.author-head-image img{
		width:100%;
		height:auto;
	}
	
	.author-head-name{
		float:none;
		width:100%;
		margin-left:0;
	}
	
	.author-head-name h3{
		font-size: 18px;
		font-weight: bold;
	    letter-spacing: .1em;
	    line-height: 1em;
	}
	
	.author-head-name h4{
		font-size:2vw;
	}
	
	.author-text{
		margin-top:0 !important;
		font-size:14px;
		line-height:1.3em;
	}
	
	.author-text p{
		margin-top:36px !important;
	}
	
	/* --- --- --- */
	
	.article{
		font-size:18px;
	}
	
}



@media only screen and (max-width:320px){
	#dbsearch-visual-text-wrap{
		width:90% !important;
	}
	
	#dbsearch-visual-text-sp-logo img{
		width:30% !important;
	}
	.contents_wide{
		padding:0 20px;
	}
}



a.backbutton_text{
text-decoration:none;
font-family:YuMincho,'Yu Mincho',serif !important;
font-size:20px;
font-weight:500;
color:#a5a4a3;
display:inline-block;
margin-top:64px;
margin-left:14px;
}

a.backbutton_text2{
text-decoration:none;
font-family:YuMincho,'Yu Mincho',serif !important;
font-size:18px;
font-weight:500;
color:#a5a4a3;
display:inline-block;
margin-top:0;
margin-left:14px;
}

#category_description_without_mainvisual{
width: 100%;
text-align:center;
margin: 0 auto 48px 0;
display: block;
font-size: 16px;
letter-spacing: .1em;
line-height: 50px;
font-weight: 400;
font-family: "Yu Gothic", YuGothic, sans-serif !important;
}



#about-table1 tr td{
border-top:2px solid #b4bbac;
padding:24px 0;
}

#about-table1 tr td:nth-child(1){
padding-top:36px;
padding-left:36px;
padding-right:0;
width:48px;
text-align:center;
}

#about-table1 tr td:nth-child(2){
width:25%;
text-align:left;
padding:24px 24px 24px 0;
font-size: 24px;
font-weight:bold;
letter-spacing:.1em;
}

#about-table1 tr td:nth-child(3){
width:60%;
padding-right:70px;
font-size: 18px;
}

/*
#about-table1 tr:nth-child(1) td:first-child::before{
content:"";
display:inline-block;
background:url('./assets/img2112/search_black.svg') no-repeat left top;
width:48px;
height:48px;
}
*/



#about-table1 tr:last-child td{
border-bottom:2px solid #b4bbac;
}


#about_sign{
text-align:right;
margin-top:80px;
}

#about_sign > div{
font-size:14px;
line-height:1.3em;
}




#what_is_good_olive_oil_related_post{
margin-top:144px;
padding:29px 50px 46px 50px;
border:2px solid #df9d3b;
margin-bottom:48px;
}

#what_is_good_olive_oil_related_post h2{
text-align:center;
font-size:32px;
line-height:1em;
letter-spacing:.1em;
margin-bottom: 64px;
}

#what_is_good_olive_oil_related_post article{
display:flex;
justify-content:flex-start;
}

#what_is_good_olive_oil_related_post article div:first-child{
width:185px;
margin-right:34px;
}

#what_is_good_olive_oil_related_post article div:first-child img{
width:185px;
}

#what_is_good_olive_oil_related_post article div:last-child{
width:66%;
}

#what_is_good_olive_oil_related_post article div:last-child time{
font-size:16px;
letter-spacing:.1em;
}

#what_is_good_olive_oil_related_post article div:last-child div{
}

#what_is_good_olive_oil_related_post article div:last-child a{
display: inline-block;
line-height: 1.5em;
margin-top: 6px;
margin-bottom:20px;
text-decoration:none;
font-size: 17px;
}

#what_is_good_olive_oil_related_post article div:last-child span,
#what_is_good_olive_oil_related_post article div:last-child span a{
color:#afaeb1;
letter-spacing:.1em;
}

#single-authorinfo-text{
display:none;
}

#single-authorinfo-head-text{
display:block;
}


.margin_top_0{
margin-top:0 !important;
}

.margin_top_96{
margin-top:96px !important;
}

.margin_top_120{
margin-top:120px !important;
}



@media only screen and (max-width:1200px){
	#about-table1 tr td:nth-child(1){
	padding-left:0;
	}
	#about-table1 tr td:nth-child(2){
	width:30%;
	padding-left:16px;
	font-size:16px;
	letter-spacing:0;
	}
	#about-table1 tr td:nth-child(3){
	padding-right:0;
	font-size:16px;
	width:50%;
	}
	#single-authorinfo-text{
	clear:both;
	display:block;
	padding-top:48px;
	}
	#single-authorinfo-head-text{
	display:none;
	}

	#about-table1 tr td{
	padding:16px 0;
	}
	
	#about-table1 tr td:nth-child(1){
	padding-top:28px;
	padding-right:0;
	width:10%;
	text-align:center;
	}
	
	#about-table1 tr td:nth-child(1) img{
	width:26px;
	
	height:auto;
	margin-left:24px;
	}
	
	#about-table1 tr:nth-child(3) td:nth-child(1) img{
	width:18px;
	height:auto;
	margin-left:28px;
	}

	#about-table1 tr td:nth-child(2){
	width:28%;
	text-align:left;
	padding:24px 0 24px 28px;
	font-size: min(22px, 3vw);
	font-weight:bold;
	letter-spacing:0;
	}

	#about-table1 tr td:nth-child(3){
	width:50%;
	padding-right:32px;
	font-size: min(20px, 2.7vw);
	line-height:1.5em;
	}
		
	#about_sign > div{
	font-size:min(14px, 2.2vw);
	line-height:1.3em;
	}
	#about_sign p{
	font-size:14px;
	line-height:1.3em;
	}
	
	
	
	.contents_narrow > #single-content > h4.left_orange{
	font-size:min(18px,3vw);
	}
	
	#what_is_good_olive_oil_related_post{
	padding:64px 0;
	}
	
	#what_is_good_olive_oil_related_post h2{
	font-size:24px;
	}
	
	#what_is_good_olive_oil_related_post article{
	display:block;
	width:240px;
	margin:0 auto;
	}
	
	#what_is_good_olive_oil_related_post article time{
	letter-spacing:.1em;
	}
	
	#what_is_good_olive_oil_related_post article div:first-child{
	width:100% !important;
	margin:0;
	}

	#what_is_good_olive_oil_related_post article div:nth-child(2){
	margin-top:12px;
	border-bottom:1px solid #a2ad9c;
	padding-bottom:6px;
	margin-bottom:6px;
	line-height:1em;
	}
	
	#what_is_good_olive_oil_related_post article div:last-child{
	width:100%;
	}
	
	#what_is_good_olive_oil_related_post article div:last-child a{
	font-size:min(16px,3vw) !important;
	margin-bottom:0;
	}
	
	#what_is_good_olive_oil_related_post article div:last-child br{
	display:none;
	}
	
	#what_is_good_olive_oil_related_post article img{
	width:100% !important;
	}

	#what_is_good_olive_oil_related_post article div:last-child span,
	#what_is_good_olive_oil_related_post article div:last-child span a{
	font-size:2.5vw !important
	}
	
	
	
	
	a.backbutton_text{
	font-size:3vw;
	margin-left:4px;
	margin-bottom:24px;
	}
	a.backbutton_text2{
	font-size:3vw;
	margin-left:4px;
	margin-bottom:24px;
	}
	
	
	
	
}



@media screen and (orientation: landscape) and (max-width:767px){

	.visual-text-medium{
	width:80%;
	margin:32px auto 0 auto;
	display:block;
	font-size:20px;
	font-size: 3.5vw;
	line-height:calc(3.5vw * 2);
	font-weight:500;
	}

}



@media only screen and (max-width:320px){

	.breadcrumb{
	padding-left:20px;
	padding-right:20px;
	}

	.contents_narrow{
	padding:0 20px;
	}
	
	.visual-text-medium{
	width:80%;
	margin:32px auto 0 auto;
	display:block;
	font-size:20px;
	font-size: 3.5vw;
	line-height:calc(3.5vw * 2);
	font-weight:500;
	}
	
	#about-table1 tr td:nth-child(1) img{
	margin-left:6px;
	}
	#about-table1 tr:nth-child(3) td:nth-child(1) img{
	margin-left:6px;
	}
	
	#article_sns a{
	margin-right:0
	}

	nav#footer-nav ul li{
	font-size:3vw;
	}

}



.wpcf7-captchac{
width:160px;
height:auto;
}