@charset "utf-8";
/* 2025.08 追加 */
#suntory_contents .summary .title .note{
  color: #222;
}

#suntory_contents .summary .title .note a{
  color: #881133;
}



/*------------------------------------------------------------
  2019以前 
------------------------------------------------------------ */

/*------------------------------------------------------------
  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 img{
  vertical-align: bottom;
}

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

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

#suntory_contents .caption_R{
  text-align:  right;
}

#suntory_contents .red{
	color: red;
	font-size: 18px;
}

#suntory_contents a{
  color: #881133;
}

#suntory_contents a:hover{
  text-decoration: none;
}
*/

/*------------------------------------------------------------
  for PC
------------------------------------------------------------ 
#suntory_contents .sp_item { display: none;}
#suntory_contents .mt15{ margin-top: 15px;}
#suntory_contents .pc_none{ display: none;}
#suntory_contents .sp_none{ display: block;}
*/

/*------------------------------------------------------------
  [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 #contents .bread_crumbs {
    list-style: none;
    display: flex;
    margin-bottom: 5px;
    padding: 15px 0 0;
}
#suntory_contents #contents .bread_crumbs li {
    font-size: 12px;
    color: #222;
    position: relative;
}
#suntory_contents #contents .bread_crumbs li a {
    margin: 0 16px 0 0;
    color: #881133;
}
#suntory_contents #contents .bread_crumbs li:after {
    content: '>';
    color: #222;
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 5px;
}

#suntory_contents #contents .bread_crumbs li:last-child:after{
  display: none;
}
 */

/*------------------------------------------------------------
  [PC] new_header
------------------------------------------------------------

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

#suntory_contents .header_block{
    position: relative;
  margin-bottom: 20px;
  z-index: 0;
}

#suntory_contents .pc_header_log{
  width: 123px;
  height: 120px;
  position: absolute;
  top: -31px;
  left: -10px;
}

#suntory_contents .pc_header_btn{
  position: absolute;
  top: 15px;
  right: 30px;
  z-index: 9999;
}

#suntory_contents .pc_header_btn a{
  display: block;
}

#suntory_contents .main_btn_list{
  overflow: hidden;
  list-style: none;
  margin-left: 5px;
  box-shadow: 0px -1px 13px #009922;
}

#suntory_contents .main_btn_list li{
  float: left;
  width: 250px;
}

#suntory_contents .opacad{
  text-align: center;
    background: #f7fcf8;
}

#suntory_contents .main_btn_list .acad>span{
  padding-left: 38px;
  font-weight: 500;
  letter-spacing: -1px;
}

#suntory_contents .on{
  background: #f9e3e8;
}

#suntory_contents .header_tab_btn{
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: -105px;
}

#suntory_contents .main_btn_list li a{
  display: block;
  color: #dd3355;
  font-weight: 500;
  letter-spacing: -3px;
  padding: 16px 0;
}

#suntory_contents .main_btn_list .on{
  display: block;
  width: 610px;
  padding: 16px 0;
  color: #000;
  background: #fee5eb;
  text-decoration: none;
}

#suntory_contents .main_btn_list .on a{
  font-weight: bold;
}

#suntory_contents .main_btn_list a:hover{
  background: #fee5eb;
}


#suntory_contents .sub_btn_list{
  position: absolute;
  top: 15px;
  right: 130px;
  overflow: hidden;
  list-style: none;
}

#suntory_contents .sub_btn_list li{
  float: left;
  width: 130px;
  font-size: 12.5px;
  text-align: center;
  border-right: solid 1px #ffccdd;
  background: #fff;
  letter-spacing: -1px;
}

#suntory_contents .sub_btn_list li:last-child{
  border: none;
}

#suntory_contents .sub_btn_list a{
  display: block;
  padding: 4px;
  color: #dd3355;
}

#suntory_contents .sub_btn_list a:hover{
  color: #fff;
  background: #ee5577;
}

#suntory_contents .sub_btn_list .on a{
  color: #fff;
  text-decoration: none;
  background: #ee5577;
}
 */

