@charset "utf-8";
/*
Theme Name: 釣針屋comoe様
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.1.2
*/



html {
	font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
}
.entry-meta_items {
  font-size: .9rem;
}


@media print {
/* 印刷時にURLなども表示される仕様を変更 */
  a[href]:after {
    content: "";
  }
  abbr[title]:after {
    content: "";
  }
}



/*----- アンカーのとき位置下げ -----*/
.anchor {
  display: block;
  padding-top: 85px;
  margin-top: -85px;
}



/*----- ソーシャルボタンを非表示 -----*/
.widget .veu_socialSet {/* ウィジェット内無効 */
	display: none;
}



/*---------- ヘッダー ----------*/
.siteHeader {
  padding: 0;
  background-color: #002947;
}
.siteHeader .container {
  padding-bottom: 0;
}
.navbar-header {/* ロゴを中央揃え */
	text-align: center;
}
.siteHeader_logo {
  float: none;
}

.page-header {/* ページヘッダー非表示 */
  display: none;
}





/*---------- メニューを全幅 ----------*/
.gMenu_outer {
  float: none;
  width: 100%;
    
}
.gMenu {
	float: none;
	display: block;
}



/*---------- メニューの余白を狭く ----------*/
.device-pc .gMenu > li > a {
  display: block;
  overflow: hidden;
  padding: .5em;
}



/*---------- PC NAVI ----------*/
@media (max-width: 1199.98px){
	.gMenu>li {
    float: left;
	}
}
@media print, screen and (min-width: 992px){
	.gMenu>li, .header_scrolled .gMenu>li {
		width: 14.2%;
		border-color: #666;
	}
	.gMenu li a,
	.gMenu li a:visited {
    color: #ddd;
	}
	.gMenu li a:hover,
	.gMenu li a:active {
    color: #fff;
  }
  .gMenu>li:before {/* ナビの下線を白に */
	border-bottom: 1px solid #ddd;
  }
  .header_scrolled .gMenu_outer {
    background-color: #002947;
  }
}

/*---------- mobile NAVI ----------*/
.vk-mobile-nav-menu-btn {
	top: 9px;
}
body.admin-bar .vk-mobile-nav-menu-btn {/* ログイン時 */
  top: calc(46px + 9px);
}
#menuBtn {/* ハンバーガーメニューボタン2重表示回避（応急処置） */
  display: none;
}



/* コンテンツ
-------------------------------------- */
.home .siteContent,/* Homeのときスライダーの上の余白をとる */
.productContent {/* Homeのときスライダーの上の余白をとる */
  padding-top: 0;
}
p {
	margin-bottom: 0;
}

p.wp-caption-text {
	padding: 0 1em;
	text-align: left;
}


/* サイド
-------------------------------------- */




/* 見出し要素
-------------------------------------- */

