@charset "utf-8";

#suntory_contents .bold{
    font-weight: bold;
}
#suntory_contents .fontNormal{
    font-weight: normal;
}

#suntory_contents .color_red{
    color: red;
}

#suntory_contents .aside_head li.bt_aside_hp a { background-color: #cceeff;}
#suntory_contents .aside_head li.bt_aside_hibiki a { background-color: #ffe4e4;}
#suntory_contents .aside_head li.bt_aside_wellness a { background-color: #d2ffdd;}
#suntory_contents .aside_head li.bt_aside_other a { background-color: #ffeecc;}

#suntory_contents .box a {
	box-sizing: border-box;
	color: #222;
	text-decoration: none;
}
#suntory_contents .box figure {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	overflow: hidden;
}
#suntory_contents .box figure img {
	width: 100%;
	height: 100%;
}
#suntory_contents img {
	vertical-align: bottom;
}

#suntory_contents .btn_list a {
	position: relative;
	text-decoration: none;
	padding: 6px 34px 7px 26px;
	width: 130px;
	height: 32px;
	background: #881133;
	font-size: 12.5px;
	color: #fff;
}

#suntory_contents .btn_list a:hover {
	color: #fff;
}

#suntory_contents .btn_list a:after {
	content: "";
    position: absolute;
    top: calc(50% - 2px);
    right: 17px;
    width: 4px;
    height: 4px;
    margin: auto;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*==================================================
