/* CSS Document */



/* ___ お問い合わせボタン　ロールオーバー _____*/	

/*　チャットお問い合わせ　*/

div.btn_contact_chat

 {
	list-style-type:none;
	 
	 /*display:block;
	 
	 text-align:center;*/

	float:right;

	text-decoration:none;
 }


div.btn_contact_chat a

{
	background-repeat:no-repeat;

	display:block;

	width:301px;

	text-indent:-9999px; /* 数値固定 */

	background-position:top left;

	background-image:url(http://www.akasha-light.com/?attachment_id=926);

	height:49px; /* Onのみ=Offのみ　の高さ */
}


div.btn_contact_chat a:hover

{ 
	background-position:bottom left; /* 画像の下半分を表示 */

}



/*　メールお問い合わせ　*/


div.btn_contact_mail

 {
	list-style-type:none;

	float:right;

	text-decoration:none;
 }



div.btn_contact_mail a

{
	background-repeat:no-repeat;

	display:block;

	width:281px;

	text-indent:-9999px; /* 数値固定 */

	background-position:top left;

	background-image:url(../images/btn_mail_out.gif);

	height:49px; /* Onのみ=Offのみ　の高さ */
}


div.btn_contact_mail a:hover

{ 
	background-position:bottom left; /* 画像の下半分を表示 */

}



/* ___ 特定商取引法に基づく表示(テーブル) _____*/	

table.cominfo, td, th {
	border-bottom: 1px solid #cc99ff; height:3em;
}

table.cominfo {
    border-collapse: collapse;
}



/* ___ 右メニュー　カードロゴ _____*/	
ul.logo li {
list-style:none;/*デフォルトの指定を解除*/
display:inline-block;/*liをインラインブロック要素に*/
padding:10px 0; /*縦の余白を指定*/
width:100%;/*幅を指定*/
/* height:400px;高さを指定*/
vertical-align:middle;/*縦方向を中央揃え*/
text-align:left;/*横方向を中央揃え*/
}


/* チャット鑑定　Stripe購入ボタン挿入部 */
/* 全体を囲む箱のラッパー */
.stripe-container {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: flex-start !important; /* ★左右の箱の上辺（トップ）を強制的に揃える */
  width: 100% !important;
  margin: 20px 0 !important;
}

/* PC（通常時）：強制的に横幅を48%（2列）にする */
.stripe-container .stripe-item {
  width: 48% !important;
  margin-bottom: 20px !important;
  box-sizing: border-box !important;
}

/* ★WordPressが自動挿入した隙間（pタグやbrタグ）を無効化する */
.stripe-container .stripe-item p,
.stripe-container .stripe-item br {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Stripeのボタン自体が横幅を無視するのを防ぐ */
.stripe-container .stripe-item iframe,
.stripe-container .stripe-item stripe-buy-button {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}

/* スマホ（画面幅が768px以下）：強制的に100%（1列）にする */
@media screen and (max-width: 768px) {
  .stripe-container .stripe-item {
    width: 100% !important;
  }
}