/**
 * Theme Name: White Crecer
 * Theme URI:
 * Template: white-room
 * Description: White Room children
 * Version: 1.0
 */


body {
  font-size:62.5%;
}

.gothic {
  font-family:Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.mincho {
  font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
}

h1, h2, h3, h4, h5, h6 {
  font-weight:700;
}
h1 {
  font-size: 3.0em;
}
h2 {
  font-size: 2.6em;
}
h3 {
  font-size: 2.4em;
}
h4 {
  font-size: 2.2em;
}
h5 {
  font-size: 2.0em;
}
h6 {
  font-size: 1.8em;
}

.global-nav ul li a {
  font-size: 1.4em;
}

#header {
  height:110px; /* #contents と連動 */
}
.global-nav {
  margin-top:46px;
}
#contents {
  padding: 110px 0 0;
}


h3 {
  border-left: 5px solid rgba(0, 0, 0, 1);
  padding: 10px 0 10px 15px;
}

p {
  font-size: 1.6em;
}

/* footer */
#footer {
  background-color:rgba(131,198,193,1);
}
#footer .row, 
.copyright .row {
  margin-bottom: 0;
}
.copyright {
  background-color:rgba(218,218,218,1);
  color:rgba(0,0,0,1);
}
.footer-nav {
  font-size: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.footer-nav a {
  font-size: 1.4em;

}
.footer-widget-area {
  font-size: 100%;
}
.footer-widget-area .widget-title {
  font-size: 1.4em;
  font-weight: 700;
}
#footer .sp_title {
  display: none;
}
#footer .row .col-4 {
  width:auto;
}
.footer_info {
  font-size: 1.4em;
  line-height: 150%;
  display: block;
  margin-left: 130px;
}
.footer_info dt {
  float: left;
  width: auto;
}
.footer_info dd {
  margin-left: 6em;
}
.copyright {
  text-align: center;
}
.copyright p {
  font-size: 1.1em;
}
.site-branding {
  padding: 10px 0;
}
.entry-content a.tel_link:link, .entry-content a.tel_link:visited {
  pointer-events:none;
  color: rgba(0,0,0,1);
  text-decoration: none;
}
.footer_info a.tel_link:link, .footer_info a.tel_link:visited {
  pointer-events:none;
}

/* トップの構成部分 */
/* top news */
.front-page-widget-column .whiteroom-recent-entries {
  font-size: 1.6em;
}

.fadeTopBtn a {
  font-size: 1px;
  padding: 10px !important;
}

/* 基本の縦ブロック */
.full-back {
  padding-bottom: 20px;
}
section.full-back .front-page-widget-column {
  margin-bottom: 0;
}
section.full-back h1 {
  margin: 0;
}

.full-back h1 {
  position: relative;
  text-align: center;
  display: block;
}
.full-back h1 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
  text-align: center;
}
.full-back h1::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;

  background-image: -webkit-linear-gradient(left, transparent, #000 45%, #000 45%, transparent);
  background-image: linear-gradient(to right, transparent, #000 45%, #000 45%, transparent);
    background-position: center;
    background-repeat: no-repeat;
}
.row {
  margin-bottom: 90px;
}

/* ショップ */
.dl-top-image {
  font-size: 1.4em;
}
.top_shop a:link, 
.top_shop a:visited {
  color:rgba(35, 150, 141, 1);
  text-decoration: underline;
}

/* ニュース部分 */
.whiteroom-recent-entries ul li dl dd a {
  color:rgba(35, 150, 141, 1);
  text-decoration: underline;
}


/* instagramの部分 */
#sb_instagram .sb_instagram_header h3 {
  border-left: none;
}
.sbi_header_link h3 {
  color:rgba(35, 150, 141, 1);
}

.top_insta_qr h2 {
  text-align:center;
}
.top_insta_qr div {
	width:150px;
	height:auto;
	display:block;
	margin:auto;
}
/* アクセス */
.top_access a:link, .top_access a:visited {
  color:rgba(35, 150, 141, 1);
  text-decoration: underline;
}
/* トップの構成部分ここまで */

/* コンテンツのリンク */
.entry-content a:link,
.entry-content a:visited {
  color: rgba(35,150,141,1);
  text-decoration: underline;
}

/* 写真 */
.photo_charge {
  font-size: 1.6em;
}
.photo_charge dt {
  float: left;
  width: 15em;
  font-weight: 700;
}
.photo_detail {
  font-size: 1.6em;
}

