/*!
Theme Name: Linoor Child theme
Theme URI: http://layerdrops.com/linoorwp
Template: linoor
Author: Layerdrops
Author URI: https://themeforest.net/user/layerdrops
Description: This is a Child theme for Linoor Wordpress theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: linoor-child
*/

/**Header *******************/
.main-header .header-upper .logo-box {padding: 20px 0px !important;}
.about-nine__list li i {color: #d7151d !important;}
#styleOptions li a.color-default {background-color: #d7151d;
}
/**MENU LIST**/
.main-menu .navigation li>a{ display: block !important; line-height: 1em;}
.main-menu .navigation>li>ul{width: 300px !important;}
.main-menu .navigation>li>ul>li>a{
   border-bottom: 1px dotted #666;
   font-family: 'Noto Sans Gothic';
   font-size: 14px;
}


/**TOP Slider *******************/
.mvtitle01{font-size:0.5em; margin: 0 2%;}
.menuslist01{font-size:10px;}

/**Schedule LIST**/
.title01{font-size:20px; font-weight: bold; margin-left: 3%;}
.sp-data-table tbody a{color: #B8A273 !important; font-size: 16px; font-weight: 500 !important;}

/* 試合予定の先頭2件を非表示 */
.suns-schedule-skip-two
.sp-event-blocks tbody > tr:nth-child(-n+2) {display: none !important;}
.sp-template-event-blocks .sp-event-results {display: none !important;}

.sp-template-event-blocks .sp-event-date a, .sp-template-event-blocks .sp-event-date a:hover{display: none;}

/* ========================================
   SUNS NEWS & COLUMN 表示順
======================================== */
.suns-news-list .uc_post_list_content_inside {display: flex; flex-direction: column;}
/* カテゴリー */
.suns-news-list .ue-grid-item-category {order: 1; margin-bottom: 6px;}
/* 日付 */
.suns-news-list .ue-meta-data {order: 2; margin-bottom: 6px;}
/* タイトル */
.suns-news-list .uc_post_list_title {order: 3;}
/* 抜粋 */
.suns-news-list .uc_post_content {order: 4;}

.news-block .lower-box h5{font-size: 20px !important;}

/* ========================================
   MEMBER List
======================================== */
.team-block .image-box img{-webkit-filter: grayscale(0%) !important;}


/***====================================================================
2.	Page Tmpl
====================================================================***/
.page-banner .inner-container{padding: 50px 0 30px 0 !important;}
.page-banner h1{font-size: 30px !important;}
.page-banner .bread-crumb li{ font-size: 12px !important;}

.about-section .image-column .image-block img{-webkit-filter: none !important;}
.btn-style-one .btn-title{color: #FFF;}
.feature-eight .feature-eight__image img{filter: grayscale(0%) !important;}

/***====================================================================
3.	Global Settings
====================================================================***/
:root {--thm-base: #d7151d !important;}

/**Side Bar =============================================================
*******************/
.sidebar .rpwwt-widget li .rpwwt-post-title, .sidebar .smart_recent_posts .srpw-title{
   font-size: 12px !important;
   line-height: 150% !important;
}


/**Footter =============================================================
*******************/
.sponsors-section{ padding:0 0 40px 0 !important;}


/*************************
*** Online Shop
**********************************************/
ul.products li.product img{filter: none !important;}
.products .product .woocommerce-loop-product__title{font-size: 14px !important;}
.woocommerce-Price-amount bdi{font-size: 1.5em; font-weight: 600;}
.product-cart-btn .btn-title{font-size: 10px !important;}

/* WooCommerce マイアカウント：ログイン・会員登録レイアウト修正 */
body.woocommerce-account .woocommerce .u-columns.col2-set {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 60px;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 20px;
}

body.woocommerce-account .woocommerce .u-columns.col2-set > .u-column1,
body.woocommerce-account .woocommerce .u-columns.col2-set > .u-column2 {
	width: 100% !important;
	max-width: none !important;
	float: none !important;
	flex: none !important;
	padding: 0 !important;
}

body.woocommerce-account .woocommerce .u-columns.col2-set input.input-text {
	width: 100% !important;
	box-sizing: border-box;
}
/* ログアウト時のMy account左側の空白を解消 */
body.woocommerce-account:not(.logged-in) .woocommerce {
	display: block !important;
}

body.woocommerce-account:not(.logged-in)
.woocommerce-notices-wrapper:empty {
	display: none !important;
}

.u-column1 h2{font-size: 30px;}

/* WooCommerce 各画面の見出しサイズ調整 */
.woocommerce-checkout h3,
.woocommerce-cart .cart_totals h2,
.woocommerce-account .woocommerce h2 {
	font-size: 28px !important;
	line-height: 1.4 !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em;
	margin-bottom: 24px;
}

/* スマートフォン */
@media screen and (max-width: 767px) {
	.woocommerce-checkout h3,
	.woocommerce-cart .cart_totals h2,
	.woocommerce-account .woocommerce h2 {
		font-size: 23px !important;
		line-height: 1.4 !important;
		margin-bottom: 18px;
	}
}

/* スマートフォンでは縦並び */
@media screen and (max-width: 767px) {
	body.woocommerce-account .woocommerce .u-columns.col2-set {
		grid-template-columns: 1fr;
		gap: 40px;
	}
}

/* ==================================================
   FUKUOKA SUNS WooCommerce：購入手続きページ
================================================== */

/* ページ全体 */
body.woocommerce-checkout .woocommerce {
	width: 100% !important;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 20px;
}

/* 請求先・配送先を2列配置 */
body.woocommerce-checkout form.checkout .col2-set {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 32px;
	align-items: start;
	margin-bottom: 50px;
}

/* 入力エリアをカード化 */
body.woocommerce-checkout form.checkout .col2-set > .col-1,
body.woocommerce-checkout form.checkout .col2-set > .col-2 {
	width: 100% !important;
	max-width: none !important;
	float: none !important;
	padding: 32px !important;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	box-shadow: 0 12px 35px rgba(31, 34, 40, 0.07);
}

/* セクション見出し */
body.woocommerce-checkout .col2-set h3,
body.woocommerce-checkout #order_review_heading {
	position: relative;
	padding-left: 16px;
	margin: 0 0 26px !important;
	font-size: 26px !important;
	line-height: 1.4 !important;
	font-weight: 700 !important;
}

body.woocommerce-checkout .col2-set h3::before,
body.woocommerce-checkout #order_review_heading::before {
	content: "";
	position: absolute;
	top: 0.18em;
	bottom: 0.18em;
	left: 0;
	width: 4px;
	background: #e60019;
	border-radius: 4px;
}

/* ラベル */
body.woocommerce-checkout form .form-row label {
	margin-bottom: 8px;
	font-size: 15px;
	font-weight: 600;
	color: #292c32;
}

/* 入力欄 */
body.woocommerce-checkout form .form-row input.input-text,
body.woocommerce-checkout form .form-row textarea,
body.woocommerce-checkout .select2-container .select2-selection--single {
	width: 100% !important;
	min-height: 52px;
	height: 50px !important;
	padding: 0 15px !important;
	background: #f6f7f9 !important;
	border: 1px solid transparent !important;
	border-radius: 7px !important;
	box-shadow: none !important;
	transition: 0.2s ease;
}

body.woocommerce-checkout form .form-row textarea {
	min-height: 170px;
	resize: vertical;
}

/* 入力時 */
body.woocommerce-checkout form .form-row input.input-text:focus,
body.woocommerce-checkout form .form-row textarea:focus,
body.woocommerce-checkout .select2-container--focus .select2-selection--single {
	background: #ffffff !important;
	border-color: #e60019 !important;
	box-shadow: 0 0 0 3px rgba(230, 0, 25, 0.1) !important;
	outline: none;
}

/* Select2の高さ調整 */
body.woocommerce-checkout
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
	line-height: 27px !important;
	padding: 0 !important;
}

