@charset "utf-8";

/*------------------------------------------------------------
  font
------------------------------------------------------------ */
/*#suntory_contents {
    font-family: 'Roboto','Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, sans-serif;
    font-weight: 300;
    font-weight: normal;
    font-feature-settings : "palt";
    color: #222;
}
*/
#suntory_contents .bold{
  font-weight: bold;}

#suntory_contents #contents * {
          box-sizing: content-box;
}

/*------------------------------------------------------------
  for PC
------------------------------------------------------------ */
/*#suntory_contents .sp_item {
    display: none;
}
*/
#suntory_contents .font14{
  font-size: 14px;
}

#suntory_contents .mb50{ margin-bottom: 50px;}

/*------------------------------------------------------------
  [PC] contents_header
------------------------------------------------------------ */
/*#suntory_contents #contents_header {
    background: #780d29 url(../img/common/bg_header.jpg) no-repeat center 0;
    height: 129px;
}
#suntory_contents #contents_header .inner {
    margin: 0 auto;
    width: 1080px;
}
#suntory_contents #contents_header .inner p {
    font-size: 26px;
    font-weight: 300;
    font-weight: normal;
    line-height: 1;
    color: #fff;
}*/

/*------------------------------------------------------------
  [PC] bread_crumbs
  ------------------------------------------------------------ */
  #suntory_contents .bread_crumbs {
   list-style: none;
   display: flex;
   padding: 15px 0 0;
 }
 #suntory_contents #contents .bread_crumbs li {
   color: #222;
 }
 #suntory_contents #contents .bread_crumbs li a {
   color: #881133;
 }
 #suntory_contents .bread_crumbs li::after {
   color: #222;
 }

/*------------------------------------------------------------
  [PC] container
------------------------------------------------------------ */
/*#suntory_contents #container {
    background: url(../img/common/bg_contents.png) repeat 0 0;
}
#suntory_contents #container .inner {
    margin: 0 auto;
    background: url(../img/common/bg_contents_cover.png) repeat-y center 0;
}
#suntory_contents #container.flat .inner {
    margin: 0 auto;
    width: 1164px;
    background: #fff;
}*/
#suntory_contents #contents {
    margin: 0 auto;
    padding-bottom: 120px;
    width: 1080px;
/*    background: #fff;*/
    position: relative;
}

/*------------------------------------------------------------
  [PC] btn_page_top
------------------------------------------------------------ */
/*#suntory_contents .btn_page_top a {
    width: 60px;
    height: 60px;
    background: url(../img/common/btn_page_top.png) no-repeat 0 0;
    background-size: 60px auto;
    display: block;
    text-indent: -9999px;
    position: absolute;
    bottom: 0;
    right: 0;
}
*/
/*------------------------------------------------------------
  [PC] contents_title
------------------------------------------------------------ */
#suntory_contents #contents_title {
    padding: 20px 0 20px;
    display: flex;
    justify-content: flex-end;
}
#suntory_contents #contents_title h2 {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
    font-weight: 500;
    line-height: 1.5;
}
#suntory_contents #contents_title h1 {
    font-size: 24px;
    font-weight: bold;
    font-weight: 500;
    line-height: 1.5;
}

#suntory_contents #contents_title .btn_sns {
    display: flex;
    list-style: none;
}
#suntory_contents #contents_title .btn_sns li {
    margin-left: 10px;
}
#suntory_contents #contents_title .btn_sns .btn_sns_facebook a {
    width: 40px;
    height: 40px;
    display: block;
    text-indent: -9999px;
    background: url(../img/common/icon_facebook.png) no-repeat 0 0;
}
#suntory_contents #contents_title .btn_sns .btn_sns_twitter a {
    width: 40px;
    height: 40px;
    display: block;
    text-indent: -9999px;
    background: url(../img/common/icon_twitter.png) no-repeat 0 0;
}

/*------------------------------------------------------------
  [PC] article
------------------------------------------------------------ */

#suntory_contents .article {
    padding: 25px 40px 50px;
    border: 1px #dddddd solid;
}

#suntory_contents .article_title h2 {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: bold;
    font-weight: 500;
}
#suntory_contents .article_title h1 {
    margin-bottom: 5px;
    font-size: 24px;
    font-weight: bold;
    font-weight: 500;
}

#suntory_contents .article_sub_title{
  font-size:  18px;
  margin: 10px 0;
  font-weight: bold;
}

