@charset "utf-8";

/*-----------------------------------------------------------------
  欧文フォント
-------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');



/*** Ravijour CSS Document *******************************************

	default.css

******************************************************************* */

.mcol{color: #D91E78;}

/* グーグルフォント
--------------------------------------*/
.Raleway{font-family: 'Open Sans',"游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS-PGothic,sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.Avenir{font-family: 'Open Sans',"游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS-PGothic,sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.Garamond{font-family: 'EB garamond',"游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS-PGothic,sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}


/*--------------------------------------------------------------------

	基本設定

--------------------------------------------------------------------*/

/* reset
--------------------------------------*/
noscript,
body,h1,h2,h3,h4,h5,h6,address,
p,pre,blockquote,ol,ul,li,dl,dt,dd,div,
table,
form,fieldset{
margin:0;
padding:0;
}



/* The root element setting
--------------------------------------*/
html{
background:#fafafa;
height:100%;
overflow-y:scroll;
}



/* Sections element setting
--------------------------------------*/
body{
position:relative;
background:#fafafa;
/*font:75% "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS-PGothic,sans-serif;*/
font:72.5% /*"游ゴシック", YuGothic,*/"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS-PGothic,sans-serif;

line-height:1.5;
color:#141414;
word-break:break-all;word-wrap:break-word;
}

h1,
h2,
h3,
h4,
h5,
h6{
font-size:100%;
}

address{
font-style:normal;
}



/* Grouping content setting
--------------------------------------*/
p{
margin-top:1em;
}

hr{
display:none;
}

pre{
font-family:"Open Sans",sans-serif;
font-size:100%;
}

ol,
ul{
list-style:none;
list-style-position:outside;
}

/* Text-level semantics setting
------------------------------------- */
a:link   {text-decoration:none;color:#141414;}
a:visited{text-decoration:none;color:#141414;}
a:hover  {text-decoration:none;color:#141414;}
a:active {text-decoration:none;color:#141414;}
a:focus  {outline:none;}

strong,
b{ 
font-weight:bold; 
}

em{
font-style:normal;
font-weight:bold; 
}

small{
font-size:83.3%;
}

q{
quotes:none;
}
q:before,
q:after{
content:'';
content:none;
}

dfn{
font-style:italic;
}

abbr[title]{
border-bottom:1px dotted;
}

code,
samp,
kbd{
font-family:"Open Sans",sans-serif;
font-size:1em;
}



/* Embedded content semantics setting
------------------------------------- */
img{
border:0;
vertical-align:top;
-ms-interpolation-mode:bicubic;
}
a img{
vertical-align:middle;
}
* html a img{vertical-align:top;}/*IE6*/



/* Tables setting
------------------------------------- */
table{
border-collapse:collapse;
border-spacing:0;
line-height:1.5;
}
caption,
th,
td{
text-align:left;
vertical-align:top;
}
th{
white-space:nowrap;
}



/* Forms setting
------------------------------------- */
fieldset{
display:block;
border:none;
}

legend{
font-weight:bold;
}
* html legend				{margin-left:-7px;}/*IE6*/
*:first-child+html legend	{margin-left:-7px;}/*IE7*/

label{
cursor:pointer;
display:inline-block;
}

input,
button,
select,
textarea{
vertical-align:middle;
font:100% "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",MS-PGothic,sans-serif;
}
input,
button,
textarea{
line-height:normal;
}
input[type="submit"],
input[type="image"],
input[type="reset"], 
input[type="button"], 
button{
cursor:pointer;
}
input[disabled="disabled"],
button[disabled="disabled"]{
cursor:default !important;
}

textarea{
resize:vertical;
}

/* タイトル
------------------------------------- */
.SectionTitle{border-bottom: 1px solid #95989A;}
.SectionTitle h2{font-weight: 500;line-height: 34px;}
.SectionTitle p{margin-top: 0;line-height: 34px;}
.SectionTitle span.En{font-size: 26px;margin-right: 8px;}
.SectionTitle span.Ja{font-size: 16px;color: #585858;}
/*アコーディオンタイプ用*/
#acMenu h2.fLeft{float: left;}
#acMenu p.fRight{float: right;}
#acMenu p.fRight:before{content: '▲ 閉じる';}
#acMenu .active p.fRight:before{content: '▼ 開く';}

/* 表示・非表示
------------------------------------- */
.show{
display:block;
}
.hide{
display:none;
}


/* ボタン
------------------------------------- */

.MoreType1 a::before,
.MoreType1 a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.MoreType1 a,
.MoreType1 a::before,
.MoreType1 a::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}


.MoreType1 {
	text-align: center;
	margin: 0 auto;
	position: relative;
	    width: 240px;
}

/*.MoreType1:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 58%;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border: 1px solid;
    border-color: #000 #000 transparent transparent;
    transform: rotate(45deg);
    transition: all .2s;
    z-index: 2;
}*/

.lItem .MoreType1 a:link, .lItem .MoreType1 a:visited, 
.MoreType1 a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  margin: 0 auto;
  position: relative;
   z-index: 2;
   background-color: #fff;
  border: 1px solid #000;
  color: #000;
  padding: 10px 0; 
  font-size: 15px;
  width: 200px;
}

.MoreType1 a:after {
  top: 4px;
  left: 4px;
  width: 190px;
  height: 34px;
  border: 1px solid #000;
  opacity: 0;
}
.MoreType1 a:hover:after {
  opacity: 1;
}
.MoreType1 a {
  letter-spacing: 1px;
}
.MoreType1 a:hover {
  letter-spacing: 3px;
}



/* セクション
------------------------------------- */
/*List 共通*/
.List *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.List p{margin-top: 0;}
.List a:hover{opacity: 0.8;filter: alpha(opacity=80);-ms-filter: "alpha(opacity=80)";}
.List li{float: left;}
.List li:first-child{margin-left: 0;}
.List li img{width: 100%;}
.disblock{font-size: 0;}
.disblock .List li{float: none;display: inline-block;vertical-align: top;}
.inBlock *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.inBlock p{margin-top: 0;}
.inBlock a:hover{opacity: 0.8;filter: alpha(opacity=80);-ms-filter: "alpha(opacity=80)";}
.inBlock ul{font-size: 0;}
.inBlock li{display: inline-block;vertical-align: top;}
.inBlock li:first-child{margin-left: 0;}
.inBlock li img{width: 100%;}

/*List 商品リスト用*/
.lItem a:link,.lItem a:visited{text-decoration: none;color: #777777;}
.lItem p.title{font-size: 16px;font-weight: bold}
.lItem p.title.Garamond{font-size: 20px;font-weight: 500;}
.lItem p.title.Garamond.DailyRanking{font-size:15px; margin-top: -120px; padding-bottom: 108px; text-align: right;}
.lItem .DailyRanking a:link, .lItem .DailyRanking a:visited { background: #111; border-radius: 5px; color: #fff; padding: 6px 30px; }
.lItem p.rank{height: 38px;line-height: 30px;color: #e75c93;font-size: 17px;font-weight: 700;position: relative; /*text-shadow: 0px 0px 2px #fc6ba1;*/ z-index: 10;}
.lItem p.rank:after{content: '';display: block;background: url(../images_ravi/rankimage.png) no-repeat;background-size: contain; position: absolute;top: 2px;left: 0;right: 0;margin: auto;width: 74px;height: 28px;z-index: -1;}
.lItem p.rank span{font-size: 21px;}
.lItem li{margin-left: 1%;width: 180px;text-align: center;color: #777777;font-size: 12px;line-height: 18px;}
@media screen and (max-width: 768px) {
	.lItem li {
	margin-left: 1%;
    width: 19.2%;
	}
}
@media screen and (max-width: 1112px) {
	.lItem li {
	margin-left: 1%;
    width: 19.2%;
	}
}

/*.lItem li:nth-child(n+6){margin-top: 30px;}*/
.lItem li span.sale,.lItem li span.offraterate{color:#D91E78;}
/*.inBlock.lItem li:nth-child(4), .inBlock.lItem li:nth-child(4), .inBlock.lItem li:nth-child(9){margin-left: 0;}*/
.lItem li p.name, .lItem li p.price { text-align: left; }
/*List 関連商品リスト用*/
.lRelated li{margin-left: 10px;width: calc(20% - 8px);}
.lRelated li:nth-child(6){margin-left: 0;}
.lRelated li:nth-child(1),.lRelated li:nth-child(2),.lRelated li:nth-child(3),.lRelated li:nth-child(4),.lRelated li:nth-child(5){margin-bottom: 10px;}
/*List カテゴリリスト用*/
.lCaregory li{width: calc(50% - 5px);margin-left: 10px;position: relative;}
.lCaregory li:nth-child(3){margin-left: 0;}
.lCaregory li:nth-child(n+3){width: calc(25% - 7.5px);line-height: 16px;text-align: center;    margin-top: 10px;}
.lCaregory li p{position: absolute;bottom: 0;background-color: rgba(255,255,255,0.6);width: 100%;padding: 9px 10px;}
.lCaregory  li:nth-child(n+3) p{padding: 6px 0; }
.lCaregory li span.En{font-size: 18px;font-weight: 600;}
.lCaregory li:nth-child(n+3) span.En{font-weight: 500;}
.lCaregory li span.Ja{margin-left: 5px;}
.lCaregory li:nth-child(n+3) span.Ja{margin-left: 0;}
/*List トピックスリスト用*/
.lTopics li{width: calc(33.3% - 6.6px);margin-left: 10px;position: relative;}
.lTopics li p{width: 100%;padding: 4px 10px;font-size: 11px;line-height: 19px;text-align: left;}


.lTopics li{width: calc(50% - 5px);margin-left: 10px;position: relative;}
.lTopics li:nth-child(1){margin-left: 0;}
.lTopics li:nth-child(n+0){width: calc(25% - 7.5px);line-height: 16px;text-align: center;    margin-top: 10px;}
.lTopics li p{width: 100%;padding: 9px 10px;}
.lTopics li span.Ja{font-size: 13px; display: inline-block; padding-bottom: 4px;}



/* 回り込み
------------------------------------- */
.clear{
clear:both;
}
.floatLeft{
float:left !important;
}
.floatRight{
float:right !important;
}



/* 回り込み解除
------------------------------------- */
.clearfix:after{
content:""; 
display:block; 
clear:both;
}
* html .clearfix			{zoom:1;}/*IE6*/
*:first-child+html .clearfix{zoom:1;}/*IE7*/



/* スクロールバー表示
------------------------------------- */
.scroll{
overflow:auto !important;
}



/* 行揃え
------------------------------------- */
.left{
text-align:left !important;
}
.right{
text-align:right !important;
}
.center{
text-align:center !important;
}



/* 列揃え
------------------------------------- */
.top{
vertical-align:top !important;
}
.middle{
vertical-align:middle !important;
}
.bottom{
vertical-align:bottom !important;
}



/* テキスト装飾
------------------------------------- */
.bold{
font-weight:bold !important;
}
.big{
font-size:116.7% !important;
}
.small{
font-size:83.3% !important;
}
.italic{
font-style:italic !important;
}



/* リスト装飾
------------------------------------- */
.disc li{
background:url(../images_ravi/ico_li_desc.gif) no-repeat 5px .66em !important;
margin-top:8px !important;
padding-left:12px !important;
}



/* フォームパーツ
------------------------------------- */
input.text,
input.password{
border:none;
background:#ffffff;
padding:1px;
color:#333333;
}
input.checkbox,
input.radio{
margin-left:0;
}
input.file{
background:#ffffff;
}
input.submit{
cursor:pointer;
}
input.disabled{
cursor:default !important;
}

input.sizeSS{}
input.sizeS{}
input.sizeM{}
input.sizeL{}
input.sizeLL{}

select{
border:none;
}
select.sizeSS{}
select.sizeS{}
select.sizeM{width:200px;}
select.sizeL{}
select.sizeLL{}

textarea{
border:1px solid #cccccc;
background:#ffffff;
color:#333333;
}
textarea.sizeSS{}
textarea.sizeS{}
textarea.sizeM{}
textarea.sizeL{}
textarea.sizeLL{}


/* .watermark */
input.watermark,
textarea.watermark{
color:#999999;
}


/* .error */
.error{
color:#ff0000 !important;
}
input.error,
input.formng,
select.error,
select.formng,
textarea.error,
textarea.formng{
border:1px solid #d91e78 !important;
background:#faf2f6 !important;
color:#d50101 !important;
}



/* debug setting
------------------------------------- */
.debug{
border:1px solid #000000 !important;
background:#ff0000 !important;
}
pre code{
display:block;
background:#000;
margin:1em 0;
padding:0 5px;
color:#fff;
}

/*margin
------------------------------------- */
.mt5{margin-top:     5px !important;}
.mb5{margin-bottom:  5px !important;}
.ml5{margin-left:    5px !important;}
.mr5{margin-right:   5px !important;}

.mt10{margin-top:    10px !important;}
.mb10{margin-bottom: 10px !important;}
.ml10{margin-left:   10px !important;}
.mr10{margin-right:  10px !important;}

.mt15{margin-top:    15px !important;}
.mb15{margin-bottom: 15px !important;}
.ml15{margin-left:   15px !important;}
.mr15{margin-right:  15px !important;}

.mt20{margin-top:    20px !important;}
.mb20{margin-bottom: 20px !important;}
.ml20{margin-left:   20px !important;}
.mr20{margin-right:  20px !important;}

.mt25{margin-top:    25px !important;}
.mb25{margin-bottom: 25px !important;}
.ml25{margin-left:   25px !important;}
.mr25{margin-right:  25px !important;}

.mt30{margin-top:    30px !important;}
.mb30{margin-bottom: 30px !important;}
.ml30{margin-left:   30px !important;}
.mr30{margin-right:  30px !important;}

.mt35{margin-top:    35px !important;}
.mb35{margin-bottom: 35px !important;}
.ml35{margin-left:   35px !important;}
.mr35{margin-right:  35px !important;}

.mt40{margin-top:    40px !important;}
.mb40{margin-bottom: 40px !important;}
.ml40{margin-left:   40px !important;}
.mr40{margin-right:  40px !important;}

.mt45{margin-top:    45px !important;}
.mb45{margin-bottom: 45px !important;}
.ml45{margin-left:   45px !important;}
.mr45{margin-right:  45px !important;}

.mt50{margin-top:    50px !important;}
.mb50{margin-bottom: 50px !important;}
.ml50{margin-left:   50px !important;}
.mr50{margin-right:  50px !important;}

.mt70{margin-top:    70px !important;}
.mb70{margin-bottom: 70px !important;}
.ml70{margin-left:   70px !important;}
.mr70{margin-right:  70px !important;}

.mt80{margin-top:    80px !important;}
.mb80{margin-bottom: 80px !important;}
.ml80{margin-left:   80px !important;}
.mr80{margin-right:  80px !important;}

.mt90{margin-top:    90px !important;}
.mb90{margin-bottom: 90px !important;}
.ml90{margin-left:   90px !important;}
.mr90{margin-right:  90px !important;}

.mt100{margin-top:    100px;}
.mb100{margin-bottom: 100px;}
.ml100{margin-left:   100px;}
.mr100{margin-right:  100px;}

.mt110{margin-top:    110px;}
.mb110{margin-bottom: 110px;}
.ml110{margin-left:   110px;}
.mr110{margin-right:  110px;}

.mt120{margin-top:    120px;}
.mb120{margin-bottom: 120px;}
.ml120{margin-left:   120px;}
.mr120{margin-right:  120px;}


#dvMailMagazineCancelInput .mailAddr{
  border: 1px solid #4545;
    margin: 0 8px;
    width: 250px;
}