/* =======================================================
*
* 	Rick Co LTD
*	2nd.css → style.cssと統合予定
*
* ======================================================= */


.clear { clear:both;}
.note { 
    padding:0.1rem 0; 
    margin:0 0 0 1rem; 
    text-indent:-1rem;}

.box {margin-top:1rem;
    padding:20px;
    margin-bottom:20px;}
.introduction { 
    padding:0px; 
    margin:0px 0px 20px 0px;}
.notification { 
    padding:20px; 
    margin:0px 0px 20px 0px;
    background-color:#d9d9d9;
    border-radius:3px; 
    -webkit-border-radius:3px;  
    -moz-border-radius:3px;}

/** corporate / 会社概要 **/
body#corporate { }

table.corporate_profile { 
    padding:0px; 
    margin:0px 0px 10px 0px;
    border-top:1px solid #d9d9d9;
width: 100%;}
table.corporate_profile tr { 
    padding:0px; 
    margin:0px;
    border-bottom:1px solid #d9d9d9;}
table.corporate_profile th { 
    padding:10px 15px; 
    margin:0px;}
table.corporate_profile td { 
    padding:10px 15px; 
    margin:0px;}
table.corporate_profile tr:hover { background-color:#d9d9d9;}

ul.list_business { 
    padding:0px; 
    margin:0px 0px 0px 20px;}
ul.list_business > li { 
    padding:0px; 
    margin:0px;
    list-style:disc outside; }
    
ul.list_brands { 
    padding:0px; 
    margin:0px 0px 0px 20px;}
ul.list_brands > li { 
    padding:0px; 
    margin:0px;
    list-style:disc outside; }


/** policy / サイトポリシー **/
body#policy { }


ul.list_disc { 
    padding:10px; 
    margin:0px 0px 0px 20px;}
ul.list_disc > li { 
    padding:0px; 
    margin:0px;
    list-style:disc outside; }

dl.policy { 
    padding:0px; 
    margin:0px 0px 20px 0px;}
dl.policy dt { 
    padding:0px; 
    margin:0px 0px 10px 0px; 
    font-weight:600;}
dl.policy dd { 
    padding:0px; 
    margin:0px 0px 30px 0px;}



/** contact / お問い合わせ **/

.contact_intro{ 
    margin-bottom:10px;
    text-align:left; }

.form_area { 
    margin:0; 
    margin-bottom:5px;}
.form-group { width:650px;}

.form_area label {
    display:inline-block;
    max-width:100%;
    margin-bottom:5px;
    font-weight:600; 
    font-size:1.6rem;}
.form_area span.required {
    padding:0.3rem 1rem;
    margin:0 0 0 1rem;
    display:inline-block;
    font-weight:normal; 
    font-size:1.2rem; 
    line-height:1.2rem;
    color:#ffffff; 
    background-color:#900020;
    border-radius:3px; 
    -webkit-border-radius:3px;  
    -moz-border-radius:3px;}

.mk_red { 
    padding-left:5px;
    color:#900020; }
.answer { font-size:1.6rem;}

.form_area .error { 
    margin-top:5px; 
    font-size:1.2rem; 
    color:#900020; 
    background-color:#fdeff2;}
.form_area label.error { 
    margin-bottom:15px;}

#mailmag { 
    color:#000000;
    font-size:1.4rem; 
    line-height:2rem;}

.btn_field { 
    padding:10px 0 10px 30px;
    margin: 0 0 10px 0; 
    width:700px; 
    text-align:left;}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius:3px; 
    -webkit-border-radius:3px;  
    -moz-border-radius:3px;}


/* button Brown*/
.btn-br {
  color: #e0c970;
  font-weight:400;
  background-color: #302400;
  border-color: #b9b09c;
}
.btn-br:focus,
.btn-br.focus {
  color: #302400;
  background-color: #b9b09c;
  border-color: #302400;
}
.btn-br:hover {
  color: #fff;
  background-color: #9b7e0f;
  border-color: #b9b09c;
}
.btn-br:active,
.btn-br.active,
.open > .dropdown-toggle.btn-br {
  color: #302400;
  background-color: #b9b09c;
  border-color: #b9b09c;
}

/* コンテンツ幅より小さくなったら、横幅に追従 */
@media screen and (max-width: 730px) {
.form_area { 
    margin:5px auto 10px;
    width:99%;}
.form-group { width:99%;}	
.mk_red { 
    padding-left:0px;}	
#mailmag { 
    font-size:1.3rem; 
    line-height:1.8rem;}
.btn_field { 
    padding:0;
    margin: 0 0 10px 0; 
    width:100%; 
    text-align:center;}

}



/* 表示領域が480px以下の場合 */
@media screen and (max-width: 480px) {
table.corporate_profile th { 
    display:block; 
    width:100%;}
table.corporate_profile td { 
    display:block; 
    width:100%;}


}

/* 表示領域が768px以下の場合 */
@media screen and (max-width: 768px) {
.box {
    padding:0px;
    margin-bottom:20px;}
.contact_intro { text-align:center;}

}



/* bootstrap.cssの調整 */
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  /*background-color: #fff;*/
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}


