@charset "UTF-8";

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/NotoSansCJKjp-Regular.woff2') format('woff2'),
	     url('./fonts/NotoSansCJKjp-Regular.woff') format('woff'),
	     url('./fonts/NotoSansCJKjp-Regular.ttf')  format('truetype'),
         url('./fonts/NotoSansCJKjp-Regular.eot') format('embedded-opentype');
}

label{
-webkit-appearance:none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#dbsearch{
background-color:#e5e4e3;
padding:64px 64px 80px 64px;
}

.dbsearch-list{
border-bottom:2px solid #92a08e;
padding-bottom:28px;
/*margin-bottom:22px;*/
padding-left:32px;
/*padding-right:32px;*/
margin-bottom:8px;
}

.dbsearch-list-border-thin{
border-bottom:1px solid #92a08e;
}

#dbsearch-list-keyword{
padding-bottom:96px;
}

#dbsearch-option2 label,
#dbsearch-option2-old label,
#dbsearch-option-aroma label,
#dbsearch-option-retronasal label,
#dbsearch-option-domestic label,
#dbsearch-option-flavoured label{
margin-top:22px;
}

#dbsearch-option2-old{
display:none;
padding-right:32px;
}

.dbsearch-list h3{
font-size:24px;
line-height:34px;
letter-spacing: .1em;
}

.dbsearch-list h3 span{
font-size:18px;
font-weight:normal;
display: inline-block;
vertical-align: bottom;
}

.dbsearch-list h3 span.dbsearch-list-caption-small-red{
color:red;
margin-left:6px;
}

.dbsearch-list h3 span.dbsearch-list-caption-small{
color:#aaaaaa;
}

#dbsearch-list-option h3,
#dbsearch-list-country h3,
#dbsearch-list-keyword h3{
margin-top:22px;
}

.dbsearch-list h3.marginzero{
margin-bottom:0;
}

.dbsearch-list-noborder{
border-bottom:none;
}

.dbsearch-list-nopadding{
padding-bottom:0;
}



#dbsearch-year{
margin-top:24px;
font-weight:normal;
}

#dbsearch-option1{
margin-top:32px;
padding-right:32px;
}

#dbsearch-country{
padding-bottom:32px;
}

#dbsearch-text{
margin-top:12px;
}














.control {
display: inline-block;
position: relative;
padding-left: 30px;
cursor: pointer;
font-size: 18px;
margin-right:36px;
font-size: calc(0.55rem + ((1vw - 1px) * 0.5004));
}

#dbsearch-list-country .control {
font-size: calc(0.45rem + ((1vw - 1px) * 0.5004));
}

@media only screen and (max-width:1400px){
	.control {
margin-right: calc(0.65rem + ((1vw - 2px) * 1));

	}
}

.control-quarter{
list-style-type:none;
margin-top:20px;
width:24.5%;
display:inline-block;
}

.control-quarter:nth-child(-n + 2){
margin-top:0;
}



.control-quarter label{
margin-right:0;
}

.control input {
position: absolute;
z-index: -1;
opacity: 0;
}
.control__indicator {
  position: absolute;
  top: -2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: white;
border: 2px solid #37383b;
}
.control--radio .control__indicator {
  border-radius: 50%;
}

.selectall{
font-weight:regular;
width:200px;
width: calc(16vw);
max-width: 200px;
}

.selectall2{
font-weight:regular;
width:200px;
width: calc(50vw);
max-width: 200px;
}

/* --- 2021 --- */

.dbsearch-border{
border-bottom:1px solid #92a08e;
padding-bottom: 22px;
padding-right: 32px;
}

.labelonly{
padding-left:0;
cursor:default !important;
}

.labelonly span,
.labelonly button{
display:inline-block;
vertical-align:middle;
}

button#ID_clear{
background-color:#343538;
border-radius:6px;
color:white;
font-size:12px;
padding:4px 8px 3px 8px;
cursor:pointer !important;
transition;all .3s;
margin-left:4px;
}

button#ID_clear:hover{
opacity:0.9;
}



.selectall-full{
font-weight:bold;
width:100%;
/*width: calc(16vw);*/
max-width: 100%;
}

.selectall-full span.nonbold{
font-weight:normal;
}



@media only screen and (max-width: 1023px){
	label.selectall-full{
	line-height:2em;
	}
	label.selectall-full > div.control__indicator{
	margin-top:8px;
	}
}

/*
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #ccc;
}
*/