/*------------------------------------------------------------
  [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;
    z-index: 0;
} */

/*------------------------------------------------------------
  [PC] btn_page_top
------------------------------------------------------------
#suntory_contents .btn_page_top{
    right: 50%;
    margin-right: -540px;
}
#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: 10px 0 10px;
    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] recruitment_block
------------------------------------------------------------


#suntory_contents .rec_title{
  margin: 20px 20px 20px;
  z-index: 99999;
}

#suntory_contents .rec_title >h1{
  padding: 20px 20px 50px 0px;
  font-size: 24px;
  font-weight: bold;
  color: #222222;
  border-bottom: solid 1px #222;
}

#suntory_contents .rec_lead{
  display: flex;
  flex-wrap: wrap;
  justify-content:  space-between;
  margin: 20px 20px 20px 0;
  font-size: 15px;
  line-height: 1.8;
  color: #222222;
}

#suntory_contents .rec_lead_txt{
  max-width: 680px;
}

#suntory_contents .lead_photo{
  max-width: 340px;
}

#suntory_contents .lead_photo{
  margin-top: 15px;
}

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

#suntory_contents .rec_teacher{
  overflow: hidden;
}

#suntory_contents .rec_teacher >h2{
  margin-bottom: 15px;
  font-size: 18px;
  font-weight:  normal;
  color: #222;
}

#suntory_contents .rec_teacher ul{
  list-style: none;
  font-size: 14px;
  color: #222;
}

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

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

#suntory_contents .rec_teacher dl{
  display: table;
}

#suntory_contents .rec_teacher dt{
  width:  190px;
  background: #f6f1e4;
  text-align: center;
  padding: 15px 10px;
}

#suntory_contents .rec_teacher dd{
  padding: 15px;
}

#suntory_contents .rec_teacher a{
  font-size: 15px;
}



#suntory_contents .rec_linkBlock{
  margin-top: 25px;
}

#suntory_contents .rec_linkBlock > p{
  margin-top: 15px;
}

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

#suntory_contents .movie_icon a{
  font-size: 15px;
  position: relative;
}

#suntory_contents .movie_icon a::after{
  content: "";
  position: absolute;
  display: block;
  width: 100px;
  height: 31px;
  top: 40%;
  right: -105px;
  background: url(../img/top/icon_youtube.jpg) 0 0 no-repeat;
}

#suntory_contents .rec_linkBlock > ul {
  list-style: none;
  display: flex;
  margin-top: 15px;
}

#suntory_contents .rec_linkBlock > ul li{
  margin-left: 25px;
}

#suntory_contents .rec_linkBlock > ul li:first-child{
  margin-left: 0;
}

#suntory_contents .link_anchor a{
  display: inline-block;
  position: relative;
  padding-left: 50px;
  font-size: 15px;
}

#suntory_contents .link_anchor a::before{
  content: '';
  width: 30px;
  height: 30px;
  background: #881133;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -15px;
}

#suntory_contents .link_anchor a::after{
  content: '';
  width: 7px;
  height: 7px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: calc(50% - 5px);
  left: 10px;
}

#teble_item .teble_item{
  display:  table;
}

#suntory_contents  .cell_item01{
  display: table-cell;
}

#suntory_contents .rec_info,#suntory_contents .teac_info{
  margin-top: 50px;
  padding:  20px 0;
  border: solid 1px #ddd;
}

#suntory_contents .rec_info >h2,#suntory_contents .teac_info >h2 {
  padding:  10px 0;
  margin:  0 20px;
  font-size: 24px;
  font-weight: bold;
  font-weight: 500;
}

#suntory_contents .rec_infolist{
  list-style: none;
  margin: 20px 20px;
}

#suntory_contents .rec_infolist> li{
  padding: 20px 0;
  border-top: dotted 1px #d4bb99;
}

#suntory_contents .rec_info li:first-child{
  border: none;
}

#suntory_contents .rec_info dl{
  display: table;
  font-size: 14px;
  color: #222;
}

#suntory_contents .rec_info dt{
  width: 90px;
  font-weight: bold;
}

#suntory_contents .list_pdf li{
  background: url(../img/common/ico_pdf.gif) left 0 no-repeat;
  padding-left: 20px;
  list-style: none;
}

#suntory_contents .pdf_txt{
padding-left:10px;
margin:5px 0px;
}

#suntory_contents .pdf_txt a{
background:url(../img/common/ico_pdf.gif) no-repeat;
margin:0px;
padding-left: 20px;
text-indent:20px;
}

#suntory_contents .rec_seleList{
  list-style: none;
  padding-left: 10px;
  line-height: 1.6;
}

#suntory_contents .graduates{
  margin-top: 50px;
  padding: 20px 0;
  border: solid 1px #ddd;
}

#suntory_contents .graduates h3{
  padding: 9px 20px;
  min-height: 17px;
  background: #f6f1e4;
  font-size: 15px;
  color: #997755;
  font-weight: bold;
  margin: 20px 0;
}

*/