body.woocommerce-checkout
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
	height: 50px !important;
}

/* クーポン案内 */
body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
	display: inline-block;
	padding: 13px 18px !important;
	background: #202329 !important;
	border: 0 !important;
	border-radius: 7px;
	color: #ffffff;
	box-shadow: 0 8px 20px rgba(31, 34, 40, 0.12);
}

body.woocommerce-checkout .woocommerce-form-coupon-toggle a {
	color: #ff3349 !important;
	font-weight: 700;
}

/* 注文内容 */
body.woocommerce-checkout #order_review {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	align-items: start;
}

body.woocommerce-checkout #order_review table.shop_table,
body.woocommerce-checkout #payment {
	margin: 0 !important;
	background: #ffffff !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 12px !important;
	box-shadow: 0 12px 35px rgba(31, 34, 40, 0.07);
	overflow: hidden;
}

body.woocommerce-checkout #payment {
	padding: 24px !important;
}

/* 注文ボタン */
body.woocommerce-checkout #place_order {
	width: 100% !important;
	min-height: 56px;
	margin-top: 18px;
	border-radius: 7px !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	letter-spacing: 0.05em;
}

/* タブレット・スマートフォン */
@media screen and (max-width: 900px) {
	body.woocommerce-checkout form.checkout .col2-set,
	body.woocommerce-checkout #order_review {
		grid-template-columns: 1fr;
	}

	body.woocommerce-checkout form.checkout .col2-set > .col-1,
	body.woocommerce-checkout form.checkout .col2-set > .col-2 {
		padding: 24px !important;
	}
}

@media screen and (max-width: 767px) {
	body.woocommerce-checkout .woocommerce {
		padding: 0 15px;
	}

	body.woocommerce-checkout .col2-set h3,
	body.woocommerce-checkout #order_review_heading {
		font-size: 22px !important;
	}
}

/* WooCommerce プルダウンの文字サイズ */
body.woocommerce-checkout select,
body.woocommerce-checkout .select2-container,
body.woocommerce-checkout
.select2-container
.select2-selection--single
.select2-selection__rendered,
body.woocommerce-checkout .select2-results__option,
body.woocommerce-checkout
.select2-search--dropdown
.select2-search__field {
	font-size: 14px !important;
}

/* プルダウン候補の余白 */
body.woocommerce-checkout .select2-results__option {
	padding: 8px 12px !important;
	line-height: 1.4 !important;
}

/*************************
*** Smart Phone
**********************************************/
@media (max-width: 767px) {
   .main-header .header-upper .logo-box .logo img{height: 35px;}
   .nav-outer .mobile-nav-toggler{margin: 25px 0 0 0 !important;}
   .menuslist01{margin-left: 10px;}
}