﻿@charset "utf-8";
/* CSS Document */

#contents{
	width: 760px;
	float: left;
}
/**ソース順レフトナビと変更のため2012.11.27**/
#contents2{
	width: 760px;
	float: right;
}

#search_area{
	width: 750px;
	margin: 5px 5px 5px 5px;
	background-color: #ececec;
	position: relative;
}

#search_area2{
	width: 740px;
	margin: 5px 5px 5px 5px;
}

#search_area dl{
	margin: 0
}

#search_area dt{
	margin-top: 10px;
}

#select_area{
	width: 744px;
	margin: 5px;
	padding: 0 0 5px 0;
	border-top: dotted #fff 1px;
	clear:both;
}

.small_ctgr{
	text-align: right;
	margin: 10px 15px;
	height: 30px;
	clear:both;
}

.small_ctgr dt dd{
	display: inline;
	list-style-type: none;
}

/* 2010/11/19 kuramochi */
#small_ctgr_more{
	float: left;
	text-indent: 310px;
	color: #fc5c92;
	position: relative; top:5px; left:5px;
}

.small_ctgr select{
	width: 240px;
	float:left;
	margin: 12px 0 8px 15px;
}

.small_ctgr  dl{
	margin: 10px;
}

.komidashi{
	font-size: 110%;
	font-weight: bold;
	margin: 5px 15px 0 7px;
}

.komidashi2{
	font-size: 110%;
	font-weight: bold;
	margin: 5px 15px 10 0;
}

.slt_bx{
	width: 240px;
	float: left;
	margin: 5px 0 0 3px;
}

.slt_ttl{
	color: #fc5c92;
}

.slt_pl select{
	width: 220px;
}

/* 2010/11/19 kuramochi */
.slt_frbx input{
	width: 180px;
}

.small_ctgr .search_btn{
	width: 40px;
	margin: 0 5px 10px 10px;
	float: left;
}

#select_area .search_btn{
	float: right;
	position:relative;	top:-20px; right: 45px;
}

.select_order{
	width:744px;
	margin: 0 auto;
	padding: 5px 0;
	border-bottom: solid #ececec 3px;
	border-left: solid #ececec 3px;
	border-right: solid #ececec 3px;
	background-color:#f8f7f7;	
	clear: both;
}

.select_order dl,dt,dd{
	display: inline;
	list-style-type: none;
}

.narabi{
	width:342px;
	margin: 0 0 0 10px;
	padding: 0 5px;
}

.hyojikensu{
	width:228px;
	margin: 0 0 0 25px;
	padding: 0 10px;
}

.zaiko{
	width:114px;
	margin: 0 0 0 25px;
	padding: 0 10px 0 0;
}

/* Kuramochi クチコミ有無 追加*/
.Reveiw{
	width:114px;
	margin: 0 0 0 25px;
	padding: 0 10px;
}

.select_order dt{
	background-color:#fc5c92;
	color: #fff;
	font-weight: bold;
	padding: 2px;
}

.select_order dd{
	margin:0 0 0 5px;
	font-weight: bold;
}

.select_order dd span.normal{
	font-weight: normal;
}

.select_order dd a{
	color: #fc5c92;
	font-weight: normal;
}

.paging{
	width: 744px;
	margin: 5px;
	padding: 0 0 5px 0;
	clear:both;
}

.page_txt{
	width:200px;
	margin: 5px;
	padding: 5px;
	float: left;
}

.page_no{
	margin: 5px;
	padding: 5px;
	text-align: right;
}

.page_no li{
	display: inline;
	list-style-type: none;
	margin: 0 2px;
}

.page_no li.act{
	padding: 3px 6px;
	border: solid #fc5c92 1px;
	background-color: #fc5c92;
	color:#ffffff;
}

.page_no li a{
	text-decoration: none;
	padding: 3px 6px;
	border: solid #fc5c92 1px;
}

.page_no li a:link{
	color:#fc5c92;
}

.page_no li a:visited{
	color:#fc5c92;
}

.page_no li a:hover{
	color:#ffffff;
	background-color: #fc5c92;
	text-decoration: none;	
}

.page_no li a:active{
	color:#ffffff;
	background-color: #fc5c92;	
}

.item_list{
	width: 750px;
	margin: 10px auto;
	clear: both;
}

.item_list dl.item_bx{
	width: 163px !important;
	width: 160px; /* for only IE6 style */
	margin:0 6px 5px 6px ;
	padding: 40px 0 0 10px;
	float: left;
	position: relative;
}