/*------------------------------------------------------------
  [PC] teacher_blcok
------------------------------------------------------------ 


#suntory_contents .teac_info h3{
  padding: 9px 20px;
  min-height: 17px;
  background: #f6f1e4;
  font-size: 15px;
  color: #997755;
  font-weight:  bold;
  margin: 20px 0;
}

#suntory_contents .photo_area{
  width: 210px;
}

#suntory_contents .teac_flex01{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

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

#suntory_contents .txt_area{
  max-width: 730px;
  margin-left: 40px;
}

#suntory_contents .txt_area  p span.lead{
  font-size: 15px;
  color: #0f0f6d;
}

#suntory_contents .txt_area p{
  margin-top: 15px;
  font-size: 14px;
  line-height: 1.8;
  color: #222;
}

#suntory_contents .txt_area p:first-child{
  margin-top: 0;
}
#suntory_contents p.read2{
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 1.8;
	padding-left: 30px;
	color: #0f0f6d;
}

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

#suntory_contents .teac_box02 ul{
  padding-bottom: 20px;
  list-style: none;
}

#suntory_contents .teac_box02 li{
  margin-bottom:  25px;
}
#suntory_contents .teac_box02 li + li{ border-top: dotted 1px #d4bb99;padding-top: 40px;}

#suntory_contents .txt_area p.name{
  margin-bottom:  15px;
  font-size: 15px;
}


#suntory_contents .teac_box03{
  margin: 0 20px;
  padding: 20px 0;
}

#suntory_contents .teac_box03 h4{
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: normal;
  color: #222;
}

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

#suntory_contents .guests_area {
  margin:  30px 20px 0;
}

#suntory_contents .guests_area ul,#suntory_contents .coach_area dl{
  list-style: none;
  font-size: 14px;
  color: #222;
}

#suntory_contents .guests_area li{
  margin-top: 8px;
}

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

#suntory_contents .guests_area ul dt,#suntory_contents .coach_area dt{
  width: 100px;
}

#suntory_contents .guests_area ul dd,#suntory_contents .coach_area dd{
  padding-left: 10px;
}
*/

