/*
Theme Name:	Lightning-child
Template:	lightning
*/


/* =============================================================
  リセット
============================================================= */
/* img
--------------------------------*/
img,
img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone{
	border:none;
	box-shadow:0 0 0;
	border-radius:0;
	margin:0;
	padding:0;
}
figure {
	line-height: 0;
}

/* a
--------------------------------*/
/* text-decorationを削除 */
 li a,
 p a {
	text-decoration: none;
}

/* リストスタイル
--------------------------------*/
/* ul */
ul,
.widget ul {
	margin: 0;
	padding: 0;
}
/* li */
li,
.widget li {
	list-style: none;
	margin: 0;
}

/* 見出し・段落
--------------------------------*/
/* h2 */
h2 {
	border: none;
	margin: 0;
	padding: 0;
}
/* h3 */
h3 {
	border: none;
	margin: 0;
	padding: 0;
}
/* h3::after */
h3::after {
	display: none;	
}
/* h4 */
h4 {
	border-radius: 0;
	background-color: transparent;
	margin: 0;
	padding: 0;
}
/* h5 */
h5,
p + h5 {
	border: none;
	background-color: transparent;
	margin: 0;
	padding: 0;
}
/* h6 */
h6 {
	margin: 0;
	padding: 0;
}
/* p */
p {
	margin: 0;
	padding: 0;
}

/* その他
--------------------------------*/
/* clearfix */
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}



/* =============================================================
  全ページ共通部分
============================================================= */
/*  ページ全体
-------------------------------------------*/
/* ボディ
--------------------------------*/
/* カラー */
/*body {
	background-color: var(--color-base);
}*/

/* リスト
--------------------------------*/
/* リストを横並びに */
ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
li {
	line-height: 0;
}
/* リスト内イメージの幅調整 */
li img {
	width: 100%;
}

/* アンカー
--------------------------------*/
/* aをブロック要素に */
a {
	display: block;
	line-height: 0;
}

/* カラー
--------------------------------*/
/* 変数設定 */
:root {
	--color-primary:        #09a3dc; /* メインカラー */
	--color-primary-dark1:  #11749b; /* メインカラー暗 */
	--color-primary-dark2:  #0f7da8; /* メインカラー暗2 */
	--color-primary-pale1:  #22ace0; /* メインカラー薄1 */
	--color-primary-pale2:  #6bc8ea; /* メインカラー薄2 */
	--color-primary-pale3:  #9ddaf1; /* メインカラー薄3 */
	--color-primary-pale4:  #ceedf8; /* メインカラー薄4 */
	--color-accent1:        #9eca2e; /* アクセントカラー1 */
	--color-accent2:        #b72927; /* アクセントカラー2 */
	--color-border:         rgba(179,179,179,1); /* ボーダーカラー */
	--color-table-header1:  rgba(179,179,179,0.3); /* テーブル見出し1 */
	--color-table-header2:  rgba(179,179,179,0.1); /* テーブル見出し2 */
	--color-shadow:         #999999; /* ドロップシャドウ */
	--color-base:           #f9f7f2; /* ベースのカラー */
}

