/*
Theme Name: wlife
Template: oceanwp
Version: 1.0
*/

@media(max-width:500px){
  .inquiry th,.inquiry td {
   display:block!important;
   width:100%!important;
   border-top:none!important;
   -webkit-box-sizing:border-box!important;
   -moz-box-sizing:border-box!important;
   box-sizing:border-box!important;
  }
  .inquiry tr:first-child th{
   border-top:1px solid #d7d7d7!important;
  }
  /* 必須・任意のサイズ調整 */	
  .inquiry .haveto,.inquiry .any {	
  font-size:14px;
  }}
  /*見出し欄*/
  .inquiry th{
   text-align:left;
   font-size:14px;
   color:#444;
   padding-right:5px;
   width:30%;
   background:#f7f7f7;
   border:solid 1px #d7d7d7;
  }
  /*通常欄*/
  .inquiry td{
   font-size:13px;
   border:solid 1px #d7d7d7;	
  }
  /*横の行とテーブル全体*/
  .entry-content .inquiry tr,.entry-content table{
   border:solid 1px #d7d7d7;	
  }
  /*必須の調整*/
  .haveto{
   font-size:14px;
   padding:5px;
   background:#ff9393;
   color:#fff;
   border-radius:2px;
   margin-right:5px;
   position:relative;
   bottom:1px;
  }
  /*任意の調整*/
  .any{
   font-size:14px;
   padding:5px;
   background:#93c9ff;
   color:#fff;
   border-radius:2px;
   margin-right:5px;
   position:relative;
   bottom:1px;
  }
  /*ラジオボタンを縦並び指定*/
  .verticallist .wpcf7-list-item{
   display:block;
  }
  /*送信ボタンのデザイン変更*/
  #formbtn{
   display: block;
   padding:1em 0;
   margin-top:30px;
   width:100%;
   background:#ffaa56;
   color:#fff;
   font-size:18px;
   font-weight:bold;	 
   border-radius:2px;
   border: none;
  }
  /*送信ボタンマウスホバー時*/
@media (hover:hover) {
  #formbtn:hover{
   background:#2f4f4f;
  }
}
@media (hover:none) {
  #formbtn:active{
   background:#2f4f4f;
  }
}
  /*送信成功*/
  div.wpcf7-mail-sent-ok {
  background:#d5edda;
  color:#185626;
  border:1px solid #c4e5cc;
  padding:10px
  }
  /*送信NG*/
  div.wpcf7-validation-errors,
  div.wpcf7-acceptance-missing {
  background:#f7d7da;
  color:#711d26;
  border:1px solid #f4c6cb;
  padding:10px
  }
  
  /*送信失敗*/
  div.wpcf7-mail-sent-ng {
  background:#f7d7da;
  color:#711d26;
  border:1px solid #f4c6cb;
  padding:10px
  }
  
  /*スパムなどで送信ブロックされた場合*/
  div.wpcf7-spam-blocked {
  background:#fff2cf;
  color:#846314;
  border:1px solid #feedbd;
  padding:10px
  }

/* トップページ */
.top-container-left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

@media screen and (max-width: 600px) {
	.top-container-left .wp-block-image {
		align-self: center;
	}
	.top-detail-container .wp-block-media-text .wp-block-media-text__content {
		padding: 0;
		margin-top: 1.6rem;
	}
}
/* 商品詳細ページ */
.woocommerce .summary ul.item-detail-list {
	margin-bottom: 1.6rem;
}