.control input:checked ~ .control__indicator {
  background: #6D7707;
    border: 2px solid #37383b;
}

/*
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #0e647d;
}
*/

.control input:disabled ~ .control__indicator {
  /*background: #e6e6e6;*/
  opacity: 0.5;
  pointer-events: none;
  border-color: #CCCCCC;
}

.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: transparent url('assets/img/checked@2x.png') no-repeat;
background-size: auto;
background-size: 14px 9px;
background-position: center 5px;
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}

.control input:checked ~ .control__indicator--radio{
	border-color:#37383b;
	background-color:white;
}

.control input:checked ~ .control__indicator--radio:after {
  display: block;

    width: 12px;
    height: 12px;
    background-color: #6D7707;
    border-radius: 50%;
    left: 2px;
    top: 2px;

}

.radio_force_checked:after{
	display: block;
    width: 12px;
    height: 12px;
    background-color: #6D7707;
    border-radius: 50%;
    left: 3px;
    top: 3px;
}


.select {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
}
.select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 10px 15px;
  outline: 0;
  border: 0;
  border-radius: 0;
  background: #e6e6e6;
  color: #7b7b7b;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select select::-ms-expand {
  display: none;
}
.select select:hover,
.select select:focus {
  color: #000;
  background: #ccc;
}
.select select:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.select__arrow {
  position: absolute;
  top: 16px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #7b7b7b transparent transparent transparent;
}
.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
  border-top-color: #000;
}
.select select:disabled ~ .select__arrow {
  border-top-color: #ccc;
}



button#submit{
display: block;
font-size: 18px;
font-weight: 700;
letter-spacing: .1em;
line-height: 60px;
background: #3E4C40 url(assets/img2112/search_white.svg) no-repeat;
background-size: 22px 22px;
background-position: 80px 20px;
text-indent: 16px;
background-color: #3e4c41;
color: white;
margin: 0 auto;
cursor: pointer;
width: 340px;
transition: all .5s;
}

button#submit::before{
content:"";
}

button#submit:hover{
opacity:0.7;
}









nav#dbsearch-results-navi{
height:70px;
background-color:#EEEEEE;
padding:0 26px;
position:relative;
}

#dbsearch-results-navi-count{
font-size:16px;
display:inline-block;
line-height:70px;
}

#dbsearch-results-navi-count span:nth-child(1){
font-weight:bold;
display:inline-block;
margin-right:16px;
}

#dbsearch-results-navi-count span:nth-child(2){
display:inline-block;
}

#dbsearch-results-navi-select{
position:absolute;
top:18px;
right:18px;
line-height:34px;
font-weight:bold;
}

#dbsearch-results-navi-select select::-ms-expand {
	display: none;
}
#dbsearch-results-navi-select select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
	position:relative;
	border: 1px solid #CCCCCC;
	background-color: white;

	background-image: url('assets/img/select-arrow@2x.png');
    background-repeat: no-repeat;
    background-size: 10px 6px;
    background-position: right 10px center;
    background-color: white;
    height: 35px;
    width: 200px;
    padding-left: 10px;
    margin-left:18px;
    
    font-size:13px;
}

#dbsearch-results-navi-select select:focus{
	background-image: url('assets/img/select-arrow-upside@2x.png');
}
#dbsearch-results-navi-select select:focus{
	outline:none;
}

select:focus::-ms-value{
background:transparent;
}





#dbsearch-results-list{
margin-top:60px;
width:100%;
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}

.item{
width:30%;
min-height:100px;
background-color:transparent;
margin-bottom:calc(calc(100% - calc(30% * 3)) / 2);
border-bottom:1px solid #222222;
position:relative;
}

.empty{
min-height:0;
}

.item:nth-last-child(-n+3){
}

.item:nth-last-child(-n+3) .item_list_text_jp{
margin-bottom:0;
}

.item_list_image{
position:relative;
}

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

.item_list_image_prizeicon{
width:54px;
position:absolute;
top:18px;
right:18px;
text-align:center;
}

.item_list_image_prizeicon img{
width:44px;
}

.item_list_image_prizetext{
font-size:12px;
line-height:1em;
font-weight:bold;
}

.item_list_image_specialtexts{
position:absolute;
top:98px;
right:18px;
}

.item_list_image_specialtexts_wrap{
position:relative;
}

.item_list_image_specialtext{
font-size:9px;
line-height:11px;
border:2px solid #222;
width:70px;
height:auto;
padding:3px 6px;
text-align:center;
font-weight:bold;
margin-bottom:6px;
}