/* ギャラリー部分の縦マージン */
[id^='gallery-'] .gallery-item {
  margin-bottom: 60px !important;
}
/*
[id^='gallery-'] img {
  border:2px solid rgba(35,150,141,1);
}
*/
[id^='gallery-'] .wp-caption-text {
  text-align: center;
  font-size: 0.75rem;
}

/* プライバシーポリシー */
.policy_list {
  font-size: 1.6em;
}
.policy_contact, .store_info {
  font-size: 1.6em;
  margin-top:0;
}
.policy_contact dt, .store_info dt {
  float:left;
  clear:both;
  width:6em;
}
.policy_contact dd, .store_info dd {
  float:left;
}
.policy_contact:after, .store_info:after {
  content: "";
  display: block;
  clear: both;
}

/* お問い合わせ */
.line_a {
  height:auto;
  width: 119px;
}
.wpcf7-form dl {
  font-size: 1.6em;
}
.wpcf7-form dt {
  float: left;
  clear: both;
/*  width: 15em;*/
  display: block;
}
.wpcf7-form dd {
  display: block;
  padding-left: 18em;
  margin-bottom: 1em;
}
.wpcf7-form dd li {
  list-style: none;
  margin-left: 0;
  margin-bottom: 5px;
  padding-left: 0;
}
.wpcf7-form span.required {
  font-weight: 700;
  color: rgba(255,0,0,1);
}
.wpcf7-response-output {
  font-size: 1.6em;
}
.wpcf7-validation-errors {
  background-color: rgba(254,253,229,1);
}

input[type="checkbox"], input[type="radio"] {
  border: 1px solid rgb(204, 204, 204);
  color: rgb(102, 102, 102);
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea, input[type="checkbox"], input[type="radio"] {
  -webkit-transition: border-color .25s linear, background-color .25s linear;
     -moz-transition: border-color .25s linear, background-color .25s linear;
      -ms-transition: border-color .25s linear, background-color .25s linear;
       -o-transition: border-color .25s linear, background-color .25s linear;
          transition: border-color .25s linear, background-color .25s linear;
}
input.wpcf7-not-valid[type="text"], input.wpcf7-not-valid[type="email"], input.wpcf7-not-valid[type="url"], input.wpcf7-not-valid[type="password"], input.wpcf7-not-valid[type="search"], textarea.wpcf7-not-valid {
  border-color: rgba(255,0,0,1);
  background-color: rgba(255,242,242,1);
}

input[type="text"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="password"]:hover, input[type="search"]:hover, textarea:hover, input[type="checkbox"]:hover, input[type="radio"]:hover, 
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, input[type="checkbox"]:focus, input[type="radio"]:focus, 
input.wpcf7-not-valid[type="text"]:hover, input.wpcf7-not-valid[type="email"]:hover, input.wpcf7-not-valid[type="url"]:hover, input.wpcf7-not-valid[type="password"]:hover, input.wpcf7-not-valid[type="search"], textarea.wpcf7-not-valid:hover, 
input.wpcf7-not-valid[type="text"]:focus, input.wpcf7-not-valid[type="email"]:focus, input.wpcf7-not-valid[type="url"]:focus, input.wpcf7-not-valid[type="password"]:focus, input.wpcf7-not-valid[type="search"], textarea.wpcf7-not-valid:focus {
  border-color: rgba(236,121,0,1);
  background-color: rgba(254,248,242,1);
}

span.wpcf7-list-item {
  margin: 0 1em 0 0;
}

.domain_list {
  background-color: rgba(218,218,218,0.4);
  padding: 10px;
  margin: 20px 0;
}
.domain_list p {
  margin-top: 0;
}
.domain_list ul {
  font-size: 1.6em;
  line-height: 150%;
}
.entry-content .domain_list a:link,
.entry-content .domain_list a:visited {
  color: rgba(35,150,141,1);
  text-decoration: underline;
}


input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
  padding: 4px;
  width: 50%;
}
textarea {
  padding: 4px;
  width: 100%;
}
.accept {
  margin-right: 10px;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
  font-size: 100%;
  padding: 10px 0;
}
.submit {
  width: 300px;
  margin: 20px auto;
  display: block;
}

/* news */
.widget .widget-content, .widget-container .widget-content {
  font-size: 1.4em;
}

#sub .widget-title {
  font-size: 1.6em;
}

#main .entry-meta {
  display: none;
}
#sub .whiteroom-recent-entries ul li dl dt {
  float: none;
  background:rgba(0, 0, 0, 0) url("./images/common/arrow.png") no-repeat scroll 0 0.6em;
  padding: 0 0 0 15px;
  margin:  0 0 0 2px;
}
#sub .whiteroom-recent-entries ul li dl dd {
  margin-left: 1em;
}