/*------------------------------------------------------------
  [PC] contents_container
------------------------------------------------------------
#suntory_contents .contents_container {

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


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

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

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

  #suntory_contents p.read2{
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.8;
    padding-left: 0;
    color: #0f0f6d;
  }
*/
    /*------------------------------------------------------------
      [sp] new_header
    ------------------------------------------------------------
    
    #suntory_contents .new_header{
        margin-bottom: 0;
    }
    
    #suntory_contents .header_block{
        margin-bottom: 0;
    }
    
    #suntory_contents .header_block img{
        vertical-align: bottom;
    }
    
    #suntory_contents .sp_header_log{
        width: 20%;
        position: absolute;
        top: -10px;
        left: -4%;
    }
    #suntory_contents .sp_header_btn{
        position: absolute;
        padding-left: 20%;
        bottom: 54%;
        right: 4%;
      }
    #suntory_contents .header_tab_btn{
        margin: 0 auto 0;
        display: block;
        padding: 0 5%;
      margin-top: -27%;
    }
    #suntory_contents .main_btn_list{
        padding: 0;
        margin-left: 0;
        font-size: 12px;
    }
    
    #suntory_contents .main_btn_list .acad a{
        padding-left: 0;
        text-align: center;
        background: #eef8f0;
    }
    
    #suntory_contents .sub_btn_list{
        position: static;
        display: flex;
        justify-content: center;
        overflow: hidden;
        list-style: none;
        background: #fee5eb;
        padding: 8px 0;
        text-align: center;
        box-shadow: 0px -1px 13px #009922;
      }
    
    #suntory_contents .main_btn_list .acad>span{
        padding-left: 0;
    }
    
  #suntory_contents .main_btn_list li{
        width: 50%;
    }
  
    #suntory_contents .main_btn_list li a{
        padding: 10px 0;
    }
    
    #suntory_contents .main_btn_list .on{
        width: 50%;
        padding: 10px 0;
        text-align: center;
    }
    
    #suntory_contents .sub_btn_list li{
        width: 28%;
    }
    
    #suntory_contents .sub_btn_list a{
        font-size: 9.5px;
  }
   */
    

     /*------------------------------------------------------------
       [sp] link_block
     ------------------------------------------------------------ 

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

     #suntory_contents .link_block ul{
       display: block;
       text-align: center;
     }

     #suntory_contents .link_block li{
       width: 100%;
       margin: 10px auto 0;
     }
       
    */

    /*------------------------------------------------------------
      [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;
      z-index: 0;
    } */

    /*------------------------------------------------------------
      [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] recruitment_block
    ------------------------------------------------------------

       #suntory_contents .teble_item{
        display: block;
      }

      #suntory_contents .rec_title{
       padding-top: 8%;
    }
      #suntory_contents .rec_title >h1{
        padding: 20px 0px 50px 0px;
      }

      #suntory_contents .txt_area  p span.lead{
        font-size: 16px;
        color: #0f0f6d;
      }

      #suntory_contents .rec_lead{
        justify-content: center;
        flex-direction: column-reverse;
        flex-wrap: inherit;
        margin: 0;
      }

      #suntory_contents .lead_photo{
        width: 80%;
        margin: 20px auto;
      }

      #suntory_contents  .cell_item01{
        display:  block;
      }

      #suntory_contents .rec_teacher dl{
        display: block;
      }

      #suntory_contents .rec_teacher dt{
        width:  100%;
        text-align:  left;
      }

      #suntory_contents .rec_infolist dd{
        margin-top: 15px;
      }

      #suntory_contents .pdf_txt{
        margin-top: 1em;
      }

      #suntory_contents .rec_seleList li{
        margin-top: 1em;
      }

      #suntory_contents .movie_icon a::after{
        top: 65%;
      }

      #suntory_contents .rec_linkBlock > ul{
        display: block;
        margin-top: 15px;
      }

      #suntory_contents .rec_linkBlock > ul li{
        margin-left: 0;
        margin-top: 25px;
      }
      
      #suntory_contents .rec_linkBlock > ul li:first-child{
        margin-top: 0;
      }
     */
    
    /*------------------------------------------------------------
        [PC] teacher_blcok
    ------------------------------------------------------------

    #suntory_contents .txt_area{
        margin-left: 0px;
    }

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

    #suntory_contents .guests_area li{
      margin-top: 15px;
    }
     */

    /*------------------------------------------------------------
      [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;
    }
     */

    /*------------------------------------------------------------
      [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;
    }


} */


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

/*------------------------------------------------------------
  （SP）small
------------------------------------------------------------ */

}