.item_list_image_specialtext2{
font-size:9px;
line-height:11px;
border:2px solid #222;
width:70px;
height:auto;
padding:3px 6px;
text-align:center;
font-weight:bold;
}

/*
.item_list_image_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;
}
.item_list_image_specialtext2{
font-size:9px;
line-height:11px;
border:2px solid #222;
width:70px;
height:auto;
padding:3px 6px;
text-align:center;
position:absolute;
top:148px;
right:18px;
font-weight:bold;
}
*/

.item_list_text{
text-align:center;
margin-top:26px;
padding-bottom:54px;
}

.item_list_text_country{
font-size:14px;
}

.item_list_text_country span img{
width:30px;
height:20px;
display:inline-block;
vertical-align:sub;
margin-right:6px;
}

.item_list_text_en{
margin-top:26px;
font-size:22px;
line-height:30px;
}

.item_list_text_jp{
font-size:22px;
line-height:30px;
}

.item > a{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
transition:all .5s;
}

.item > a:hover{
background-color:rgba(255,255,255,0.1);
box-shadow:0 0 60px 10px rgba(222,222,222,0.05);
}



#dbdetail{
width:960px;
margin:0 auto;
min-height:640px;
line-height:2em;
font-size:16px;
}

/*
#dbdetail{
font-size:36px;
line-height:48px;
text-align:center;
line-height:1.5em;
margin-bottom:62px;
}
*/

#product_detail{
}

#product_detail_box1{
display:flex;
}

#product_detail_box1_left{
/*width:420px;*/
width:340px;
/*margin-right:120px;*/
margin-right:64px;
position:relative;
}

#product_detail_box1_right{
width:556px;
}

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

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

#product_detail_box1_left_prizeicon img{
width:44px;
}

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

#product_detail_box1_left_specialtexts{
position:absolute;
top:98px;
right:18px;
}

#product_detail_box1_left_specialtexts_wrap{
position:relative;
}

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

#product_detail_box1_left_specialtext2{
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;
}

#product_detail_name{
padding:0 0 36px 0;
}

#product_detail_name_en{
font-size:32px;
line-height:40px;
}

#product_detail_name_jp{
margin-top:4px;
font-size:32px;
line-height:40px;
}

#product_detail_box1_right span img{
width:30px;
height:20px;
display:inline-block;
vertical-align:sub;
margin-right:12px;
margin-bottom:1px;
}

.product_detail_table{
margin-left:-10px;
}

#product_detail_box1_details .table-cell:nth-child(1){
width:166px !important;
font-weight:bold;
}



#product_detail_flavoured{
font-weight:bold;
}



#product_detail_box2_details .table-cell:nth-child(1){
width:166px;
padding-left:10px;
/*font-weight:bold;*/
font-family:"Noto Sans Japanese", serif !important;
}

#product_detail_box2_details-subject{
padding:36px 0 8px 0;
font-size:18px;
margin-left: -10px;
}

#product_detail_index img[src$="index0-0-0.png"] {
width:0 !important;
}

#product_detail_index img{
width:360px;
}

.table-cell a{
text-decoration:underline;
}

.product_detail_table{
font-size:18px;
}

#product_detail_comment1{
margin-top:40px;
font-size:18px;
line-height:30px;
}

#product_detail_comment1 h3{
font-size:22px;
border-bottom:2px solid #222;
padding-bottom:16px;
margin-bottom:12px;
line-height:1em;
}

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

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

#product_detail_comment2 h3{
font-size:22px;
line-height: 1em;
}

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



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

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

#product_detail_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);
}

#product_detail_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);
}

#product_detail_box2{
position:relative;
z-index:100;
background:#F2F2F2;
padding:30px 50px 32px 50px;
text-align:center;
margin-top:44px;
}

#product_detail_box2 > h4{
font-size:22px;
font-weight:bold;
}

#product_detail_box2_btns{
margin-top:28px;
display:flex;
justify-content: space-between;
margin-bottom:28px;

}

#product_detail_box2_btns a{
display:block;
width:23%;
height:50px;
font-size: 16px;
color:white;
line-height:50px;
font-weight:bold;
transition:all .2s;
}

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


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

#product_detail_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*/
}

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

#product_detail_box2 small{
font-size:14px;
}



#product_detail_index{
margin-top:14px;
}








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

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

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

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

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

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

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

l.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);
}

div#article_sns{
margin-bottom:66px;
}




nav#paging{
text-align:center;
margin:-30px auto 92px auto;
}