.item_list dl.item_bx dd ul{
	list-style-type: none;
	width: 150px;
	margin: 5px 0 15px 0;
}

.item_bx .itmlist_kt_name{
	font-size: 85%;
	height: 2.0em;
	line-height: 100%;
}

.itmlist_name{
	height: 2.8em;
}

.item_bx .itmlist_name a{
	color: #fe5c7e;	
}

.item_bx .itmlist_name a:hover{
	text-decoration:underline;	
}

.itmlist_price{
	text-align: right;
}

.itmlist_price span.keshi{
	text-decoration: line-through;
}

/* 2011/05/21 Akio kuramochi */
.itmlist_priceSale{
	font-size: 14px;
	color: #F00;
	font-weight: bold;	
}

.smallZaiko{
	font-size: 14px;
	color: #F00;
	font-weight: bold;
}

.small{
	font-size: 90%;
}

.itmlist_small_cap{
	margin-top: 5px;
	border-top: dotted #CCC 1px;
	padding: 5px 2px;
	font-size: 90%;
}

.itmlist_icon ul{
	position: absolute; top: 0; left:10px;
	list-style-type: none;
	display: inline;
}

.itmlist_icon ul li{ 
	display: inline;
}

.item_bx a{
	text-decoration: none;
	display: block;
}

.item_tr{
	clear:both;
	margin: 10px 0;
}

.itemlist_area h4{
	color: #53af9f;
	font-weight: bold;
	font-size: 110%;
}

.item_modoru, .itemlist_area{
	margin-left: 10px;
}

.f_left{
	float: left;
	margin-right: 5px;	
}

#bx1{
	width: 670px;
	height: 400px;
	margin: 0 40px;
	background-color: #fbfcd9;
}

.c_bt{
	margin: 10px 50px;
	width: 180px;
}

#left_1{
	width: 320px;
	float: left;
	padding: 10px 20px ;
	background-color: #fbfcd9;
}

#left_1 p{
	padding: 5px 0;
}

#efe_ex{
	width: 280px;
	margin: 20px 0;
	padding: 5px 5px;
	border: 1px solid #fe64a1;
	background-color: #FFF;
}

#efe_ex dd P{
	margin: 3px;
	color:#fe64a1;
	text-indent: 1em;	
}

.hosoku{
	font-size: 90%;
	text-align: right;
	color:#fe64a1;
}

#right_1{
	width: 280px;
	padding: 15px ;
	background-color: #fbfcd9;
	float:left;
}

#bx2{
	width: 670px;
	margin: 0 40px;
	clear: both;
}

#left_2{
	float: left;
	width: 200px;
}

#right_2{
	float: left;	
}

#right_2 p img{
	padding: 20px 10px 0 10px ;
}

#howto_bx{
	width: 390px;
	margin: 5px 10px 20px 30px;
	padding-left: 5px;
}
.hr_dot{
	clear: both;
}

.itm_area{
	width: 670px;
	height: 240px;
}

/**  */
.slim_img1 p{
	float: left;
	width: 167px;
	height: 229px;	
}

.slim_img2 p{
	float: left;
	width: 167px;
	height: 229px;	
}
	
.slim_img3 p{
	float: left;
	width: 167px;
	height: 229px;
}

.slim_img4 p{
	float: left;
	width: 167px;
	height: 229px;
}
.slim_img1 p a{
	background-image: url(../Images/special/bliss/1007NBLI0002.gif);
	background-repeat: no-repeat;
	width: 167px;
	height: 229px;
	text-indent: -9999px;
	display: block;
}

.slim_img1 p a:hover{
	display: block;	
	background-image: url(../Images/special/bliss/1007NBLI0002_on.gif);
}

.slim_img2 p a{
	background-image: url(../Images/special/bliss/1007NBLI0001.gif);
	background-repeat: no-repeat;
	width: 167px;
	height: 229px;
	text-indent: -9999px;
	display: block;		
}

.slim_img2 p a:hover{
	display: block;	
	background-image: url(../Images/special/bliss/1007NBLI0001_on.gif);
}

.slim_img3 p a{
	background-image: url(../Images/special/bliss/1007NBLI0003.gif);
	background-repeat: no-repeat;
	width: 167px;
	height: 229px;	
	text-indent: -9999px;
	display: block;
	float: left;
}

.slim_img3 p a:hover{
	display: block;	
	background-image: url(../Images/special/bliss/1007NBLI0003_on.gif);
}

