@charset "euc-jp";

@import url("reset.css");

body {
	width:100%;
	font-family:Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProW3', sans-serif;
	font-size:14px;
	margin:0;
}

/* ----------------------------------------------- */
/* clearfix */

.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	line-height: 0;
	height: 0;
	visibility: hidden;
}

.clearfix {
	zoom: 1;
}

/* ----------------------------------------------- */
/* リンクのスタイル */

a:link {
	color:#5f5f5f;
	text-decoration:underline;
}

a:visited {
	color:#5f5f5f;
	text-decoration:underline;
}

a:hover {
	color:#5f5f5f;
	text-decoration:none;
}

a:active {
	color:#5f5f5f;
	text-decoration:underline;
}

/* ----------------------------------------------- */
/* 共通 */

body{
	background-color:#ffefef;
	color:#5f5f5f;
}

.container {
	width:320px;
	margin:auto;
	line-height:1.3;
}

.content {
	width:320px;
	margin:0 auto;
	background-color:#ffffff;
}

header {
	width:320px;
	padding-top:10px;
}

.totop {
	width:310px;
	padding-right:10px;
	text-align:right;
	margin:20px auto 25px;
	font-size:20px;
}

.tomenu {
	width:310px;
	padding-right:10px;
	text-align:right;
	margin:20px auto 25px;
	font-size:20px;
}

.footer_copy{
	width:320px;
	height:20px;
	background: url(../images/footer_bg.png) repeat-x;;
	-webkit-background-size: 1px 30px;
	-o-background-size: 1px 30px;
	-moz-background-size: 1px 30px;
	background-size: 1px 30px;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:5px 0px;
}

/* iPhone 4および解像度密度の高いデバイス スマートフォン (縦向き、横向き両対応) android版 firefox向け */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5),
only screen and (min-device-width : 321px), only csreen and (orientation:landscape){
.footer_copy{
	background: url(../images/footer_bg@2x.png) repeat-x;;
	-webkit-background-size: 1px 30px;
	-o-background-size: 1px 30px;
	-moz-background-size: 1px 30px;
	background-size: 1px 30px;
	}
}

span{
	font-weight:bold;
}

/* ----------------------------------------------- */
/* top共通 */

.menu {
	background-color:#ffffff;
}

.menu h2 {
	width:320px;
	display:block;
}

.menu .top_box{
	width:320px;
	display:none;
}

.top_subtitle {
	width:300px;
	padding:0px 10px 10px;
	color:#ff6e9e;
	font-size:20px;
	font-weight:bold;
}

.top_text {
	width:300px;
	padding:0px 10px 15px;
}

.top_btn {
	width:300px;
	margin:0px auto;
	padding-bottom:20px;
}

.top_img {
	width:243px;
	height:243px;
	margin:20px auto;
}

/* ----------------------------------------------- */
/*アイテム一覧共通*/

.item_box {
	width:300px;
	padding:15px 10px 0px;
}

.item_title {
	width:320px;
	padding:5px 0px;
	text-align:center;
	background-color:#ff7071;
	color:#ffffff;
	font-weight:bold;
}

.item_name a {
	color:#fd709f;
	font-size:14px;
}


.item_name {
	margin-bottom:15px;
}

.item_img {
	text-align:center;
	margin-bottom:15px;
}


.item_text {
	width:280px;
	padding:5px 10px;
	background-color:#e1fffd;
	font-size:10px;
	margin-bottom:15px;
	line-height:2;
}


/* ----------------------------------------------- */
/* top ヘッター */

.top_title {
	width:300px;
	height:100px;
	margin:0px auto 10px;
	background: url(../images/header_main.png) no-repeat;
	-webkit-background-size: 300px 100px;
	-o-background-size: 300px 100px;
	-moz-background-size: 300px 100px;
	background-size: 300px 100px;
	text-indent:-9999px;
}

