@charset "UTF-8";

/*----------------------------- 
動的スタイルシート
記事詳細ページ
----------------------------- */

hr{
	clear:both;
	border: 0;
	border-top: #CCC dotted 3px;
	margin:15px 0;
}

#kiji{
	float:right;
}

/*-- コンテンツ部分 --*/
#kijibasic {
	width: 530px;
	float:left;
	margin-left:10px;
}

#kijibasic p{
	margin-bottom:15px;
}

#kijibasic img{
	margin-bottom:10px;
}

/*-- コンテンツ部分 --*/
#kijibasic h4{
	background: url(../images/common/arrow.gif) no-repeat 0px 0.1em;
	padding-left:20px;
	color:#FF6060;
	margin:10px 0;
}

#kijibasic h4.h{
	float:right;
   	background: url(../images/common/arrow.gif) no-repeat 0px 0.2em;
	padding-left:20px;
	color:#FF6060;
	width:227px;
}


/*-- カテゴリバナー --*/
#cate_img_kiji {
	width: 750px;
    height:auto;
    overflow:hidden;
}

#kijibasic #cate_img_kiji{
	margin-left:10px;
}

/*-- ブログコンテンツ --*/
#blog_contents{
	font-size:13px;
	    width:522px;
    float:right;
    margin:10px 0;
}

/*-- ブログコンテンツ 幅広--*/
#blog_contents_w{
	font-size:13px;
}

/*-- ブログメニュー --*/
#blog_menu {
	width: 250px;
	float:right;
    margin:10px 0 0 7px;
}

/*-- h2 ブログタイトル --*/
#kijibasic h2.line01{
	color:#8464b5;
	width:497px;
    height: 42px;
	font-size:120%;
	padding:10px 0 0 23px;
    background: url(../images/products/h2_back.gif) no-repeat left;
	margin-bottom:30px;
}

/*-- 更新日 --*/
#kijibasic div.date{
	float:right;
	display:block;
    font-size:13px;
    text-align:right;
    color:#666666;
    font-weight:bold;
}

/*-- 一覧へ戻るリンク --*/
#kijibasic .back_link{
	text-align:center;
    font-size:12px;
	margin-top:50px;
}

/*----------------------------- 
画像１～３
パターン２種　
----------------------------- */
#kijibasic .imgbox_typeB{
	margin:10px 0;
}

#kijibasic .imgbox_typeB img{
    margin:0 10px 30px 0;
}



/*----------------------------- 
ブログメニュー
----------------------------- */
p.serch_title{
	color:#1c3b85;
	font-weight:bold;
	font-size:90%;
}

input.query{
	width: 133px;
	margin:0;
	padding:0;
	vertical-align: middle;
}

input.button{
	margin: 0;
	padding:0;
	vertical-align: middle;
}

.blog_box
{
	width:206px;
	border:1px solid #CCCCCC;
	margin:10px 0 10px 0;
}

.blog_box h3{
	margin:0;
	padding:5px;
	background-color: #ffffff;
	border: 0px;
	font-size:14px;
	line-height:120%;
	text-align:left;
	color:#FF8080;
	border-bottom: 1px solid #CCCCCC;
} 

.blog_box ul{
	margin:0 0 0 0;
	list-style:disc;
    list-style-position:inside;
	padding:0 5px 0 5px;
	font-size:12px;
}

.blog_box ul li{
		width:188px;
	color:#B8CABF;
	margin:5px 0 5px 0;
	border-bottom:1px dotted #B8CABF;
	padding: 2px 10px 3px 5px;
	background : none;
 
	
}

.blog_box ul li a{
	text-decoration:none;
	color:#333;
}

.blog_box ul li a:hover{
	text-decoration:underline;
	color:#0000FF;
}


/*----------------------------- 
動的スタイルシート
記事一覧ページ
----------------------------- */
#kijibasic h3{
	margin:5px 0 10px 0;
	font-size:14px;
    border-left:5px solid #B8CABF;
    padding:5px 0 5px 10px;
}

