@charset "utf-8";
/* CSS Document */

#contents .contsArea {
	padding: 12px 25px 0;
	background:#fff url(../img/line01.gif) no-repeat 0 0;
	color:#666666;
}
#contents .contsArea:after {
	content:' ';
	display:block;
	height: 52px;
	margin: 0 -25px;
	padding:0;
	border:0;
	background:#fff url(../img/line01.gif) no-repeat 0 bottom;
}

#contents .contsArea a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
#contents .contsArea h2 {
	display:block;
/* 	width:600px; */
	margin:0 auto;
	padding:0;
	border:0;
}
#contents .contsArea p,
#contents .contsArea img {
	display:block;
	margin:0;
	padding:0;
	border:0;
}
#contents .contsArea .lead {
	display:block;
/* 	width:600px; */
	margin:9px auto 37px;
	padding:0;
	border:0;

}
#contents .contsArea .lead p {
	display:block;
	margin:0 0 10px;
	padding:0;
	border:0;
	font-size:14px;
	line-height:21px; 
}

/********************************
index
*********************************/
#contents .contsArea .eyecatch {
	display:block;
/* 	width:600px; */
	margin:9px auto 20px;
	padding:0;
	border:0;
}

#contents .contsArea .banner {
	display:block;
/* 	width:600px; */
	margin:0 auto 30px;
	padding:0;
	border:0;
}
#contents .contsArea .banner a {
	display:block;
	margin:0;
	padding:0;
	border:0;
}
#contents .contsArea .lineup {
	display:block;
	margin:0 0 0 25px;
	padding:0;
	border:0;
}
#contents .contsArea .lineup > .ttl {
	display:block;
	margin:0 25px 20px 0;
	padding:0;
	border:0;
}
#contents .contsArea .lineup a {
	display:block;
	margin:0;
	padding:0;
	border:0;
}
#contents .contsArea .lineup .oyatsu {
	float:left;
	display: inline-block;
	width:190px;
	height:auto;
	min-height:75px;
	margin:0 15px 20px 0;
	padding:153px 0 0;
	border:0;
	position:relative;
}
#contents .contsArea .lineup .oyatsuLong {
	height:87px;
}
#contents .contsArea .lineup .oyatsu  a {
	display: inline-block;
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	text-decoration: none;
}
#contents .contsArea .lineup .oyatsu .photo {
	display:block;
	margin:0;
	padding:0;
	border:0;
	position:absolute;
	left:0px;
	top:0px;
}
#contents .contsArea .lineup .oyatsu .ttl {
	display:block;
	margin:0;
	padding:0;
	border:0;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
}
#contents .contsArea .lineup .oyatsu .description-1 {
	display:block;
	margin: 23px 0 0 0;
	padding:0;
	border:0;
	font-size:12px;
	line-height:16px;
}

#contents .contsArea .lineup .oyatsu .description {
	display:block;
	margin: 3px 0 0 0;
	padding:0;
	border:0;
	font-size:12px;
	line-height:16px;
}

#contents .contsArea .movie {
	display:block;
	margin:0;
	padding:50px 0 0;
	border:0;
	background:#fff url(../img/line01.gif) no-repeat 0 0;
}
#contents .contsArea .movie iframe {
	margin:0 auto;
	padding:0 25px;
}

/********************************
about
*********************************/

#contents .contsArea .package {
	display:block;
	margin:0;
	padding:24px 0 13px;
	border:0;
	background:#fff url(../img/line01.gif) no-repeat 0 0;
}
#contents .contsArea .package .ttl {
	display:block;
	margin:0;
	padding:0;
	border:0;
}
#contents .contsArea .package .ttl img {
	margin:0 auto;
}
#contents .contsArea .package .text {
	display:block;
	margin:0 0 9px;
	padding:0;
	border:0;
	font-size:14px;
	line-height:24px;
	text-align:center;
}
#contents .contsArea .package .figure {
	display:block;
/* 	width:650px; */
	height:390px;
	margin:0 auto;
	padding:0;
	border:0;
	position:relative;
}
#contents .contsArea .package .figure .figure01 {
	position:absolute;
	left:0;
	top:0;
}
#contents .contsArea .package .figure .figure02 {
	position:absolute;
	left:0;
	top:115px;
}
#contents .contsArea .package .figure .figure03 {
	position:absolute;
	left:0;
	top:235px;
}
#contents .contsArea .package .figure .figure04 {
	position:absolute;
	left:219px;
	top:0;
}
#contents .contsArea .package .figure .figure05 {
	position:absolute;
	left:431px;
	top:0;
}
#contents .contsArea .package .figure .figure06 {
	position:absolute;
	left:431px;
	top:262px;
}