/* --------------------------
２階層目ページタイトル//フォーム・会社概要・ポリシー・about
-------------------------- */
#rick-ttl {
	max-height: 25rem;
  background: #fff url(../images/loader.gif) no-repeat center center;
}
#rick-ttl .btn {
  font-size: 2.4rem;
}
#rick-ttl .btn.btn-primary {
  padding: 1.4rem 3rem !important;
}
#rick-ttl .flexslider {
  border: none;
  z-index: 1;
  margin-bottom: 0;
}
#rick-ttl .flexslider .slides {
  position: relative;
  overflow: hidden;
}
#rick-ttl .flexslider .slides li {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
	max-height: 25rem;
}
#rick-ttl .flexslider .flex-control-nav {
  bottom: 4rem;
  z-index: 1000;
}
#rick-ttl .flexslider .flex-control-nav li a {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: none;
  width: 1.2rem;
  height: 1.2rem;
  cursor: pointer;
}
#rick-ttl .flexslider .flex-control-nav li a.flex-active {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.7);
}
#rick-ttl .flexslider .flex-direction-nav {
  display: none;
}
#rick-ttl .flexslider .slider-text {
  display: table;
  opacity: 0;
  max-height: 25rem;
	text-align: center;
}
#rick-ttl .flexslider .slider-text > .slider-text-inner {
  display: table-cell;
  max-height: 25rem;
}
#rick-ttl .flexslider .slider-text > .slider-text-inner h2 {
  font-size: 3rem;
  font-weight: 400;
  color: #fff;
	line-height: 2;
	text-shadow: 2px 3px 3px rgba(0,0,0,0.4);
	width: 100%; height: 100%; overflow: auto; margin: 10rem auto 0;
}
@media screen and (max-width: 768px) {
  #rick-ttl .flexslider .slider-text > .slider-text-inner h2 {
    font-size: 2rem;
	display: block;
  margin-left: auto;
  margin-right: auto;
  }
}

#rick-ttl .flexslider .slider-text > .slider-text-inner h2.shop {
  font-size: 3rem;
  font-weight: 400;
  color: #a68826;
  line-height: 2;
  text-shadow: 2px 3px 3px rgba(0,0,0,0.4);
  width: 100%; height: 100%; overflow: auto; margin: 10rem auto 0;
}
@media screen and (max-width: 768px) {
  #rick-ttl .flexslider .slider-text > .slider-text-inner h2.shop {
    font-size: 2rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
  }
}
#rick-ttl .flexslider .slider-text > .slider-text-inner .rick-lead {
  font-size: 2rem;
  color: #fff;
}
#rick-ttl .flexslider .slider-text > .slider-text-inner .rick-lead .icon-heart {
  color: #d9534f;
}

/* --------------------------
２階層目ページタイトル//ローゼンタールTOP
-------------------------- */