/* 画像の上に文字を重ねた見出し */
.headerOnImage {
		position: relative;
		margin: 0 -10vw;
}
.headerOnImage::before{/* 透過した黒を上から重ねるイメージ */
  background-color: rgba( 0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
}
.headerOnImage img {/*  */
	object-fit: cover;
	width: 110vw;
	height: calc( 110vw * 0.25 );
}
.headerOnImage div.textOnImage {/*スマホ設定*/
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate( calc(-50% + 5rem), -50% );
	-webkit-transform: translate( calc(-50% + 5em), -50% );
	transform: translate( calc(-50% + 5rem), -50% );
	margin: 0 -5rem;
	padding: .5rem 1rem;
	color: #002947;
	background-color:rgba( 255, 255, 255, 0.7);
	line-height: 1rem;
}
.headerOnImage div.textOnImage strong {
	font-size: 1.2rem;
}
.headerOnImage div.textOnImage small {
	font-size: .7rem;
	line-height: .5rem !important;
}
@media only screen and (min-width:767px) {/*PC設定*/
  .headerOnImage div.textOnImage {
		padding: 1.5rem 3rem;
	}
	.headerOnImage div.textOnImage strong {
		font-size: 2.8rem;
	}
	.headerOnImage div.textOnImage strong,
	.headerOnImage div.textOnImage strong p {
		line-height: 140%;
	}
	.headerOnImage div.textOnImage small {
		font-size: 1.1rem;
	}
	.headerOnImage div.textOnImage small,
	.headerOnImage div.textOnImage small p {
		margin-top: .5rem;
	}
}

.product-img-overlay-text {
	font-size: 1.4rem !important;
	line-height: 1.6rem !important;
}
.product-img-overlay-text .small {
	font-size: 1rem !important;
	line-height: 1.2rem !important;
}
@media only screen and (min-width:767px) {/*PC設定*/
  .product-img-overlay-text {
		padding: 1.5rem 3rem;
		font-size: 2.8rem !important;
		line-height: 3rem !important;
	}
	.product-img-overlay-text .small {
		font-size: 1.4rem !important;
		line-height: 1.6rem !important;
	}
}

h2, h2:after {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
  padding: 0;
}
h2 {
  font-weight: bold;
  position: relative;
  overflow: hidden;
  padding-bottom: 5px;
  color: #222;
  font-size: 2rem;
  line-height: 1.5;
  border: none;
  box-sizing: inherit;
}
h2:before {
    border-bottom: 5px solid #0f4c81;
    width: 100%;
		display:inline;
}
h2:after {
    border-bottom: 5px solid #ccc;
    width: 100%;/**/
		display:inline;
}
h2::before,
h2::after {
    content: "";
    position: absolute;
    bottom: 0;
}
h2 .small {
		font-size: 1rem;
}


h3 {
		font-size: 2.8rem;
		border: none;
		line-height: 1.8rem;
		margin-bottom: 1rem;
}
h3:after {
    border: none;
}
h3 .small {
		font-size: .9rem;
		font-weight: normal;
		color: #666;
		letter-spacing: 0;
}
@media only screen and (max-width:767.98px) {/* モバイル用 */
	h3 {
		font-size: 2rem;
	}
}


h4 {
		font-size: 1.3rem;
		font-weight: bold;
		margin: 1.5rem 0 .8rem;
}


.Anton {
		font-family: 'Anton', sans-serif;
		letter-spacing: .05rem;
}
.Noto {
		font-family: 'Noto Sans JP', sans-serif;
}


/* table要素
-------------------------------------- */
table {
	font-size: 1rem;
	white-space: nowrap !important;
}
table tr:nth-child(odd) {
  background-color: #eee;
}
table th,table td {
  padding: .5rem .5rem;
  text-align: center;
}
table th {
  background-color: #bbb;
}



/* フォーム
-------------------------------------- */
.purchase-request .order .input-group-text,
.purchase-request .order input {/* 商品購入の入力範囲調整 */
  padding-left: .5rem;
  padding-right: .5rem;
}
.purchase-request .order .product-select {/*  */
	min-width: 40%;
}
.purchase-request .order input.mwform-number {/*  */
	width: 4rem;
	max-width: 4rem;
}
@media only screen and (min-width:767px) {/* PC用 */
  .purchase-request .order label.input-group-text {/*  */
    min-width: 15rem;
	}
	
}

@media only screen and (max-width:767.98px) {/* モバイル用 */
  .form-group {/*  */
      border-top: #ddd 1px solid;
      padding-top: 1rem;
  }
  .form-group:last-child {/*  */
      border-top: none;
      padding-top: 0;
  }
}



/* list要素
-------------------------------------- */

/*----- タイムライン表示 -----*/
ul.timeline {
		list-style: none;
}
ul.timeline > li {
		margin-bottom: 30px;
		border-bottom: 1px #ccc dotted;
}
ul li .timeline-date {
		font-weight: bold;
		line-height: 1em;
    margin-bottom: .5em;
}
@media only screen and (min-width:767px) {/* PC用 */
	ul.timeline > li {
			overflow: hidden;
  		margin: 0;
  		position: relative;
  		line-height: 2em;
  		border-bottom: none;
	}
	ul li .timeline-date {
  		width: 120px;
  		float: left;
  		margin-top: 20px;
  		font-weight: normal;
  		line-height: 1.9em;
	}
	ul li .timeline-content {
  		width: 75%;
  		float: left;
  		border-left: 3px #e3f1ff solid;
  		padding: 20px 0 0 20px;
	}
	ul li .timeline-content:before {
  		content: '';
  		width: 12px;
  		height: 12px;
  		background: #0f4c81;
  		position: absolute;
  		left: 116px;
  		top: 27px;
  		border-radius: 100%;
	}
}



/* タグのリンクを非表示
-------------------------------------- */
.entry-meta-dataList {
    display: none;
}



/* 画像を暗く
-------------------------------------- */
.dark05 {
	background: #000;
}
.dark05 img {
	opacity: .5;
}



/* 三角
-------------------------------------- */
.triangle-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.triangle-right {/**/
    border-top: 7vw solid transparent;
    border-bottom: 7vw solid transparent;
    border-left: 7vw solid #6aa7cd;
}
@media only screen and (max-width:767.98px) {/* モバイル用 */
  .triangle-right {
      border-top: 10vw solid transparent;
      border-bottom: 10vw solid transparent;
      border-left: 10vw solid #6aa7cd;
      transform: rotate( 90deg );
  }
}




/* 回転
-------------------------------------- */



/*---------- googlemap ----------*/
.gmap {
		position: relative;
		padding-top: 50%;
		height: 0;
		overflow: hidden;
}
.gmap iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}



/* ダイナミックショートコード
-------------------------------------- */




/* カルーセルスライダー
-------------------------------------- */
.wpsisac-slick-carousal .slick-image-slide {/* カルーセルの隙間を埋める */
		margin: 0;
}

/* 画像を重ねる */
#headerSlider {
		position: relative;
}
#sliderLogo {
		position: absolute;
		top: calc(50% - 150px);
    left: calc(50% - 150px);
    opacity: 0.3;
    z-index: 100;
}
@media only screen and (max-width:767.98px) {/* モバイル用 */
  #sliderLogo {
		  width: 150px;
		  top: calc(50% - 80px);
      left: calc(50% - 75px);
  }
}



/* ListCategoryPost
-------------------------------------- */
.lcp_thumbnail {
	  object-fit: fill;
	  object-position: 50% 50%;
	  font-family: 'object-fit: fill; object-position: 50% 50%;';
	  overflow: hidden;
}