/*  ヘッダー
-------------------------------------------*/
/*  大枠（lightning）
--------------------------------*/
/* 横幅を100%表示に */
 .site-header--layout--nav-float .site-header-container.container {
	display: block;
	max-width: 100%;
}
.site-header-container {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
/*  大枠（jsで追加）
--------------------------------*/
/* cath_copy */
.header_catch_copy {
	font-size: 0.8rem;
	text-align: center;
	background-color: #ddd;
	padding: 0.2rem;
}
/* header_area */
.header_area {
	margin: 0 auto;
	padding: 30px 15px 28px;
}
/* スクロール時非表示 */
.header_scrolled .site-header .header_area {
	display: none;
}
	
/*  ロゴ（lightningのもの）
--------------------------------*/
/* 既存のlogoを非表示に*/
.site-header--layout--nav-float .site-header-logo {
	display: none;
}
/*  ロゴなど（cmn.jsで追加したもの）
-------------------------------*/
/* 共通
---------------------*/  
/* liの中をセンター寄せに、line-height削除 */
.header_area ul li {
	line-height: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* ロゴ（左）
---------------------*/  
/* ロゴ */
.header_area ul li:nth-child(1){
	width: 30.338%;
}
/* 問い合わせ画像（右）
---------------------*/  
/* 電話 */
.header_area ul li:nth-child(2) {
	width: 31.66%;
}


/*  グローバルナビゲーション
-------------------------------------------*/
/* 下線 */
.global-nav {
	border-bottom: 1px solid var(--color-base);
}
/* ベースカラーと位置 */
/*body:not(.header_scrolled)*/
.global-nav--layout--float-right {
	float: none;
	width: 100%;
	background-color: var(--color-primary);
	margin-left: auto;
	margin-right: auto;
}
/* 最大幅と横並び */
.global-nav-list {
	max-width: 1080px;
	width: 100%;
	flex-flow: row wrap;
	justify-content: space-between;		
}
/* 横幅（一つ分） */
.global-nav-list li {
	width: calc(100%/5);
}
/* サブメニューの幅とカラー */
.global-nav-list>li>ul.sub-menu {
	width: 216px !important;
	margin-left: -108px !important;
}
.global-nav-list li .sub-menu li {
	width: 100%;
	text-align: center;
	border-top: 1px solid var(--color-primary);
}
.global-nav-list li .sub-menu li:first-child {
	border-top: 1px solid var(--color-base);
}
.global-nav-list>li.menu-item-has-children::after {
	border-bottom: 1px solid var(--color-primary);
}
/* ボタンカラー */
.global-nav-list li a,
.global-nav-list .current_page_item ul.sub-menu a,
.global-nav-list .current-menu-parent ul.sub-menu a {
	color: #fff;
	line-height: 1.4; /* 上の打消し */
	background-color: var(--color-primary); /*ゆっくり戻すため */
	transition: all 0.3s; /*ゆっくり戻すため */
}
/* ロールオーバー */
.global-nav-list li a:hover,
.global-nav-list li .sub-menu a:hover {
	background-color: var(--color-primary-pale1);
	transition: all 0.3s;
}
/* お問い合わせボタンのカラー */
.global-nav-list li#menu-item-99 a {
	background-color: var(--color-primary-dark1) ; /*ゆっくり戻すため */
	transition: all 0.3s; /*ゆっくり戻すため */
}
/* お問い合わせボタンのロールオーバー */
.global-nav-list li#menu-item-99 a:hover {
	background-color: var(--color-primary-dark2);
	transition: all 0.3s;
}
/* ロールオーバーのライン削除 */
.global-nav-list>li:before {
	border: none;
}
/* ロールオーバー現在位置表示 */
.global-nav-list .current_page_item a,
.global-nav-list .current-menu-parent a,
.global-nav-list .current-menu-parent ul.sub-menu .current_page_item a {
	color: #fff;
	background-color: var(--color-primary-pale2);
}

/* ページタイトル（トップ以外）
-------------------------------------------*/
/* 高さ・背景 */
.page-header {
	min-height: 5rem;
	color: #fff;
	background-color: var(--color-primary-dark1);
}
/* 文字 */
.page-header-title, h1.page-header-title {
    font-size: 1.5rem;
	background-color: transparent;
}

/*  パンくずリスト
-------------------------------------------*/
.breadcrumb {
	display: none;
}

/* スマホPC切り替え
-------------------------------------------*/
/* sp用非表示 */
.sp {
	display: none;
}

/*  コンテンツ
-------------------------------------------*/
/*  レイアウト
--------------------------------*/
/* コンテンツ幅 */
.main-section--col--two {
	width: 78%;
}
/* コンテンツ下マージン */
.site-body-container {
	padding-bottom: 2.5rem;
}

/*  サイドバナー  .sub-section
--------------------------------*/
/* レイアウト
---------------------*/    
/* サイドバナー幅と位置 */
.sub-section--pos--left.sub-section {
	width: 18%;
	position: static !important; /* 追随させないように */
}
/* ブロック
---------------------*/     
/* side_bar */
.side_block {
	margin-top: 1.875rem;
}
/* 一番上のts_blockのマージン削除 */
.side_block:first-of-type {
	margin-top: 0;
}
/* リスト
---------------------*/     
.side_block li {
	width: 100%;
	margin-top: 0.5rem;
}
/* タイトル
---------------------*/     
/* p */
.side_block h6 {
	color: #fff;
	font-size: 0.9rem;
	font-weight: 600;
	text-align: left;
	background-color: var(--color-primary-dark1);
	margin: 0;
	padding: 0.5rem 0.625rem;
}
/* アンカー
---------------------*/     
/* a */
.side_block a.contents_btn {
	filter: none; /* style.cssの打消し */
}