#contents .contsArea .unit {
	display:block;
/* 	width:600px; */
	margin:0 auto;
	padding:30px auto 0;
	border:0;
	background:#fff url(../img/line01.gif) no-repeat 0 0;
}
#contents .contsArea .unit .ttl {
	display:block;
/* 	width:600px; */
	height:35px;
	margin:0 auto 20px;
	padding:0;
	border:0;
	color:#000;
	font-size:18px;
	font-weight:bold;
	line-height:37px;
	text-align:center;
	background:#fff362;
}

#contents .contsArea .unit .part {
	float:left;
	display:block;
	width:300px;
	height:37px;
	margin:0;
	padding:0;
	border:0;
}
#contents .contsArea .unit .part:last-child {
	height:auto;
}
#contents .contsArea .unit .partWide {
	float:none;
	display:block;
/* 	width:600px; */
	height:129px;
	margin:0 0 20px;
	padding:0;
	border-bottom:1px solid #a0a0a0;
	position:relative;
}
#contents .contsArea .unit .part .role {
	float:left;
	display:block;
	width:135px;
	height: 17px;
	margin:0;
	padding:0;
	border:0;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	line-height:19px;
	text-align:center;
	background:#000;
}
#contents .contsArea .unit .partWide .role {
	float:none;
	margin:0 0 6px;
}
#contents .contsArea .unit .part .name {
	float:left;
	display:block;
	width:155px;
	margin:0;
	padding:0 0 0 10px;
	border:0;
	color:#000;
	font-size:14px;
	font-weight:bold;
	line-height:19px;
}
#contents .contsArea .unit .partWide .name {
	float:none;
	margin:0 0 2px;
	padding:0 0 0 3px;
	line-height:21px;
}
#contents .contsArea .unit .part .text {
	display:block;
	width:470px;
	margin:0;
	padding:0 0 0 3px;
	border:0;
	font-size:14px;
	line-height:21px;
	letter-spacing:-1px;
}
#contents .contsArea .unit .part .photo {
	display:block;
	width:120px;
	height:120px;
	margin:0;
	padding:0;
	border:0;
	position:absolute;
	right:0;
	top:0;
}

/********************************
oyatsu
*********************************/

#contents .contsArea .ttlSet {
	display:block;
/*
	width:600px;
	height:60px;
*/
	margin:0;
	padding:0;
	border:0;
	position:relative;
}

#contents .contsArea .ttlSet .ttl {
	display:block;
/* 	width:470px; */
/* 	height:60px; */
	margin:0;
	padding:0;
	border:0;
	color:#000;
/* 	font-size:24px; */
	font-size: 3.2rem;
	font-weight:bold;
/* 	line-height:64px; */
	margin: 10px 0;
	padding-right: 130px;
}
#contents .contsArea .ttlSet .cornerTop {
	display:block;
	width:120px;
	height:30px;
	margin:0;
	padding:0;
	border:0;
	position:absolute;
	right:0;
	top:15px;
}
#contents .contsArea .ttlSet .cornerTop a {
	display:block;
	margin:0;
	padding:0;
	border:0;
}

#contents .contsArea .oyatsuMain {
	display:block;
/* 	width:600px; */
	margin:0 auto 15px;
	padding:0;
	border:0;
	color:#000;
	font-size:14px;
}
#contents .contsArea .oyatsuMain .photo {
	display:block;
	margin:0 0 20px;
	padding:0;
	border:0;
	position:relative;
}
#contents .contsArea .oyatsuMain .copy {
	display:block;
	margin:0 0 12px;
	padding:0;
	border:0;
	color:#000;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
	font-size: 2.2rem;
}

#contents .contsArea .oyatsuMain p {
	font-size: 1.5rem;
}

#contents .contsArea .additionalData {
	display:block;
/* 	width:600px; */
	margin:0 auto 50px;
	padding:0;
	border:0;
	color:#000;
	font-size:14px;
}
#contents .contsArea .additionalData .packagePhoto {
	position: relative;
	float:left;
	display:block;
	margin:0 15px 0 0;
	padding:0;
	border:0;
}
#contents .contsArea .additionalData .productName {
	display:block;
	margin:0 0 15px;
	padding:0;
	border:0;
	font-size:18px;
	font-weight:bold;
	line-height:26px;
}
#contents .contsArea .additionalData .productName .renewal_icon::after {
	position: inherit;
}
#contents .contsArea .additionalData .ttl {
	display:inline-block;
	margin:0 0 10px;
	padding:0;
	border-bottom:3px solid #ee8222;