sp
================================================== */
@media screen and (max-width:767px){
    
    
    /* ========================================================================
    contents_menu[sp]
    ========================================================================= */

    
    /* ========================================================================
    contents_header[sp]
    ========================================================================= */
    #suntory_contents #enjoy_music_header.enjoy_music_special {
        margin-bottom: 4vw;
        padding: 4vw 4vw;
        background: #f0e5d1;
    }

    #suntory_contents #enjoy_music_header .leadSpecial {
        background: url(../../assets2019/img/icon_enjoy_music.png) no-repeat right 0 center;
        background-size: 18.6666666666667vw auto;
        padding-right: 24vw;
    }
    #suntory_contents #enjoy_music_header .leadSpecial .message .fs_large {
        font-size: 5.33vw;
    }

    /* ========================================================================
    head_nav[sp]
    ========================================================================= */
    #suntory_contents .head_nav{
        margin: 50px 0 50px 0;
        display:flex;
        flex-direction:column;
    }
    #suntory_contents .head_link {
        display: flex;
        order: 2;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #suntory_contents .head_link_message {
        order:1;
        margin-bottom:15px;
    }

    #suntory_contents .head_link_message a{
        display:flex;
        position:relative;
        font-size:14px;
        height:80px;
        padding:0px 100px 0px 20px;
        align-items:center;
        border:1px solid #843c0c;
        text-decoration:none;
        color:#843c0c;
        background:#ffd966;
        font-weight:bold;
        border-radius:10px;
        overflow:hidden;
    }

    #suntory_contents .head_link_message a:after{
        content:'';
        display:inline-block;
        position:absolute;
        top:0;
        right:0;
        height:80px;
        width:80px;
        background:url(/suntoryhall/enjoymusic/special2020/img/icon_01.jpg);
        background-position:center center;
        background-repeat:no-repeat;
        background-size:contain;
    }
    #suntory_contents .head_link_message a:hover{
        background:#ffcc33;
    }
    #suntory_contents .head_link_message a span{
        position:relative;
        width:30px;
        height:30px;
    }

    #suntory_contents .head_link_message a span:before{
        content: '';
        width: 30px;
        height: 30px;
        margin:auto;
        /* background: #843c0c; */
        background:#fff;
        position: absolute;
        border-radius: 15px;
        border:1px solid #88cc44;
        top: 0;
        right: -12px;
        bottom:0;
    }
    #suntory_contents .head_link_message a span:after{
        content: '';
        width: 7px;
        height: 7px;
        margin: auto;
        border-top: 2px solid #88cc44;
        border-right: 2px solid #88cc44;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 0px;
        right: 1px;
        bottom:0;
    }


    #suntory_contents .head_nav {
        margin-top: 50px;
    }

    #suntory_contents .head_photo_column3>li {
        margin: 25px auto 0;
    }

    #suntory_contents .head_link>li {
        margin-top: 0px;
        padding: 12px;
        background: #88cc44;
        border-radius: 10px;
        width: calc(50% - 5px);
        margin-bottom: 12px;
    }
    #suntory_contents .head_link>li:first-child {
        margin-top: 0;
    }
    #suntory_contents .head_link>li a{
        position: relative;
        padding-left: 40px;
        color: #fff;
        font-size: 13px;
        font-weight: 600;
        text-decoration: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #suntory_contents .head_link>li a::before {
        content: '';
        width: 30px;
        height: 30px;
        background: #fff;
        position: absolute;
        border-radius: 15px;
        top: 50%;
        left: 0;
        margin-top: -15px;
    }
    
    #suntory_contents .head_link>li a::after {
        content: '';
        width: 7px;
        height: 7px;
        margin: auto;
        border-top: 2px solid #88cc44;
        border-right: 2px solid #88cc44;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        position: absolute;
        top: calc(50% - 5px);
        left: 10px;
    }

    #suntory_contents .head_link>li a .txt_new{
        color: red;
        font-size: 11px;
    }

    /* ========================================================================
    article_list[sp]
    ========================================================================= */
    #suntory_contents .article_list {
        margin: 0 auto 6.6666666666667vw;
        list-style: none;
    }
    #suntory_contents .article_list li {
        margin: 0 auto 8vw;
    }
    #suntory_contents .article_header {
        background: #e5f6ec;
        margin-bottom: 4vw;
    }
    #suntory_contents .article_header.nolink {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-decoration: none;
        color: #222222;
        padding: 0 4vw 0 0;
        height: 21.3333333333333vw;
        position: relative;
    }
    #suntory_contents .article_title {
        padding-left: 10.6666666666667vw;
    }
    #suntory_contents .nolink .article_title {
        padding-left: 6.6666666666667vw;
    }
    #suntory_contents .type2 .nolink .article_title {
        padding-left: 4vw;
    }
    #suntory_contents .article_header .article_title .txt_new {
		margin-left: 1em;
		color: #f00;
    }
    
    #suntory_contents .article_title.reverse {
        display: flex;
        flex-direction: column;
    }
    #suntory_contents .article_title.reverse h3 {
        order: 2;
    }
    #suntory_contents .article_title.reverse h2 {
        order: 1;
    }
    #suntory_contents .article_header h2 {
        font-size: 4.2666666666667vw;
        line-height: 1.4;
        font-weight: bold;
    }
    #suntory_contents .article_header h3 {
        font-size: 3.4666666666667vw;
        font-weight: normal;
    }
    #suntory_contents .article_body {
        display: flex;
        flex-direction: column;
        margin: 0 4vw;
    }

    /* ========================================================================
    move_block[sp]
    ========================================================================= */
    #suntory_contents .new_movie .txt02,
    #suntory_contents .movie .txt02{
        width: 100%;
        margin: 0 0 20px;
    }
    #suntory_contents .new_movie .txt02,
    #suntory_contents .movie .txt02 p,
    #suntory_contents .organ_movie .txt02 p{
        font-size: 12px;
    }
    
    #suntory_contents .move_block {
        width: 100%;
        margin: 0 auto;
    }
    #suntory_contents .move_block_inr{
        position: relative;
        width: 100%;
    }
    #suntory_contents .move_block_inr img{
        width: 100%;
    }
    #suntory_contents .move_block_right{
        margin: 15px 0;
    }
    #suntory_contents .move_block_right .img_list{
        display: flex;
        justify-content: space-between;
    }
    #suntory_contents .move_block_right .img_list li{
        width: 47.5%;
    }
    #suntory_contents .move_block_right img{
        width: 100%;
    }
    #suntory_contents .move_notice{
        width: 100%;
        margin: 10px auto;
    }
    #suntory_contents .move_notice p{
        font-size: 12px;
        line-height: 1.8;
    }
            
    #suntory_contents .move_lead{
        width: 100%;
        margin: 15px auto;
        line-height: 1.6;
    }
    #suntory_contents .move_lead{
        font-size: 12px;}

    #suntory_contents .move_textbox {
        margin-bottom: 30px;
    }
    #suntory_contents .move_textbox p {
        font-size: 12px;
        line-height: 1.8;
        margin-bottom: 10px;
    }
    #suntory_contents .move_textbox img{
        width: 100%;
        margin-bottom: 10px;
    }

    #suntory_contents .organ_movie .article_title,
	#suntory_contents .organ_column .article_title,
    #suntory_contents .organ_promenade .article_title {
    	margin-top: 30px;
    	padding-left: 0;
    	font-weight: bold;
    }
    #suntory_contents .organ_movie .article_title p,
	#suntory_contents .organ_column .article_title p,
	#suntory_contents .organ_promenade .article_title p {
    	position: relative;
		padding-left: 22px;
		color: #00aa44;
		font-size: 17px;
    }
    #suntory_contents .organ_movie .article_title p:before,
	#suntory_contents .organ_column .article_title p:before,
	#suntory_contents .organ_promenade .article_title p:before {
    	content: "";
	    position: absolute;
	    top: 2px;
	    left: 0;
	    bottom: 0;
	    margin: auto;
	    width: 17px;
	    height: 17px;
	    border-radius: 50%;
	    background-color: #00aa44;
	}
	#suntory_contents .organ_movie .article_title p.over4:after {
	    position: absolute;
	    top: -5px;
	    left: 7em;
		content: '4\6B73\4EE5\4E0A\5BFE\8C61';
		width: 130px;
		height: 36px;
		background: #00aa44;
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 14px;
		font-weight: bold;
		border-radius: 18px;
		margin: 0 0 4px 0;
	}
	#suntory_contents .organ_movie .old_list {
		margin-bottom: 50px;
	}
	#suntory_contents .organ_movie .old_list li:first-child {
		margin-top: 0;
	}
    /* ========================================================================
    bnrbox[sp]
    ========================================================================= */
    #suntory_contents .bnrbox {
        margin-bottom: 40px;
    }
    #suntory_contents .bnrbox ul li{
        width: 80%;
        margin: 0 auto 30px;
    }
    #suntory_contents .bnrbox ul li a{
        color: #881133;
        text-decoration: none;
        font-size: 13px;
    }
    #suntory_contents .bnrbox ul li img.imgmb{
        margin-bottom: 5px;
    }
    #suntory_contents .bnrbox ul li img{
        width: 100%;
    }
    #suntory_contents .bnrbox ul li .bnrbox_txt{
        margin: 10px 0;
    }
    #suntory_contents .bnrbox ul li .bnrbox_txt.icon_blank::after{
        content:'';
        display: inline-block;
        width: 3.8vw;
        height: 2.4vw;
        background-size: contain;
        background: url(/suntoryhall/common2019/img/icon_external.png) no-repeat right center / 2.4vw;
    }

    #suntory_contents .bnrbox ul li .bnr_move_box{
        padding: 15px 20px;
        background: #881133;
    }
    #suntory_contents .bnrbox ul li .bnr_move_box .bnr_move_inner{
        font-size: 18px;
        color: #fff;
        background: url(../img/icon_movie.png) no-repeat 0 center;
        background-size: 32px auto;
        padding-left: 50px;

    }

    /* ========================================================================
    column[sp]
    ========================================================================= */
    #suntory_contents .column .column_lead{
        width: 100%;
        margin: 0 0 20px;
    }
    #suntory_contents .column .column_lead p{
        font-size: 3.7333333vw;
    }
    
    #suntory_contents #item_hp h3,
    #suntory_contents #item_hibiki h3,
    #suntory_contents #item_wellness h3,
    #suntory_contents #item_other h3 {
        display: block;
        padding: 0 0 0 5.3333333vw;
        margin: 0 0 5.3333333vw;
        height: 16vw;
        font-size: 4.2666667vw;
        line-height: 16vw;
    }
    #suntory_contents #item_hp h3 span,
    #suntory_contents #item_hibiki h3 span,
    #suntory_contents #item_wellness h3 span,
    #suntory_contents #item_other h3  span{
        font-size: 2.9333333vw;
        margin-right: 2.6666667vw;
    }
    #suntory_contents #item_hp h3 { background-color: #cceeff;}
    #suntory_contents #item_hibiki h3 { background-color: #ffe4e4;}
    #suntory_contents #item_wellness h3 { background-color: #d2ffdd;}
    #suntory_contents #item_other h3 { background-color: #ffeecc;}
    #suntory_contents .box {
        width: 100%;
        padding: 0;
        margin: 0 0 5.3333333vw;
    }
    #suntory_contents .box a {
        display: block;
        width: 100%;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: flex-start;
    }
    #suntory_contents .box a p {
        font-size: 3.7333333vw;
        line-height: 1.5;
        width: 42vw;
    }
    #suntory_contents .box.external a p::after {
        content:'';
        display: inline-block;
        width: 3.8vw;
        height: 2.4vw;
        background-size: contain;
        background: url(/suntoryhall/common2019/img/icon_external.png) no-repeat right center / 2.4vw;
    }
    #suntory_contents .box figure {
        width: 44vw;
        height: 27.420289vw;
    }
    #suntory_contents .aside_head {
        box-shadow: 0px 5px 7px -5px rgba(222,222,222,1);
    }
    #suntory_contents .aside_head ul {
        height: 33.3333333vw;
        display:flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-content: space-between;
    }
    #suntory_contents .aside_head li {
        width: 44vw;
        height: 14.6666667vw;
        margin: 0;
    }
    #suntory_contents .aside_head li a {
        box-sizing: border-box;
        display: block;
        width: 100%;
        height: 100%;
        padding: 2.6666667vw 0 0;
        color: #222;
        font-size: 3.3333333vw;
        font-weight: bold;
        line-height: 1.45;
        text-align: center;
        text-decoration: none;
    }
    #suntory_contents .aside_head li.bt_aside_wellness a span {
        font-size: 2.6666667vw;
        display: block;
    }
    #suntory_contents .top_index {
    	margin-top: 20px;
    }
    #suntory_contents .top_index .line {
        width: 100%;
        margin: 0;
        position: relative;
    }
    #suntory_contents .top_index .line:last-child {
        margin-bottom: 40px;
    }
    #suntory_contents .top_index .line .box {
        display: none;
    }
    #suntory_contents .top_index .line .box:nth-of-type(-n+2){
        display: block;
    }
    #suntory_contents #contents_column_top h3 {
        display: block;
        padding: 0 0 0 5.3333333vw;
        margin: 0 0 5.3333333vw;
        height: 16vw;
        font-size: 4.2666667vw;
        line-height: 16vw;
    }
    #suntory_contents #contents_column_top h3 span {
        font-size: 2.9333333vw;
        margin-right: 2.6666667vw;
    }
    #suntory_contents #contents_column_top #item_hp h3 { background-color: #cceeff;}
    #suntory_contents #contents_column_top #item_hibiki h3 { background-color: #ffe4e4;}
    #suntory_contents #contents_column_top #item_wellness h3 { background-color: #d2ffdd;}
    #suntory_contents #contents_column_top #item_other h3 { background-color: #ffeecc;}
    
    #suntory_contents #contents_column_top .top_index {
        margin: 0 4vw;
        padding: 8vw 0 0;
    }
    #suntory_contents .top_index .bt_more a {
        position: absolute;
        box-sizing: border-box;
        top: 3.3333333vw;
        right: 5.3333333vw;
        display: block;
        width: 25.3333333vw;
        height: 9.3333333vw;
        margin: 0 auto;
        padding: 0 0 0 3.3333333vw;
        background: #fff url(../img/arrow_more_sp.png) no-repeat right 3.3333333vw center / 1.7333333vw;
        color: #881133;
        font-weight: bold;
        font-size: 3.2vw;
        line-height: 9.3333333vw;
        text-align: left;
        text-decoration: none;
    }
    #suntory_contents .top_index .bt_more a:hover {
        background-color: #aa1144;
    }
    #suntory_contents .latest_movies_list {
    	margin-bottom: 50px;
    }
    #suntory_contents .organ_column .column_lead p {
    	position: relative;
		padding-left: 20px;
		color: #00aa44;
		font-size: 13px;
		margin-bottom: 20px;
    }
    #suntory_contents .organ_column .column_lead p:before {
    	content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    margin: auto;
	    width: 15px;
	    height: 15px;
	    border-radius: 50%;
	    background-color: #00aa44;
	}
	#suntory_contents .organ_column .box a p {
		color: #881133;
		font-size: 13px;
		letter-spacing: 1px;
	}
	#suntory_contents .organ_column .top_index .line {
		margin-bottom: 50px;
	}
    #suntory_contents .organ_column .top_index .bt_more a {
		position: relative;
        box-sizing: border-box;
        display: block;
        float: right;
        width: 25.3333333vw;
        height: 9.3333333vw;
        text-align: right;
        padding: 0 0 0 3.3333333vw;
        background: #fff url(../img/arrow_more_sp.png) no-repeat right 3.3333333vw center / 1.7333333vw;
        color: #881133;
        font-weight: bold;
        font-size: 3.2vw;
        line-height: 9.3333333vw;
        text-align: left;
        text-decoration: none;
    }

    /* ========================================================================
    exploration[sp]
    ========================================================================= */
    #suntory_contents .img_list_block .img_list > li{
        margin-bottom: 25px;
    }
    #suntory_contents .img_list_block .category_title {
        position: relative;
        height: 36px;
        display: flex;
        align-items: center;
        color: #00aa44;
        font-size: 13px;
        font-weight: bold;
        margin: 0 0 4px 0;
        padding-left: 20px;
    }
    #suntory_contents .img_list_block .category_title.color_blue {
        color: #0066aa;
    }
    #suntory_contents .img_list_block .category_title::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background-color:#00aa44;
    }
    #suntory_contents .img_list_block .category_title.color_blue::before{
        background-color:#0066aa;
    }
    #suntory_contents .img_list_block .img_list_3column li {
        width: 100%;
        margin: 0 0 30px;
    }
    #suntory_contents .img_list_block img {
        width: 100%;
    }
    #suntory_contents .answer_box{
        display: flex;
        flex-direction: row-reverse;
    }
    #suntory_contents .answer_box .hint_txt{
        font-size: 13px;
    }
    #suntory_contents .answer_box .answer_link{
        margin-bottom: 10px;
        text-align: right;
    }
    #suntory_contents .answer_box .answer_link:last-child{
        margin-bottom: 0;
    }
    #suntory_contents .answer_box .answer_link a,
    #suntory_contents .img_list_block .img_list_2column .img_list_txt .link_txt a{
        position: relative;
        color: #881133;
        text-decoration: none;
        overflow: hidden;
        line-height: 1.6;
        font-size: 13px;
    }
    #suntory_contents .img_list_block .img_list_2column {
        width: 100%;
    }
    #suntory_contents .img_list_block .img_list_2column .img_list_img{
        margin-bottom: 15px;
    }
    #suntory_contents .img_list_block .img_list_2column .img_list_txt{
        display: flex;
        flex-direction:column;
        justify-content: center;
        font-size: 13px;
        line-height: 1.8;
    }
    #suntory_contents .img_list_block .img_list_2column .img_list_txt .link_txt {
        margin-top: 15px;
        text-align: center;
    }

    /* ========================================================================
    wallpaper[sp]
    ========================================================================= */
    #suntory_contents .wallpaper_lead {
        margin-bottom: 20px;
        font-size: 13px;
        line-height: 1.8;
    }

    #suntory_contents .wallpaper_linkarea a {
        display: block;
        width: 100%;
        font-weight: normal;
        color: #881133;
        text-decoration: none;
        overflow: hidden;
        line-height: 1.6;
        letter-spacing: 1px;
        font-size: 13px;
    }

    #suntory_contents .wallpaper_linkarea a:hover {
        color: #cc9999;
        text-decoration: underline;
    }

    #suntory_contents .img_list_3column li {
        margin-bottom: 30px;
    }

    #suntory_contents .wallpaper_thumbnail {
        margin-bottom: 15px;
    }

    #suntory_contents .wallpaper_thumbnail a:hover {
        opacity: 0.7;
    }

    /* ========================================================================
    container[sp]
    ========================================================================= */
    #suntory_contents #container {
        background: none;
    }
    #suntory_contents #container .inner {
        margin: 0 auto;
        background: none;
    }
    #suntory_contents #container.flat .inner {
        margin: 0 auto;
        width: auto;
        background: #fff;
    }
    #suntory_contents #contents {
        margin: 0 auto;
        padding: 0 20px 40px;
        width: auto;
        position: relative;
    }

    /* ========================================================================
    link[sp]
    ========================================================================= */
    #suntory_contents li.link_arrow {
        margin-bottom: 20px;
    }
    #suntory_contents li.link_arrow:last-child {
        margin-bottom: 0;
    }
    #suntory_contents .link_arrow a {
        position: relative;
        padding-left: 30px;
        display: inline-block;
        color: #881133;
    }
    #suntory_contents .link_arrow a:before {
        content: '';
        width: 20px;
        height: 20px;
        background: #881133;
        position: absolute;
        top: -.125em;
        left: 0;
    }
    #suntory_contents .link_arrow a:after {
        content: '';
        width:5.5px;
        height:5.5px;
        margin:auto;
        border-top:2px solid #fff;
        border-right:2px solid #fff;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        position: absolute;
        top: calc(.175em + 1.75px);
        left: 3.75px;
    }


    #suntory_contents .pc_item {display: none!important;}
}