nav#navigation_bottom{
width:60%;
text-align:center;
margin:92px auto;
display:flex;
justify-content:space-between;
}

nav#navigation_bottom a{
    background-color:#222222;
    font-weight:bold;
}

nav#navigation_bottom a:hover{
	opacity:0.7;
}

nav#navigation_bottom a:first-child{
    display: block;
    height: 60px;
    line-height:60px;
    width:47%;
    max-width: 340px;
    margin: 0 auto;
    color: white;
    font-size: 18px;
    text-align: center;
    text-indent: 0;
}

nav#navigation_bottom a:last-child{
    display: block;
    height: 60px;
    line-height:60px;
    width:47%;
    max-width: 340px;
    margin: 0 auto;
    color: white;
    font-size: 18px;
    text-align: center;
    text-indent: 0;
}

nav#navigation_bottom a:first-child::before{
	content:"";
	display:inline-block;
    background: #222222 url('assets/img/arrow-return@2x.png') no-repeat left 4px;
	background-size: 16px 14px;
    width: 16px;
    height: 18px;
    margin-right: 6px;
}


nav#navigation_bottom a:last-child::before{
	content:"";
	display:inline-block;
    background: #222222 url('assets/img/loupe-invert@2x.png') no-repeat left 0;
	background-size: 16px 16px;
    vertical-align: middle;
	width: 16px;
    height: 20px;
    margin-right: 6px;
}



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

	.breadcrumb{
		margin-top:0;
	}
	
	.contents_wide h2{
		font-size:18px;
	    letter-spacing: .1em;
	    line-height: 1.5em;
	}
	
	
	
	#dbsearch{
		padding:34px 18px;
	}
	.dbsearch-list{
		
		padding-left:12px !important;
		/*padding-right:12px !important;*/
		
	}
	
	.dbsearch-border{
		padding-right:0;
	}
	
	.dbsearch-list h3{
		font-size:20px;
	}
	
	.dbsearch-list h3 span{
		font-size:12px;
	}
	


	.control{
	//vertical-align: text-top;
	}
	
	#dbsearch-year label{
	font-size:min(20px, 3vw);
    width: 42%;
    margin-right: 0;
	}
	
	#dbsearch-year label:nth-child(1){
	margin-bottom: 18px;
	}
	
	#dbsearch-year label:nth-child(2){
	margin-bottom: 18px;
	}

	#dbsearch-year label:nth-child(even){
    margin-left: 0px;
	}

	#dbsearch-option1{
	padding-right:0;
	}

	#dbsearch-option1 label{
	margin-bottom:18px;
	width:44%;
	font-size:min(20px, 3vw);
	margin-right:0;
	}
	#dbsearch-option1 label:nth-child(even){
	margin-left:24px;
	}
	#dbsearch-option1 label:first-child{
	display:block;
	margin-left:0;
	width:100%;
	}
	#dbsearch-option1 label:nth-child(n + 4){
	margin-bottom:0;
	}
	
	#dbsearch-option2-old{
	padding-right:0;
	}
	
	#dbsearch-option2,
	#dbsearch-option2-old,
	#dbsearch-option-aroma{
	margin-top:22px;
	}
	#dbsearch-option2 label,
	#dbsearch-option2-old label,
	#dbsearch-option-aroma label{
	margin-top:0;
	margin-bottom:18px;
	width:44%;
	font-size:min(20px, 3vw);
	margin-right:0;
	}
	#dbsearch-option2 label:nth-child(even),
	#dbsearch-option2-old label:nth-child(even),
	#dbsearch-option-aroma label:nth-child(even){
	margin-left:24px;
	}
	#dbsearch-option2 label:first-child,
	#dbsearch-option2-old label:first-child,
	#dbsearch-option-aroma label:first-child{
	display:block;
	margin-left:0;
	width:50%;
	}
	#dbsearch-option2 label:nth-child(n + 4),
	#dbsearch-option2-old label:nth-child(n + 4),
	#dbsearch-option-aroma label:nth-child(n + 4){
	margin-bottom:0;
	}

	#dbsearch-option-retronasal label{
	font-size:min(20px, 3vw) !important;
	}
	#dbsearch-option-retronasal label:first-child{
	width:auto;
	}
	
	#dbsearch-option-flavoured label{
	font-size:min(20px, 3vw) !important;
	}
	#dbsearch-option-flavoured label:first-child{
	width:auto;
	}

	#dbsearch-option-domestic label{
	font-size:min(20px, 3vw) !important;
	}
	#dbsearch-option-domestic label:first-child{
	width:auto;
	}

	#dbsearch-country{
	margin-top:32px;
	}
	
	#dbsearch-list-country .control{
	font-size:calc(0.55rem + ((1vw - 1px) * 0.5004));
	}
	
	
	
	#dbsearch-list-keyword{
	padding:0 !important;
	}
	
	#dbsearch-list-keyword h3{
	padding-left: 12px !important;
	}
	
	

	.control--checkbox .control__indicator:after{
		background-size:12.4px 8px;
	}
	


	button.dbsearch_do{
		width:45% !important;
		font-size:min(18px, 2.7vw) !important;
		line-height:42px !important;
		margin-top:72px !important;
		margin-bottom:36px !important;
	}


	
	.control-quarter{
		width:49% !important;
		vertical-align:top;
	}
	.control-quarter label{
		font-size:13px;
		padding-left:24px;
	}
	.control-quarter:nth-child(even){
		/*margin-left:24px;*/
	}
	.control-quarter-separate{
		display:none;
	}
	
	button#submit{
		background-image:none;
		position:relative;
		text-indent:-4px;
		font-weight:bold;
	}
	
	button#submit::before{
	display: inline-block;
	vertical-align:middle;
    content: "";
    background: transparent url('assets/img2112/search_white.svg') no-repeat left top;
    background-size: 16px 16px;
    width: 16px;
    height: 18px;
    margin-right:4px;   
	}
	
	
	
	/* --- 2021 --- */
	.labelonly{
	display: block;
    margin-left: 0;
    width: 75%;
    margin-bottom: 18px;
    font-size: 16px;
    margin-right: 0;
	}

	.labelonly span,
	.labelonly button{
	display:inline-block;
	vertical-align:middle;
	}

	button#ID_clear{
	background-color:#222;
	color:white;
	font-size:11px;
	padding:2px 12px;
	margin-left:4px;
	}
	/* --- 2021 end --- */
	
	/* --- 2021 August --- */
	.selectall2{
	font-size:16px !important;
	}
	/* --- 2021 August End --- */
	
	
	
	#dbsearch-results-navi{
		height:50px !important;
		line-height:50px;
		font-size:14px;
		width:100%;
		padding:0 14px 0 14px !important;
	}
	#dbsearch-results-navi-count{
		font-size:14px;
		height:50px !important;
		line-height:50px !important;
	}
	
	
	
	#dbsearch-results-navi-select-sp{
		position:absolute;
		top:0;
		right:14px;
	}
	
	#dbsearch-results-navi-select-sp select{
		font-size:16px;
	}

	#dbsearch-results-navi-select-sp select{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		
		position:relative;
		border: none;
		background-color: white;

		/*
		background-image: url(select-arrow-sp@3x.png);
	    background-repeat: no-repeat;
	    background-size: 16px 13.5px;
	    background-position: left 10px center;
	    */
	    background-color: transparent;
	    padding-left: 30px;
	    margin-left:18px;
	    
	    direction:rtl;
	}

	#dbsearch-results-navi-select-sp select:focus{
	}
	#dbsearch-results-navi-select-sp select:focus{
		outline:none;
	}
		
	#dbsearch-results-list{
		display:block;
		margin-top:40px;
	}
	
	
	
	
	
	.item{
		width:100%;
		margin-bottom:40px;
		border-bottom:1px solid #222222;
	}
	
	.item:nth-last-child(-n+3){
		margin-bottom:40px;
		border-bottom:1px solid #222222;
	}
	
	.item:last-child{
		margin-bottom:0;
		border-bottom:none;
	}

	.item:nth-last-child(-n+3) .item_list_text_jp{
		margin-bottom:46px;
	}

	.item_list_text{
		padding-bottom:36px;
	}
	
	.item_list_text_jp{
		/* margin-bottom:46px; */
	}
	
	.item h4{
		font-size:20px;
	}
	
	
	
	
	
	
	
	
	#dbdetail{
		width:100%;
		padding:0 20px;
		overflow:hidden;
	}
	
	#product_detail_name_sp{
		padding:0 0 32px 0;
		margin-top:40px;
		text-align:center;
	}
	#product_detail_name_sp_en{
		font-size:26px;
		line-height:34px;
	}
	#product_detail_name_sp_jp{
		margin-top:4px;
		font-size:26px;
		line-height:34px;
	}
	#product_detail_product > h3{
		font-size:18px;
		line-height:1.3em;
	}
	#product_detail_box1_left_prizeicon{
		width:52px;
		text-align: center;
	}
	#product_detail_box1{
		display:block;
	}
	#product_detail_box1_left,
	#product_detail_box1_right{
		float:none;
		margin:0;
		width:100%;
	}
	#product_detail_box1_right{
		margin-top:12px;
	}
	
	.product_detail_table{
		font-size:16px;
	}

	#product_detail_box1_details .table-cell:nth-child(1){
		width:106px !important;
		font-weight:bold;
	}
	
	#product_detail_box2_details-subject{
		font-size:16px;
	}
	
	#product_detail_box2_details .table-cell:nth-child(1){
		width:50% !important;
		padding-left:9px;
		/*font-weight:bold;*/
	}
	#product_detail_box2_details .table-cell-1line br{
		display:none;
	}
	
	#product_detail_index img{
		width:100%;
	}
	
	#product_detail_comment1 h3{
		font-size:20px;
	}
	#product_detail_comment1{
		font-size:16px;
		line-height:28px;
	}
	#product_detail_comment2{
	    padding: 38px 35px;
	}
	
	#product_detail_comment2_decorations::before{
		width:58px;
		height:58px;
		top: -36px;
    	left: -36px;
	}
	
	#product_detail_comment2_decorations::after{
		width:58px;
		height:58px;
		right: -36px;
    	bottom: -36px;
	}
	
	#product_detail_box2{
		padding:32px 20px;
	}
	#product_detail_box2 > h4{
		font-size:20px;
	}
	#product_detail_box2_btns{
		display:block;
		margin-top:30px;
	}
	#product_detail_box2_btns a{
		width:100%;
		margin-bottom:20px;
	}
	#product_detail_box2 > small{
		font-size:14px;
		display:block;
		text-align:left;
	}
	
	
	
	ul.c-snsList li{
		display:inline-block;
	}
	
	ul.c-snsList li:nth-child(2) {
	    margin-top: -1px;
	}
	
	ul.c-snsList li img{
		width:auto;
		height:20px;
	}

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

	ul.c-snsList li:nth-child(2) img{
		width:auto;
		height:18px;
		margin-top:0;
	}
	
	
	
	nav#navigation_bottom{
		margin:55px auto;
		display:block;
		width:100%;
		padding:0 20px;
	}
	
	nav#navigation_bottom a{
		width:100% !important;
		max-width:100% !important;
	}
	nav#navigation_bottom a:first-child{
		margin-bottom:20px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	#paging{
		margin:0 auto 78px auto !important;
	}


}