/* 	font-size:16px; */
	font-weight:bold;
	line-height:21px;
	font-size: 1.8rem;
	
}
#contents .contsArea .additionalData .growers {
	display:block;
	margin:0 0 15px;
	padding:0 0 0 205px;
	border:0;
	color:#000;
}
#contents .contsArea .additionalData .growers .growerPhoto {
	float:right;
	display:block;
	margin:0;
	padding:0 0 0 15px;
	border:0;
	font-size:16px;
	font-weight:bold;
	line-height:21px;
}
#contents .contsArea .additionalData .growers .growerName {
	display:block;
	margin:0 0 3px;
	padding:0;
	border:0;
	font-weight:bold;
}
#contents .contsArea .additionalData .growers .text {
	display:block;
	margin:0 0 20px 0;
	padding:0;
	border:0;
	font-size: 1.5rem;
}
#contents .contsArea .additionalData .growers .text.widthPhoto {
	padding:0 105px 0 0;
}

#contents .contsArea .lineupTop {
	display:block;
/* 	width:600px; */
	margin:0 auto;
	padding:0;
	border:0;
	text-align:center;
}
#contents .contsArea .lineupTop a {
	display:inline-block;
	margin:0 auto;
	padding:0;
	border:0;
}

/*TOP img内のアイコン*/
.on_icon{
    position: absolute;
    top: 5px;
    left: 5px;
    color: #fff;
    padding: 0.2em 0.4em 0.2em !important;
    border-radius: 3px;
    font-size: 0.7em;
    font-weight: bold;
    font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",Helvetica,Arial,sans-serif;
    z-index: 1;
}
/*TOP img内の赤アイコン*/
.on_icon.red{ background: #dd271c; }
/*TOP img内のグレーアイコン*/
.on_icon.gray{ background: #808080; }


/*詳細ページ img内のアイコン*/
#contents .oyatsuMain .photo .on_label{
    position: absolute;
    top: 0;
    left: 0;
    background: #dd271c;
    color: #fff;
    padding: 0.2em 0.4em 0.1em !important;
    font-size: 2.4rem !important;
    font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",Helvetica,Arial,sans-serif;
}
/*詳細ページ img内の赤アイコン*/
#contents .oyatsuMain .photo .on_label.red{ background: #dd271c; }
/*詳細ページ img内のグレーアイコン*/
#contents .oyatsuMain .photo .on_label.gray{ background: #808080; }

@media screen and (max-width: 750px){
    #contents .oyatsuMain .photo .on_label{
        font-size: 1.8rem !important;
    }
}


/*img内の新パッケージマークアイコン*/

.renewal_icon:after{
  content: "新パッケージ";
  background: #dd271c;
  color: #fff;
  padding: 0.2em 0.5em 0.2em;
  margin-left: 5px;
/*   border-radius: 3px; */
  font-size: 0.85em;
  font-weight: bold;
  position: absolute;
/*   font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",Helvetica,Arial,sans-serif; */
  top : 5px;
  z-index: 1;
  font-size: 1.4rem;
  display: inline-block;
}

.mT0 {margin-top: 0 !important;}.mT5 {margin-top: 5px !important;}.mT10 {margin-top: 10px !important;}.mT15 {margin-top: 15px !important;}.mT20 {margin-top: 20px !important;}.mT25 {margin-top: 25px !important;}.mT30 {margin-top: 30px !important;}.mT40 {margin-top: 40px !important;}.mT50 {margin-top: 50px !important;}
.mB0 {margin-bottom: 0 !important;}.mB5 {margin-bottom: 5px !important;}.mB10 {margin-bottom: 10px !important;}.mB15 {margin-bottom: 15px !important;}.mB20 {margin-bottom: 20px !important;}.mB25 {margin-bottom: 25px !important;}.mB30 {margin-bottom: 30px !important;}.mB40 {margin-bottom: 40px !important;}.mB50 {margin-bottom: 50px !important;}
.mL0 {margin-left: 0 !important;}.mL5 {margin-left: 5px !important;}.mL10 {margin-left: 10px !important;}.mL15 {margin-left: 15px !important;}.mL20 {margin-left: 20px !important;}.mL25 {margin-left: 25px !important;}.mL30 {margin-left: 30px !important;}.mL40 {margin-left: 40px !important;}.mL50 {margin-left: 50px !important;}
.mR0 {margin-right: 0 !important;}.mR5 {margin-right: 5px !important;}.mR10 {margin-right: 10px !important;}.mR15 {margin-right: 15px !important;}.mR20 {margin-right: 20px !important;}.mR25 {margin-right: 25px !important;}.mR30 {margin-right: 30px !important;}.mR40 {margin-right: 40px !important;}.mR50 {margin-right: 50px !important;}