.slim_img4 p a{
	background-image: url(../Images/special/bliss/1007NBLI0005.gif);
	background-repeat: no-repeat;
	width: 167px;
	height: 229px;	
	text-indent: -9999px;
	display: block;
	float: left;
}

.slim_img4 p a:hover{
	display: block;	
	background-image: url(../Images/special/bliss/1007NBLI0005_on.gif);
}

/*** **/

#varia_midashi{
	font-size: 130%;
	font-weight: bold;
	margin: 5px 0 5px 1em;
	color: #feac70;
}

/*2011.3アンアン掲載用ページ*/
#anan{
	width: 750px;
	background-color:#59cbd5;
	margin: 10px auto;
}

/*2011.8アンアンＳＥＸ特集掲載用ページ*/
#anan2{
	width: 750px;
	background-color:#7b5691;
	margin: 10px auto;
}

/*2011.6オルガレシピ*/
#orga{
	width: 750px;
	margin: 10px auto;
	text-align:center;
}

/*loveQA*/
.loveqa h1{
	background-image:url(../Images/special/loveqa/lovetime_qa.jpg);
	background-repeat:no-repeat;
	width:750px;
	height:260px;
	margin: 0 auto;
}

.loveqa_cn{
	width: 750px;
	margin: 20px auto;
}

.loveqa_ptext{
	float:left;
	width:690px;
	font-size: 14px;
    line-height: 20px;
    margin: 10px 22px;	
}

.loveqa_ptext img{
	padding:2px;
}

.loveqa p{
	margin-bottom:1em;
}

.loveqaitm_3{
	width: 690px;
	margin: 0px 30px;
}

.loveqaitem_bx2{
	width: 180px;
	float: left;
	margin: 15px!important;
	margin: 5px; /*IE6only*/
	padding:10px!important;
	padding:5px;/*IE6only*/
}

.loveqaitem_bx2 dt{
	padding: 0 15px;
}

.loveqaitem_bx2 ul{
	list-style-type: none;
	width: 160px;
	padding: 0 7px;	
}

.loveqa_ct{
	color: #fff;
	font-size: 130%;
	text-indent:3px;
	background-color:#E1749B;
	width: 720px;
	margin: 20px auto 0 auto;	
}

.loveqa_ct img{
	margin:2px;
}

.loveqa_catch{
	width:180px;
	height:30px;
	background-image:url(../Images/special/loveqa/loveqa_catch_bg.gif);
	background-repeat:no-repeat;
    color: #FFC1D6;
	font-weight: bold;
	text-align:center;
    padding: 10px 0;
}

.loveqa_name a{
	font-weight: bold;
	color: #d637af;
}

.loveqa_ib_name a{
	color:#FE5C7E;
}

.loveqa_ib_price{
	text-align: right;
}

.loveqa_ib_cap{
	font-size: 95%;
	border-top: 1px dotted #CCCCCC;
	padding: 5px 0 0;
}

.loveqa_ichiran{
	text-align: right;
	padding-right: 1em;
	font-size: 120%;
	font-weight: bold;
}

.loveqa_ichiran a{
	color: #fd4caf;
}

/*2011.12　ハッピーキットページ*/
#happyk{
	width: 750px;
	background-color:#b61d69;
	margin: 10px auto;
	padding-bottom:30px;
}

.happyk_cn1 {
    float: left;
    padding:10px 0px 10px 8px;
    width: 360px;
	text-align:center;
}

/*2012.1　1201anan*/
.anan3 {
	font-size:12px;
	font-weight:normal;
	color:#666;
	padding:20px 10px 20px 10px;
}

.anan3_item1{
	background-image:url(../../Images/special/1201anan/1201anan_ttl_04.jpg);
	width:750px;
	height:330px;
	position:relative;
}

.anan3_item1 img{
	padding:10px 10px 0 160px;
}

.anan3_item2{
	background-image:url(../../Images/special/1201anan/1201anan_2_02.jpg);
	width:750px;
	height:312px;
	position:relative;
}

.anan3_item2 img{
	padding:10px 10px 0 160px;
}

.anan3_item3{
	background-image:url(../../Images/special/1201anan/1201anan_3_01.jpg);
	width:750px;
	height:364px;
	position:relative;
}

.anan3_item3 img{
	padding:10px 10px 0 160px;
}

.anan3_item4{
	background-image:url(../../Images/special/1201anan/1201anan_3_06.jpg);
	width:750px;
	height:327px;
	position:relative;
}

.anan3_item4 img{
	padding:10px 10px 0 160px;
}