/* 以下 レスポンシブ */
/* ipad横（1080px） */
@media only screen and (max-width: 1078px) {
}

@media only screen and (max-width: 1043px) {
}

@media only screen and (max-width: 979px) {
}

/* ipad縦（768px） */
@media only screen and (max-width: 768px) {
  #contents {
    padding: 0;
  }
  .top_access .row .col-1, 
  .top_access .row .col-2, 
  .top_access .row .col-3, 
  .top_access .row .col-4, 
  .top_access .row .col-5, 
  .top_access .row .col-6, 
  .top_access .row .col-7, 
  .top_access .row .col-8, 
  .top_access .row .col-9, 
  .top_access .row .col-10, 
  .top_access .row .col-11, 
  .top_access .row .col-12 {
    width: auto;
  }

  .footer-widget-area .row .col-4 {
    width: auto;
  }

  .alignright {
    float: none;
    margin: 10px auto;
    display: block;
  }
  .entry-content a.tel_link:link, .entry-content a.tel_link:visited {
    pointer-events:auto;
    color: rgb(35, 150, 141);
    text-decoration: underline;
  }
  .footer_info a.tel_link:link, .footer_info a.tel_link:visited {
    pointer-events:auto;
  }
}

/* iPhone Plus系 横（736px） */
@media only screen and (max-width: 736px) {
  .top_shop .row {
    margin-bottom: 0;
  }
  .top_shop .row .col-3 {
    width: calc(50% - 160px);
    margin: auto 80px 30px;
    float: left;
  }

  .wpcf7-form dt {
    float: none;
  }
  .wpcf7-form dd {
    padding-left: 0;
    margin-left: 0;
  }
  input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
    width: 100%;
  }
  span.wpcf7-form-control.wpcf7-radio {
    width: auto;
    display: block;
  }
  span.wpcf7-list-item.last {
    margin-right: 0;
  }
}

/* iPhone6/6s系 横（667px） */
@media only screen and (max-width: 667px) {
}

/* Android系 横（640px） */
@media only screen and (max-width: 640px) {
}

/*iPhone5/5s/5c系 横（568px） */
@media only screen and (max-width: 568px) {
  .top_shop .row .col-3 {
    width: calc(50% - 80px);
    margin: auto 40px 30px;
  }
}

/* iPhone4以前 横（480px） */
@media only screen and (max-width: 480px) {
  [id^='gallery-'] .gallery-item {
    width: calc(33% - 20px) !important;
    margin: auto 10px;
  }
}

/* iPhone Plus系 縦（414px） or iPhone6/6s系 縦（375px） */
@media only screen and (max-width: 414px) {
  .front-page-widget-column.row .full-back {
    padding-top: 0;
  }
  .row {
    margin-bottom: 0;
  }
  .whiteroom-recent-entries ul li dl dt {
    float: none;
  }
  .whiteroom-recent-entries ul li dl dd {
    margin-left: 1em;
  }
  /* ギャラリー */
  [id^='gallery-'] .gallery-item {
    width: calc(50% - 20px) !important;
    margin: 20px 10px 10px !important;
  }
  [id^='gallery-'] br {
    display: none;
  }
  .top_shop .row .col-3 {
    width: calc(50% - 40px);
    margin: auto 20px 30px;
  }
  .top_shop .dl-top-image .title {
    border-width:0;
    margin-bottom: 0;
  }
  .top_shop .read-more {
    display: none;
  }

  #footer img.alignleft {
    max-width: 20%;
    margin-right:1em;
  }
  .footer_info {
    margin-left: 90px;
  }

  .full-back h1 span {
    margin: 0;
    padding: 0 .5em;
  }

  .policy_contact dt, .store_info dt {
    float: none;
    font-weight: 700;
  }
}

/* iPhone6/6s系 縦（375px） */
@media only screen and (max-width: 375px) {
  .sb_instagram_header {
    padding-top: 10px !important;
  }
  #sb_instagram {
    padding-bottom: 10px !important;
  }

  #footer img.alignleft {
    display: none;
  }
  #footer p.sp_title {
    display: block;
    font-size: 2em;
    font-weight: 700;
    margin-bottom: 5px;
    border-bottom: 3px double rgba(255,255,255,0.5);
  }
  .footer_info {
    margin-left: 0;
    margin-top: 10px;
  }
}

/* Android系 縦（360px） or iPhone5/5s/5c以前系 縦（320px） */
@media only screen and (max-width: 400px) {
  .footer_info dd {
    margin-left: 5em;
  }
}