/*
Theme Name: Smoke i freet
Theme URI: https://smoke-i-freet.net/
Author: Smoke
Author URI: https://smoke-i-freet.net/
Description: 墓地を売るだけでなく、希望に沿った墓石を建てて頂きたい。建立後も供養の仕方など様々なご相談に乗りたい。お客さまに心から満足して頂くよう、きめ細やかいサービスを心掛けていきたいと思います。
Version: 1.0
Text Domain: smkif
*/

/* Var color */
:root{
    --body-color: #000000;
	--black-color: #222222;
	--hover-color: #FF2600;
	--bg-light: #ffffff;
	--bg-main: #3A3A3A;
	--bg-footer: #F8F8F8;
	--border-footer: #DDDDDD;
	--color_opacity: #CCCCCC;
	--border-menu: #E0E3D4;
	--bg-submenu: #F6F6F2;
	--bg-testimonal: #E6E9DD;
	--txt_gray:#7D7D7D;
	--bg_gray: #F2F2F2;
}
/* End var color */
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a img, a{
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
}
a:focus {
	text-decoration: none;
	outline: 0;
}
.p-relate{
	position: relative;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
img{
    display: inline-block;
    max-width: 100%;
    height: auto;
}
.txt_block{
	display: block;
}
.txt_center{
    text-align: center;
}
.clear-fix:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
.f-w500{
	font-weight: 500;
}
.f-w400{
	font-weight: 400;
}
.ls5{
	letter-spacing: 0.05em;
}
.f-w600{
	font-weight: 600;
}
.f-w800{
	font-weight: 800;
}
.f-ntsa{
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}
.col_body{
	color: var(--body-color);
}
.hover-color{
	color: var(--hover-color);
}
.col_red{
	color: var(--hover-color);
}
.txt_bold{
	font-weight: 700;
}
.w-100ax{
	width: 100%;
	height: auto;
}
.img-obj{
	display: block;
	object-fit: cover;
}
.smkif-container{
	max-width: 70rem;
	margin-left: auto;
	margin-right: auto;
}
.smkif-text-vrt{
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    white-space: nowrap;
}
/* Line */
.white_line{
    background:rgba(0, 0, 0, 0) linear-gradient(transparent 55%, var(--white_color) 0%) repeat scroll 0 0;
}
.pink_line {
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 72%, #D8558C 0%) repeat scroll 0 0;
}
.blue_line{
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #B1FDF6 0%) repeat scroll 0 0;
}
.yellow_line {
	background:rgba(248, 201, 95, 0) linear-gradient(transparent 70%, var(--bg_yellow) 0%) repeat scroll 0 0;
}
.act_line{
	background-position:-100% 1.3em;
}
.act_line_off{
	background:0% 1.3em;
}
.pink_line_narrow{
	padding:3px 1px;
	background-size:200% 4px;
	background-repeat:repeat-x;
	-webkit-transition:all 5s ease;
	-moz-transition:all 5s ease;
	-o-transition:all 5s ease;
	-ms-transition:all 5s ease;
    transition: all 5s ease;
	background-image:-webkit-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(255,4,183,0.75) 50%);
	background-image:-moz-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(255,4,183,0.75) 50%);
	background-image:-o-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(255,4,183,0.75) 50%);
	background-image:-ms-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(255,4,183,0.75) 50%);
	background-image:linear-gradient(left, rgba(130,255,5,0) 50%, rgba(255,4,183,0.75) 50%);
	background-position:-100% 1.3em;
}
.blue_line_narrow {
	padding:3px 1px;
	background-size:200% 4px;
	background-repeat:repeat-x;
	-webkit-transition:all 5s ease;
	-moz-transition:all 5s ease;
	-o-transition:all 5s ease;
	-ms-transition:all 5s ease;
    transition: all 5s ease;
	background-image:-webkit-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(2,255,204,0.75) 50%);
	background-image:-moz-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(2,255,204,0.75) 50%);
	background-image:-o-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(2,255,204,0.75) 50%);
	background-image:-ms-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(2,255,204,0.75) 50%);
	background-image:linear-gradient(left, rgba(130,255,5,0) 50%, rgba(2,255,204,0.75) 50%);
	background-position:-100% 1.3em;
}
.yellow_line_narrow{
	padding:3px 1px;
	background-size:200% 4px;
	background-repeat:repeat-x;
	-webkit-transition:all 5s ease;
	-moz-transition:all 5s ease;
	-o-transition:all 5s ease;
	-ms-transition:all 5s ease;
    transition: all 5s ease;
	background-image:-webkit-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(248,255,0,0.92) 50%);
	background-image:-moz-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(248,255,0,0.92) 50%);
	background-image:-o-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(248,255,0,0.92) 50%);
	background-image:-ms-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(248,255,0,0.92) 50%);
	background-image:linear-gradient(left, rgba(130,255,5,0) 50%, rgba(248,255,0,0.92) 50%);
	background-position:-100% 1.3em;
}