/*
Theme Name: Lightning Child
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: 
Author: ミヤビックス
Tags: 
Version: 0.5.1
*/

/*--------------------------------------------------
▼ common
----------------------------------------------------*/
.site-header-logo img{
	width: 83px;
	height: 50px;
}
.section{
	margin-bottom: 3rem;
}

.section:last-child{
	margin-bottom: 0;
}

.swiper-container a:hover img{
	opacity: 1;
}
footer .site-footer-copyright p:nth-child(2) {
    display:none !important;
}
.global-nav--layout--penetration{
	border-top: 1px solid var(--vk-color-border-hr);
}
.global-nav-list>li:hover:before, .global-nav-list>li[class*=current]{
	background-color: #f1f8f5;
}
.global-nav-list>li:before {
	left: calc(100% / 2);
	border-bottom: 3px solid var(--vk-color-primary);
	transform: translateX(-50%);
	animation: border_anim 3s linear forwards;
}
.img-100 {
	width: 100%;
}
.page-header{
	display: none;
}
.entry-meta-item-updated,
.entry-meta-item-author{
	display: none;
}
.single-feature .entry-meta-item-updated{
	display: inline-block;
}

a:hover img{
	opacity: .7;
}
/* 検索窓 */
.searchform input[type=submit]{
	background-color: var(--vk-color-primary);
}
.searchform input[type=submit]:hover{
	filter: brightness(1.1) saturate(2);
}
.site-header-sub{
	margin-top: 1.6rem;
}
input:focus {
	outline: none;
}
input:-webkit-autofill {
  box-shadow: 0 0 0px 999px #fff inset;
}
/* ┗ 検索窓 for 商品紹介 保護フィルムについて */

.product-search-area {
	margin-bottom: 3rem;
}
.product-search-wrap {
	align-items: center;
	display: flex;
	flex-direction: column;
}
.product-search-text {
	margin-bottom: .5rem;
	width: 100%;
}
.product-search-wrap input[type=text] {
	border: 2px solid var(--vk-color-primary);
	border-radius: 0;
	margin: 0;
	padding: .6em 1em;
}
.product-search-wrap input[type=submit] {
	background-color: var(--vk-color-primary);
	border: none;
	border-radius: 0;
}
.product-search-wrap input[type=submit]:hover {
	filter: brightness(1.1) saturate(2);
}
.products-img img {
	aspect-ratio: 1 / 1;
	width: 100%;
}
/* 目次 */
.contents-nav-area {
	background: #f1f8f5;
	margin-bottom: 3rem;
	padding: 1rem 1.5rem;
}
.list-num ol {
	list-style: none;
	counter-reset: section;
	margin-bottom: 0;
}
.list-num li::before {
	counter-increment: section;
	content: counters(section, "-") ". ";
}
.contents-ttl span {
    font-weight: bold;
}
/* ボックス */
.link-box-wrap{
	margin: 1rem 0;
	position: relative;
}
.link-box-wrap .link-box {
	display: flex;
	padding: 20px 32px 20px 24px;
	border: 5px solid #e4efea;
	align-items: center;
	flex-direction: row;
}
.link-box-wrap.outsite-link .link-box {
	border: 5px solid #fce6cc;
}
.link-box-wrap a:hover .link-box {
	background-color: #f5fffb;
}
.link-box-wrap.outsite-link a:hover .link-box {
	background-color: #fffbf5;
}
.link-box-wrap .link-box .link-img img {
	border: 1px solid #efefef;
	margin: 0 24px 0 0;
	max-width: 120px;
}
.link-box-wrap .link-box .link-detail {
	font-size: 1.2rem;
	font-weight: bold;
	margin: 1rem;
}
.link-box-wrap .link-box .link-detail span {
	font-size: 1rem;
	font-weight: normal;
	margin: 1rem;
}

.link-box-wrap::after {
	content: '\f105';
	color: #afd0c1;
	display: block;
	font-family: 'FontAwesome';
	font-size: 2rem;
	left: calc(100% - 2rem);
	position: absolute;
	top: calc((100% - 2rem) / 2);
}
.link-box-wrap.outsite-link::after {
	color: #fad3a6;
}
/*バナーエリア*/
.footer__banner-area,
.feature__banner-area {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 2rem;
}
.footer__banner-area.one_col,
.feature__banner-area.one_col {
	justify-content: left;
}