.anan3_itemtext{
	position:absolute;
	top:160px; 
	left:350px ;
	width:330px;
}

.ananabout{
	padding:10px; 
	margin:20px 20px 20px 150px; 
	border-top:dashed 1px #CCC; 
	border-bottom:dashed 1px #CCC;
}

/************************************ カテゴリＴＯＰ ************************************/
#category_top, #trouble_top, #brand_top{
	margin: 0 auto;
	font-size: 14px;
	font-family: "游ゴシック体","游ゴシック","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: 500;
	color: #333;
}

#category_top .flex {
	display: flex;
	-js-display: flex;
	justify-content: space-between;
}

#category_top {
	background-color:#ffeef7;
	font-size: 14px;
	color: #333;
	padding:10px;
}

#category_top h3{
	font-size: 18px;
	font-weight: bold;
	color: #fe0b83;
	margin-bottom: 10px;
}

#category_top h3 span{
	font-size: 25px;
}

#category_top .main_txt{
	font-size: 18px;
	font-weight: bold;
}

#category_top .cate_txt{
	flex: 1;
}

#category_top .cate_img{
	margin: 0 10px;
	width: 230px;
	text-align: center;
	font-size: 12px;
}

#category_top .special_link{
	margin: 15px 0 10px;
	color: #fff;
	text-align: center;
	background: #fd7bc4;
}

/************************************ トラブルＴＯＰ ************************************/
#trouble_top .trou-waku{
	margin-bottom:10px;
	padding:10px;
	display:block;
}