/*==================================================
pc
================================================== */
@media print, screen and (min-width:768px){

    
    /* ========================================================================
    contents_menu[pc]
    ========================================================================= */
    
    /* ========================================================================
    contents_header[pc]
    ========================================================================= */
    #suntory_contents #enjoy_music_header.enjoy_music_special {
        padding-bottom: 30px;
    }

    #suntory_contents #enjoy_music_header.enjoy_music_special .inner {
        padding: 30px 0 0;
    }
    #suntory_contents #enjoy_music_header .leadSpecial {
        margin: 0 0 0 3.95%;
        padding-right: 12.7586206896552%;
        background: url(../../assets2019/img/icon_enjoy_music.png) no-repeat right 0 center;
        background-size: auto 100px;
        display: flex;
        min-height: 100px;
        flex-direction: column;
        justify-content: center;
    }
    #suntory_contents #enjoy_music_header .leadSpecial .message .fs_large {
        font-size: 26px;
    }
    
    /* ========================================================================
    head_nav[pc]
    ========================================================================= */
    #suntory_contents .head_nav{
        margin: 40px 0 50px 0;
        display: flex;
    }
    #suntory_contents .head_link,
    #suntory_contents .head_link_message {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width:40%
    }
    #suntory_contents .head_link{
        width:60%;
        padding-right:0px;
    }

    #suntory_contents .head_link_message{
        align-items:center;
        justify-content:flex-end;
    }

    #suntory_contents .head_link_message a{
        display:flex;
        position:relative;
        height:80px;
        padding:0px 100px 0px 20px;
        align-items:center;
        border:1px solid #843c0c;
        text-decoration:none;
        color:#843c0c;
        background:#ffd966;
        font-weight:bold;
        border-radius:10px;
        overflow:hidden;
    }

    #suntory_contents .head_link_message a:after{
        content:'';
        display:inline-block;
        position:absolute;
        top:0;
        right:0;
        height:80px;
        width:80px;
        background:url(/suntoryhall/enjoymusic/special2020/img/icon_01.jpg);
        background-position:center center;
        background-repeat:no-repeat;
        background-size:contain;
    }
    #suntory_contents .head_link_message a:hover{
        background:#ffcc33;
    }
    #suntory_contents .head_link_message a span{
        position:relative;
        width:30px;
        height:30px;
    }

    #suntory_contents .head_link_message a span:before{
        content: '';
        width: 30px;
        height: 30px;
        margin:auto;
        /* background: #843c0c; */
        background: #FFF;
        position: absolute;
        border-radius: 15px;
        border:1px solid #88cc44;
        top: 0;
        right: -9px;
        bottom:0;
    }
    #suntory_contents .head_link_message a span:after{
        content: '';
        width: 7px;
        height: 7px;
        margin: auto;
        border-top: 2px solid #88cc44;
        border-right: 2px solid #88cc44;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 0px;
        right: 4px;
        bottom:0;
    }

    #suntory_contents .head_link>li {
        width: calc(33% - 5px);
        margin-bottom: 10px;
        padding: 12px;
        background: #88cc44;
        border-radius: 10px;
    }    
    #suntory_contents .head_link>li:nth-child(n+4) {
        margin-bottom:0;
    }
    #suntory_contents .head_link>li a {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 40px;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        text-decoration: none;
    }
    
    #suntory_contents .head_link>li a::before {
        content: '';
        width: 30px;
        height: 30px;
        background: #fff;
        position: absolute;
        border-radius: 15px;
        top: 50%;
        left: 0;
        margin-top: -15px;
    }
    
    #suntory_contents .head_link>li a::after {
        content: '';
        width: 7px;
        height: 7px;
        margin: auto;
        border-top: 2px solid #88cc44;
        border-right: 2px solid #88cc44;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        position: absolute;
        top: calc(50% - 5px);
        left: 10px;
    }

    #suntory_contents .head_link>li a.w_space{
        white-space: nowrap;
    }

    #suntory_contents .head_link>li a .txt_new{
        color: red;
        font-size: 13px;
    }

    /* ========================================================================
    article_list[pc]
    ========================================================================= */
    #suntory_contents .article_list {
        width: 100%;
        min-width: 960px;
        max-width: 1164px;
        margin: 0 auto 120px;
        list-style: none;
    }
    #suntory_contents .article_list li {
        margin: 0 auto 40px;
        width: 93.1034482758621%;
    }
    #suntory_contents .article_header {
        background: #e5f6ec;
        margin-bottom: 30px;
    }
    #suntory_contents .article_header.nolink {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-decoration: none;
        color: #222222;
        padding: 0 40px;
        height: 60px;
        position: relative;
    }
    #suntory_contents .type2 .article_header.nolink {
        padding: 0 30px;
    }
    #suntory_contents .article_header.link a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-decoration: none;
        color: #222222;
        background: url(../img/arrow_article_header.png) no-repeat 0 center;
        background-size: 20px auto;
        padding: 0 40px;
        height: 70px;
    }
    #suntory_contents .article_header .article_title {
        text-align: left;
        margin: 0 auto 0 0;
    }
    #suntory_contents .article_header .article_title .txt_new {
		margin-left: 1em;
		color: #f00;
    }
    #suntory_contents .article_header h2 {
        font-size: 18px;
        font-weight: bold;
        text-align: left;
    }
    #suntory_contents .article_header h3 {
        font-size: 14px;
        font-weight: normal;
        text-align: left;
    }
    #suntory_contents .type2 .article_body {
        margin: 0 2.7777777777778%;
    }
    
    /* ========================================================================
    move_block[pc]
    ========================================================================= */
    #suntory_contents .new_movie .txt02,
    #suntory_contents .movie .txt02{
        width: 100%;
        margin: 0 0 20px;
    }
    #suntory_contents .new_movie .txt02,
    #suntory_contents .movie .txt02 p,
    #suntory_contents .organ_movie .txt02 {
        font-size: 12px;
    }
    
    #suntory_contents .move_block {
        width: 83.334%;
        margin: 0 auto;
        display: flex;
    }
    
    #suntory_contents .move_block_inr{
        position: relative;
        width: 66.667%;
        margin-right: 5.552%;
        }
    #suntory_contents .move_block_inr img{
        width: 100%;
        }
    #suntory_contents .move_block_right{
        width: 27.778%;
    }
    #suntory_contents .move_block_right .img_list li{
        margin-bottom: 37px;
    }
    #suntory_contents .move_block_right .img_list li:last-child{
        margin-bottom: 0;
    }
    #suntory_contents .move_block_right img{
        width: 100%;
    }
    #suntory_contents .move_notice{
        width: 83.334%;
        margin: 10px auto;
    }
    #suntory_contents .move_notice p{
        font-size: 12px;
        line-height: 1.8;
    }

    #suntory_contents .move_lead{
        width: 83.334%;
        font-size: 15px;
        margin: 20px auto;
        line-height: 1.6;}

    #suntory_contents .move_textbox {
        margin-top: 25px;
        margin-bottom: 50px;
        display: flex;
        flex-direction: row-reverse;
    }

    #suntory_contents #online + .move_textbox {
        flex-direction: row;
    }

    #suntory_contents .move_textbox p {
        font-size: 15px;
        line-height: 1.8;
        margin-bottom: 15px;
        margin-right:20px ;
    }

	#suntory_contents .organ_movie .article_title,
	#suntory_contents .organ_column .article_title,
	#suntory_contents .organ_promenade .article_title {
		margin-top: 30px;
		font-weight: bold;
	}
    #suntory_contents .organ_movie .article_title p,
	#suntory_contents .organ_column .article_title p,
	#suntory_contents .organ_promenade .article_title p {
    	position: relative;
		padding-left: 22px;
		color: #00aa44;
		font-size: 17px;
    }
    #suntory_contents .organ_movie .article_title p:before,
	#suntory_contents .organ_column .article_title p:before,
	#suntory_contents .organ_promenade .article_title p:before {
    	content: "";
	    position: absolute;
	    top: 2px;
	    left: 0;
	    bottom: 0;
	    margin: auto;
	    width: 17px;
	    height: 17px;
	    border-radius: 50%;
	    background-color: #00aa44;
	}
	#suntory_contents .organ_movie .article_title p.over4:after {
	    position: absolute;
	    top: -5px;
	    left: 7em;
		content: '4\6B73\4EE5\4E0A\5BFE\8C61';
		width: 130px;
		height: 36px;
		background: #00aa44;
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 14px;
		font-weight: bold;
		border-radius: 18px;
		margin: 0 0 4px 0;
	}
	#suntory_contents .organ_movie .movie_list_block {
		margin-top: 22px;
	}
	#suntory_contents .organ_movie .movie_list_block ul.old_list {
		margin-bottom: 20px;
	}
	#suntory_contents .organ_movie .movie_list_block ul.old_list.new_list li.no_category {
		margin-top: 0;
	}
    /* ========================================================================
    bnrbox[pc]
    ========================================================================= */
    #suntory_contents .bnrbox {
        margin-bottom: 40px;
    }
    #suntory_contents .bnrbox ul {
        display: flex;
        justify-content: space-between;
    }
    #suntory_contents .bnrbox ul li{
        width: 30%;
    }
    #suntory_contents .bnrbox ul li.Wsmall{
        width: 25%;
    }
    #suntory_contents .bnrbox ul li a{
        color: #881133;
        text-decoration: none;
        font-size: 16px;
    }
    #suntory_contents .bnrbox ul li a:hover {
        color: #cc9999;
        text-decoration: underline;
    }
    #suntory_contents .bnrbox ul li img.imgmb{
        margin-bottom: 10px;
    }
    #suntory_contents .bnrbox ul li img{
        width: 100%;
    }
    #suntory_contents .bnrbox ul li .bnrbox_txt{
        margin: 10px 0;
    }
    #suntory_contents .bnrbox ul li .bnrbox_txt.icon_blank::after{
        content:'';
        display: inline-block;
        width: 15px;
        height: 10px;
        background: url(/suntoryhall/common2019/img/icon_external.png) no-repeat right center / 9px;
    }

    #suntory_contents .bnrbox ul li .bnr_move_box{
        padding: 15px 20px;
        background: #881133;
    }
    #suntory_contents .bnrbox ul li .bnr_move_box .bnr_move_inner{
        font-size: 20px;
        color: #fff;
        background: url(../img/icon_movie.png) no-repeat 0 center;
        background-size: 36px auto;
        padding-left: 55px;

    }

    /* ========================================================================
    column[pc]
    ========================================================================= */
    #suntory_contents .box a {
        display: block;
        width: 100%;
    }
    #suntory_contents .box a p {
        font-size: 13px;
        line-height: 1.5;
    }
	#suntory_contents .column .column_lead {
		width: 100%;
		margin: 0 0 20px;
	}
	#suntory_contents .column .column_lead p {
		font-size: 15px;
	}
    #suntory_contents .box.external a p::after {
        content:'';
        display: inline-block;
        width: 15px;
        height: 10px;
        background: url(/suntoryhall/common2019/img/icon_external.png) no-repeat right center / 9px;
    }
    #suntory_contents .aside_head li a br {
        display: none;
    }

    #suntory_contents .aside_head {
        width: 1080px;
        height: 120px;
        margin-bottom: 34px;
        padding: 25px 0;
    }
    #suntory_contents .aside_head ul {
        margin: 0 auto;
        display:flex;
        flex-flow: row nowrap;
        justify-content: center;
        align-items: flex-start;
    }
    #suntory_contents .aside_head li {
        width: 281px;
        height: 60px;
        margin: 0;
        padding: 0 30px;
        border-left: 1px solid #dedede;
        background: #FFF;
    }
    #suntory_contents .aside_head li:first-of-type {
        width: 280px;
        border: none;
    }
    #suntory_contents .aside_head li a {
        box-sizing: border-box;
        display: block;
        width: 220px;
        height: 60px;
        color: #222;
        font-size: 15px;
        font-weight: bold;
        line-height: 60px;
        text-decoration: none;
        text-align: center;
    }
    #suntory_contents .aside_head li.bt_aside_wellness a {
        padding: 0;
        line-height: 60px;
    }
    #suntory_contents .aside_head li.bt_aside_wellness a span {
        display: inline;
        margin-right: 5px;
        font-size: 11px;
    }
    #suntory_contents .top_index {
        width: 1080px;
        margin: 0 auto;
        display:flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-content: stretch;
    }
    #suntory_contents .top_index .line {
        width: 260px;
    }
    #suntory_contents .top_index .box {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    #suntory_contents .top_index .box a {
        width: 100%;
        height: 270px;
        padding: 20px 0 0;
        background: url(../img/bg_gradation.png) no-repeat center bottom;
        position: relative;
    }
    #suntory_contents .top_index .box a:hover{
        color: #969696;
        text-decoration: underline;
    }
    #suntory_contents #item_hp .box a { background-color: #e5f6ff;}
    #suntory_contents #item_hibiki .box a { background-color: #fff1f1;}
    #suntory_contents #item_wellness .box a { background-color: #e8ffee;}
    #suntory_contents #item_other .box a { background-color: #fff6e5;}
    
    #suntory_contents .top_index .box a p {
        padding: 15px 20px 0;
    }
    #suntory_contents .top_index .box figure {
        width: 220px;
        height: 137.1px;
        margin: auto;
    }

    /* ========================================================================
    organ_column[pc]
    ========================================================================= */

	#suntory_contents .organ_column .top_index {
		margin: 20px auto 65px;
	}
	#suntory_contents .organ_column .top_index .box a {
		height: auto;
		padding-top: 0;
		background: none;
		background-color: transparent;
		color: #881133;
	}

	#suntory_contents .organ_column .top_index .box a p {
		padding: 15px 0 0;
		letter-spacing: 1px;
	}

	#suntory_contents .organ_column .top_index .line {
		width: 330px;
	}

	#suntory_contents .organ_column .top_index .box figure {
		width: 330px;
		height: auto;
	}

	#suntory_contents .organ_column .aside_head ul {
		justify-content: left;
	}

    /* ========================================================================
    exploration[pc]
    ========================================================================= */
    #suntory_contents .img_list_block{
        margin-bottom: 70px;
    }
    #suntory_contents .img_list_block .img_list > li{
        margin-bottom: 30px;
    }
    #suntory_contents .img_list_block .category_title {
        position: relative;
        height: 36px;
        display: flex;
        align-items: center;
        color: #00aa44;
        font-size: 14px;
        font-weight: bold;
        margin: 0 0 4px 0;
        padding-left: 20px;
    }
    #suntory_contents .img_list_block .category_title.color_blue {
        color: #0066aa;
    }
    #suntory_contents .img_list_block .category_title::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color:#00aa44;
    }
    #suntory_contents .img_list_block .category_title.color_blue::before{
        background-color:#0066aa;
    }
    #suntory_contents .img_list_block .img_list_3column {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #suntory_contents .img_list_block .img_list_3column li {
        width: 330px;
    }
    #suntory_contents .img_list_block img {
        width: 100%;
    }
    #suntory_contents .answer_box{
        margin-top: 30px;
        display: flex;
        flex-direction: row-reverse;
    }
    #suntory_contents .answer_box .answer_link{
        margin-bottom: 10px;
        text-align: right;
    }
    #suntory_contents .answer_box .answer_link:last-child{
        margin-bottom: 0;
    }
    #suntory_contents .answer_box .answer_link a,
    #suntory_contents .img_list_block .img_list_2column .img_list_txt .link_txt a{
        position: relative;
        color: #881133;
        text-decoration: none;
        overflow: hidden;
        line-height: 1.6;
        font-size: 15px;
    }
    #suntory_contents .answer_box .answer_link a:hover,
    #suntory_contents .img_list_block .img_list_2column .img_list_txt .link_txt a:hover{
        color: #cc9999;
        text-decoration: underline;
    }
    #suntory_contents .img_list_block .img_list_2column {
        width: 100%;
        height: 100%;
        margin: 0 0 30px;
        padding: 0;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
    }
    #suntory_contents .img_list_block .img_list_2column .img_list_img{
        width: 55%;
        margin-right: 5%;
    }
    #suntory_contents .img_list_block .img_list_2column .img_list_txt{
        width: 40%;
        display: flex;
        flex-direction:column;
        justify-content: center;
        font-size: 15px;
        line-height: 1.8;
    }
    #suntory_contents .img_list_block .img_list_2column .img_list_txt .link_txt {
        margin-top: 30px;
        text-align: center;
    }
    /* ========================================================================
    [pc] wallpaper
    ========================================================================= */
    #suntory_contents .wallpaper_lead {
        margin-bottom: 20px;
    }

    #suntory_contents .wallpaper_linkarea a {
        display: block;
        width: 100%;
        font-weight: normal;
        color: #881133;
        text-decoration: none;
        overflow: hidden;
        line-height: 1.6;
        letter-spacing: 1px;
        font-size: 15px;
    }

    #suntory_contents .wallpaper_linkarea a:hover {
        color: #cc9999;
        text-decoration: underline;
    }

    #suntory_contents .img_list_3column li {
        margin-bottom: 30px;
    }

    #suntory_contents .wallpaper_thumbnail {
        margin-bottom: 15px;
    }

    #suntory_contents .wallpaper_thumbnail a:hover {
        opacity: 0.7;
    }

    /* ========================================================================
    [PC] container
    ========================================================================= */
    #suntory_contents #container .inner {
        margin: 0 auto;
    }
    #suntory_contents #container.flat .inner {
        margin: 0 auto;
    }
    #suntory_contents #contents {
        margin: 0 auto;
        padding-bottom: 120px;
        width: 1080px;
        background: #fff;
        position: relative;
    }

    /* ========================================================================
    [PC] link
    ========================================================================= */
    #suntory_contents li.link_arrow {
        margin-bottom: 20px;
    }
    #suntory_contents .link_arrow a {
        position: relative;
        padding-left: 50px;
        color: #881133;
    }
    #suntory_contents .link_arrow a:before {
        content: '';
        width: 30px;
        height: 30px;
        background: #881133;
        position: absolute;
        top: -0.4em;
        left: 0;
    }
    #suntory_contents .link_arrow a:after {
        content: '';
        width:7px;
        height:7px;
        margin:auto;
        border-top:2px solid #fff;
        border-right:2px solid #fff;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        position: absolute;
        top: calc(0.05em + 3.5px);
        left: 7.5px;
    }

}