/*
Theme Name: Lightning Child Sample
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/

/*pcとスマホ切り替え*/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 820px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

/* サイト全体 */
html {
	scroll-behavior: smooth;
	letter-spacing: 0.4px;
}
a{
	color: inherit;
}
a :hover{
	opacity: 0.7;
	transition: 0.3s all;
}
.site-footer-copyright p:nth-child(2) {
    display:none;
}
.widget_search{
	display: none;
}

/* 隠す */
.kakusu{
	display: none !important;
}

/*上に戻るボタンカスタマイズ*/
.page_top_btn {
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #337ab7;
    box-shadow: none;
}

/* ヘッダー */
.gMenu>li{
	margin:0 2px;
	padding: 0px !important;
}
.gMenu a:hover{
	opacity: 0.4;
}
.gMenu>li:before{
	border-bottom: 2px dotted #cf328c;
}
/*TOP以外のヘッダー*/
.page-header {
    color: #ffffff;
    background: url(https://oosonesyoten.co.jp/wp-content/uploads/2026/09/bg2.jpg) no-repeat 50% center;
    background-size: cover;
    min-height: 9rem;
}
.page-header_pageTitle, h1.page-header_pageTitle:first-child{
	margin: 2em 0;
}
/* TOP以外のサイドバー */
.mainSection-col-two{
	
}

/* body */
.siteContent{
	padding-bottom: 0px !important;
}
.veu_socialSet-position-after{
	display: none;
}
/* フッター */
.siteFooter{
	border: none;
	background: #fff;
}
.copySection{
	background: #898989;
    color: #fff;
    max-width: 100%;
	padding: 1.2rem 0 1rem;
}
.footerMenu{
	border-top: 1px solid #898989;
    border-bottom: 1px solid #898989;
}
/* トップ */
.topslider{
	margin-top: -3.5rem;
}
h2{
	border-top: 2px solid #337ab7;
    border-bottom: 2px solid #337ab7;
    display: block;
    width: 250px;
    margin: 0 auto;
    padding: 10px 0;
	font-weight: bold;
}
.product-banner{
	display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
	padding: 0 10px;
}
.product-banner-li{
	width: 23%;
    display: block;
    margin: 5px 1%;
}
.product-banner img{
	transition: 0.3s all;
}
.lineup-banner{
	display: block;
    width: 100%;
    height: 100%;
    background: #000;
}
.sub-section{
	display: none;
}

@media only screen and (max-width: 820px) {
	.product-banner-li{
	width: 31%;
	}
}
@media only screen and (max-width: 480px) {
	.product-banner-li{
		width: 48%;
	}
	h2{
		font-size: 1.5rem
	}
}
.top-btn a{
	height: 50px;
}
.top-btn a:hover{
	background: #cf328c;
}
.top-btn2 a{
	width: 400px;
}
@media only screen and (max-width: 480px) {
	.top-btn2 a{
	width: 300px;
	}
}
/* お知らせ */
.fn{
	display: none;
}
.entry-meta_updated{
	display: none;
}
.entry-meta-dataList dt{
	background-color: #cf328c;	
}
.entry-meta_items_term_button{
	background-color: #cf328c !important;
}
.postNextPrev{
	display: none;
}
.subSection-title:after{
	border-bottom: 1px solid #cf328c;
}
.pagination{
	margin-bottom: 1rem;
}
.vk_post_imgOuter{
 display: none;
}
.next-prev{
	display: none;
}

/* 商品ラインナップ */
h3{
	border-bottom: unset;
    position: unset;
	font-weight: bold;
}
h3:before{
	content: '';
    display: inline-block;
    height: 2.5rem;
    vertical-align: middle;
    padding: 0 5px;
    border-left: 10px solid #337ab7;
}
h3:after{
	    border-bottom: 0px solid #337ab7;
}
.lineup{
	padding: 0 20px;
}
.lineup td:nth-child(1){
	width: 9rem;
	padding: 10px 0 10px 10px;
}

.lineup td:nth-child(2){
	
}
.hanbaikakaku{
	color: #cf2e2e;
    font-size: 1.6rem;
    padding: 0 5px 0 0;
}
.zei{
	display: inline-block;
}
.lineup-g{
	margin-top: 10px;
}
.lineup-sp{
	display: inline-block;
}
@media only screen and (max-width: 820px) {
	.lineup{
		padding: 0 10px;
	}
	.lineup td:nth-child(1){
		width: 8rem;
	}
}
@media only screen and (max-width: 480px) {
	h3{
		font-size: 1.4rem;
		max-width: 100% !important;
	}
	.hanbaikakaku{
		font-size: 1.4rem;
	}
}
/* LPガス関連周知 */
.h2-gas{
    width: 400px;
}
@media only screen and (max-width: 480px) {
	.h2-gas{
		width: 350px;
	}
}
.lpgas-ul{
	width: 800px;
    display: block;
    margin: 0 auto;
	display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
	padding: 0;
}
.lpgas-li{
    width: 42%;
    display: block;
    margin: 0 4%;
}
.lpgas-li a{
	text-decoration: none;
}
.lpgas-li div{
	border: 2px solid #337ab7;
    border-radius: 10px;
    text-align: center;
    color: #337ab7;
    margin: 0 0 20px;
	padding: 10px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
	transition: all 0.3s;
}
.lpgas-li div:hover{
    color: #fff;
	background-color: #337ab7;
}
.lpgas-li br{
	display: none;
}
.gas-p{
	
}
h4{
	font-weight: bold;	
}
.lpgas-hr{
	border-top: 2px dashed #555;
}
.lpgas-h3{
	width: 450px;
}
h5{
	font-weight: bold;
}
.lpgas-head{
	display: block;
    width: 650px;
    margin: 0 0 0 25%;
	padding: 0 15px;
    border-left: 10px solid #337ab7;
}
.lpgas-head p{
	font-size: 1.5rem;
    font-weight: bold;
    line-height: 2rem;
}
.padding-p{
	padding: 0 10px;
}
@media only screen and (max-width: 1200px) {
	.lpgas-head{
	    margin: 0 0 0 20%;		
	}
}
@media only screen and (max-width: 1140px) {
	.lpgas-ul{
		width: 100%;
	}
}
@media only screen and (max-width: 990px) {
	.lpgas-head{
		width: 100%;
	    margin: 0 0 0 12%;		
	}
}
@media only screen and (max-width: 820px) {
	.lpgas-li{
		width: 44%;
		margin: 0 3%;
	}
}
@media only screen and (max-width: 767px) {
	.lpgas-head{
	    margin: 0 0 0 2%;		
	}
}
@media only screen and (max-width: 760px) {
	.lpgas-li div{
		height: 70px;
	}
	.lpgas-li br{
		display: block;
	}	
}
@media only screen and (max-width: 480px) {
	.lpgas-head p{
	    font-size: 1.35rem;;		
	}
	.lpgas-h3{
		width: 100%;
	}
}
/* LPガス料金について */
.price-h2{
	width: 300px;
}
/* 会社概要 */
.spancolor{
	color: #cf328c;
}
.about-h3{
	width: 800px;
    margin: 10px auto;	
}
.about-tb{
	width: 800px;
    margin: 0 auto;
}
.about-tb td:nth-child(odd){
	width: 10rem;
    padding-left: 1rem !important;
}
.map{
	margin: 0 auto;
    display: block;
}
@media only screen and (max-width: 820px) {
	.about-h3{
		width: 90%;
	}
	.about-tb{
		width: 90%;
	}
}
.map{
	width: 90%;
}
@media only screen and (max-width: 480px) {
	.about-tb td:nth-child(odd){
		width: 6rem;
	}
}
/* 募集要項 */
.recruit-tb{
	margin: 0 auto;
    width: 800px;
}
.recruit-tb table{
	border-top: none;
}
.recruit-tb td{
	border-top: none;	
    border-bottom: 1px solid #cf328c;
	/*width: 25%;*/
}
.recruit-tb td:nth-child(odd){	
    border-bottom: 2px solid #cf328c;
}
.balloon2-left {
	position: relative;
	display: inline-block;
	margin: 1.5em 0 1.5em 15px;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	background: #FFF;
	border: solid 3px #555;
	box-sizing: border-box;
	border-radius: 10px;
}

.balloon2-left:before {
	  content: "";
	  position: absolute;
	  top: 50%;
	  left: -24px;
	  margin-top: -12px;
	  border: 12px solid transparent;
	  border-right: 12px solid #FFF;
	  z-index: 2;
}
.balloon2-left:after {
	  content: "";
	  position: absolute;
	  top: 50%;
	  left: -30px;
	  margin-top: -14px;
	  border: 14px solid transparent;
	  border-right: 14px solid #555;
	  z-index: 1;
}
.balloon2-left p {
	  margin: 0;
	  padding: 0;
}
.balloon-center{
	display: flex;
    align-items: center;
    justify-content: center;
}
@media only screen and (max-width: 820px) {
	.recruit-tb{
		width: 90%;
	}
}
@media only screen and (max-width: 780px) {

	.balloon2-left:before {
		content: "";
		position: absolute;
		top: -11px;
		left: 50%;
		margin-left: -15px;
		border: 12px solid transparent;
		border-bottom: 12px solid #FFF;
		z-index: 2;
	}

	.balloon2-left:after {
		content: "";
		position: absolute;
		top: -16px;
		left: 50%;
		margin-left: -17px;
		border: 14px solid transparent;
		border-bottom: 14px solid #555;
		z-index: 1;
	}
}
/* お問い合わせ */
.contact-phone{
	color: #cf328c;
    margin-right: 15px;
}
@media (min-width: 751px) {
	a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: unset;
	}
}
/* サイトマップ */
.fa-house{
	color: #337ab7;	
}
.fa-angle-right{
	color: #337ab7;	
}
.sitemap-pa{
	padding-left: 1rem;
}
.sitemap-gap{
	gap: 0px !important;
}
@media only screen and (max-width: 820px) {
	.sitemap-spe{
		display: none;
	}
}