/* iPhone 4および解像度密度の高いデバイス スマートフォン (縦向き、横向き両対応) android版 firefox向け */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5),
only screen and (min-device-width : 321px), only csreen and (orientation:landscape){
.top_title {
	background: url(../images/top_header_img@2x.png) no-repeat;
	-webkit-background-size: 300px 100px;
	-o-background-size: 300px 100px;
	-moz-background-size: 300px 100px;
	background-size: 300px 100px;
	}
}

.top_detail {
	width:320px;
	height:150px;
	margin:0px auto 10px;
	background: url(../images/top_header_detail.png) no-repeat;
	-webkit-background-size: 320px 150px;
	-o-background-size: 320px 150px;
	-moz-background-size: 320px 150px;
	background-size: 320px 150px;
	text-indent:-9999px;
}

/* iPhone 4および解像度密度の高いデバイス スマートフォン (縦向き、横向き両対応) android版 firefox向け */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5),
only screen and (min-device-width : 321px), only csreen and (orientation:landscape){
.top_detail {
	background: url(../images/top_header_detail@2x.png) no-repeat;
	-webkit-background-size: 320px 150px;
	-o-background-size: 320px 150px;
	-moz-background-size: 320px 150px;
	background-size: 320px 150px;
	}
}

/* ----------------------------------------------- */
/* むくみ ヘッター */

.mukumi_title {
	width:300px;
	height:100px;
	margin:0px auto 10px;
	background: url(../images/mukumi_header_img.jpg) no-repeat;
	-webkit-background-size: 300px 100px;
	-o-background-size: 300px 100px;
	-moz-background-size: 300px 100px;
	background-size: 300px 100px;
	text-indent:-9999px;
}

/* iPhone 4および解像度密度の高いデバイス スマートフォン (縦向き、横向き両対応) android版 firefox向け */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5),
only screen and (min-device-width : 321px), only csreen and (orientation:landscape){
.mukumi_title {
	background: url(../images/mukumi_header_img@2x.png) no-repeat;
	-webkit-background-size: 300px 100px;
	-o-background-size: 300px 100px;
	-moz-background-size: 300px 100px;
	background-size: 300px 100px;
	}
}

.mukumi_detail {
	width:320px;
	height:282px;
	margin:0px auto 10px;
	background: url(../images/mukumi_header_detail.png) no-repeat;
	-webkit-background-size: 320px 282px;
	-o-background-size: 320px 282px;
	-moz-background-size: 320px 282px;
	background-size: 320px 282px;
	text-indent:-9999px;
}

/* iPhone 4および解像度密度の高いデバイス スマートフォン (縦向き、横向き両対応) android版 firefox向け */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5),
only screen and (min-device-width : 321px), only csreen and (orientation:landscape){
.mukumi_detail {
	background: url(../images/mukumi_header_detail@2x.png) no-repeat;
	-webkit-background-size: 320px 282px;
	-o-background-size: 320px 282px;
	-moz-background-size: 320px 282px;
	background-size: 320px 282px;
	}
}


/* ----------------------------------------------- */
/* パックヘッター */

.pac_title {
	width:300px;
	height:100px;
	margin:0px auto 10px;
	background: url(../images/pac_header_img.jpg) no-repeat;
	-webkit-background-size: 300px 100px;
	-o-background-size: 300px 100px;
	-moz-background-size: 300px 100px;
	background-size: 300px 100px;
	text-indent:-9999px;
}

/* iPhone 4および解像度密度の高いデバイス スマートフォン (縦向き、横向き両対応) android版 firefox向け */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5),
only screen and (min-device-width : 321px), only csreen and (orientation:landscape){
.pac_title {
	background: url(../images/pac_header_img@2x.png) no-repeat;
	-webkit-background-size: 300px 100px;
	-o-background-size: 300px 100px;
	-moz-background-size: 300px 100px;
	background-size: 300px 100px;
	}
}

.pac_detail {
	width:320px;
	height:181px;
	margin:0px auto 10px;
	background: url(../images/pac_header_detail.png) no-repeat;
	-webkit-background-size: 320px 181px;
	-o-background-size: 320px 181px;
	-moz-background-size: 320px 181px;
	background-size:  320px 181px;
	text-indent:-9999px;
}

