@charset "UTF-8";


body#safety #oolongTeaContainer,
body#oolong #oolongTeaContainer {
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-bottom: 0;
}

body#safety #pageContent,
body#oolong #pageContent {
	width: 100%;
	height: auto;
	margin: 0 auto;
/* 	background: #ffffff; */
}

body#oolong #pageContent {
/* 	background: #f9f9f9; */
}

body#oolong .content_item_body {
/* 	background: #f9f9f9; */
}

body#safety #pageContent .inner,
body#oolong #pageContent .inner {
	width: 960px;
	height: auto;
	margin: 0 auto;
	position: relative;
}

body#safety .content_item_body,
body#oolong .content_item_body {
	padding-top: 80px;
   padding-bottom: 100px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}


body#safety .panel-in::before,
body#safety .safety.top_image {
	background: url("../img/product/safety_image.jpg") no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	height: 320px;
}

/*
body#oolong .panel-in::before,
body#oolong .oolong.top_image {
	background: url("../img/product/oolongtea_image.jpg") no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	height: 383px;
}
*/

body#oolong .content_item_body .top_description {
    width: 520px;
    height: auto !important;
	float: left;
	margin-left: 70px;
}
body#oolong .content_item_body .new_bottle {
    width: 182px;
	float: left;
	margin-left: 80px;
}

body#oolong .content_item_body .top_description section:last-child {
    margin-bottom: 0px;
}

body#oolong .oolong.top_image  {
	background: url(../img/product/oolongtea_image.jpg) center center no-repeat;
	background-color: #0A1849;
	text-align: center;
	height: 450px;
	min-width: 960px;
}

body#oolong .oolong.top_image > div {
	width: 960px;
	height: 450px;
	margin: 0 auto;
}


body#oolong .oolong.top_image h2,
body#oolong .oolong.top_image p {
	display: none;
}

body#oolong .oolong.top_image > div .bottle  {
	width: 396px;
	height: 434px;
	position: absolute;
	top: 350px;	
	left: 50%;
	margin-left: -198px;
	z-index: 100;
}

/*
body#oolong .oolong.top_image > div .bottle img  {
	display: block;
	position: absolute;
	top: 42px;
	left: 300px;
	z-index: 9999;
}
*/


/* Details for Ooolong Tea 
---------------------------------------------------------*/


.oolong.top_image {
	background: url("../img/product/oolongtea_image.jpg") no-repeat;
	background-size: cover;
}

.oolong_subtitle {
	width: 372px;
	height: 57px;
	margin: 30px 0 0 180px;
}
.oolong_top_description {
	width: 520px;
	min-height: 180px;
	height: auto !important;  
  height: 180px;
	margin: 0 0 0 330px;
}
  .oolong_top_description p {
  	line-height: 1.9em;
  }

.oolong_subtitle_02 {
	width: 213px;
	height: 20px;
	text-indent: -5000em;
	background: url("../img/product/oolongtea_subtitle_02.png") no-repeat;
}
.oolong_categories {
	width: 558px;
	height: 232px;
	margin-top: 20px;
	text-indent: -5000em;
	background: url("../img/product/oolongtea_categories.png") no-repeat;
}

.oolong_catchcopy {
  text-align: center;
  margin-bottom:30px;
}

.oolong_copy_detail {
  width: 560px;
}
  .oolong_copy_detail:after {
    content: "";
    display: block;
    clear: both;
  }
  .oolong_copy_detail_text {
    width: 340px;
    float: left;
  }
    .oolong_copy_text {
      margin: 30px 0px 20px;
    }
    .oolong_copy_detail_text strong {
      font-size: 18px;
      display: block;
      margin-bottom: 20px;
    }
    .oolong_copy_detail_text p {
      margin-bottom: 20px;
    }
    .oolong_copy_detail_text p.points {
      margin-left: 14px;
    }
  .oolong_copy_detail_image {
    width: 205px;
    float: right;
  }

.product_lineups {
  height: 245px;
  position: relative;
}
.product_lineups img {
  position: absolute;
}
  .lineup_oolongtea {
    left: 100px;
    bottom: 0px;
  }

  .lineup_kuro_oolongtea {
    right: 100px;
    bottom: 0px;
  }

.lineup {
	background: #ffffff;
	width: 100%;
}

.lineup > .inner {
	width: 720px !important;
	margin: 0 auto;
	padding: 60px 0 40px 0;
	text-align: center;
}


.lineup h5 {
	font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;
/* 	font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; */
  	font-size: 18px;
 	margin-bottom: 30px;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    align-items: center;
    text-align: center; /* for no-flexbox browsers */
}

.lineup h5:before {
    border-top: 1px solid #999999;
    content: "";
    display: inline; /* for IE */
	 -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex: 1;
    flex-grow: 1;
    margin-right: 0.8em;
}

.lineup h5:after {
    border-top: 1px solid #999999;
    content: "";
    display: inline; /* for IE */
	 -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex: 1;
    flex-grow: 1;
    margin-left: 0.8em;
}


.lineup p {
	text-align: center;
	font-size: 12px;
	margin-top: 30px;
}

  
/* Details for Premium Hot Tea 
---------------------------------------------------------*/

.content_item_hotoolong {
  padding: 10px 20px;
  position: relative;
  
  min-height: 490px;
  height: auto !important;
  height: 490px;
  
  background-image: url('../img/product/hotoolong_main_bg.png');
  background-repeat: no-repeat;
}

.hotoolong_main_copy {
	width: 320px;
	height: 80px;
	margin: 54px 0 0 185px;
}

.hotoolong_subtitle {
	width: 224px;
	height: 61px;
	margin: 35px 0 0 185px;
}

.hotoolong_top_description {
	width: 380px;
	min-height: 180px;
	height: auto !important;  
  height: 180px;
	margin: 25px 0 0 185px;
}
  .hotoolong_top_description p {
    color: #280000;
  	line-height: 1.9em;
  }


/* Details for Safety 
---------------------------------------------------------*/

img.oolong_safety_bottle_image {
	position: absolute;
	left: 78px;
	top: -100px;
	z-index: 100;
}

/*
.safety.top_image {
	background: url("../img/product/safety_image.jpg") no-repeat;
	height: 320px;
	background-size: cover;
}
*/

.banner_area {
	margin-top: 60px;
	text-align: center;
}

.banner_area a {
	position: relative;
	display: block;
	z-index: 9999;
	margin: 0 auto;
}



/* Details for Tea Master 
---------------------------------------------------------*/

.teamaster_top_image {
	width: 558px;
	height: 186px;
	background: url("../img/product/teamaster_image.jpg") no-repeat;
}

.teamaster_description {
	width: 560px;
	margin-top: 20px;
}
  .teamaster_description p {
    color: #280100;
  	line-height: 1.9em;
  	font-size: 13px;
  }

.teamaster_make_process {
  width: 560px;
}
  .teamaster_make_process:after {
    content: "";
    display: block;
    clear: both;
  }
  
  .teamaster_process_image {
    width: 195px;
    float: left;
  }
  .teamaster_process_text {
    width: 360px;
    float: left;
  }
    .teamaster_process_subtitle {
      margin: 20px 0px;
    }

.teamaster_profile {
  width: 560px;
}
  .teamaster_profile:after {
    content: "";
    display: block;
    clear: both;
  }
  
  .teamaster_profile_text {
    width: 358px;
    float: left;
  }
  .teamaster_profile_image {
    width: 190px;
    float: right;
  }
    .teamaster_profile_subtitle {
      margin: 0px 0px 20px;
    }