/* for iPhone5/iPhone SE (Gen1) */
@media only screen and (max-width:320px){

	#dbsearch-visual-text-box1 div:last-child{
		padding:0 !important;
	}

	#dbsearch-visual-text-box1,
	#dbsearch-visual-text-box1 div{
		font-size:8px !important;
		margin-top:0;
		line-height:1.2em !important;
	}

	.dbsearch-list h3{
		font-size:6vw;
	}



	#dbsearch-year label{
	font-size:2.7vw;
	margin-right:0;
	}

	#dbsearch-option1 label{
	margin-bottom:18px;
	width:40%;
	font-size:3.5vw;
	margin-right:0;
	}
	#dbsearch-option2 label,
	#dbsearch-option2-old label,
	#dbsearch-option-aroma label{
	margin-bottom:18px;
	width:40%;
	font-size:3.5vw;
	margin-right:0;
	}
	#dbsearch-option-domestic label,{
	font-size:4vw;
	}
	.control-quarter label{
		font-size:3.5vw;
	}
	
	#dbsearch-list-country .control{
		font-size:calc(0.45rem + ((1vw - 1px) * 0.5004));
	}
	
	button.dbsearch_do{
		width:50% !important;
	}
	
	
	
	#product_detail_name_sp_en,
	#product_detail_name_sp_jp{
	    font-size: 7vw;
	}
	
	#product_detail_comment2{
		padding-left:24px;
		padding-right:16px;
	}

	#dbsearch-results-navi-count span:nth-child(1){
		margin-right:6px;
	}

}