/* iPhone 4および解像度密度の高いデバイス スマートフォン (縦向き、横向き両対応) android版 firefox向け */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5),
only screen and (min-device-width : 321px), only csreen and (orientation:landscape){
.pac_detail {
	background: url(../images/pac_header_detail@2x.png) no-repeat;
	-webkit-background-size: 320px 181px;
	-o-background-size: 320px 181px;
	-moz-background-size: 320px 181px;
	background-size: 320px 181px;
	}
}
/* ----------------------------------------------- */
/* トライアルヘッター */

.trial_title {
	width:300px;
	height:100px;
	margin:0px auto 10px;
	background: url(../images/trial_header_img.jpg) no-repeat;
	-webkit-background-size: 300px 100px;
	-o-background-size: 300px 100px;
	-moz-background-size: 300px 100px;
	background-size: 300px 100px;
	text-indent:-9999px;
}

/* iPhone 4および解像度密度の高いデバイス スマートフォン (縦向き、横向き両対応) android版 firefox向け */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5),
only screen and (min-device-width : 321px), only csreen and (orientation:landscape){
.trial_title {
	background: url(../images/trial_header_img@2x.png) no-repeat;
	-webkit-background-size: 300px 100px;
	-o-background-size: 300px 100px;
	-moz-background-size: 300px 100px;
	background-size: 300px 100px;
	}
}

.trial_detail {
	width:320px;
	height:223px;
	margin:0px auto 10px;
	background: url(../images/trial_header_detail.png) no-repeat;
	-webkit-background-size: 320px 223px;
	-o-background-size: 320px 223px;
	-moz-background-size: 320px 223px;
	background-size:  320px 223px;
	text-indent:-9999px;
}

/* iPhone 4および解像度密度の高いデバイス スマートフォン (縦向き、横向き両対応) android版 firefox向け */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5),
only screen and (min-device-width : 321px), only csreen and (orientation:landscape){
.trial_detail {
	background: url(../images/trial_header_detail@2x.png) no-repeat;
	-webkit-background-size: 320px 223px;
	-o-background-size: 320px 223px;
	-moz-background-size: 320px 223px;
	background-size: 320px 223px;
	}
}

/* ----------------------------------------------- */
/* ファッションヘッター */

.fashion_title {
	width:300px;
	height:100px;
	margin:0px auto 10px;
	background: url(../images/fashion_header_img.jpg) no-repeat;
	-webkit-background-size: 300px 100px;
	-o-background-size: 300px 100px;
	-moz-background-size: 300px 100px;
	background-size: 300px 100px;
	text-indent:-9999px;
}

/* iPhone 4および解像度密度の高いデバイス スマートフォン (縦向き、横向き両対応) android版 firefox向け */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5),
only screen and (min-device-width : 321px), only csreen and (orientation:landscape){
.fashion_title {
	background: url(../images/fashion_header_img@2x.png) no-repeat;
	-webkit-background-size: 300px 100px;
	-o-background-size: 300px 100px;
	-moz-background-size: 300px 100px;
	background-size: 300px 100px;
	}
}

.fashion_detail {
	width:320px;
	height:163px;
	margin:0px auto 10px;
	background: url(../images/fashion_header_detail.png) no-repeat;
	-webkit-background-size: 320px 163px;
	-o-background-size: 320px 163px;
	-moz-background-size: 320px 163px;
	background-size: 320px 163px;
	text-indent:-9999px;
}

/* iPhone 4および解像度密度の高いデバイス スマートフォン (縦向き、横向き両対応) android版 firefox向け */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5),
only screen and (min-device-width : 321px), only csreen and (orientation:landscape){
.fashion_detail {
	background: url(../images/fashion_header_detail@2x.png) no-repeat;
	-webkit-background-size: 320px 163px;
	-o-background-size: 320px 163px;
	-moz-background-size: 320px 163px;
	background-size: 320px 163px;
	}
}