#trouble_top .trou01{
	background: -moz-linear-gradient(left, #feadc4 50%, #fff 80%, #fff);
	background: -webkit-linear-gradient(left, #feadc4 50%, #fff 80%, #fff);
	background: linear-gradient(to right,#feadc4 50%, #fff 80%, #fff);
	color: #fd3e74;
}

#trouble_top .trou02{
	background: -moz-linear-gradient(left, #d1fea9 50%, #fff 80%, #fff);
	background: -webkit-linear-gradient(left, #d1fea9 50%, #fff 80%, #fff);
	background: linear-gradient(to right,#d1fea9 50%, #fff 80%, #fff);
	color: #5fc205;
}

#trouble_top .trou03{
	background: -moz-linear-gradient(left, #fef3a9 50%, #fff 80%, #fff);
	background: -webkit-linear-gradient(left, #fef3a9 50%, #fff 80%, #fff);
	background: linear-gradient(to right,#fef3a9 50%, #fff 80%, #fff);
	color: #ff7f02;
}

#trouble_top .trou04{
	background: -moz-linear-gradient(left, #caa3fe 50%, #fff 80%, #fff);
	background: -webkit-linear-gradient(left, #caa3fe 50%, #fff 80%, #fff);
	background: linear-gradient(to right,#caa3fe 50%, #fff 80%, #fff);
	color: #6d479f;
}

#trouble_top .trou05{
	background: -moz-linear-gradient(left, #feb2a3 50%, #fff 80%, #fff);
	background: -webkit-linear-gradient(left, #feb2a3 50%, #fff 80%, #fff);
	background: linear-gradient(to right,#feb2a3 50%, #fff 80%, #fff);
	color: #fc5f3e;
}

#trouble_top .trou06{
	background: -moz-linear-gradient(left, #a9d4fe 50%, #fff 80%, #fff);
	background: -webkit-linear-gradient(left, #a9d4fe 50%, #fff 80%, #fff);
	background: linear-gradient(to right,#a9d4fe 50%, #fff 80%, #fff);
	color: #4478ae;
}

#trouble_top .trou07{
	background: -moz-linear-gradient(left, #a9feea 50%, #fff 80%, #fff);
	background: -webkit-linear-gradient(left, #a9feea 50%, #fff 80%, #fff);
	background: linear-gradient(to right,#a9feea 50%, #fff 80%, #fff);
	color: #18b28e;
}

#trouble_top .trou-txt{
	width:530px;
	margin-right:20px;
	color:#333;
	float:left;
}

#trouble_top .main_title{
	font-size: 25px;
	width:530px;
	margin-bottom: 10px;
	font-weight:bold;
	float:left;
}

/************************************ ブランドＴＯＰ ************************************/
#brand_top .flex {
	display: flex;
		-js-display: flex;
}

#item_top .flex2 {
	display: flex;
		-js-display: flex;
	 flex-direction: row-reverse;
}

#brand_top dl, #brand_top dt, #brand_top dd, #brand_top li {
    display: block;
    list-style-type: none;
}

#brand_top .mds1 {
    border-left: #ad6fbc 10px solid;
    color: #333;
    font-weight: bold;
    padding: 10px;
    font-size: 22px;
    margin-top: 30px;
}

/************************** 028ブーティーパーラー **************************/
.bra_028 .top {
	background-image: url(/html/brand/images/bra_028/750bp_back.jpg);
	height: 367px;
}

.bra_028 .top h3 {
	font-size:22px;
	color:#fe0b83;
	text-align:right;
	padding:20px 20px 0;
}

.bra_028 .top p {
	color: #400080;
	text-align: right;
	margin: 10px 20px;
	line-height: 1.8;
	text-shadow: 1px 1px 2px #fff;
	padding: 10px;
}

.bra_028 h4 {
	font-size: 21px;
}

.bra_028 .item_list{
	width: 730px;
	margin: 15px auto;
}

.bra_028 .item_list .item{
	background-color:#fdedf0;
	width: 335px;
	padding: 10px;
	margin: 0 5px 10px 5px;
}

.bra_028 .item_list img {
	width: 90px;
	margin-right: 10px;
}

.bra_028 .item_list dt{
	margin: 5px 0;
}

/************************** 046LELO **************************/
#brand_top.bra_046 section .subtitle{
	color: #ccc;
}

.bra_046{
	background-color: #000;
	position: relative;
	padding: 15px 0;
}

.bra_046 .lelotitle{
	margin: 10px auto;
	text-align: center;
	padding-left: 48px;
}

.bra_046 .subtitle{
	font-size: 22px;
	text-align: center;
	margin: 10px auto 20px;
	letter-spacing: 0.2em;
	line-height: 40px;
}

/* サブタイトルのアニメーション */
.bra_046 .subtitle{
animation: myfirst 5s;
-webkit-animation: myfirst 5s; /* Safari and Chrome */
-moz-animation: myfirst 5s; /* Firefox */
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
 from {opacity: 0;}
 to {opacity: 1;}
}
@-moz-keyframes myfirst /* Firefox */
{
 from {opacity: 0;}
 to {opacity: 1;}

}
@keyframes myfirst
{
 from {opacity: 0;}
 to {opacity: 1;}
}

.bra_046 .item_01{
    background-image: url('/images/special/lelo/bra_046_lelo_1st.jpg');
    background-repeat: no-repeat;
	width:750px;
	height:271px;
	position:relative;
}
.bra_046 .item_02{
    background-image: url('/images/special/lelo/bra_046_lelo_2nd.jpg');
    background-repeat: no-repeat;
	width:750px;
	height:271px;
	position:relative;
}
.bra_046 .item_03{
    background-image: url('/images/special/lelo/bra_046_lelo_3rd.jpg');
    background-repeat: no-repeat;
	width:750px;
	height:271px;
	position:relative;
}

.bra_046 .item_01 a, .bra_046 .item_02 a, .bra_046 .item_03 a{
	text-decoration:none;
	font-size:18px;
	display:block;
	width:750px;
	height:271px;
}

.bra_046 .item_01:hover, .bra_046 .item_02:hover, .bra_046 .item_03:hover{
	box-shadow: 0 0 0 8px #5f1e22 inset;
	opacity:0.8;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.bra_046 h3 {
	font-size: 14px;
	font-weight: 500;
	padding: 240px 20px 0;
}

.bra_046 .item_01 h3 {
	color: #fff;
	text-align: right;
}

.bra_046 .item_02 h3 {
	color: #000;
	text-align: left;
}

.bra_046 .item_03 h3 {
	color: #000;
	text-align: right;
}

.bra_046 .item_01 p, .bra_046 .item_02 p, .bra_046 .item_03 p {
	position: absolute;
	font-size: 22px;
	padding: 0;
	top: 50px;
	left: 50px;
	width: 650px;
}

.bra_046 .item_01 p {
	color: #CCC;
	text-align: left;
}

.bra_046 .item_02 p {
	color: #CCC;
	text-align: right;
}

.bra_046 .item_03 p {
	color: #333;
	text-align: left;
}

.bra_046 .item_01 .catch, .bra_046 .item_02 .catch, .bra_046 .item_03 .catch {
	position: absolute;
	font-size: 14px;
	top: 200px;
	left: 50px;
}

.bra_046 .item_01 .catch {
	text-align: left;
}

.bra_046 .item_02 .catch {
	text-align: right;
}

.bra_046 .item_03 .catch {
	text-align: left;
}

.bra_046 .revmat h4{
    background-image: url('/images/special/lelo/bra_046_lelo_rev.jpg');
    background-repeat: no-repeat;
	width: 750px;
	height: 140px;
	font-size:22px;
	text-align:center;
	padding-top: 130px;
	color: #fff;
	letter-spacing:0.1em;
}

.bra_046 .revmat ul {
	background-color: #fff;
	margin: 10px;
	padding: 30px;
	color: #252525;
	font-size: 15px;
}

.bra_046 .revmat .item {
	font-size: 18px;
	margin: 20px 0 10px;
}

.bra_046 .revmat .item i {
	border: 1px #666 solid;
	text-decoration:none;
	color:#252525;
	padding:5px 10px 5px 10px;
	font-style:normal;
	margin-right:10px;
}

.bra_046 .revmat .text span{
	color:#ff7e00;
}

/************************** 056ジャムウ **************************/
.bra_056 h3{
	margin-top: 15px;
	color: #ec9987;
	font-weight: 100;
	font-size: 25px;
	text-align: center;
	margin-bottom: 10px;
}

.bra_056 p{
	margin-bottom:10px;
	padding:10px;
	font-size: 16px;
}

/************************** 099オン **************************/
.bra_099 img {
	display: block;
	margin: 15px auto;
}

.bra_099 .top h3 {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	text-align: center;
	margin-bottom: 10px;
}

.bra_099 .top span {
	font-size: 48px;
	color: #bd89d5;
	margin: 0 5px 0 5px;
}

.bra_099 .main_txt {
	font-size: 16px;
	margin: 5px auto;
	text-align: center;
}

.bra_099 .on_syokai{
	display: flex;
		-js-display: flex;
	padding:10px;
}

.bra_099 .item_list .item_for {
	display: flex;
		-js-display: flex;
	align-items: center;
	margin:10px 0;
}

.bra_099 .item_list .item_for p{
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 0 20px;
	width: 100%;
}

.bra_099 ul img{
	width:150px;
}

.bra_099 ul li{
	margin: 0 10px;
	text-align: center;
	display: block;
	width: 230px;
}

.bra_099 ul li a:hover{
	opacity: 0.7;
}

.bra_099 ul li span{
	font-weight: bold;
	font-size: 16px;
}

.bra_099 ul li dl{
	font-size: 12px;
}

.bra_099 ul li dd{
	text-align: left;
	display: block;
}

.bra_099 .point{
	text-align: center;
	color: #fe0b83;
	font-size: 16px;
	margin: 5px 0;
	font-weight: bold;
}

/************************** 107iroha **************************/
.bra_107 .top h3 {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	text-align: center;
	margin-bottom: 10px;
}

.bra_107 .top .main-img{
	background-image: url(/html/brand/images/bra_107/brandconcept.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.bra_107 .top .main-txt{
	background: rgba(255,255,255,0.8);
	margin-bottom: 30px;
}

.bra_107 .top p{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	transform: rotate(.03deg);
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
	padding: 0 30px;
	margin-bottom: 10px;
	color: #78617A;
}

.bra_107 .top p strong{
	font-size: 35px;
	color: #eb586f;
}

.bra_107 .iroha_01 p, .bra_107 .iroha_02 p, .bra_107 .iroha_03 p{
	margin: 0 0 10px 20px;
}

.bra_107 .iroha_01{
	background-color: #f6e4da;
	color: #e97284;
	padding: 20px;
	margin-bottom:10px;
}

.bra_107 .iroha_02{
	background-color: #ebe3ee;
	color: #a487af;
	padding: 20px;
	margin-bottom:10px;
	flex-direction: row-reverse;
}

.bra_107 .iroha_03{
	background-color: #e8f6ee;
	color: #719882;
	padding: 20px;
	margin-bottom:10px;
}

.bra_107 .iroha_03_2{
	flex-direction: row-reverse;
}
.bra_107 .syokai{
	margin: 25px 20px 10px 20px;
}

.bra_107 .iroha_02_2 .syokai, .bra_107 .iroha_03_2 .syokai{
	width: 255px;
}

/* 吹き出し本体 */
.bra_107 .balloon{
	position: relative;
	padding: 5px;
	margin-bottom:10px;
	background-color: #000;
	border-radius: 30px;
	font-size: 18px;
	color: #FFF;
	text-align:center;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	transform: rotate(.03deg);
	font-weight: 700;
}
/* 大きい丸 */
.bra_107 .balloon::before{
  content: '';
  position: absolute;
  display: block;
  border-radius: 50%;
  background-color: #000;
  left: 35px;
  bottom: -25px;
  width: 30px;
  height: 30px;
}
/* 中丸 */
.bra_107 .balloon::after{
  content: '';
  position: absolute;
  display: block;
  border-radius: 50%;
  background-color: #000;
  left: 55px;
  bottom: -45px;
  width: 15px;
  height: 15px;
}

.bra_107 .balloon small{
	font-size: 12px;
}

.bra_107 .item{
	margin: 30px auto;
}

.bra_107 .item_list{
	justify-content: center;
	text-align: center;
}

.bra_107 .item_list a:hover{
	text-decoration:none;
}

.bra_107 .user_voice{
	justify-content: center;
	margin: 30px;
}

.bra_107 .iroha_user {
	width: 200px;
	padding: 10px;
}

.bra_107 .user_txt{
	padding:0 30px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.bra_107 .user_txt p{
	border-bottom: 1px dotted #000;
	display: inline;
	line-height: 2;
	margin-top: 10px;
}

.bra_107 .effect p, .bra_107 .effect div{
	transition: 1.5s;
}

/************************** 118スウィートスポット **************************/
.bra_118 section{
	margin:20px 30px;
	padding-bottom: 30px;
	text-align: center;
	display: flex;
		-js-display: flex;
	align-items: flex-start;
}

.bra_118 section:nth-child(odd) {
  flex-direction: row-reverse;
}

.bra_118 section h3{
	font-size: 23px;
	margin-bottom: 20px;
	white-space: nowrap;

}
.bra_118 section span{
	color:#fe0b83;
}

.bra_118 section img{
	width: 300px;
	margin: 0 20px;
}

.bra_118 p{
	margin: 15px 0;
	text-align: center;
}

/************************** 142ウーマナイザー **************************/
.bra_142 .bak_img{
	background-image:url(/html/brand/images/bra_142/bra_142_main.jpg);
	width: 750px;
	height: 300px;
}

.bra_142 .top_txt img{
	margin-left: 12px;
}

.bra_142 .top {
      background: linear-gradient(to bottom,
  		  rgba(237, 191, 207, 0.3),
   		  rgba(249, 133, 174, 0.3),
 		  rgba(250, 14, 98, 0.3));
      background-size: 400% 400%;
      animation: AnimationName 10s ease infinite;
	  height: 300px;
}
 
@keyframes AnimationName {
  0% { background-position: 50% 0% }
  50% { background-position: 50% 100% }
  100% { background-position: 50% 0% }
}

.bra_142 .buruburu {
	padding: 20px 0 0 60px;
    display: inline-block;
    animation: hurueru .2s infinite;
}

@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(0.5px, 0.5px) rotateZ(0.5deg)}
    50% {transform: translate(0px, 0.5px) rotateZ(0deg)}
    75% {transform: translate(0.5px, 0px) rotateZ(-0.5deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

.bra_142 .top_txt h3{
	font-size: 20px;
	font-weight: bold;
	margin: 30px 0 100px 30px;
	color: #636363;
	white-space: nowrap;
	padding:10px;
}

.bra_142 .top_txt h3 span{
	font-size: 30px;
	font-weight: bold;
	margin: 0 5px;
	color: #fe0b83;
	white-space: nowrap;
}

.bra_142 .Details{
	margin: 50px 20px;
}

.bra_142 .Details div{
	margin: 30px 0;
}

.bra_142 .Details ul li img{
	margin: 0 10px 0 20px;
}

.bra_142 .Details h3, .bra_142 .Details .point{
	color: #fe0b83;
	font-weight: 500;
	margin-bottom: 5px;
	border-bottom: 1px dotted #fe0b83;
}

/************************** 152RianneS **************************/
.bra_152 .top h3{
	font-size: 20px;
	font-weight: bold;
	color: #333;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 20px;
}

.bra_152 .top p{
	margin-bottom: 10px;
	padding: 10px;
	font-size: 16px;
}

/************************** 168Rock Candy **************************/
.bra_168 .bak_img{
	background-image:url(/html/brand/images/bra_168/bra_168_main.jpg);
	width: 750px;
	height: 350px;	
	animation-name: anime1;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-direction:alternate;
}

@keyframes 'anime1' {
	0% {	opacity:0;	}
	100% {	opacity:1;	}
}
@keyframes anime1 {
	0% {	opacity:0;	}
	100% {	opacity:1;	}
}

.bra_168 .top_img{
	padding: 10px;
	margin-left: 200px;
}

.bra_168 .top_txt {
	display: block;
	text-align: right;
	margin-left: 550px;
}

/**************************176 ハイ オン ラブ **************************/
.bra_176 .main{
	background-image:url(/html/brand/images/bra_176/bra_176_main.jpg);
	width: 750px;
	height: 375px;
}

.bra_176 .main p{
	display: block;
	color: #fff;
	line-height: 1.8;
	text-align: right;
	margin-left: auto;
	padding-top: 170px;
	padding-right: 20px;
}

.bra_176 .item {
	background-image:url(/html/brand/images/bra_176/bra_176_bak.jpg);
	width: 750px;
	height: 500px;
	text-align: center;
}

.bra_176 .item .flex{
	justify-content: center;
	padding: 20px;
}

.bra_176 .item p{
	padding: 10px 5px;
	line-height: 1.0;
}

.bra_176 .item .lineup{
	font-size: 12px;
	margin-top: 15px;
	width: 250px;
}

.bra_176 .item .lineup span{
	font-family: 'Great Vibes', cursive;
	font-size: 50px;
}
/* 画面外にいる状態 */
.bra_176 .fadein {
    opacity : 0;
	transform : translate(0, 80px);
}

.bra_176 .fadein.item_01 {
    transition : all 800ms;
}
.bra_176 .fadein.item_02 {
    transition : all 1600ms;
}
.bra_176 .fadein.item_03 {
    transition : all 2400ms;
}

/* 画面内に入った状態 */
.bra_176 .fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}

/************************** 177 CG **************************/
.cg .flex {
	box-flex: 1;
	justify-content: space-evenly;
}

.cg .flex2 {
	 flex-direction: row-reverse;
}

.cg .main_txt p{
	font-size: 16px;
	color: #666;
	font-weight: bold;
	margin: 30px 45px;
	text-align: center;
}

.cg section{
	margin: auto 10px 50px;
}

.cg section h3{
	font-size: 14px;
	background-color: #f8d9de;
	padding: 5px 10px;
	line-height: 1.3;
	border-bottom: 2px #e68191 solid;
}

.cg section h3 span{
	color: #fe0b83;
	font-size: 18px;
}

.cg section .h3_txt{
	clear: both;
	padding: 10px;
	font-size: 14px;
}

.cg section .point{
	float: right;
	font-family: 'Dancing Script', cursive;
	font-size: 30px;
	color: #e48395;
	padding: 5px 10px;
}

.cg .item_list{
	margin: 20px auto;
}

#brand_top.cg .item_list ul{
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	width: 730px;
}

.cg .item_list li{
	margin: 10px;
	width: 222px;
}

.cg .item_list li.NCGC0012{
	width: 292px;
}

.cg .item_list li.NCGC0019{
	width: 292px;
}

.cg .arousal .item_list li, .cg .pleasure .item_list li{
	width: 280px;
}

.cg .item_list dt{
	line-height: 1.2;
}

.cg .item_list dt a{
	color: #e68191;
	font-size: 12px;
}

.cg .item_list dt a span{
	color: #e68191;
	font-size: 14px;
	font-weight: bold;
}

.cg .item_list .explain{
	margin: 15px auto 5px;
	text-align: justify;
	font-size: 13px;
}

.cg .item_list .price{
	text-align: right;
}

/************************** 184 フルムーンガール **************************/
.bra_184 section{
	margin-bottom: 20px;
}

.bra_184 section p{
	text-align: justify;
	margin: 0 10px;
}

.bra_184 section span {
	margin-right: 10px;
	font-size: 2.5em;
	color: #4F3C3C;
}

.bra_184 .main_txt p{
	color: #4F3C3C;
	margin: 30px 40px;
	font-size: 16px;
	line-height: 1.8;
	text-align: center;
}

.bra_184 .main_txt{
	margin-top: 20px;
	padding: 5px 0;
	border-top: double #4F3C3C 3px;
	border-bottom: double #4F3C3C 3px;
}
	
.bra_184 h3 {
  position: relative;
  color: #DA4C5F;
  font-size: 18px;
  font-weight: 500;
  padding: 10px 0;
  text-align: center;
  margin: 1.5em 0;
}
.bra_184 h3:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  width: 200px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid #DA4C5F;;
  border-left-color: transparent;
  border-right-color: transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.bra_184 section li{
	margin-bottom: 15px;
	line-height: 22px;
}





/*ナッズブランドページ*/
.bra_063 p{
	padding:10px 0 10px 0;
	text-align:center;
}