#rick-hero .flexslider .slider-text > .slider-text-innerRT {
  display: table-cell;
  /*vertical-align: middle;*/
  max-height: 50rem;
}
#rick-hero .flexslider .slider-text > .slider-text-innerRT h2 {
  font-size: 4rem;
  font-weight: 400;
  color: #fff;
	line-height: 2;
	text-shadow: 2px 3px 3px rgba(0,0,0,0.4);
	width: 100%; height: 100%; overflow: auto; margin: 10rem auto 0;
	text-align: center;
}
@media screen and (max-width: 768px) {
  #rick-hero .flexslider .slider-text > .slider-text-innerRT h2 {
    font-size: 3rem;
	  text-align: center;
  }
}

#rick-hero .flexslider .slider-text > .slider-text-innerHR h2 {
  font-size: 4rem;
  font-weight: 400;
  color: #fff;
	line-height: 2;
	text-shadow: 2px 3px 3px rgba(0,0,0,0.4);
	width: 100%; height: 100%; overflow: auto; margin: 10rem auto 0;
	text-align: center;
}
@media screen and (max-width: 768px) {
  #rick-hero .flexslider .slider-text > .slider-text-innerHR h2 {
    font-size: 2.5rem;
	  text-align: center;
  }
}

/* --------------------------
２階層目ページ//brand TOP
-------------------------- */
.read {background: #f5f5f5; padding: 2rem 0 ;}
.read .brand_ttl span{color: #a17d33; font-size: .9rem;}

#brand_series {padding: 2rem 0;}

.bg_f5 {background: #f5f5f5;}

#brand_series .col-md-4 {margin: 0; padding: 0;}
#brand_series .col-xs-6 {margin: 0; padding: 0;}


/* --------------------------
２階層目ページ//series
-------------------------- */
#series_series {padding: 0; margin: 0;}

#series_series .col-sm-6{padding-left: 0px;
  padding-right: 0px;  margin: 0; background: #fff;}/**/

.series_kv {width:100%; max-width: 100%; }


#series_series .col-sm-6 h2 {
  margin-bottom: 2rem;
	color:#a68826;
	font-family: Arial,helvetica,"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

#series_series .col-sm-6 h3 {
  margin-bottom: 2rem;
	font-family: Arial,helvetica,"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

#series_series .col-sm-6 .line {border-bottom: #cdb891 solid 1px; width: 20%; margin:0 0 3rem;}

#series_series .col-sm-6 h4 {margin: 10rem 0 0;}

.series_inner {padding: 5rem 5rem;}

.go_shop {background: #222; color:#fff; padding: 2rem; text-align: center; font-weight: 600; bottom: 0px; width: 70%; margin: 1rem auto;}

@media screen and (max-width: 768px) {
#series_series .col-sm-6 h4 {margin: 5rem 0 0;}
.series_inner {padding: 3rem 1.5rem;}
	
.go_shop {background: #222; color:#fff; padding: 2rem; text-align: center; font-weight: 600; bottom: 0px; width: 100%;
margin: 0;}
}

.go_shop a{color: #fff; text-decoration: none;}
.go_shop a:hover {color: #a68826; text-decoration: none;}



/* --------------------------
About　パララックス風
-------------------------- */

.rick-about {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  padding: 8rem 0;
  position: relative;
	margin: 0;
}
@media screen and (max-width: 768px) {
  .rick-about {
    padding: 2.5rem 0;
  }
}
.rick-about .overlay {
  background: rgba(241,231,191,0.3);
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  position: absolute;
  z-index: 1;
}
.rick-about .container {
  position: relative;
  z-index: 2;
}
.rick-about p, .rick-about h3 {
  color: #a68826;
  line-height:1.5;
}
.rick-about p:last-child {
  margin-bottom: 0;
}
.rick-about .btn {
  color: #a68826;
}

/* --------------------------
Rosenthal　other_series
-------------------------- */
.bread_crumb{border-bottom: 1px solid #dcdcdc; padding-bottom: 1rem; margin-bottom: 3rem; font-size:1.5rem; heightvertical-align: middle;}

/* --------------------------
Rosenthal　other_series
-------------------------- */
#other_series {margin: 5rem 0 0;}
#other_series .col-md-2{ margin: 0; padding-left: 0px; padding-right: 0px;}
#other_series .col-sm-3{ margin: 0; padding-left: 0px; padding-right: 0px;}
#other_series .col-xs-6{ margin: 0; padding-left: 0px; padding-right: 0px;}