@charset "utf-8";

/* 基本設定
===========================================================*/

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
}

.playfair{
	font-family: 'Playfair Display', serif;	
}

.lato{
	font-family: 'Lato', sans-serif;	
}

.ad_wrap{
	position: relative;	
}

/*
*::selection{ background: #000000; color:#fff;}
*::-moz-selection { background: #000000;color:#fff; }
*/
.pie{
	position: relative;	
}

html{
	font-family: YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

html.en{
	font-family: 'Lato',sans-serif;
}

body{
	background: #ffffff;
	color: #2a2a2a;
	font-size: 10px;
}

img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

.bx-wrapper .disabled{
	display: none !important;
}

.slick-disabled{
	display: none !important;	
}

/*
----------------- 背景色 -----------------
*/

.bg_gray{
	background-color: #f5f5f5;	
}

/*
----------------- リンク関連 -----------------
*/

a{
	color: #000000;
	text-decoration: none; 
}

a:hover{ 
	text-decoration: underline; 
}

a.underline{ 
	text-decoration: underline; 
}

a.underline:hover{ 
	text-decoration: none;
 }
 
.undernone{
	text-decoration: none;
}

.undernone:hover{
	text-decoration: none !important;
}
 
.imghover{
	cursor: pointer;
	display: block;
}

.imghover,
.imghover *{
	text-decoration: none !important;	
}

.imgchange{
	cursor: pointer;	
}

a.link_block{
	display: block;
	text-decoration: none !important;	
}

/* 電話番号 */

a.tel{
	cursor: default;
	text-decoration: none !important;	
}

/*
----------------- インプットタグ関連 -----------------
*/

input[type="button"],input[type="image"],select,input[type="radio"],label{
	 cursor: pointer; 
}

.input_error{
	background: #ffd9d9 !important;	
}

.text_error{
	font-size: 11px;
	margin: 10px 0 0 0;
	color: #cc0000;
}

input[type="text"],input[type="search"]{
	width: 100%;
	padding: 0 10px;
	height: 40px;	
	background: #ffffff;
	font-size: 13px;
	border: none;
	border: 1px solid #e6e6e6;
}

.iphone input[type="text"],
.ipad input[type="search"]{
	font-size: 16px !important;
}

textarea{
	width: 100%;
	padding: 10px;
	background: #ffffff;
	font-size: 13px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: none;
	border: 1px solid #e6e6e6;
}

select{
	font-size: 140%;	
}

.fb-page{
	display: block;
	width: 100% !important;	
}
/* フリーワード検索用 */
.ui-autocomplete{
	z-index: 99999 !important;
}

/* ==========================================================================
   ヘッダー 過去のスタイルとマージ
   ========================================================================== */

    #common_header.logged-in {
		position: relative;
		padding: 0 130px;
      /*background-color: #D59E9D; */
	  }
    #common_header #logged-in {
      position: absolute;
      top: 0;
      right: 0;
      display: inline-block;
      float: right;
      min-width: 128px;
      /*color: #FFF;*/
	  color: #000000;
      font-size: 12px;
      vertical-align: middle; }
      #common_header #logged-in div#current-user {
        padding: 5px;
        height: 25px;
        /*color: white;*/
		 color: #000000;
        cursor: pointer;
        text-align: right;
        line-height: 25px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        #common_header #logged-in div#current-user > img {
          display: inline-block;
          margin-left: 5px;
          max-width: 24px;
          vertical-align: middle; }
    #common_header #logged-in-popover {
      display: none;
      position: absolute;
      top: 50px;
      right: 22px;
      min-width: 360px;
      padding: 20px;
      border: 1px solid #dddddd;
      color: black;
      background-color: white;
      box-shadow: 0 -3px 15px rgba(0, 0, 0, 0.2);
      cursor: default;
      line-height: 24px;
      z-index: 1888; }
      #common_header #logged-in-popover a {
        color: #29ABE2; }
      #common_header #logged-in-popover div.row > div {
        position: relative;
        float: left;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px; }
      #common_header #logged-in-popover div.row > div:first-child {
        width: 150px; }
        #common_header #logged-in-popover div.row > div:first-child img {
          max-width: 100%; }
      #common_header #logged-in-popover div.row > div:last-child {
        float: left;
        height: 120px; }
      #common_header #logged-in-popover .logged-in-popover-meta {
        height: 90px; }
      #common_header #logged-in-popover .current-user-name {
        font-weight: bold; }
      #common_header #logged-in-popover .current-user-email {
        font-size: 11px; }
      #common_header #logged-in-popover .btn-group {
        position: relative;
        bottom: 0;
        right: 0;
        width: 100%; }
      #common_header #logged-in-popover .allow {
        border-color: transparent;
        border-bottom-color: #fff;
        border-style: dashed dashed solid;
        border-width: 0 12px 12px;
        position: absolute;
        right: 12px;
        top: -12px;
        z-index: 1;
        height: 0;
        width: 0; }