@charset "UTF-8";

/* body
===========================================*/
body {
  font: 14px/1.5 "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝", sans-serif;
}

/* #main
===========================================*/
.special_words01{
}

/*------ @ BreakPoint 480px～ ------*/
@media screen and (max-width: 480px) {
.title02 { font-size: 24px; }
}

.text {
  max-width: 1000px;
  margin: 12px auto 35px;
  padding: 0 10px;
  font-size: 24px;
  font-weight: bold;
}

/*------ @ BreakPoint 480px～ ------*/
@media screen and (max-width: 480px) {
.text { font-size: 14px; }
}

.float_block {
  overflow: hidden;
  width: 100%;
}

.float_block img {
  float: left;
}

.img_float01 {
  width: 33.33%;
}

.img_float02 {
  width: 69%;
}

.img_float03 {
  width: 31%;
}

.img_float04 {
  width: 49%;
}

/*------ @ BreakPoint 1000px～ ------*/
@media screen and (min-width: 1000px) {

}

/*------ @ BreakPoint 1300px～ ------*/
@media screen and (min-width: 1300px) {
}

/* section.hero.section01
===========================================*/
.section01 {
  position: relative;
}

.section01 .blueberry {
  position: relative;
  z-index: -100;
}

.title01 {
  background-color: rgba(0,0,0,0.6);
  padding: 27px 10px;
}

/* ie8 */
.ie8 .title01 { background: url(../images/ie8_index_bg01.png); }

.hero_lead {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.6);
}

/* ie8 */
.ie8 .hero_lead { background: url(../images/ie8_index_bg01.png); }

.hero_lead .text {
  margin-bottom: 20px;
  color: #fff;
}

/* section.section02
===========================================*/
.section02 {
  max-width: 1300px;
  margin: 0 auto;
}

.section02 h2 {
  margin: 0 auto 22px;
  padding-top: 28px;
  max-width: 1000px;
}

/* div.change_bg
===========================================*/
.change_bg {
  background: #fff url(../images/index_tea_bg.png);
}

/* section.section03
===========================================*/
.section03{
  max-width: 1300px;
  margin: 0 auto;
  padding-top: 40px;
  text-align: center;
}

.title02 {
  margin-bottom: 40px;
  font-size: 45px;
  color: #686026;
}

.section03 .float_block {
  margin: -156px 0 24px;
}

.section03 .float_block .rb { float: right; }

.section03 .text em {
  text-decoration: underline;
  color: #f00;
}

/* section.section04
===========================================*/
.section04 {
  height: 412px;
  margin-top: 35px;
  background: url(../images/index_tea_pic03.jpg) no-repeat center;
  -webkit-background-size: 100%;
     -moz-background-size: 100%;
      -ms-background-size: 100%;
          background-size: 100%;
}

.hero_inner {
  height: 412px;
  background: url(../images/index_tea_mask.png) no-repeat center;
  -webkit-background-size: 100%;
     -moz-background-size: 100%;
      -ms-background-size: 100%;
          background-size: 100%;
}

.title03 {
  padding-top: 165px;
  text-align: center;
  font-size: 35px;
  color: #fff;
  text-shadow: 1px 0 #000;
}

/*------ @ BreakPoint 480px～ ------*/
@media screen and (max-width: 480px) {
.title03 { font-size: 20px; }
}

/* section.section05
===========================================*/
.section05 {
  max-width: 1300px;
  margin: 0 auto;
  border-bottom: 2px dotted #777;
}

.sp-thumbnails {
  margin-top: 30px;
}

.sp-selected-thumbnail {
  border:4px solid #ff8000;
}

/* section.section06
===========================================*/
.section06 {
  max-width: 1300px;
  margin: 25px auto;
  text-align: center;
}

.title04 {
  font-size: 85px;
  line-height: 1;
}

/*------ @ BreakPoint 480px～ ------*/
@media screen and (max-width: 480px) {
.title04  {font-size: 50px; }
}

.section06 .lead { font-size: 25px; }

/*------ @ BreakPoint 480px～ ------*/
@media screen and (max-width: 480px) {
.section06 .lead { font-size: 14px; }
}

.pdf_list {
  display: table;
  overflow: hidden;
  margin: 15px auto 48px;
  font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
}

.pdf_list li {
  float: left;
  margin: 0 4px;
  background-color: #BF0C0C;
  border-radius: 30px;
  font-size: 24px;
}

.pdf_list li:hover {
  -webkit-transition: background-color .7s;
     -moz-transition: background-color .7s;
      -ms-transition: background-color .7s;
          transition: background-color .7s;
  background-color: #df4f4f;
}

.pdf_list li a {
  display: block;
  padding: 4px 35px 0;
  color: #fff;
}


/* 19.12.16. メニューの箇所の崩れを修正のため追加 */
.pdf_lists {
  margin: 10px auto 48px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pdf_list2 {
  font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
}
.pdf_list2__item {
  margin: 0 4px;
  margin-top: 10px;
  display: inline-block;
  background-color: #BF0C0C;
  border-radius: 30px;
  font-size: 24px;
}
.pdf_list2__item:hover {
  -webkit-transition: background-color .7s;
     -moz-transition: background-color .7s;
      -ms-transition: background-color .7s;
          transition: background-color .7s;
  background-color: #df4f4f;
}
.pdf_list2__item a {
  display: block;
  padding: 4px 35px 0;
  color: #fff;
}

/*------ @ BreakPoint 480px～ ------*/
@media screen and (max-width: 480px) {
.pdf_list li { font-size: 14px; }
}

.menu_block {
  overflow: hidden;
  background-color: rgba(255,255,255,0.5);
}

.menu_block img {
  float: left;
  width: 75%;
}

.menu_block .menu_text {
  float: left;
  width: 25%;
  padding: 12px 10px;
  text-align: left;
  font-size: 25px;
}

.menu_text p {
  line-height: 1.3
}

.menu_text em {
  color: #f00;
  font-size: 33px;
}

.menu_text .attention {
  margin-top: 20px;
  font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
  font-size: 20px;
  line-height: 1.2
}

/*------ @ BreakPoint 480px～ ------*/
@media screen and (max-width: 480px) {
.menu_block .menu_text { font-size: 14px; }

.menu_text .attention { font-size: 10px; }

.menu_text em { font-size: 20px; }
}

/* ie8 */
.ie8 .menu_block { background: url(../images/ie8_index_bg02.png); }

/* section.section07
===========================================*/
.section07 {
  padding: 40px 0 64px;
  background-color: rgba(0,0,0,0.8);
  text-align: center;
}

/* ie8 */
.ie8 .section07 { background: url(../images/ie8_index_bg01.png); }

.title05_wrap {
  display: table;
  overflow: hidden;
  margin: 0 auto;
  padding: 0px 10px 30px;
  color: #fff;
}

.title05 {
  float: left;
  margin-right: 20px;
  font-size: 80px;
  line-height: 1;
}

/*------ @ BreakPoint 480px～ ------*/
@media screen and (max-width: 480px) {
.title05 { font-size: 50px; }
}

.section07 .lead {
  float: left;
  margin-top: 5px;
  text-align: left;
  font-size: 25px;
}

/*------ @ BreakPoint 480px～ ------*/
@media screen and (max-width: 480px) {
.section07 .lead { font-size: 14px; }
}

/* section#locations_netes
===========================================*/
#locations_notes { margin-top: 30px; }