@charset "utf-8";
/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*ハンバーガーメニュー設定*/
.drawer-nav-btn:before,.drawer-nav-btn:after {
    border-color: #fff !important;
}
.drawer-nav-btn span {
    background-color: #fff !important;
}
/*ファーストビューボタン設定*/
.headerbutton a {
    background: rgba(255, 255, 255, 0.0) !important;
    border: 1px solid;
}
/*ファーストビュー設定*/
.firstview_video_wrap .diver_firstview_mov_cover.dot, .diver_firstview_mov_cover.dot .YTPOverlay {
    background: rgba(0,0,0,.5);
    background-image: radial-gradient(rgba(0,0,0,.5) 22%,transparent 0),radial-gradient(rgba(0,0,0,.5) 22%,transparent 0);
    background-position: 0 0,4px 4px;
    background-size: 8px 8px;
}
/*セクションを左右いっぱいに表示*/
.fullpage {
    width: 100vw;
    margin-left: calc(50% - 50vw);
}
/*ヘッダーナビボタン横並び*/
.nav_inleft {
    flex-direction: row;
}
/*ピックアップ画像非表示*/
.pickup-cat-img {
    display: none;
}
/*ヘッダーロゴ右ボタン設定*/
.header-btn a {
    background-color: #AAAAAA !important;
}
.header-btn a a:hover {
    color: #c1ab05;
}
.button a:hover {
    -webkit-filter: brightness(.55);
    -moz-filter: brightness(.55);
    -o-filter: brightness(.55);
    -ms-filter: brightness(.55);
    filter: brightness(.55);
}
/*テーブル（お問い合わせ）*/
.contactus table {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	border-collapse: collapse ;
}
.contactus th, .contactus td {
	border: none;
	padding: 2rem;
	text-align: left;
}
.contactus th {
	background: none;
	white-space: nowrap;/*thの幅を文字数に合わせる*/
	width: 10rem;
vertical-align: top;
}
.contactus form input, textarea {
    width: 100% !important;
}
/*必須の調整*/
.haveto{
	font-size: 0.7rem;
	padding: 0.5rem;
	background: #ff664d;
	color:#fff;
	border-radius: 0.2rem;
	margin-right: 0.5rem;
	position:relative;
	bottom: 0.1rem;
}
/*任意の調整*/
.any{
	font-size: 0.7rem;
	padding: 0.5rem;
	background: #cccccc;
	color:#fff;
	border-radius: 0.2rem;
	margin-right: 0.5rem;
	position: relative;
	bottom: 0.1rem;
}
input[type=submit] {
    background-color: #aaa;
}
/*フッター設定*/
#bigfooter .widget>ul:first-of-type>li, .widget ul:first-child>li, .d_tab_tab>ul:first-of-type>li {
    border-bottom: none;
}
#bigfooter .widget.widget_nav_menu li a {
    padding: 0 1em;
}
#bigfooter .follow-me a {
    font-size: 3em;
    margin-left: 10px;
}
/*pc非表示設定*/
.pc_none {
    display: none;
}
/* ファーストビューの見出し調整 */	
.header_image_title.header_image_title_1 {
    font-size: 44px;
    margin-bottom: 60px;
}
.kakko02 {
	padding: 20px;
	position: relative;
        text-align:center;
}
.kakko02::before, .kakko02::after {
	content: '';
	width: 20px;
	height: 100%;
	position: absolute;
}
.kakko02::before {
	border-left: solid 2px #fff;
	border-top: solid 2px #fff;
	border-bottom: solid 2px #fff;
	top: 0;
	left: 0;
}
.kakko02::after {
	border-right: solid 2px #fff;
	border-top: solid 2px #fff;
	border-bottom: solid 2px #fff;
	top: 0;
	right: 0;
}
/* 文章調整 */	
p {
    text-align: justify;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*480px以下*/
@media screen and (max-width: 480px){
/*テーブル（お問い合わせ）*/
.contactus th {
    padding: 0 1em;
}
.contactus tbody tr:first-child > th {
    margin-top: 30px;
}
.contactus .inquiry th span {
    white-space: normal;
}
.contact-type .wp-block-columns {
    flex-wrap: wrap;
}
.inquiry th,.inquiry td {
	display:block!important;
	width:100%!important;
	-webkit-box-sizing:border-box!important;
	-moz-box-sizing:border-box!important;
	box-sizing:border-box!important;
}
.inquiry td{
    padding: 20px;
    text-align: center;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
	font-size:11px;
}
.deform-table th {
	padding: 2rem 0;
}
.deform-table tr {
	background-color: #f0f0f0;
}
.deform-table td {
	width: auto;
	display: block;
	text-align: center;
	padding: 1.5rem;
}
.deform-table td {
	text-align: left;
}
.deform-table td {
	background-color: #ffffff;
}
.deform-table tr > td:first-child {
	background: #f0f0f0;
}
thead {
    display: none;
}
td.sp_none,
.sp_none {
    display: none;
}
/* ミニヘッダー非表示 */	
.header_small_menu {
    display: none;
}
/* pc非表示を表示 */	
.pc_none {
    display: block;
}
/* ファーストビューの見出し調整 */	
.header_image_title.header_image_title_1 {
    font-size: 37px;
}

}