/* ご利用ガイド .print_guide
---------------------*/ 
/* a */
.side_block.print_guide a {
	position: relative;
	color: var(--color-primary);
	font-size: 0.9rem;
	font-weight: 700;
	line-height: 1rem;
	background-color: #fff;
	border: 1px solid var(--color-primary);
	border-radius: 0.2rem;
	padding: 1rem;
	padding-left: 1.8rem;
}
/* 三角マーク */
.side_block.print_guide a::before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-left: 0.35rem solid var(--color-primary);
	border-top: 0.35rem solid transparent;
	border-bottom: 0.35rem solid transparent;
	top: 50%;
	left: 1rem;
	transform: translate(0,-50%);
}

/* ブロック
--------------------------------*/
/* block */
.block {	
	margin: 3rem 0 0;
}
.block:first-of-type {	
	margin-top: 0;
}
/* block */
.sub_block {	
	margin: 3rem 0 0;
}
.sub_block:first-of-type {	
	margin-top: 0;
}

/* 全幅背景
--------------------------------*/
/* 全幅背景 */
.wide {
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	background-color: #e9e9e9;
}
/* 全幅背景中のコンテンツ */
.wide .block_inner {
	width: 90%;
	max-width: 1080px;
	margin: 0 auto;
}

/*  Lナビゲーション
--------------------------------*/
/* 幅 */
.lnavi li {
	width: 15.7%;
}
/* テキストを太く */
.lnavi li p {
	text-align: center;
	font-weight: 600;
}
/* anker */
.lnavi li a {
	display: block;
	border: 1px solid #979797;
	border-radius: 5px;
	background-color: #fff;
	padding: 0.5rem 0;
}
/* hover */
.lnavi li a:hover {
	background-color: #e9e4ed;
	color: var(--color-primary-pale2);
}
/* 矢印 */
.lnavi li a::after {
	content: "";
	display: block;
	width: 100%;
	padding: 0.4rem 0 0.3rem;
	background: url(https://someya-kobo.com/wp/wp-content/uploads/top_orderflow_icon_arrow.png) no-repeat center;
	background-size: 10%;
}

/*  見出し
--------------------------------*/
/* h2 */
h2 {
	color: #000;
	font-size: 1.2rem;
	line-height: 1.1;
	border-left: 8px solid var(--color-primary);
    margin: 3rem 0 0;
	padding-left: 0.7rem;
}
h2:first-of-type {
	margin-top: 0;
}

h3 {
	font-size: 1.1rem;
}

/*  段落文字
--------------------------------*/
/* 見出し下テキスト */
p.txt {
	text-align: center;
	margin: 1.5rem 0;
}
/* 名称とか */
p.tit {
	text-align: center;
	margin: 0.2rem 0 0;
	font-weight: 600;
}
/* 詳細 */
p.explain {
	font-size: 0.9rem;
	line-height: 1.4rem;
	margin-top: 0.2rem;
}
/* 注釈 */
.annotation {
	font-size: var(--vk-size-text-meta);
	line-height: var(--vk-line-height-low);
}
/* 強調 */
.emphasis {
	font-weight: 600;
	color : var(--color-accent2);
}

/* テーブル
--------------------------------*/
/* タイトル */
table th {
	background-color: var(--color-table-header1);
}
/* デザイン */
table th, 
table td {
	border: 1px solid var(--color-border);
	padding: 0.8rem;
}

/* ボタン
--------------------------------*/
/* コンテンツボタン .contents_btn
----------------------*/
/* シャドウ */
.contents_btn {
	transition: all 0.3s; /* ゆっくり戻すため記述 */
	opacity: 1; /* ゆっくり戻すため記述 */
	filter: brightness(100%); /* ゆっくり戻すため記述 */
	filter: drop-shadow(0.1rem 0.1rem 0.1rem var(--color-shadow));
}
/* ロールオーバー */
.contents_btn:hover {
	transition: all 0.3s;
	opacity: 0.8;
	filter: brightness(110%);
	filter: drop-shadow(0.1rem 0.1rem 0.1rem var(--color-shadow));
}
/* アンカー */
.contents_btn a {
	display: block;
	line-height: 0;
}

/* ガイドボタン .cmn_guide_btn
----------------------*/
/* アンカー */
 a.cmn_guide_btn {
	display: block;
	color: #fff;
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	background-color: var(--color-primary-dark1);
	border-radius: 0.5rem;
	padding: 1rem;
}
/* アイコン */
 a.cmn_guide_btn::after {
	content: url(https://totebag-pro.com/wp/wp-content/uploads/cmn_btn_icon_arrow.png);
	vertical-align: middle;
	padding-left: 1rem;
}

/*  フッター
-------------------------------------------*/
/* 大枠
--------------------------------*/
/* カラーとボーダー */
.site-footer {
	background-color: var(--color-primary-pale4);
	padding-top: 2rem;
}
/* フッターコンテント */
.site-footer-content  {
	padding-top: 0;
	padding-bottom:2rem;
}

/* フッターコンテント内　ウィジェット
--------------------------------*/
/* 大枠
---------------------*/
/* 左右のマージン変更 */
.site-footer-content .col-lg-4,
.site-footer-content .col-md-6 {
	padding-right: 20px;
	padding-left: 20px;
}
/* widgetの下マージンなしに */
.site-footer-content .widget {
	margin-bottom: 0;
}

/* リスト
---------------------*/
/* ulの左右paddingなしに */
.site-footer-content .widget ul {
	padding-left: 0;
}

/* 画像
---------------------*/
/* img */
.site-footer-content .widget img {
	display: block;
}
/* フッターロゴ（左） .footer_logo
---------------------*/
.footer_logo p {
	line-height: 1.3;
	background-color: rgba(255,255,255,0.3);
	border: 1px solid var(--color-primary);
	border-radius: 0.2rem;
	margin-top: 0.7rem;
	padding: 0.4rem 0.6rem;
}
.footer_logo p span {
	font-weight: 800;
}

/* ページリンク（中） .footer_page_links
---------------------*/
/* ul */
.footer_page_links ul {
	flex-flow: column; /* 縦並びに */
	width: 48%;
	margin-top: -0.8rem;
}
/* a */
.footer_page_links li a {
	line-height: 1;
}
.footer_page_links li a:hover {
	color: var(--color-primary);
}

/* ul（左） */
.footer_page_links ul:nth-of-type(1) {
	float: left;
}
.footer_page_links ul:nth-of-type(1) li a {
	font-size: 0.9rem;
	font-weight: 600;
	margin-top: 0.9rem;
}
/* ul（右） */
.footer_page_links ul:nth-of-type(2) {
	float: right;
}
.footer_page_links ul:nth-of-type(2) a {
	margin-top: 0.8rem;
}
.footer_page_links ul:nth-of-type(2) li a:hover {
	text-decoration: underline;
}

/* グループ会社（右） .footer_group_company
---------------------*/
ul.footer_group_company {
	margin-top: -0.5rem;
}
.footer_group_company li {
	width: 48%;
	margin-top: 0.5rem;
}
.footer_group_company li a.contents_btn {
	filter: none;
}

/* コピーライト
--------------------------------*/
/* カラー */
.container.site-footer-copyright {
	max-width: 100%;
	color: #000;
	background-color: var(--color-primary-pale3);
}
/* コピーライトのマージン */
.site-footer-copyright p:nth-child(1) {
	margin: 0;
	padding: 0;
}
/* Lightningのコピーライト非表示 */
.site-footer-copyright p:nth-child(2) {
	display: none;
}

/* ページトップへボタン
--------------------------------*/
/* page_top_btn */
.page_top_btn {
	font-weight: 900;
	border-radius: 1.5rem;
	background-color: rgba(9,163,220,0.8);
	box-shadow: 0 0 0 2px rgb(255 255 255 / 80%), 0 0 0 0 rgb(0 0 0 / 80%);
}