@charset "utf-8";

@media screen and (max-width:767px){
    
    /* SP
    ============================================================ */
    #suntory_contents {
    font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
    }
    
    .pc_item {
        display: none;
    }
    .sp_item {
        display: block;
    }
 	
    
	#suntory_contents #header_top {
		display: none;
	}
	
    /* hero
    ============================================================ */
    #suntory_contents #hero {
        background: url(../img/sp_hero_img_001.jpg) no-repeat center 0;
        background-size: 100% auto;
        width: 100%;
        height: auto;
		padding-bottom: 14.6666666666667vw;
    }
    
    /* search
    ============================================================ */
    #suntory_contents #hero #search {
       padding: 14vw 0 0;
       position: relative;
    }
    #suntory_contents #hero h1 {
        margin: 0 auto 5.3333333333333vw;
        padding: 0;
        width: 46.6666666666667vw;
        height: 16.6666666666667vw;
        background: url(../svg/logo_top.svg) no-repeat 0 0;
        background-size: 46.6666666666667vw auto;
        text-indent: -99999px;
        -webkit-filter: drop-shadow( 0 0 20px rgba(85,34,0,.8) ); 
                filter: drop-shadow( 0 0 20px rgba(85,34,0,.8) );
    }	
   
	#suntory_contents #hero .input_container {
        margin: 0 auto;
        padding: 0;
        width: auto;
        height: auto;
		position: relative;
    }
	
    #suntory_contents #hero .input_text {
        margin: 0 auto;
        position: relative;
    }
	
	#suntory_contents #hero .input_text form {
		width: 70%;
    	margin-left: 30%;
	}	
	
    #suntory_contents #hero .btn_search_option {
        display: flex;
    	position: absolute;
    	top: 0;
    	width: 24.5%;
    	left: 7vw;
    	height: 10.6666666666667vw;
    }
    #suntory_contents .btn_search_option_area {
        order: 2;
        z-index: 99;
    }
    #suntory_contents .btn_search_option_location {
        order: 1;
    }
    #suntory_contents .btn_search_option_ranking {
        order: 3;
    }

	
	#suntory_contents #hero .btn_search_option li {
		width: 100%;
	}
	
    #suntory_contents #hero .btn_search_option li a {
        display: flex;
        flex-direction: column;
		width: 100%;
		height: 11.5vw;
		border-radius: 2px;
		background: #fff url(../img/sp_bg_btn_search_option.png) no-repeat right center;
		position: relative;
    }
    #suntory_contents .btn_search_option_location a:hover,
    #suntory_contents .btn_search_option_location a:active {
        background: #ffddbb url(../img/sp_bg_btn_search_option.png) no-repeat right center;
        background-size: 1px auto;
    }
    #suntory_contents .btn_search_option_location a svg {
		width: 4.5vw;
    	height: 4.5vw;
    	position: absolute;
    	top: 50%;
    	left: 13%;
    	transform: translateY(-50%);
    }
    #suntory_contents .btn_search_option_location a svg path {
      fill: #ff4400;
    }

	#suntory_contents .btn_search_option_location a span  {
        color: #ff4400;
		font-size: 3.5vw;
    	font-weight: bold;
    	position: absolute;
    	top: 50%;
    	left: 40%;
    	transform: translateY(-36%);
    	display: block;
    }
	
    #suntory_contents .btn_search_option_location a span.sp_only {
    	font-size: 1.75vw;
    	font-weight: normal;
   		margin-top: 7px;
    	display: block;
    	position: static;
    	text-align: center;
    }
	
    #suntory_contents .btn_search_option_area a {
        display: flex;
        align-items: center;
        width: 31.6vw;
        height: 16vw;
        background: #fff url(../img/sp_bg_btn_search_option.png) no-repeat right center;
        background-size: 1px auto;
        border-radius: 0;
        padding: 2vw 0 0;
    }
    #suntory_contents .btn_search_option_area.active a {
        background: #ffddbb url(../img/sp_bg_btn_search_option.png) no-repeat right center;
        background-size: 1px auto;
    }

    #suntory_contents .btn_search_option_area a svg {
        margin-bottom: 1.6vw;
        width: 6.1333333333333vw;
        height: 7.7333333333333vw;
    }
    #suntory_contents .btn_search_option_area a svg path {
      fill: #ff4400;
    }
    #suntory_contents .btn_search_option_area a span {
        color: #664422;
        font-size: 3.2vw;
        font-weight: bold;
    }
    #suntory_contents .btn_search_option_ranking a {
        display: flex;
        align-items: center;
        background: #fff;
        width: 31.4666666666667vw;
        height: 16vw;
        border-radius: 0 .6666666666667vw .6666666666667vw 0;
        background: #fff;
        padding: .9333333333333vw 0 0;
    }
    #suntory_contents .btn_search_option_ranking a:hover,
    #suntory_contents .btn_search_option_ranking a:active {
        background: #ffddbb;
    }
    
    #suntory_contents .btn_search_option_ranking a svg {
        margin-bottom: .9333333333333vw;
        width: 8vw;
        height: 7.0666666666667vw;
    }
    #suntory_contents .btn_search_option_ranking a svg path {
      fill: #ff4400;
    }
    #suntory_contents .btn_search_option_ranking a span.label_ranking {
        color: #664422;
        font-size: 3.2vw;
        font-weight: bold;
        text-align: center;
    }
    #suntory_contents .btn_search_option_ranking a span.label_ranking_small {
        font-size: 2.4vw;
        text-align: center;
    }
    

    /* modal_are a_select
    ============================================================ */
    #suntory_contents .modal_area_select {
        width: 100%;
        box-sizing: border-box;
        background: #3c2211;
        padding: 4vw 0 8vw;
        display: none;
        position: absolute;
        top: 82.6666666666667vw;
        left: 0;
        -webkit-filter: drop-shadow( 0 5px 5px rgba(60,34,17,.5)); 
                filter: drop-shadow( 0 5px 5px rgba(60,34,17,.5));
    }
    #suntory_contents .modal_area_select:before {
        content: '';
        position: absolute;
        top: -2.6666666666667vw;
        top: calc(-2.6666666666667vw - 1px);
        left: calc(50% - 5.33333333333vw);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5.3333333333333vw 5.3333333333333vw 0 5.3333333333333vw;
        border-color: #ffddbb transparent transparent transparent;
        -webkit-filter: drop-shadow( 10px 10px 10px rgba(102,51,0,.4) ); 
                filter: drop-shadow( 10px 10px 10px rgba(102,51,0,.4) );
        z-index: 10;
    }

    #suntory_contents .area_container {
        display: none;
    }

    #suntory_contents .search_bar select{
        margin: 0 auto 4vw 8vw;
        outline:none;
        -webkit-appearance: none;
        appearance: none;
        border: 1px #846f5e solid;
        border-radius: 2px;
        color: #fff;
        font-size: 16px;
        margin-right: 20px;
        padding: 12px 18px;
        position: relative;
        background: url(../svg/arrow_down_color2.svg) no-repeat right 18px center;
        background-size: 13px auto;
        min-width: 84vw;
    }
    #suntory_contents .sp_area_container select{
        margin: 0 auto 8vw 8vw;
        outline:none;
        -webkit-appearance: none;
        appearance: none;
        border: 1px #846f5e solid;
        border-radius: 2px;
        color: #fff;
        font-size: 16px;
        padding: 12px 18px;
        position: relative;
        background: url(../svg/arrow_down_color2.svg) no-repeat right 18px center;
        background-size: 13px auto;
        min-width: 84vw;
    }
    #suntory_contents .sp_area_container select option{
      background-color: #fff;
      color: #333;
    }

    #suntory_contents .modal_area_select .btn_area_select_close {
        display: none;
    }
    
    #suntory_contents .modal_area_select .btn_container {
        background: none;
        padding: 0;
    }
    #suntory_contents .btn_area_search {
        border-radius: 0;
        -webkit-appearance: none;
        appearance: none;    
        margin: 0 auto;
        padding: 3.3333333333333vw 0;
        width: 45.3333333333333vw;
        display: block;
        font-size: 3.7333333333333vw;
        font-weight: bold;
        color: #fff;
        border-radius: 2px;
        background: #ff4400;
        text-align: center;
    }
    
    /* overlay
    ============================================================ */
    #suntory_contents .overlay {
        display: none;
    }
    
    /* pickup
    ============================================================ */
    #suntory_contents #pickup {
        padding: 6.1333333333333vw 0 0;
    }
    #suntory_contents #pickup h2 {
        margin-bottom: 6.1333333333333vw;
        font-size: 5.0666666666667vw;
        font-weight: bold;
        color: #664422;
        text-align: center;
    }
    #suntory_contents #pickup ul {
        margin: 0 auto 8vw;
        width: 84vw;
    }
    #suntory_contents #pickup ul li.bnr_ranking {
        display: none;
    }
    #suntory_contents #pickup ul li {
        margin-bottom: 6.4vw;
    }
    #suntory_contents #pickup ul li a {
        color: #664422;
        text-decoration: none;
        text-align: center;
    }
    #suntory_contents #pickup ul li a:hover {
        color: #664422;
        text-decoration: none;
    }
    #suntory_contents #pickup ul li a figure {
        margin-bottom: 3.4666666666667vw;
    }
    #suntory_contents #pickup ul li a figure img {
        width: 84vw;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents #pickup ul li a h3 {
        margin-bottom: 3.4666666666667vw;
        font-size: 3.7333333333333vw;
        font-weight: bold;
    }
    #suntory_contents #pickup ul li a p {
        font-size: 3.2vw;
        line-height: 1.5;
    }
    
    
    /* special
    ============================================================ */
    #suntory_contents #special {
        margin: 0 auto 1.3333333333333vw;
        padding: 6.6666666666667vw 0 0;
        width: 92vw;
        height: auto;
		/*border-top: 1px #d4c3b2 solid;*/
    }
    #suntory_contents #special h2 {
        margin-bottom: 6.1333333333333vw;
        font-size: 5.0666666666667vw;
        font-weight: bold;
        color: #664422;
        text-align: center;
    }
    #suntory_contents #special ul {
        margin: 0 auto;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #suntory_contents #special ul li {
        width: 44vw;
        margin: 0 0 6.1333333333333vw;;
    }

    #suntory_contents #special ul li a {
        color: #664422;
        text-decoration: none;
        text-align: center;
    }
    #suntory_contents #special ul li a:hover {
        color: #664422;
        text-decoration: none;
    }
    #suntory_contents #special ul li a figure {
        margin-bottom: 3.3333333333333VW;
    }
    #suntory_contents #special ul li a figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents #special ul li a h3 {
        margin-bottom: 3.3333333333333VW;
        font-size: 3.7333333333333VW;
        line-height: 1.5;
        font-weight: bold;
    }
    #suntory_contents #special ul li a h3.fix {
        letter-spacing: -.075em;
    }
    #suntory_contents #special ul li a p {
        font-size: 3.2VW;
        line-height: 1.5;
    }
    #suntory_contents #special ul li a p.fix {
        letter-spacing: -.1em;
    }
    
    
    /* blog
    ============================================================ */
    #suntory_contents #blog {
        margin: 0 auto;
        padding-bottom: 8vw;
        width: 100%;
        background: #fff url(../img/sp_bg_blog.jpg) no-repeat center bottom;
        background-size: 100% auto;
    }
    @media screen and (min-width:568px){
        #suntory_contents #blog {
        background: #fff url(../img/sp_bg_blog.jpg) no-repeat center top;
        background-size: 100% auto;
        }
    }
    #suntory_contents #blog h2 {
        margin: 0 auto;
        border-top: 1px #d4c3b2 solid;
        width: 92vw;
        padding: 6.6666666666667vw 0 0;
        margin-bottom: 6.1333333333333vw;
        font-size: 5.0666666666667vw;
        font-weight: bold;
        color: #664422;
        text-align: center;
    }
    #suntory_contents #blog ul {
        margin: 0 auto;
        width: 92vw;
    }
    #suntory_contents #blog ul li {
        margin-bottom: 4vw;
    }
    #suntory_contents #blog ul li a {
        width: 92vw;
        display: flex;
        align-items: center;
        background: #fff;
    }
    #suntory_contents #blog ul li figure {
        width: 34.6666666666667vw;
    }
    #suntory_contents #blog ul li figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents #blog ul li .text_block {
        width: 57.3333333333333vw;
        background: #fff;
        padding: 0 4vw 0 5.3333333333333vw;
    }
    
    #suntory_contents #blog ul li a .bar_area {
        margin-bottom: 2.6666666666667vw;
       color: #aa8866;
        text-decoration: none;
        font-size: 3.4666666666667vw;
        font-weight: bold;
        line-height: 1.540769230769231;
    }
    #suntory_contents #blog ul li a h3 {
        margin-bottom: 1.3333333333333vw;
        color: #664422;
        text-decoration: none;
        font-size: 3.7333333333333vw;
        font-weight: bold;
        line-height: 1.428571428571429;
    }
    #suntory_contents #blog ul li a .bar_type {
        margin-bottom: 2vw;
       color: #664422;
        text-decoration: none;
        font-size: 2.9333333333333vw;
        line-height: 1.633636363636364;
        font-weight: bold;
    }
    #suntory_contents #blog ul li a .bar_text {
       color: #664422;
        text-decoration: none;
        font-size: 3.2vw;
        line-height: 1.416666666666667;
        letter-spacing: -.1em;
    }

    #suntory_contents #blog ul li a:hover h3 {
       color: #664422;
        text-decoration: none;
    }
    #suntory_contents #blog ul li a:hover .bar_type {
       color: #664422;
        text-decoration: none;
    }
    #suntory_contents #blog ul li a:hover .bar_text {
       color: #664422;
        text-decoration: none;
    }
    #suntory_contents #blog .btn_blog a {
        margin: 0 auto;
        display: block;
        width: 92vw;
        height: 12vw;
        background: url(../img/sp_blog_btn.png) no-repeat 0 0;
        background-size: 92vw auto;
        text-indent: -9999px;
    }

    
    /* recommend
    ============================================================ */
    #suntory_contents #recommend {
        background: #3c2211;
        padding: 7.6vw 0;
    }
    #suntory_contents #recommend h2 {
        margin-bottom: 7.6vw;
        font-size: 5.0666666666667vw;
        font-weight: bold;
        color: #aa8866;
        text-align: center;
    }
    #suntory_contents #recommend ul {
        margin: 0 auto;
        padding-bottom:4vw;
        width: 92vw;
        border-bottom: 1px #73553c solid;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #suntory_contents #recommend li {
        margin-bottom: 4vw;
        width: 44vw;
    }
    #suntory_contents #recommend li img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    
    
    /* link
    ============================================================ */
    #suntory_contents #link {
        margin: 0 auto;
        padding-bottom: 8vw;
        width: 100%;
        background: #3c2211 url(../img/sp_bg_link.jpg) no-repeat center bottom;
        background-size: 100% auto;
    }
    @media screen and (min-width:568px){
        #suntory_contents #link {
        background: #3c2211 url(../img/sp_bg_link.jpg) no-repeat center top;
        background-size: 100% auto;
        }
    }
    #suntory_contents #link h2 {
        margin-bottom: 7.6vw;
        font-size: 5.0666666666667vw;
        font-weight: bold;
        color: #aa8866;
        text-align: center;
    }
    #suntory_contents #link ul {
        margin:0 auto;
        width: 92vw;
    }
    #suntory_contents #link ul li {
        margin-bottom: 4vw;
        width: 100%;
        background: #fff;
        overflow: hidden;
    }
    #suntory_contents #link ul li a {
        display: flex;
        align-items: center;
    }
    #suntory_contents #link ul li figure {
        margin: 0;
        padding: 0;
        width: 26.6666666666667vw;
    }
    #suntory_contents #link ul li figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents #link ul li .text_block {
        width: 65.3333333333333vw;
        padding: 0 5.3333333333333vw;
    }
    #suntory_contents #link ul li a {
        color: #664422;
        text-decoration: none;
        text-align: left;
    }
    #suntory_contents #link ul li a:hover {
       color: #664422;
        text-decoration: none;
    }

    #suntory_contents #link ul li a h3 {
        margin-bottom: 2vw;
        font-size: 3.7333333333333vw;
        font-weight: bold;
        line-height: 1.428571428571429;
    }
    #suntory_contents #link ul li a p {
        font-size: 3.2vw;
        line-height: 1.384615384615385;
        letter-spacing: -.1em;
    }
    #suntory_contents #link ul li a p br {
        display: none;
    }
    
    
    /* for_owner
    ============================================================ */
    #suntory_contents #for_owner {
        background: #513828;
        padding: 7.4666666666667vw 0 8vw;
    }
    #suntory_contents #for_owner h2 {
        margin-bottom: 7.4666666666667vw;
        font-size: 5.0666666666667vw;
        font-weight:bold;
        color: #aa8866;
        text-align: center;
    }
    #suntory_contents #for_owner ul {
        margin: 0 auto;
        width: 84vw;
    }
    #suntory_contents #for_owner ul li {
        margin-bottom: 4vw;
    }
    #suntory_contents #for_owner ul li:last-child {
        margin-bottom: 0;
    }
    #suntory_contents #for_owner ul li img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    
}