#kijibasic h3 a{
	color:#666666;
}

#kijibasic .kiji_item{
	font-size:12px;
	margin:5px 0 20px 0;
	border-bottom:dotted 1px #B8CABF;
}

#kijibasic .kiji_item img{
	margin:0 10px 10px 0;
}

#kijibasic .kiji_item .blog_next a{
	display:block;
	text-align:center;
    background:#B8CABF;
    color:#FFFFFF;
    padding:3px;
    font-size:12px;
    text-decoration:none;
    font-weight:bold;
    width:100px;
    float:right;
    margin:20px 0;
}

#kijibasic .pager{
	text-align:center;
}


#kijibasic .kiji_item_herf{
	width:240px;
	border:1px solid #CCCCCC;
	padding:5px;
	margin-right:5px;
	background-color: #FAFAFA;
	float:left;
	height:90px;
	overflow:hidden;
	margin-bottom:10px;
}

#kijibasic .kiji_item_herf2{
	width:240px;
	border:1px solid #CCCCCC;
	padding:5px;
	margin-right:5px;
	background-color: #FAFAFA;
	float:left;
	height:90px;
	overflow:hidden;
	margin-bottom:10px;
}

#kijibasic .kiji_item_herf img{
	margin:0;
}



#kijibasic .kiji_item_herf h3{
	margin:5px 0 5px 75px;
	font-size:14px;
    border-left:5px solid #B8CABF;
    padding:2px 0 2px 5px;
    line-height:130%;
}

#kijibasic .kiji_item_herf a{
	text-decoration:none;
}

#kijibasic .kiji_item_herf a:hover{
	text-decoration:underline;
	color:#FF0080;
}

#kijibasic div.kiji_item_herf div.blog_next{
	text-align:right;
}

#kijibasic div.kiji_item_herf div.blog_next a{
	text-decoration:none;
}

#kijibasic div.kiji_item_herf div.blog_next a:hover{
	text-decoration:underline;
	color:#FF0080;
}

#kijibasic ul{
	margin:15px 0;
	padding:0;
}


#kijibasic ul li{
	margin: 10px auto;
	padding:5px 5px 5px 5px;
	background: url(../images/common/arrow_b.gif) no-repeat 0px 0.5em;
    list-style: none;
}

/*----------------------------- 
関連商品
----------------------------- */

#kijibasic .awase_box{
	
}

#kijibasic .awase_box h3{
	
}

#kijibasic table.item_table{
		margin:5px 5px;
	border:1px solid #CCCCCC;
    float:left;
    padding:5px;
	width: 115px;
	line-height:160%;
}


#kijibasic table.item_table tr{
	text-align:center;
	border:none;
}

#kijibasic table.item_table td{
	border:none;
}

#kijibasic table.item_table td.img{
}

#kijibasic table.item_table td.price{
	text-align:center;
}

#kijibasic table.item_table th{
	text-align:center;
	border:none;
	background:#FFFFFF;
}

#kijibasic table.item_table th a{
	line-height:140%;
    margin:0;
    font-weight:bold;
	
}

#kijibasic table.item_table span.btn_box{
    text-align:center;
}


*----------------------------- 
ティリアさん用　独自スタイル
----------------------------- */


div.thiesis p{
	margin-bottom:20px;
}

div.kiji_href_l{
	width:250px;
	margin:0 10px 0 0;
	float:left;
}

div.kiji_href_r{
	width:250px;
	float:right;
}

#kijibasic table
	{ 
	width:520px;
	margin:0 0;
	border: #FFD7C4 double 1px;
	font-size:12px;

}

#kijibasic table p
{ 
	width:390px;
	font-size:12px;
	text-align:left;
}