/*------------------------------------------------------------
  [PC] new_header 190228
------------------------------------------------------------ 

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

#suntory_contents .header_block{
    position: relative;
  margin-bottom: 20px;
}

#suntory_contents .pc_header_log{
  width: 123px;
  height: 120px;
  position: absolute;
  top: -31px;
  left: -10px;
}

#suntory_contents .pc_header_btn{
  position: absolute;
  top: 15px;
  right: 30px;
}

#suntory_contents .pc_header_btn a{
  display: block;
}

#suntory_contents .main_btn_list{
  overflow: hidden;
  list-style: none;
  margin-left: 5px;
  box-shadow: 0px -1px 13px #009922;
}

#suntory_contents .main_btn_list li{
  float: left;
  width: 250px;
}

#suntory_contents .acad{
  text-align: center;
  background: #f7fcf8;
}
#suntory_contents .main_btn_list .opacad>span{
  padding-left: 38px;
  font-weight: 500;
  letter-spacing: -3px;
}

#suntory_contents .on{
  background: #fee5eb;
}


#suntory_contents .header_tab_btn{
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: -105px;
}

#suntory_contents .main_btn_list li a{
  display: block;
  color: #dd3355;
  padding: 16px 0;
  font-weight: 500;
  letter-spacing: -1px;
}

#suntory_contents .main_btn_list .on{
  display: block;
  width: 610px;
  padding: 16px 0;
  color: #000;
  background: #fee5eb;
  text-decoration: none;
	text-align: left;
}

#suntory_contents .main_btn_list a:hover{
  background: #fee5eb;
}


#suntory_contents .sub_btn_list{
  max-width: 392px;
  position: absolute;
  top: 15px;
  left: 305px;
  overflow: hidden;
  list-style: none;
}

#suntory_contents .sub_btn_list li{
  float: left;
  width: 130px;
  font-size: 12.5px;
  text-align: center;
  border-right: solid 1px #ffccdd;
  background: #fff;
  letter-spacing: -1px;
}

#suntory_contents .sub_btn_list li:last-child{
  border: none;
}

#suntory_contents .sub_btn_list a{
  display: block;
  padding: 4px;
  color: #dd3355;
}

#suntory_contents .sub_btn_list a:hover{
  color: #fff;
  background: #ee5577;
}

#suntory_contents .on a{
  color: #fff;
  text-decoration: none;
  background: #ee5577;
}


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

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

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

    /*------------------------------------------------------------
      [sp] new_header
    ------------------------------------------------------------

    #suntory_contents .new_header{
      margin-bottom: 0px;
    }

    #suntory_contents .header_block{
        margin-bottom: 0;
        z-index: 0;
    }

    #suntory_contents .header_block img{
        vertical-align: bottom;
    }

    #suntory_contents .sp_header_log{
        width: 20%;
        position: absolute;
        top: -10px;
        left: -4%;
    }
    #suntory_contents .sp_header_btn{
        position: absolute;
        padding-left: 20%;
        bottom: 54%;
        right: 4%;
      }
    #suntory_contents .header_tab_btn{
        margin: 0 auto 0;
        display: block;
        padding: 0 5%;
        margin-top: -27%;
    }
    #suntory_contents .main_btn_list{
        padding: 0;
        margin-left: 0;
        font-size: 12px;
    }

    #suntory_contents .main_btn_list li{
      width: 50%;
    }

    #suntory_contents .main_btn_list .on{
        width: 50%;
    }

    #suntory_contents .main_btn_list .acad a{
        padding-left: 0;
        text-align: center;
        background: #eef8f0;
    }

    #suntory_contents .sub_btn_list{
        max-width: inherit;
        position: static;
        overflow: hidden;
        display: flex;
        justify-content: center;
        padding: 8px 0;
        text-align: center;
        list-style: none;
        background: #fee5eb;
        box-shadow: 0px -1px 13px #009922;
      }

    #suntory_contents .main_btn_list .opacad>span{
        padding-left: 0;
    }

    #suntory_contents .main_btn_list li a{
        padding: 10px 0;
    }

    #suntory_contents .main_btn_list .on{
        padding: 10px 0;
        text-align: center;
    }

    #suntory_contents .sub_btn_list li{
        width: 28%;
    }

    #suntory_contents .sub_btn_list a{
        font-size: 9.5px;
  }
} */