@media print, screen and (min-width:768px){
    /* PC
    ============================================================ */
    
    .pc_item {
        display: block;
    }
    .sp_item {
        display: none;
    }
    
    /* tablet用表示サイズ設定 */
    htmk,
    body{
      min-width:1164px;
    }

    #suntory_contents {
    font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
    }
    
    /* hero
    ============================================================ */
    #suntory_contents #hero {
        background: #442200 url(../img/hero_img_001.jpg) no-repeat center 0;
        width: 100%;
    }

    /* search
    ============================================================ */
    #suntory_contents #hero #search {
        margin: 0 auto;
        padding: 75px 0 0;
        width: 1160px;
        height: 445px;
        position: relative;
    }
    #suntory_contents #hero h1 {
        margin: 0 auto 34px;
        padding: 0;
        width: 280px;
        height: 104px;
        background: url(../svg/logo_top.svg) no-repeat 0 0;
        background-size: 280px 104px;
        text-indent: -99999px;
        -webkit-filter: drop-shadow( 0 0 20px rgba(85,34,0,.8) ); 
                filter: drop-shadow( 0 0 20px rgba(85,34,0,.8) );
    }

    #suntory_contents #hero .input_container {
        margin: 0 auto;
        padding: 20px 0 0;
        width: 640px;
        height: 150px;
        background: rgba(68,34,0,.5);
    }
	
    #suntory_contents #hero .input_text {
        margin: 0 auto 20px;
        /*width: 560px;
        position: relative;*/
    }
	/*
    #suntory_contents #hero .input_text input[type="text"]  {
        width: 460px;
    }
    
    #suntory_contents #hero .input_text input[type="button"]  {
        width: 100px;
    }
    */
    
	
    #suntory_contents #hero .btn_search_option {
        margin: 0 auto;
        width: 560px;
        display: flex;
        justify-content: space-between;
    }
	
	#suntory_contents #hero li {
		margin: 0 auto;
	}
	
    #suntory_contents .btn_search_option_area a {
        display: flex;
        align-items: center;
        width: 260px;
        height: 50px;
        background: #fff;
        border-radius: 30px / 25px;
        padding: 0 0 0 20px;
    }
    #suntory_contents .btn_search_option_area.active a {
        background: #ffddbb;
    }
    #suntory_contents .btn_search_option_area a:hover {
        background: #ffddbb;
    }

    #suntory_contents .btn_search_option_area a svg {
        margin-right: 25px;
        width: 22px;
    }
    #suntory_contents .btn_search_option_area a svg path {
      fill: #ff4400;
    }
    #suntory_contents .btn_search_option_area a span {
        color: #ff4400;;
        font-size: 17px;
        font-weight: bold;
    }

    #suntory_contents .btn_search_option_location a {
        display: flex;
        align-items: center;
        width: 200px;
        height: 40px;
		line-height: 40px;
        background: #fff;
        border-radius: 25px;
        padding: 0 0 0 14px;
    }
    #suntory_contents .btn_search_option_location a:hover {
        background: #ffddbb;
    }
    #suntory_contents .btn_search_option_location a svg {
        margin-right: 24px;
        width: 24px;
    }
    #suntory_contents .btn_search_option_location a svg path {
      fill: #ff4400;
    }
    #suntory_contents .btn_search_option_location a span {
        color: #664422;
        font-size: 15px;
        font-weight: bold;
    }
    #suntory_contents .btn_search_option_ranking {
        display: none;
    }

    /* modal_area_select
    ============================================================ */
    #suntory_contents .modal_area_select {
        display: none;
        margin: 0 auto;
        width: 920px;
        background: #ffffff;
        position: relative;
        padding: 40px;
        -webkit-filter: drop-shadow( 0 0 30px rgba(102,51,0,.4) ); 
                filter: drop-shadow( 0 0 30px rgba(102,51,0,.4) );
        z-index: 100;
    }
    #suntory_contents .modal_area_select:before {
        content: '';
        position: absolute;
        top: -15px;
        left: 296px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 15px 15px 15px;
        border-color: transparent transparent #fff transparent;
        -webkit-filter: drop-shadow( 0 0 30px rgba(102,51,0,.4) ); 
                filter: drop-shadow( 0 0 30px rgba(102,51,0,.4) );
    }

    #suntory_contents .search_bar {
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    #suntory_contents .search_bar .select_wrap {
        display: flex;
        justify-content: flex-start;
    }

    #suntory_contents .search_bar select{
        outline:none;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        border: 1px #ddcfc2 solid;
        border-radius: 2px;
        color: #664422;
        font-size: 16px;
        font-weight: normal;
        margin-right: 20px;
        padding: 12px 18px;
        position: relative;
        background: url(../svg/arrow_down.svg) no-repeat right 18px center;
        background-size: 13px auto;
        min-width: 230px;
    }
    #suntory_contents .search_bar select option{
      background-color: #fff;
      color: #333;
    }
    
    #suntory_contents .btn_area_select_close {
        margin: 0;
        padding: 10px 17px 10px 15px;
        background: #ff4400;
        display: inline-flex;
        align-items: center;
        font-size: 13px;
        font-weight: bold;
        color: #fff;
        border-radius: 2px;
        cursor: pointer;
    }
    #suntory_contents .btn_area_select_close:hover {
        background: #cc2200;
    }
    
    #suntory_contents .icon_close{
      display: inline-block;
      position: relative;
      margin: 0 0 0 12px;
      padding: 0;
      width: 1px;
      height: 15px;
      background: #fff;
      transform: rotate(45deg);
    }
    #suntory_contents .icon_close:before{
      display: block;
      content: "";
      position: absolute;
      top: calc(50% - 1px);
      left: -7px;
      width: 15px;
      height: 1px;
      background: #fff;
    }

    #suntory_contents .area_container {
        margin-bottom: 30px;
    }
    #suntory_contents .area_container {
    display: flex;
    flex-wrap: wrap;
    }

    #suntory_contents .area_container input {
        display: none;
    }
    #suntory_contents .area_container input + .radio_label {
        font-size: 14px;
        color: #664422;
        background: url(../svg/icon_radio.svg) no-repeat 20px center;
        background-size: 16px auto;
        padding: 10px 20px 10px 50px;
        display: block;
        width: 260px;
        box-sizing: border-box;
    }
    #suntory_contents .area_container label .radio_label {
         margin-right: 30px; 
    }
    #suntory_contents .area_container label:nth-child(3n) .radio_label {
         margin-right: 0px; 
    }
    
    #suntory_contents .area_container input + .radio_label:hover {
        background: #ffddbb url(../svg/icon_radio.svg) no-repeat 20px center;
        background-size: 16px auto;
    }
    
    #suntory_contents .area_container input:checked + .radio_label {
        background:  #ffddbb url(../svg/icon_radio_active.svg) no-repeat 20px center;
        background-size: 16px auto;
    }

    #suntory_contents .area_container input:disabled + .radio_label:hover {
        background: url(../svg/icon_radio.svg) no-repeat 20px center;
        background-size: 16px auto;
    }
    
    #suntory_contents .area_container input:disabled + .radio_label {
        background:  url(../svg/icon_radio.svg) no-repeat 20px center;
        background-size: 16px auto;
        color: #999;
    }
    

    #suntory_contents .btn_container {
        text-align: center;
    }
    #suntory_contents .btn_area_search {
        margin: 0 auto;
        padding: 18.5px 25px 18.5px 60px;
        display: inline-flex;
        font-size: 13px;
        font-weight: bold;
        color: #fff;
        border-radius: 2px;
        background: #ff4400 url(../../common/svg/search.svg) no-repeat 25px center;
        background-size: 17px auto;
    }
    #suntory_contents .btn_area_search:hover {
        background: #cc2200 url(../../common/svg/search.svg) no-repeat 25px center;
        background-size: 17px auto;
    }

    /* overlay
    ============================================================ */
    #suntory_contents .overlay {
        width: 100%;
        height: 100%;
        background: rgba(34,17,0,.2);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        display: none;
    }
    
    
    /* sp_area_container
    ============================================================ */
    #suntory_contents .sp_area_container {
        display: none;
    }



    /* pickup
    ============================================================ */
    #suntory_contents #pickup {
        background: rgba(255,255,255,.84);
        height: 320px;
        padding: 35px 0 0;
    }
    #suntory_contents #pickup h2 {
        margin-bottom: 35px;
        font-size: 20px;
        font-weight: bold;
        color: #664422;
        text-align: center;
    }
    #suntory_contents #pickup ul {
        margin: 0 auto;
        width: 1080px;
        display: flex;
        justify-content: space-between;
    }
    #suntory_contents #pickup ul li a {
        color: #664422;
        text-decoration: none;
        text-align: center;
    }
    #suntory_contents #pickup ul li a:hover {
        color: #ff4400;
        text-decoration: underline;
    }
    #suntory_contents #pickup ul li a figure {
        margin-bottom: 20px;
    }
    #suntory_contents #pickup ul li a figure img {
        width: 340px;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents #pickup ul li a h3 {
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: bold;
    }
    #suntory_contents #pickup ul li a p {
        font-size: 13px;
        line-height: 1.5;
    }


    /* special
    ============================================================ */
    #suntory_contents #special {
        margin: 0 auto 40px;
        padding: 40px 0 0;
        width: 1080px;
        height: 430px;
        border-bottom: 1px #e8e3de solid;
    }
    #suntory_contents #special h2 {
        margin-bottom: 40px;
        font-size: 20px;
        font-weight:bold;
        color: #664422;
        text-align: center;
    }
    #suntory_contents #special ul {
        margin: 0 auto;
        width: 1100px;
    }
    #suntory_contents #special ul li {
        margin-right: 20px;
    }

    #suntory_contents #special ul li a {
        color: #664422;
        text-decoration: none;
        text-align: center;
    }
    #suntory_contents #special ul li a:hover {
        color: #ff4400;
        text-decoration: underline;
    }
    #suntory_contents #special ul li a figure {
        margin-bottom: 20px;
    }
    #suntory_contents #special ul li a figure img {
        width: 200px;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents #special ul li a h3 {
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 1.5;
        font-weight: bold;
    }
    #suntory_contents #special ul li a p {
        font-size: 12px;
        line-height: 1.5;
    }


    /* blog
    ============================================================ */
    #suntory_contents #blog {
        background: #fff url(../img/bg_blog.jpg) no-repeat center bottom;
        min-height: 349px;
    }
    #suntory_contents #blog h2 {
        margin-bottom: 40px;
        font-size: 20px;
        font-weight:bold;
        color: #664422;
        text-align: center;
    }

    #suntory_contents #blog ul {
        margin: 0 auto 30px;
        width: 1080px;
        display: flex;
        justify-content: space-between;
    }
    #suntory_contents #blog ul li a {
        width: 340px;
        display: flex;
    }
    #suntory_contents #blog ul li figure {
        width: 130px;
    }
    #suntory_contents #blog ul li figure img {
        width: 130px;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents #blog ul li .text_block {
        width: 210px;
        background: #fff;
        padding: 20px 20px 0 20px;
    }
    #suntory_contents #blog ul li a .bar_area {
        margin-bottom: 5px;
       color: #aa8866;
        text-decoration: none;
        font-size: 13px;
        font-weight: bold;
        line-height: 1.540769230769231;
    }
    #suntory_contents #blog ul li a h3 {
        color: #664422;
        text-decoration: none;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.428571428571429;
    }
    #suntory_contents #blog ul li a .bar_type {
       color: #664422;
        text-decoration: none;
        font-size: 11px;
        line-height: 1.633636363636364;
        font-weight: bold;
    }
    #suntory_contents #blog ul li a .bar_text {
       color: #664422;
        text-decoration: none;
        font-size: 12px;
        line-height: 1.416666666666667;
        letter-spacing: -.1em;
    }

    #suntory_contents #blog ul li a:hover h3 {
       color: #995500;
        text-decoration: underline;
    }
    #suntory_contents #blog ul li a:hover .bar_type {
       color: #995500;
        text-decoration: underline;
    }
    #suntory_contents #blog ul li a:hover .bar_text {
       color: #995500;
        text-decoration: underline;
    }
    #suntory_contents #blog .btn_blog a {
        margin: 0 auto;
        display: block;
        width: 340px;
        height: 40px;
        background: url(../img/blog_btn.png) no-repeat 0 0;
        text-indent: -9999px;
    }
    #suntory_contents #blog .btn_blog a:hover {
        background: url(../img/blog_btn.png) no-repeat 0 -40px;
    }

    /* recommend
    ============================================================ */
    #suntory_contents #recommend {
        background: #3c2211;
        padding: 40px 0 30px;
        border-bottom: 1px #4d3018 solid;
    }
    #suntory_contents #recommend h2 {
        margin-bottom: 40px;
        font-size: 20px;
        font-weight:bold;
        color: #aa8866;
        text-align: center;
    }
    #suntory_contents #recommend ul {
        margin:0 auto;
        width: 1080px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    #suntory_contents #recommend li {
        margin-bottom: 30px;
        width: 340px;
        height: 160px;
        overflow: hidden;
        margin-left: 30px;
    }
    #suntory_contents #recommend li:nth-child(3n+1){
        margin-left: 0;
    }
    #suntory_contents #recommend li a { 
        display: block;
    }
    #suntory_contents #recommend li a img {
        transition-duration: 0.3s;
    }
    #suntory_contents #recommend li a:hover img {
        opacity: 0.6;
        transform: scale(1.03);
        transition-duration: 0.4s;
    }

    /* link
    ============================================================ */
    #suntory_contents #link {
        padding: 40px 0 50px;
        background: #3c2211;
        background: #3c2211 url(../img/bg_link.jpg) no-repeat center bottom;
    }
    #suntory_contents #link h2 {
        margin-bottom: 40px;
        font-size: 20px;
        font-weight:bold;
        color: #aa8866;
        text-align: center;
    }
    #suntory_contents #link ul {
        margin:0 auto;
        width: 1080px;
        display: flex;
        justify-content: space-between;
    }
    #suntory_contents #link ul li {
        width: 200px;
        background: #fff;
    }
    #suntory_contents #link ul li figure {
        margin: 0;
        padding: 0;
    }
    #suntory_contents #link ul li figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents #link ul li .text_block {
        padding: 20px 10px 20px;
    }
    #suntory_contents #link ul li a {
        color: #664422;
        text-decoration: none;
        text-align: center;
    }
    #suntory_contents #link ul li a:hover {
       color: #995500;
        text-decoration: underline;
    }

    #suntory_contents #link ul li a h3 {
        margin-bottom: 20px;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.428571428571429;
    }
    #suntory_contents #link ul li a p {
        font-size: 13px;
        line-height: 1.384615384615385;
        letter-spacing: -.1em;
    }


    /* for_owner
    ============================================================ */
    #suntory_contents #for_owner {
        background: #513828;
        padding: 70px 0;
    }
    #suntory_contents #for_owner h2 {
        margin-bottom: 40px;
        font-size: 20px;
        font-weight:bold;
        color: #aa8866;
        text-align: center;
    }
    #suntory_contents #for_owner ul {
        margin: 0 auto;
        width: 1080px;
        display: flex;
        justify-content: space-between;
    }
    #suntory_contents #for_owner ul li {
        width: 340px;
        height: 119px;
        overflow: hidden;
    }
    #suntory_contents #for_owner ul li a img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
        transition-duration: 0.3s;
    }
    #suntory_contents #for_owner ul li a:hover img {
        opacity: 0.6;
        transform: scale(1.03);
        transition-duration: 0.4s;
    }

}