.footer__banner-area .footer__banner-item,
.feature__banner-area .feature__banner-item {
	margin: 0.5rem;
	max-width: 250px;
	width: calc((100% - (1rem * 2)) / 2);
}
.footer__banner-item img,
.feature__banner-item img {
	aspect-ratio: 1 / 1;
	width: 100%;
}

/*フッター上エリア*/
.site-body-bottom {
	background: #f1f8f5;
}
.site-body-bottom .widget {
	margin-bottom: 0;
	
}

.site-body-bottom .widget .sns-title-wrap{
	border: none;
	text-align: center;
	margin-bottom: 0;
	padding-top: 2rem;
}
.sns-title-wrap:after{
	content: none;
}
.sns-title {
	position: relative;
	display: inline-block;
	padding: 0 60px;
}
.sns-title:before, .sns-title:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 30px;
	height: 2px;
	background-color: black;
}
.sns-title:before {
	left: 0;
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
}
.sns-title:after {
	right: 0;
	-webkit-transform: rotate(-60deg);
	transform: rotate(-60deg);
}
.site-body-bottom .widget .sns-icon-area{
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0;
}
.sns-icon{
	list-style: none;
	margin: 10px;
}
.sns-icon .fa-brands{
	font-size: 2rem;
	margin: 0;
}
/* Twitterのアイコン X に */
.sns-icon .fa-twitter::before{
	font-family: vk_sns;
	content: "\e606";
}

/* アーカイブページ記事一覧 */
.post-list .card-post {
	width: calc((100% - (16px * 2)) / 2);
	margin-left: 8px;
	margin-right: 8px;
}

.post-list .card-title{
	border: none;
}

/**/
.site-footer-content {
	margin-bottom: 2rem;
}
.site-footer-content .widget_custom_html{
	margin: 0;
}
.site-footer-content .footer__nav{
	font-size: 1rem;
	list-style: none;
	margin: 0;	
}
/* テーブル */
.table-type1 dt,
.table-type1 dd {
	padding: 1rem;
}
.table-type1 dt {
	background-color: #f1f8f5;
	margin-bottom: 0;
}
/* 次・前ページへボタン削除 */
.next-prev{
	display: none;
}
/* グローバルナビ下インフォメーション */
.header-info a{
	display: block;
	text-align: center;
	padding: 0.5rem;
}
/* linkのアンダーライン */
a.link-line {
	color: rgba( 0, 133, 200);
	text-decoration: underline;
}

a.link-line:hover {
	text-decoration: none;
}
/*--------------------------------------------------
▼ TOP-page
----------------------------------------------------*/

.home .lightning_swiper-container img{
	aspect-ratio: 1900 / 787;
	width: 100%;
}
/* スライダー矢印アイコン */
.swiper-button-next:after,
.swiper-button-prev:after{
	content:none;
}
.ltg-slide .swiper-button-next:after,
.ltg-slide .swiper-button-prev:after{
	font-weight:900;
	font-size:42px;
	color:rgba(255,255,255,.6);
}
.ltg-slide .swiper-button-next:hover:after,
.ltg-slide .swiper-button-prev:hover:after{
	color:rgba(255,255,255,.8);
}
.ltg-slide .swiper-button-next:after{
	content:"\f138";
	font-family:"Font Awesome 5 Free";
}
.ltg-slide .swiper-button-prev:after{
	content:"\f137";
	font-family:"Font Awesome 5 Free";
}
.ltg-slide-text-set.mini-content .btn:hover{
background-color: #4c4c4c;
border-color: #fff;
}

.shop-wrap {
	display: flex;
	flex-wrap: wrap;
}
.shop-link{
	width: calc((100% - (6px * 8)) / 4);
	margin: 0 6px 6px
}
.shop-link img{
	aspect-ratio: 1.414 / 1;
	width: 100%;
}
.products-card,
.products-pickup-card{
	overflow: hidden;
}
.products-area{
	height: auto;
}
.products-area .swiper-slide{
	width: initial;
}
.products-items{
	width: 270px;
	margin-right: 10px;
}
.products-items a:hover img{
	opacity: .7;
}
.products-area .products-name{
	border-bottom: none;
	font-size: 1rem;
	font-weight: normal;
}