#suntory_contents .article_sub_title >p{
  margin: 10px 0;
}

#suntory_contents .article_title .author {
    font-size: 16px;
    color: #777;
    text-align: right;
}

#suntory_contents .lead_link_list{
  overflow: hidden;
  margin-left: -30px;
  list-style: none;
}

#suntory_contents .lead_link_list li{
  float: left;
  margin-top: 15px;
  margin-left: 40px;
}

#suntory_contents .lead_link_list a{
  font-size: 14px;
}


#suntory_contents .txt_box{
  overflow: hidden;
  margin-top: 20px;
}

#suntory_contents .no_hidden{
  overflow: initial;
}

#suntory_contents .txt_box >h3{
  font-size: 15px;
  font-weight: normal;
  font-weight: 400;
  color: #997755;
  background: #f6f1e4;
  margin-bottom: 20px;
  padding: 20px 30px;
  overflow: hidden;
}

#suntory_contents .txt_box >p{
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 30px;
  padding: 0 30px;
  overflow: hidden;}

#suntory_contents .txt_box .no_hidden{
  overflow: visible;
}

#suntory_contents .txt_box p.txt{
  margin-bottom: 10px;
  overflow: hidden;}


#suntory_contents .width585L{
  width: 585px;
float: left;
}

#suntory_contents .min_width585L{
  max-width: 585px;
  float: left;
}

#suntory_contents .text_block >p:first-child{
	margin-top: 0;}

#suntory_contents .txt_img_block{
	float: right;}

#suntory_contents .txt_img_block:first-child{
	margin-top: 0;}

#suntory_contents .txt_img_flexblock{
  display:  flex;
  justify-content: space-around;
  flex-wrap:  wrap;
  list-style:  none;
}

#suntory_contents .txt_img_block li{
	max-width: 340px;
	list-style: none;
	margin: 20px 0 20px 10px;}

#suntory_contents .txt_img_flexblock li{
  	width: 215px;
  	list-style: none;
  	margin: 20px 0 20px 10px;}

#suntory_contents .txt_img_flexblock_C{
  display:  flex;
  justify-content: center;
  flex-wrap:  wrap;
  list-style:  none;
	}

#suntory_contents .txt_img_flexblock_C li{

	padding: 0 46px;
	margin-top: 20px;
	list-style: none;}

#suntory_contents .txt_img_block li:first-child{
	margin-top: 0;}

#suntory_contents .img_box{
	margin-top: 20px;}

#suntory_contents .img_box >ul{
	overflow: hidden;
	margin-left: -30px;
	list-style: none;}

#suntory_contents .img_box li{
	float: left;
	margin-left: 30px;
}

#suntory_contents .height755{
	min-height: 760px;
}


#suntory_contents .hotel_info{
  margin: 40px 0 20px;
  font-size: 14px;
}

#suntory_contents .hotel_info>h2{
  font-size: 16px;
  margin-bottom: 15px;
}

#suntory_contents .hotel_info ul{
  margin: 15px 0;
  font-size: 12px;
  list-style: none;
}

#suntory_contents .hotel_contenr{
  overflow: hidden;
}

#suntory_contents .food_img{
  float: right;
  padding-left: 30px;
}

#suntory_contents .caption{ font-size: 12px;}

#suntory_contents .font10{ font-size:10px}

#suntory_contents .caption_R{ text-align: right;}
#suntory_contents .caption_L{ text-align: left;}
/*------------------------------------------------------------
  [PC] contents_container
------------------------------------------------------------ */

#suntory_contents .hotel_note{
  margin: 15px 0;
}

#suntory_contents .contents_container:after { content :''; display :block; clear :both; }



/*------------------------------------------------------------
  [PC] img
------------------------------------------------------------ */
#suntory_contents .article .img:last-child {
    margin-bottom: 0;
}

#suntory_contents .img_single {
    margin-bottom: 40px;
}
#suntory_contents .img_single figure img {
    margin-bottom: 10px;
    max-width: 1000px;
}
#suntory_contents .img_single figure figcaption {
    display: flex;
    justify-content: space-between;
}
#suntory_contents .img_single figure figcaption .text {
    font-size: 12px;
}
#suntory_contents .img_single figure figcaption .copyright {
    font-size: 10px;
    color: #777;
}