#dbsearch-visual-text-wrap{
width: 75%;
margin: 0 auto;
}

#dbsearch-visual-text-box1{
display: flex;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: top;
margin-bottom:24px;
}

#dbsearch-visual-text-box1 div:first-child{
width:18%;
}

#dbsearch-visual-olivejapan-logo{
width:100%;
}

#dbsearch-visual-text-sp-logo{
display:none;
}

#dbsearch-visual-text-box1 div:last-child{
text-align:left;
padding-left:24px;
font-size:18px;
letter-spacing:.25em;
line-height:1.8em;
}

#dbsearch-visual-text-box2{
font-size:14px;
letter-spacing:.1em;
}

#dbsearch-visual-text-box2 a{
color:white;
text-decoration:underline;
}



#dbsearch-option1{
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}

#dbsearch-option1 label{
width:20%;
margin-right:0;
}

.dbsearch-2021{
padding-left:0 !important;
}

.dbsearch-2021 > *{
padding-left:32px !important;
}

#dbsearch-list-aroma,
#dbsearch-list-retronasal,
#dbsearch-list-flavoured{
margin-top:8px;
}

#dbsearch-option2,
#dbsearch-option2-old,
#dbsearch-option-aroma{
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: flex-start;
align-items: baseline;
}

#dbsearch-option2 > div,
#dbsearch-option2 > label,
#dbsearch-option-aroma > div,
#dbsearch-option-aroma > label,
#dbsearch-option2-old > label{
width:20%;
margin-right:0;
}