h3.products-name:after{
	content: none;
}

a:hover .fa-twitter{
	color: #1DA1F2;
}
a:hover .fa-facebook{
	color: #1877F2;
}
a:hover .fa-instagram{
	color: transparent;
	background: -webkit-radial-gradient(circle farthest-corner at 32% 106%,#ffc500 10%, rgba(255, 115, 0, 0.7) 40%, rgba(255,65, 96, 0) 70%),-webkit-radial-linear-gradient(135deg, #6f10ff 0%, #ff0074 70%);
	background: radial-gradient(circle farthest-corner at 32% 106%,#ffc500 10%, rgba(255, 115, 0, 0.7) 40%, rgba(255,65, 96, 0) 70%),linear-gradient(135deg, #6f10ff 0%, #ff0074 70%);
	-webkit-background-clip: text;
}
a:hover .fa-youtube{
	color: #DA1725;
}
.press-list{
	list-style: none;
}
.sns-timeline{
	display: flex;
	justify-content: space-between;
	margin-bottom: 3rem;
	min-height: 500px;
}

.sns-timeline .sns-timeline-item{
	width: calc((100% - 3rem) / 2);
}

/*--------------------------------------------------
▼ Products-page(一覧)
----------------------------------------------------*/
.category-products .entry-meta{
	display: none;
}
.vk_post.media {
	flex-direction: column;
}
.vk_post .media-img {
	width: 100%;
}
.media-img {
	margin-right: 0;
	margin-bottom: 1rem;
}
.vk_post .media-body {
	width: 100%;
}

.vk_post .vk_post_imgOuter:before {
	content: "";
	display: block;
	padding-top: 100%;

}

.products-page .filmlist a::before {
    border-color: transparent transparent transparent #6ab82d;
	border-style: solid;
    border-width: 6px 0 6px 10px;
	left: 16px;
	top: 20px;
}
.products-page .filmlist a::after {
    top: 14px;
    left: 8px;
}
ul.cat-wrap {
	display: flex;
	flex-wrap: wrap;
/*	justify-content: space-between;*/
	list-style: none;
	padding: 0;
}

li.cat-list {
	width: calc((100% - (8px * 1)) / 2);
}
li.cat-list>a {
	align-items: center;
	display: flex;
}
li.cat-list .cat-icon {
	width: 50px;
	margin-right: 8px;
}
li.cat-list .cat-title {
	font-size: 16px;
	width: calc(100% - 50px)
}

.pickup-area{
    list-style: none;
	padding: 0;
}

.cat-maker-device-wrap {
	display: flex;
	width: 100%;
}
.cat-maker-device-wrap .maker-name{
	border: none;
}
.cat-maker-device-wrap .device-name-wrap{
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 100px);
}
.cat-maker-device-wrap .device-name-wrap li{
	width: calc(100% / 4);
}

.cat-products-wrapper {
	display: flex;
	justify-content: space-between;
}
.cat-products-items {
	width: calc((100% - (10px * 5 ) )/ 5);
}

.cat-products-wrapper .products-cat-name{
	border: none;
	font-size: 16px;
	font-weight: normal;
}
.cat-products-wrapper .products-cat-name::after{
	border: none;
}

/*--------------------------------------------------
▼ Products-page(詳細)
----------------------------------------------------*/
.category-products .entry-header{
	display: none;
}
.product-card-wrap .product-card{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 3rem;
}
.product-card-wrap .product-img{
	width: calc((100% - 2rem) / 2);
}
.product-card-wrap .product-detail{
	width: 50%;
}
.product-card-wrap p.mfr{
	margin: 0 0 8px;
}
.product-card-wrap .mfr span{
	padding: 3px 5px 5px;
	background: #f1f8f5;
	border: 1px solid #6ab82d;
	border-radius: 3px;
}
.product-card-wrap .product-name{
	margin: 0;
}
section.shop-link-area ul.shop-btn-wrap {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
}
section.shop-link-area li.shop-btn {
	border-radius: 25px;
	color: #FFFFFF;
	font-weight: bold;
	list-style: none;
	margin: 5px;
	text-align: center;
	width: calc((100% - 20px) / 2);
}

section.shop-link-area li.shop-btn a {
	padding: 10px 20px 15px 20px;
	display: inline-block;
	width: 100%;
    text-decoration: none;
	color: #FFFFFF;
}
section.shop-link-area li.shop-btn:hover {
	background-color: #FFFFFF;
}
li.shopname-honten {
	background-color: #6ab82d;
	border: 3px solid #6ab82d;
}
li.shop-btn.shopname-honten:hover a {
	color: #6ab82d;
}
li.shopname-rakuten {
	background-color: #bf0000;
	border: 3px solid #bf0000;
}
li.shop-btn.shopname-rakuten:hover a {
	color: #bf0000;
}
li.shopname-yahoo {
	background-color: #FF0027;
	border: 3px solid #FF0027;
}
li.shop-btn.shopname-yahoo:hover a {
	color: #FF0027;
}
li.shopname-amazon {
	background-color: #232f3e;
	border: 3px solid #232f3e;
}
li.shopname-amazon:hover {
	border: 3px solid #FF9900;
}
li.shop-btn.shopname-amazon:hover a {
	color: #232f3e;
}
li.shopname-yahoo2 {
	background-color: #FF0027;
	border: 3px solid #FF0027;
}
li.shop-btn.shopname-yahoo2:hover a {
	color: #FF0027;
}
li.shopname-qoo10 {
	background-color: #1262ae;
	border: 3px solid #1262ae;
}
li.shopname-qoo10:hover {
	border: 3px solid #ed313e;
}
li.shop-btn.shopname-qoo10:hover a {
	color: #1262ae;
}
li.shopname-au {
	background-color: #eb5505;
	border: 3px solid #eb5505;
}
li.shop-btn.shopname-au:hover a {
	color: #eb5505;
}
/*--------------------------------------------------
▼ service-page
----------------------------------------------------*/
.info-box {
	background-color: #f1f8f5;
	position: relative;
	padding: 3rem 3rem 5rem;
}
.img-box {
	z-index: 100;
	text-align: center;
}
.info-box::after {
	background: #f1f8f5;
	content: "";
	height: 20%;
	position: absolute;
	width: 100%;
}
.Limg-Rinfo-container .info-box::after {
	top: -20%;
	left: 0%;
}
.Linfo-Rimg-container .info-box::after {
	top: -20%;
	right: 0%;
}

/*--------------------------------------------------
▼ shop-page
----------------------------------------------------*/
.shopping-intro{
	margin-bottom: 5rem;
}
.service-banner-wrap{
	list-style: none;
	padding-left: 0;
}
.shop-card {
	margin-bottom: 5rem;
}
.shop-img{
	border: 1px solid #dedede;
}
/*--------------------------------------------------
▼ film-info page
----------------------------------------------------*/
/*共通ダッシュボード*/
.dashboard {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.dashboard img {
width: 100%;
height: 100%;
}
.dashboard div {
	width: 33%;
}
/*ここまで共通ダッシュボード*/
/*素材別一覧*/
.filmtype {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.filmtype div {
	margin: 3px;
	width: calc(33% - 6px);
}
/*ここまで素材別一覧*/
/*素材詳細ページ*/
.sozaibody {
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
}
/* 最新商品部分 */
.filmtype_products-area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.filmtype_products-items {
	width: calc((100% - (1rem * 2))/ 2 );
	margin-bottom: 1rem;
}
.filmtype_products-img {
	margin-bottom: 1rem;
}
.filmtype_products-name {
	font-size: 1.125rem;
}
.filmtype_products-name {
	background: #f1f8f5;
	border: 2px solid #6ab82d;
	font-size: 1.125rem;
	padding: 5px 10px;
	position: relative;
	text-align: center;
}
.filmtype_products-name:before {
	border: 10px solid transparent;
	border-bottom: 10px solid #6ab82d;
	content: "";
	left: calc((100% - 10px) / 2);
	position: absolute;
	top: -20px;
}

/*ここまで素材詳細ページ*/

/* ▼ 汎用サイズフィルム */

.filmlist-wrap {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
}
.filmlist {
	border: 2px solid #6ab82d;
	font-size: 14px;
	font-weight: bold;
	margin-right: 1rem;
	position: relative;
}
.filmlist a {
	display: inline-block;
	padding: 14px 20px 16px 40px;
}
.filmlist a::before {
    border-color: #6ab82d transparent transparent transparent;
	border-style: solid;
    border-width: 10px 6px 0 6px;
	content: "";
	left: 16px;
	position: absolute;
	top: 20px;
	z-index: 1;
}
.filmlist a::after {
	content: "";
	width: 24px;
	height: 24px;
	position: absolute;
	background-color: #fff;
	border-radius: 50%;
	top: 12px;
	left: 10px;
}
.filmlist a:hover{
	background-color: #f1f8f5;
	color: #666;
}
.filmlist:hover a::after {
	border: 2px solid #6ab82d;
}
.filmsize th {
	background-color: #f1f8f5;
}
.filmsize tbody tr a {
	color: rgba( 0, 133, 200);
	text-decoration: underline;
}
.filmsize tbody a:hover {
	text-decoration: none;
}

/* ▼ フィルムの貼り方 */
.paste_flow,
.paste_flow-end {
	margin-bottom: 10px;
	padding-bottom: 1rem;
	padding-left: 100px;
	position: relative;
}
.paste_flow > .section,
.paste_flow-end > .section {
	padding-top: 15px;
	margin-bottom:0;
}
.paste_flow::after {
	background: #dedede;
	content: "";
	display: block;
	height: calc(100% - 90px);
	left: 40px;
	position: absolute;
	top: 90px;
	width: 2px;
}
.flow_num {
	background: #ddeee7;
	border-radius: 50%;
	display: inline-block;
	font-size: 20px;
	height: 80px;
	left: 0;
	line-height: 80px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 80px;
}

/*--------------------------------------------------
▼ custom-made-page
----------------------------------------------------*/
.custom-made-page {
	font-size: 18px;
}

.custom-made-page .h2 {
	margin-bottom: 50px;
	padding: 0;
	background: none;
	border: none;
	width: 100%;
	height: auto;
}
.custom-made-page .contents-nav-area {
	border: 1px solid #247deb;
	background: #f1f4f8;
	border: 1px solid #247deb;
}
.custom-made-page li.contents-ttl{
	list-style: disc;
}
.custom-made-page .h3 {
	margin-bottom: 25px;
	padding: 0;
	background: none;
	border: none;
	height: auto;
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	text-align: center;
	font-weight: bold;
	font-size: 36px;
	color: #2a8bf9;
}
.custom-made-page .h3:after {
	content: none;
}
.custom-made-page .h4{
	background-color: #fff;
	padding: 0;
}
.custom-made-page .h5{
	font-weight: bold;
}
.custom-made-page li{
	list-style: none;
}
.custom-made-page .section-wrap{
	border-bottom: 2px solid #c6c6c6;
	margin-bottom: 30px;
	padding-bottom: 40px;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.custom-made-page .section-wrap:last-child{
	border-bottom: none;
	margin-bottom: 40px;
	padding-bottom: 0;
}

.custom-made-page .section-wrap-in{
	padding: 0 2%;
}

.custom-made-page a:hover img{
	opacity: .8;
}

.custom-made-page .font-blue{
	color: #2e89f9;
}

.custom-made-page .list-mark{
}

.custom-made-page .list-mark li{
	padding-left: 10px;
	position: relative;
	margin-bottom: 5px;
}

.custom-made-page .list-mark li::before{
	background: #000;
	content: "";
	display: inline-block;
	border-radius: 50%;
	height: 4px;
	position: absolute;
	width: 4px;
	left: 0;
	top: 8px;
}
.custom-made-page table th,
.custom-made-page table td{
	border: 0;
	padding: 0;
}

/*-- ▼ お問い合わせ 1 --*/


/*-- ▼ ミヤビックスの安心対応 --*/
.custom-made-page .sample{
	font-size: 20px;
	margin-bottom: 40px;
}

.custom-made-page .list-border li{
	border-bottom: 2px dashed #cccccc;
	margin-bottom: 25px;
	padding-bottom: 20px;
}

.custom-made-page .list-border li:last-child{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.custom-made-page .list-number {
	margin: 0;
	counter-reset: num;
	list-style: none;
}
.custom-made-page .list-number li {
	padding-left: 24px;
	text-indent: -24px;
}
.custom-made-page .list-number li:before {
	counter-increment: num;
	content: ""counter(num)"．";
}

/*-- ▼ どんな機器にも対応可能です！ --*/
.custom-made-page .machine {
	font-size: 20px;
}
.custom-made-page .machine li{
	align-items: center;
	display: flex;
	flex-direction: column;
	padding-left: 2rem;
	padding-right: 2rem;
}
.custom-made-page .machine .machine-pic{
	width: 40%;
}

.custom-made-page .machine .machine-text{
	color: #666;
	width: 90%;
}

/*-- ▼ シート・フィルムの素材は14種類！ --*/
.custom-made-page .film-type{
	background: #f6f6f6;
	border-radius: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 25px;
	padding: 35px 25px;
}
.custom-made-page .film-type img{
	margin-bottom: 30px;
	width: calc((100% - 25px) / 2);
}
.custom-made-page .film-type img:nth-child(n + 15){
	margin-bottom: 0;
}

/*-- ▼ お問い合わせ 2 --*/
.custom-made-page .under-line{
	background: linear-gradient(transparent 70%, #fbe400 70%);
}

.custom-made-page .contct{
	color: #3451b2;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	margin-bottom: calc(20px + 42px + 20px);
}
.custom-made-page .arrow{
	position: relative;
}
.custom-made-page .arrow::after {
	content: "";
	position: absolute;
	top: calc(100% + 20px);
	left: calc((100% - 50px) / 2);
	border-top: 42px solid #3451b2;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
}
.custom-made-page .inquiry-box{
	border: 7px solid #3451b2;
	border-radius: 15px;
	font-weight: bold;
	padding: 50px 40px 60px;
	margin-bottom: 40px;
}
.custom-made-page .inquiry-box ul{
	margin-bottom: 40px;
}
.custom-made-page .company{
	font-size: 20px;
	text-align: center;
	margin-bottom: 40px;
}
/* ▼ 注意事項 */
.custom-made-page .attention li{
	font-size: 14px;
}
.custom-made-page .attention .list-mark{
	margin-left: 5px;
	font-weight: bold;
	color: #666;
}
.custom-made-page .attention .list-mark li{
	padding-left: 8px;
}
.custom-made-page .attention .list-mark li::before{
	background: #333;
	height: 2px;
	width: 2px;
	top: 8px;
}
/*--------------------------------------------------
▼ print-service-page
----------------------------------------------------*/
.post-name-print-service .price-wrapper {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin-bottom: 2rem;
}

.post-name-print-service section.price-wrap {
	border: 3px solid #ffb03f;
	width: 100%;
}

.post-name-print-service h3.price-title {
	background: #ffb03f;
	border: none;
	color: #fff;
	font-size: 1.2rem;
	padding: 0.5em 0;
	text-align: center;
}
.post-name-print-service h3.price-title::after{
	border: none;
}
.post-name-print-service .price-area p {
	margin: 24px 0;
	text-align: center;
}

.post-name-print-service .price-area span {
	color: #dc3545;
	font-size: 1.8rem;
	font-weight: bold;
}

.price-wrapper .fa-plus{
	margin: 1rem;
}
.total-price-wrap {
	text-align: center;
}

.total-price {
	background: linear-gradient(transparent 60%,rgba(255, 253, 107, 0.7) 0);
	padding: 0 10px;
}
.total-price span {
	color: #dc3545;
	font-size: 32px;
	font-weight: bold;
}
.price-notes li{
	list-style: none;
}
.flow-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	padding: 0;
}

.flow-list {
	align-items: center;
	border: 2px solid #dedede;
	display: flex;
	flex-direction: column;
	margin: 0 0 1rem;
	padding: 0 1rem;
	width: calc((100% - (1rem * 1)) / 2 );
}
.flow-list p{
	text-align: left;
}
/*--------------------------------------------------
▼ feature-page
----------------------------------------------------*/
.miyavix_service_banner-wrap {
	display: flex;
	justify-content: center;
	margin: 2rem;
}
.miyavix_service_banner-item {
	margin: 1rem;
}
.miyavix_service_banner-item img {
	border: 1px solid #ddd;
	max-width: 250px;
	width: 100%;
}
/*--------------------------------------------------
▼ feature-page
----------------------------------------------------*/

.feature .film-thumb{
	max-width: 250px
}

/*--------------------------------------------------
▼ contact
----------------------------------------------------*/
.shop-contact-wrap ,
.shop-contact-wrap {
	display: flex;
	flex-wrap: wrap;
}
.shop-contact-btn ,
.shop-contact-btn {
	display: block;
}
.shop-contact-link ,
.shop-contact-ordermade {
	position: relative;
}
.shop-contact-link-wrap ,
.shop-contact-ordermade {
	margin-bottom: 2rem;
}
.shop-contact-link img ,
.shop-contact-ordermade img {
	display: block;
	transition: .3s;
}
.shop-contact-link .shop-contact-btn ,
.shop-contact-ordermade .shop-contact-btn {
	position: relative;
	z-index: 2;
}
.shop-contact-link .shop-contact-btn-hover ,
.shop-contact-ordermade .shop-contact-btn-hover {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 1;
}
a:hover .shop-contact-btn {
	opacity: 0;
}
a:hover .shop-contact-btn-hover img {
	opacity: 1;
}

@media screen and (min-width: 992px) {
/*--------------------------------------------------
▼ SP用検索窓
----------------------------------------------------*/
		.top-search-area {
		display: none !important;
	}
	
/*--------------------------------------------------
▼ common
----------------------------------------------------*/
	.site-header-logo img{
		width: 100px;
		height: 60px;
	}
	.table-type1{
		border-top: 1px solid #6ab82d;
		display: flex;
		flex-wrap: wrap;
	}
	.table-type1 dt ,
	.table-type1 dd {
		border-bottom: 1px solid #6ab82d;
	}
	.table-type1 dt {
		width: 30%;
	}
	.table-type1 dd {
		width: 70%;
	}
	
/* ┗ 検索窓 for 商品紹介 保護フィルムについて */

	.product-search-area {
		margin: 3rem 0;
	}
	.product-search-wrap {
		flex-direction: row;
	}
	.product-search-text {
		margin-bottom: 0;
		margin-right: .5rem;
	}
	/* アーカイブページ記事一覧 */
	.post-list .card-post {
		width: calc((100% - (30px * 4)) / 4);
		margin-left: 15px;
		margin-right: 15px;
	}

/*--------------------------------------------------
▼ Products-page
----------------------------------------------------*/
	li.cat-list {
		width: calc((100% - (8px * 2)) / 3);
	}
	li.cat-list .cat-icon {
		width: 80px;
	}
	li.cat-list .cat-title {
		font-size: 20px;
	}
	.pickup-area{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0;
	}
	.pickup-area li{
		width: calc((100% - 1rem) / 2);
	}

	.shop-card {
		align-items: center;
		display: flex;
		justify-content: space-between;
	}
	.shop-info {
		width: calc(55% - 2rem);
	}
	.shop-img {
		width: 45%;
	}
/*--------------------------------------------------
▼ service-page
----------------------------------------------------*/
	.info-box {
		padding: 5rem;
	}
	.info-box::after {
		height: 100%;
		width: 20%;
	}
	.Limg-Rinfo-container .info-box::after {
		top: 0;
		left: -20%;
	}
	.Linfo-Rimg-container .info-box::after {
		top: 0;
		right: -20%;
	}
/*--------------------------------------------------
▼ film-info page
----------------------------------------------------*/
/* 最新商品部分 */
	.filmtype_products-items {
		width: calc((100% - (1rem * 3))/ 3 );
	}

/* ▼ 汎用サイズフィルム */
	.filmsize{
		width: 45%;
	}
/*--------------------------------------------------
▼ custom-made-page
----------------------------------------------------*/
	/*-- ▼ どんな機器にも対応可能です！ --*/
	.custom-made-page .machine li{
		align-items: center;
		flex-direction: row;
		justify-content: space-between;
	}
	.custom-made-page .machine .machine-pic{
		width: calc(25% - 50px);
	}

	.custom-made-page .machine .machine-text{
		width: 75%;
	}
/*--------------------------------------------------
▼ contact
----------------------------------------------------*/
	.shop-contact-wrap {
		justify-content: space-between;		
	}
	.shop-contact-link-wrap ,
	.shop-contact-ordermade {
		width: calc((100% - 2rem) / 2);
	}
}
@media screen and (max-width: 992px) {
/*--------------------------------------------------
▼ SP用検索窓
----------------------------------------------------*/
	.top-search-area {
		display: block !important;
	}
	
/*--------------------------------------------------
▼ common
----------------------------------------------------*/
	.table-type1{
		border-top: none;
		flex-direction: column;
	}
	.table-type1 dt ,
	.table-type1 dd {
		border-bottom: none;
	}
	.table-type1 dt ,
	.table-type1 dd {
		width: 100%;
	}
	.table-type1 dd {
		margin-bottom: .5rem;
	}
/*--------------------------------------------------
▼ TOP-page
----------------------------------------------------*/

	.ltg-slide-text-set.mini-content .ltg-slide-text-caption{
		display: none;
	}
	.shop-link{
		width: calc((100% - (6px * 4)) / 2);
		margin: 0 6px 6px
	}
	.products-wrapper{
		display: flex;
		justify-content: space-between;
	}
	.products-items{
		width: 195px;
	}
	
	.pc-only{
		display: none;
	}
/*--------------------------------------------------
▼ Products-page
----------------------------------------------------*/
	.product-card-wrap .product-card{
		flex-direction: column;
	}
	.product-card-wrap .product-img{
		width: 100%;
		margin-bottom: 1rem;
	}
	.product-card-wrap .product-detail{
		width: 100%;
	}
	.product-card-wrap .product-name{
		margin: 0;
	}
/*--------------------------------------------------
▼ shop-page
----------------------------------------------------*/
	.shop-card {
		flex-direction: column;
	}
	.shop-info {
		width: 100%;
	}
	.shop-img {
		width: 100%;
	}

}
@media screen and (min-width: 768px) {
	.footer__banner-area,
	.feature__banner-area {
		flex-wrap: nowrap;
	}
	.footer__banner-area .footer__banner-item,
	.feature__banner-area ..feature__banner-item {
		width: 100%;
	}
/*--------------------------------------------------
▼ Products-page(詳細)
----------------------------------------------------*/
	section.shop-link-area li.shop-btn {
		width: calc((100% - 30px) / 3);
	}
/*--------------------------------------------------
▼ print-service-page
----------------------------------------------------*/

.post-name-print-service .price-wrapper {
	flex-direction: row;
	justify-content: space-between;
}

.post-name-print-service section.price-wrap {
	width: calc((100% - (40px * 2)) / 3);
}
.printpoint-img{
	margin-right: 3rem;
}
.printpoint-text{
	width: 100%;
}
.flow-list {
	width: calc((100% - (1rem * 2)) / 3 );
}

}
@media screen and (min-width: 576px) {
/*--------------------------------------------------
▼ Products-page
----------------------------------------------------*/
	.vk_post.media {
		flex-direction: row;
	}
	.vk_post .media-body {
		width: calc(100% - (200px + 1rem))
	}
	.vk_post .media-img {
		width: 200px;
	}
	.media-img {
		margin-right: 1rem;
		margin-bottom: 0;
	}

}
/*--------------------------------------------------
▼ TOP-page CLS改善
----------------------------------------------------*/
@media (max-width: 767px) {
.lightning_swiper-container { height: calc( 100vw * ( 787 / 1900 ) + 1px ); }
}
@media (min-width: 768px) {
.lightning_swiper-container { height: calc( ( 100vw - 20px ) * ( 787 / 1900 ) + 1px ); }
}