#suntory_contents .img_double {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
}
#suntory_contents .img_double figure {
    width: 480px;
}
#suntory_contents .img_double figure img {
    margin-bottom: 10px;
    max-width: 480px;
}
#suntory_contents .img_double figure figcaption {
    display: flex;
    justify-content: space-between;
}
#suntory_contents .img_double figure figcaption .text {
    font-size: 12px;
}
#suntory_contents .img_double figure figcaption .copyright {
    font-size: 10px;
    color: #777;
}


/*------------------------------------------------------------
  [PC] hotel_info
------------------------------------------------------------ */

#suntory_contents .hotel_info{
  padding: 20px;
  border: solid 1px #ddd;
}

#suntory_contents .hotel_tit>h2{
  font-size: 18px;
}

#suntory_contents .hotel_tit>h3{
  font-size: 14px;
  font-weight: normal;
}

#suntory_contents .hotel_info >h3{
  font-size: 14px;
  font-weight: normal;
}

#suntory_contents .hotel_info dl{
  font-size: 14px;
}

#suntory_contents .hot_info_block{
  max-width: 700px;
}

#suntory_contents .hot_infobox{
  margin: 0 0 20px;
}

#suntory_contents .special{
  text-decoration: underline;
  color: #ff0000;
}

#suntory_contents .hotel_img{
  margin-bottom: 20px;
}

#suntory_contents .hotel_flex_block{
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#suntory_contents .flex-item_01{
  order: 1;
}

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

/*------------------------------------------------------------
  for SP
------------------------------------------------------------ */

/*    .pc_item {
        display: none;
    }
    #suntory_contents .sp_item {
        display: block;
    }*/

    /*------------------------------------------------------------
      [SP] contents_header
    ------------------------------------------------------------ */
/*    #suntory_contents #contents_header {
        display: none;
    }*/

    /*------------------------------------------------------------
      [SP] bread_crumbs
    ------------------------------------------------------------ */
    #suntory_contents .bread_crumbs,
    #suntory_contents #contents .bread_crumbs {
        display: none;
    }

    /*------------------------------------------------------------
      [SP] container
    ------------------------------------------------------------ */
/*    #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;
/*        background: #fff url(../img/common/bg_contents.jpg) repeat-x 0 0;
        background-size:10px auto;*/
        position: relative;
    }

    /*------------------------------------------------------------
      [SP] btn_page_top
    ------------------------------------------------------------ */