.tippy-arrow{
left:-40px !important;
}

#dbsearch-list-country{
padding-right:0 !important;
}

#dbsearch-country{
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: flex-start;
align-items: baseline;
}

#dbsearch-country .control-quarter{
width:20%;
}

#dbsearch-country .dbsearch-country-longtext{
font-size:14px;
}



#dbsearch-content1{
margin-top:160px;
margin-bottom:80px;
}

#dbsearch-content1 heading{
margin:0 auto;
}

#dbsearch-content1 h3{
font-size: 34px;
letter-spacing:.2em;
line-height: 48px;
text-align: center;
line-height: 1.5em;
margin-bottom: 62px;
}

#dbsearch-content1 h3 span{
border-bottom:2px solid #df9f43;
padding-bottom:6px;
}

#dbsearch-content1-wrap{
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: space-between;
width:75%;
margin: 0 auto;
}

.dbsearch-content1-box{
width:40%;
text-align:center;
line-height:1.5em;
margin-bottom:44px;
}

.dbsearch-content1-box img{
width:80px;
margin-bottom:8px;
}

.dbsearch-content1-box strong{
display:block;
font-size:25px;
margin-bottom:25px;
letter-spacing:.1em;
}

.dbsearch-content1-box-text{
text-align:left;
line-height:1.7em;
}



#dbsearch-content2{
background-color:#e5e4e3;
padding:64px 100px 80px 100px;
margin-bottom:86px;
}

#dbsearch-content2 h3{
font-size: 34px;
letter-spacing:.1em;
line-height: 48px;
text-align: center;
line-height: 1.5em;
margin-bottom: 62px;
}

#dbsearch-content2 h3 br{
display:none;
}

.dbsearch-content2-box{
font-size:24px;
line-height:1.7em;
border-bottom:1px solid #94a291;
margin-bottom:28px;
}

.dbsearch-content2-box:nth-child(odd){
padding:0px 16px 28px 98px;
}
.dbsearch-content2-box:nth-child(even){
padding:0px 16px 28px 92px;
}

#dbsearch-content2-box1{
background:url('./assets/img2112/db01.png') no-repeat 24px 2px;
background-size:56px auto;
}
#dbsearch-content2-box2{
background:url('./assets/img2112/db02.png') no-repeat 24px 2px;
background-size:56px auto;
}
#dbsearch-content2-box3{
background:url('./assets/img2112/db03.png') no-repeat 24px 2px;
background-size:56px auto;
}
#dbsearch-content2-box4{
background:url('./assets/img2112/db04.png') no-repeat 24px 2px;
background-size:56px auto;
}

#dbsearch-content2-smalltext{
padding:0 24px;
font-size:15px;
line-height:1.6em;
}

#dbsearch-content2-smalltext a{
text-decoration:underline;
}



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

.visual-text-exlarge{
	margin-bottom:0;
}

#dbsearch-content1 h3,
#dbsearch-content2 h3{
	font-size:4vw;
}

.dbsearch-content1-box strong{
	font-size:3.5vw;
}



#dbsearch-visual-text-box1{
	margin-top: 32px !important;
}

#dbsearch-visual-text-box1 div:first-child{
width:0%;
}

#dbsearch-visual-text-box1 div:last-child{
width:100%;
}