#kijibasic table th
{
	width:130px;
	background:#FFCCCC;
	text-align:center; 
	cellspacing:1;
	color:800000;
	border: #FFD7C4 solid 1px;
}

#kijibasic table td
{ 
	width:390px;
	padding: 5px 10px 5px 10px;
	border: #FFD7C4 solid 1px;
}


#kijibasic div.border_pink{
	border:1px dotted #FF8080;
	padding:5px;
}
#kijibasic div.border_pink2{
	border:2px dashed #FF8080;
	padding:10px 20px;
}

#kijibasic .point_box {
    position: relative;
    margin: 2em 0;
    padding: 14px 20px;
    border: solid 3px #EA8096;
    border-radius: 8px;
	overflow:visible;

}
#kijibasic .point_box .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 20px !important;
    background: #FFF !important;
    color: #EA8096;
    font-weight: bold;
}
#kijibasic .point_box p {
    margin: 0 0 15px; 
    padding: 0;
}


/*おすすめアロマ*/
ul.rec_aroma{
	list-style:none;
}
ul.rec_aroma:after{
	content: "";
	clear: both;
	display: block;
}
ul.rec_aroma li{
	padding-left:0 !important;
	background:none  !important;
}

ul.rec_aroma li a{
	display:block;
	width:159px;
	float:left;
	padding:15px;
	margin:0 15px 15px 0;
	border:2px solid #D2BEA0;
	border-radius:10px;
	text-decoration:none !important;
	color:#666  !important;
	text-align:center;
	font-weight:600;
	box-sizing:border-box;
}
ul.rec_aroma li:nth-of-type(3n) a{
	margin-right:0 ;
}
ul.rec_aroma li a:hover{
	background:#F1EADE;
}

/*チャットボット*/
.k_txt{
	font-size:15px;
	lihe-height:1.4;
	letter-spacing:0.4;
}
.chat_head{
	width:100%;
	margin-top:45px;
	padding:12px 0;
	font-size:21px;
	font-weight:900;
	background:#F3A6B6;
	color:#fff;
	text-align:center;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}
#goqsystem-chat ul li{
	background:none;
	padding:0 !important;
}
.chat-window,.chat-window .chat-body{
	height:700px !important;
}

#kijibasic .chat-message-body p{
	margin-bottom:0 !important;
}
#kijibasic .chat-message-body p img{
	width:240px !important;
}

.chat-footer {
	display:none !important;
}
.chat-footer .chat-footer-button .btn{
	background-color:#F3A6B6 !important;
	padding:12px 20px !important;
}
.chat-footer .chat-footer-input input, .chat-footer .chat-footer-input textarea{
	height:60px !important;
}
.awase_kiji{
	margin:40px 0;
}
.awase_k{
	width:100%;
	padding:8px 20px;
	border-top:1px solid #808080;
	box-sizing: border-box;
}
.awase_k a{
	color:#333;
}
.awase_k p:hover{
	text-decoration:underline;
}
.awase_k:last-child{
	border-bottom:1px solid #808080 !important;
}
.awase_k:after{
	content: "";
	clear: both;
	display: block;	
}
.awase_k img{
	width:120px;
	margin-right:20px;
	float:left;
}
.awase_k p{
	width:315px;
	float:left;
	margin-bottom:0 !important;
	font-size:16px;
	color:#333;
}

.awase_k p:first-line{
	color:#3E3A39;
	font-size:18px;
	font-weight: bold;
}

/*----------------------------- 
商品カテゴリ一覧
-----------------------------*/
.cateBox {
	margin:25px 0 40px;
	padding: 25px 15px;
    background: #EBE7DE;

}
.cateBox .cbox > li {
    position: relative;
    border-radius: 5px;
    padding: 30px 5px 0 5px;
    box-sizing: border-box;
    width: 100%;
	float:left;
    margin: 0 2% 6% 0;
    display: inline-block;
    vertical-align: top;
    background: white !important;
}
.cateBox .cbox> li:nth-of-type(even){
	margin-right:0;
}

