@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;	
}

.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',YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",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; }
  
  @media screen and (max-width: 1100px) {
#common_header.logged-in{
  padding-left: 0;
}
  }
  
  @media screen and (max-width: 700px) {
#common_header.logged-in{
  padding-right: 0;
}
  }