/*    #suntory_contents .btn_page_top a {
        width: 40px;
        height: 40px;
        text-indent: -9999px;
        background: url(/suntoryhall/common2017/sp/img/btn_page_top.png) no-repeat 0 0;
        background-size: 40px 40px;
        z-index: 9999;
        position: fixed;
        bottom: 20px;
        right: 10px;
    }*/

    /*------------------------------------------------------------
      [SP] link
    ------------------------------------------------------------ */
    #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;
    }
    #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 .pdf a {
        background: url(../img/common/icon_pdf.png) no-repeat 0 center;
        background-size: auto 30px;
        display: inline-block;
        min-height: 30px;
        line-height: 30px;
        padding-left: 35px;
    }

    /*------------------------------------------------------------
      [SP] article
    ------------------------------------------------------------ */
    #suntory_contents .sp_mt15{ margin-top: 15px;}
    #suntory_contents .article {
        padding: 20px 15px;
        border: none;
        box-shadow: 0 0 4px 2px rgba(0,0,0,.2);
    }
    #suntory_contents .article {
        padding: 20px 15px;
        border: none;
    }
    #suntory_contents .article_title {
        margin-bottom: 15px;
    }
    #suntory_contents .article_title h2 {
        margin-bottom: 15px;
        font-size: 18px;
        font-weight: bold;
        font-weight: 500;
    }
    #suntory_contents .article_title h1 {
        margin-bottom: 5px;
        font-size: 18px;
        font-weight: bold;
        font-weight: 500;
    }
    #suntory_contents .article_title .author {
        font-size: 11px;
        color: #777;
        text-align: right;
    }
    #suntory_contents .article_lead {
        margin: 0 0 20px;
    }
    #suntory_contents .article_lead p {
        font-size: 11px;
        line-height: 1.8;
    }

    #suntory_contents .txt_img_block{
        float: none;
    }

    #suntory_contents .txt_img_block li{
        width: inherit;
        list-style: none;
        margin: 20px auto; 0
    }

    #suntory_contents .txt_img_flexblock_C li{
        padding: 0px;
        margin-top: 20px;
        list-style: none;
    }

    #suntory_contents .txt_box >p{
        font-size: 14px;
        line-height: 1.8;
        margin-bottom: 30px;
        padding: 0 10px;
        overflow: hidden;
    }

    #suntory_contents .img_box >ul{
      margin: 0 auto;
    }

     #suntory_contents .img_box li{
       margin-top: 20px;
       margin-left: 0;
    }

    #suntory_contents .sp_width100{
        width: 100%;
        text-align: center;
    }

    #suntory_contents .txt_img_block .sp_width80{
        width: 80%;
        text-align: center;
    }


     #suntory_contents ul .sp_width60p{
       width: 60%;
       text-align:  center;
     }

    #suntory_contents .food_img{
        padding-left: 0;
        margin-bottom: 20px;
    }

     #suntory_contents .txt_img_block .font10{ font-size:10px;}
    /*------------------------------------------------------------
      [sp] text_block
    ------------------------------------------------------------ */
    #suntory_contents .text_block {
        width: auto;
        float: none;
    }
    #suntory_contents .text_block p {
        margin-bottom: 2em;
        font-size: 12px;
        line-height: 1.8;
    }
    #suntory_contents .txt_box >h3{
      font-size: 12px;
    }

    /*------------------------------------------------------------
      [SP] text_container
    ------------------------------------------------------------ */
    #suntory_contents .text_container {
        margin-bottom: 40px;
    }
    #suntory_contents .text_container p {
        margin-bottom: 2em;
        font-size: 12px;
        line-height: 1.8;
    }

    /*------------------------------------------------------------
      [SP] dialogue_container
    ------------------------------------------------------------ */
    #suntory_contents .dialogue_container {
        margin-bottom: 40px;
    }
    #suntory_contents .dialogue_container dt {
        font-size: 12px;
        font-weight: normal;
        font-weight: 400;
        color: #997755;
        background: #f6f1e4;
        margin-bottom: 15px;
        padding: 15px 15px 15px 30px;
        position: relative;
    }
    #suntory_contents .dialogue_container dt:before {
        content: '';
        display: block;
        width: 10px;
        height: 1px;
        border-top:1px #997755 solid;
        position: absolute;
        top: calc(15px + .75em);
        left: 15px;
    }

    #suntory_contents .dialogue_container dd {
        font-size: 12px;
        line-height: 1.8;
        margin-bottom: 10px;
        padding: 0 10px;
    }

    #suntory_contents .hotel_note{
      font-size: 12px;
    }
    /*------------------------------------------------------------
      [SP] img
    ------------------------------------------------------------ */
    #suntory_contents .article .img:last-child {
        margin-bottom: 0;
    }

    #suntory_contents .img_single {
        margin-bottom: 40px;
    }
    #suntory_contents .img_single figure img {
        margin-bottom: 10px;
        max-width: 100%;
    }
    #suntory_contents .img_single figure figcaption {
        display: flex;
        flex-direction: column;
    }
    #suntory_contents .img_single figure figcaption .text {
        font-size: 8px;
    }
    #suntory_contents .img_single figure figcaption .copyright {
        font-size: 6px;
        color: #777;
        text-align: right;
    }

    #suntory_contents .img_double {
        margin-bottom: 40px;
        display: flex;
        justify-content: space-between;
    }
    #suntory_contents .img_double figure {
        width: 46.1538461538462%;
    }
    #suntory_contents .img_double figure img {
        margin-bottom: 10px;
        max-width: 100%;
    }
    #suntory_contents .img_double figure figcaption {
        display: flex;
        flex-direction: column;
    }
    #suntory_contents .img_double figure figcaption .text {
        font-size: 8px;
    }
    #suntory_contents .img_double figure figcaption .copyright {
        font-size: 6px;
        color: #777;
        text-align: right;
    }

    /*------------------------------------------------------------
      [sp] hotel_info
    ------------------------------------------------------------ */

    #suntory_contents .hotel_flex_block{
      justify-content: center;
    }

    #suntory_contents .flex-item_01{
      order: 0;
    }

}


@media screen and (max-width:374px) {
/* for SP small */

/*------------------------------------------------------------
SP
------------------------------------------------------------ */