.cateBox .cbox > li h3.ttl {
    font-size: 24px !important;
    color: #333 !important;
    font-weight: 500;
    letter-spacing: 0.15em;
    text-align: center !important;
    margin-bottom: 10px;
}

.cateBox .cbox .img {
    text-align: center;
    margin-bottom: 20px;
}

.actionBtn span{
    display: block;
    padding-right: 10px;
    width: 90%;
	margin: 0 auto;
	box-sizing: border-box;
}
.actionBtn{
	display: inline-block;
	width: 100%;
	padding: 8px 0;
	background-color: #fff;
	border-radius: 40px;
	box-sizing: border-box;
	color: #333;
	text-decoration: none !important;
	font-size: 15px;
	outline: none;
	position: relative;
	z-index: 2;
	overflow: hidden;
	background-position: center right 15px;
	background-size: 8px 8px;
	margin-bottom: 5px;
}
.actionBtn:hover {
	color: #fff !important;
	background-image: url(../image/arw_on.png) ;
	background-position: center right 20px;
	background-size: 8px 8px;
	background-repeat: no-repeat;
}

.actionBtn::before,
.actionBtn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.actionBtn,
.actionBtn::before,
.actionBtn::after {
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.actionBtn::after {
	top: -100%;
	width: 100%;
	height: 100%;
}
.actionBtn:hover::after {
	top: 0;
}


/*各ボタンスタイル*/
ul.cate_s li,ul.cbox li{
	background: none!important;
}
.cate1 .cate_s .actionBtn,
.cate7 .cate_s .actionBtn,
.cate13 .cate_s .actionBtn{
	background-image: url(../image/arw1.png);background-repeat: no-repeat;
	border: 1px solid #66000078;
}
.cate1 .cate_s .actionBtn:hover::after,
.cate7 .cate_s .actionBtn:hover::after,
.cate13 .cate_s .actionBtn:hover::after{
  background-color: #66000078;
}
.cate2 .cate_s .actionBtn,
.cate8 .cate_s .actionBtn,
.cate14 .cate_s .actionBtn{
	background-image: url(../image/arw2.png);background-repeat: no-repeat;
	border: 1px solid #ffb08c;
}
.cate2 .cate_s .actionBtn:hover::after,
.cate8 .cate_s .actionBtn:hover::after,
.cate14 .cate_s .actionBtn:hover::after{
  background-color: #ffb08c;
}
.cate3 .cate_s .actionBtn,
.cate9 .cate_s .actionBtn{
	background-image: url(../image/arw3.png);background-repeat: no-repeat;
	border: 1px solid #e36b6b;
}
.cate3 .cate_s .actionBtn:hover::after,
.cate9 .cate_s .actionBtn:hover::after{
  background-color: #e36b6b;
}
.cate4 .cate_s .actionBtn,
.cate10 .cate_s .actionBtn{
	background-image: url(../image/arw4.png);background-repeat: no-repeat;
	border: 1px solid #38B3BD;
}
.cate4 .cate_s .actionBtn:hover::after,
.cate10 .cate_s .actionBtn:hover::after{
  background-color: #38B3BD;
}
.cate5 .cate_s .actionBtn,
.cate11 .cate_s .actionBtn{
	background-image: url(../image/arw5.png);background-repeat: no-repeat;
	border: 1px solid #626f92;
}
.cate5 .cate_s .actionBtn:hover::after,
.cate11 .cate_s .actionBtn:hover::after{
  background-color: #626f92;
}
.cate6 .cate_s .actionBtn,
.cate12 .cate_s .actionBtn{
	background-image: url(../image/arw6.png);background-repeat: no-repeat;
	border: 1px solid #a18ebe;
}
.cate6 .cate_s .actionBtn:hover::after,
.cate12 .cate_s .actionBtn:hover::after{
  background-color: #a18ebe;
}