#dbsearch-visual-text-box1,
#dbsearch-visual-text-box1 div{
    font-size: 13px !important;
    line-height: calc(3.8vw * 1.5);
    text-align:center !important;
    margin-bottom:4px;
}
#dbsearch-visual-text-box2{
	margin-top:11px;
	font-size: 11px;
	line-height:22px;
}



#dbsearch-visual-text-box1-logo{
display:none;
}

#dbsearch-visual-text-sp-logo{
display:block;
margin-top:2vh;
margin-bottom:2vh;
}

#dbsearch-visual-text-sp-logo img{
width:50%;
max-width:140px;
}



#dbsearch-option1{
	display:block;
}
#dbsearch-option1 label:nth-child(even){
	margin-left:0;
}

#dbsearch-option1 label:nth-child(2),
#dbsearch-option1 label:nth-child(4){
	margin-left:28px;
}


#dbsearch-option1 label{
	width:42%;
}

#dbsearch-option2,
#dbsearch-option2-old,
#dbsearch-option-aroma{
	display:block;
}
#dbsearch-option2 > div,
#dbsearch-option-aroma > div{
	width:100%;
}
#dbsearch-option2 > label,
#dbsearch-option-aroma > label,
#dbsearch-option2-old > label{
	width:auto;
}
#dbsearch-option2 label,
#dbsearch-option-aroma label,
#dbsearch-option2-old label{
	width:42%;
}

label.forcemarginleft{
	margin-left:28px !important;
}





#dbsearch-option2 label:nth-child(even),
#dbsearch-option2-old label:nth-child(even),
#dbsearch-option-aroma label:nth-child(even){
	margin-left:0;
}

#dbsearch-country .dbsearch-country-longtext{
font-size:calc(0.4rem + ((1vw - 1px) * 0.5004));
}


.dbsearch-2021 > *{
	/*padding-left:0 !important;*/
}

.dbsearch-2021 > *{
	padding-left:12px !important;
}



#dbsearch-content1-wrap{
	display:block;
	width:100%;
}
.dbsearch-content1-box{
	width:100% !important;
	margin-bottom:96px;
}

.dbsearch-content1-box-text{
	font-size:2.7vw;
}

.dbsearch-content1-box img{
width:100px;
}



#dbsearch-content2{
	padding:64px 24px;
}

#dbsearch-content2 h3 br{
	display:block;
}

.dbsearch-content2-box{
	font-size:2.7vw;
	padding-top:4px !important;
	margin-bottom:16px;
}

.dbsearch-content2-box br{
	display:none;
}



.dbsearch-content2-box:nth-child(odd){
padding:0px 16px 16px 78px;
}
.dbsearch-content2-box:nth-child(even){
padding:0px 16px 16px 72px;
}

#dbsearch-content2-box1{
/*
background:url('./assets/img2112/db01.png') no-repeat 24px 0;
background-size:40px auto;
*/
}
#dbsearch-content2-box2{
/*
background:url('./assets/img2112/db02.png') no-repeat 24px 0;
background-size:40px auto;
*/
}
#dbsearch-content2-box3{
/*
background:url('./assets/img2112/db03.png') no-repeat 24px 0;
background-size:40px auto;
*/
}
#dbsearch-content2-box4{
/*
background:url('./assets/img2112/db04.png') no-repeat 24px 0;
background-size:40px auto;
*/
}

#dbsearch-content2-box1,
#dbsearch-content2-box2,
#dbsearch-content2-box3,
#dbsearch-content2-box4{
background:none;
padding-left:24px;
}
#dbsearch-content2-box1::before{
content:"";
display:inline-block;
background:url('./assets/img2112/db01.png') no-repeat 0 0;
height:3.8vw;
width:7.6vw;
background-size:cover;
}
#dbsearch-content2-box2::before{
content:"";
display:inline-block;
background:url('./assets/img2112/db02.png') no-repeat 0 0;
height:3.8vw;
width:7.6vw;
background-size:cover;
}
#dbsearch-content2-box3::before{
content:"";
display:inline-block;
background:url('./assets/img2112/db03.png') no-repeat 0 0;
height:3.8vw;
width:7.6vw;
background-size:cover;
}
#dbsearch-content2-box4::before{
content:"";
display:inline-block;
background:url('./assets/img2112/db04.png') no-repeat 0 0;
height:3.8vw;
width:7.6vw;
background-size:cover;
}






#dbsearch-content2-smalltext{
font-size:2.2vw;
}
#dbsearch-content2-smalltext br{
display:none;
}




}