/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/

html{
	font-size: 62.5%; 
}

h1,
h2 {
	font-size: 4.8rem; /* 48px */
	font-weight: 800;
	line-height: 1.1;
}
h3{
	font-size: 3.0rem; /* 30px */
	font-weight: 400;
	line-height: 1.5;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}
h4,
h5,
h6,
img {
	height: auto;
}
a:link {
	color:#000;
	text-decoration: none;
	outline: none;
}	
 a:visited {
	color:#000;
	text-decoration: none;
	outline: none;
}
a:hover{
	color:#FF0000;
	text-decoration: none;
	outline: none;
}
a:focus {
	color:#FF0000;
	text-decoration: none;
	outline: none;
}
/*------------------------
　共通
--------------------------*/
.kafun-wrapper{
	width: 1080px;
	margin-left: auto;
    margin-right: auto;
	text-align: center;
    background-color: #fff;
	font-size: 1.5rem; /* 15px */
	line-height: 1.8;
	color: #000;
	font-family: "Noto Sans JP",
	"Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}
.txt_red{
    color: #FF0000;
}

.txt_gray{
    color: #CCCCCC;
}
.txt_blue{
	font-family: 'Bebas Neue', cursive;
	color:#546CBB;
	font-weight: 400;
	font-size: 1.8rem;
}

/*------------------------
　任意商品表示　パーツ用
--------------------------*/
.kafun-parts{
	width: 100％;
}

/*------------------------
　冒頭見出し beginning
--------------------------*/
.beginning {
	width: 100%;
	margin: 0 0 60px 0;
}
.beginning_img {
	width: 450px;
    display: inline-block;  /* インラインブロック化 */
    vertical-align: middle; /* 高さを中央に揃える */
}
.beginning_txt {
	width: 450px;
	text-align: left;
    display: inline-block;  /* インラインブロック化 */
    vertical-align: middle; /* 高さを中央に揃える */
	margin: 0 0 0 20px;
}
.beginning_txt p {
	margin: 20px 0 0;
	line-height: 2.3;
}

.beginning_img img {
	max-width: 100%;
}

/*------------------------
　対策バナー　kafun_taisaku
--------------------------*/
.kafun_taisaku {
	width: 100%;
	margin: 0 0 80px 0;
}
.kafun_taisaku_ban {
	width: 1080px;
	height: 270px;
	margin-left: auto;
    margin-right: auto;
	background-image: url("https://lecinc.itembox.design/item/html/tokusyu_kafun/img/kafun_2_pc.jpg");
	background-size:contain;
}
.kafun_taisaku_txt {
	margin: 35px 0 0 250px;
	width: 700px;
	display: inline-block;  /* インラインブロック化 */
}
.dot-text {
	text-emphasis: filled circle red;
	-webkit-text-emphasis: filled circle red;　 /* テキストを赤い丸で強調 */
}


/*------------------------
　シーン別バナー　scene
--------------------------*/
.scene {
	width: 100%;
	margin: 0 0 80px 0;
}
 /* 左右に二重線の装飾 */
.scene_txt {
	position: relative;
	display: inline-block;
	padding: 0 65px;
	text-align: center;
	margin-bottom: 30px;
}
.scene_txt:before,
.scene_txt:after {
	position: absolute;
	top: calc(50% - 3px);
	width: 50px;
	height: 6px;
	content: '';
	border-top: solid 2px #000;
	border-bottom: solid 2px #000;
}
.scene_txt:before {
	left: 0;
}
.scene_txt:after {
	right: 0;
}
 /* 左右に二重線の装飾 ここまで */
.scene_per{width: 32%; margin-bottom: 10px; margin-right: 10px; display: inline-block; vertical-align: top; position:relative; }
.scene_per:last-child{ margin-right: 0px; }
.scene_per img {
	max-width: 100%
}
.scene_ban_txt  {
	width: 300px;
}
.scene_per .link{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.scene_per p{
	padding: 3px;
	line-height: 1.2;
}


/*------------------------
　商品一覧バナー　product
--------------------------*/
.product {
	width: 100%;
	margin: 0 0 10px 0;
	position: relative;
}

.product_txt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	width: 700px;
	color:#fff;
}
.product_txt p {
	font-size: 3.0rem;
	font-weight: 400;
	line-height: 1.5;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}

.product_ban1 {
	width: 1080px;
	height: 270px;
	margin-left: auto;
    margin-right: auto;
	background-image: url("https://lecinc.itembox.design/item/html/tokusyu_kafun/img/kafun_6.jpg");
	background-size:contain;
}

.product_ban2 {
	width: 1080px;
	height: 270px;
	margin-top:80px;
	margin-left: auto;
    margin-right: auto;
	background-image: url("https://lecinc.itembox.design/item/html/tokusyu_kafun/img/kafun_7.jpg");
	background-size:contain;
}

.product_ban3 {
	width: 1080px;
	height: 270px;
	margin-top:80px;
	margin-left: auto;
    margin-right: auto;
	background-image: url("https://lecinc.itembox.design/item/html/tokusyu_kafun/img/kafun_8.jpg");
	background-size:contain;
}
.setumei {
	width: 100%;
}
.setumei_txt {
	width: 1040px;
	text-align: left;
    display: inline-block;  /* インラインブロック化 */
    vertical-align: middle; /* 高さを中央に揃える */
}
.setumei_txt p {
	margin: 20px 0 0;
}


/*------------------------
　ピックアップ　pickup
--------------------------*/
.pickup {
	width: 100%;
	margin: 20px 0 40px 0;
}

.pickup_txt {
	width: 100%;
	text-align: left;
    display: inline-block;  /* インラインブロック化 */
    vertical-align: middle; /* 高さを中央に揃える */
	margin: 0 0 0 20px;
}
.pickup_txt p {
	margin: 5px 0 0;
}
.pickup_txt h3{
	font-size: 3.5rem; /* 30px */
	font-weight: 400;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	margin: 10px 0 0;
}

.pickup_ban1{
	width: 1040px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border: solid 1px #ddd;
	background-image: url("https://lecinc.itembox.design/item/html/tokusyu_kafun/img/pickup_ban1.jpg");
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
}

.pickup_ban2{
	width: 1040px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border: solid 1px #ddd;
	background-image: url("https://lecinc.itembox.design/item/html/tokusyu_kafun/img/pickup_ban2.jpg");
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
}

.pickup_ban3{
	width: 1040px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border: solid 1px #ddd;
	background-image: url("https://lecinc.itembox.design/item/html/tokusyu_kafun/img/pickup_ban3.jpg");
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
}

.pickup_ban4{
	width: 1040px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border: solid 1px #ddd;
	background-image: url("https://lecinc.itembox.design/item/html/tokusyu_kafun/img/pickup_ban4.jpg");
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
}

.pickup_ban5{
	width: 1040px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border: solid 1px #ddd;
	background-image: url("https://lecinc.itembox.design/item/html/tokusyu_kafun/img/pickup_ban5.jpg");
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
}

.pickup_ban6{
	width: 1040px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border: solid 1px #ddd;
	background-image: url("https://lecinc.itembox.design/item/html/tokusyu_kafun/img/pickup_ban6.jpg");
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
}

.pickup_ban7{
	width: 1040px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border: solid 1px #ddd;
	background-image: url("https://lecinc.itembox.design/item/html/tokusyu_kafun/img/pickup_ban7.jpg");
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
}
.txt_pickup{
	font-family: 'Bebas Neue', cursive;
	font-weight: 400;
	font-size: 2.4rem;
	color: #FF0004;
}
.txt_step{
	font-family: 'Bebas Neue', cursive;
	font-weight: 400;
	font-size: 2.4rem;
	color:#546CBB;
}

/*------------------------
　ステップ　step
--------------------------*/
.step {
	width: 100%;
	margin: 20px 0;
}

.step_txt {
	width: 1040px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 10px;
}
.step_txt p {
	margin: 0 0 0 20px;
}



/*------------------------
　Google Material icons　調整
--------------------------*/

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	margin-bottom: 3px;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
  
  display: inline-flex;
  vertical-align:middle;
}
/*------------------------
　ロールオーバー Flashing
--------------------------*/

.hover13 figure:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

/*------------------------
　ロールオーバー 透明化
--------------------------*/

.hover11 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover11 figure:hover img {
	opacity: .5;
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
}

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



























/*------------------------
    スマホ対応
--------------------------*/

@media only screen and (max-width: 750px) {
body {
	font-size: 1.2rem;
	line-height: 1.4;
}
.kafun-wrapper{
	width: 100%;
	margin-left: auto;
    margin-right: auto;
}
 /* 冒頭 */
.beginning {
	margin: 0 0 30px 0;
}
.beginning_txt {
	width: 85%;
	margin: 10px 0 0 0;
}
.beginning_img {
	width: 90%;
}
.beginning h2 {
	font-size: 2.8rem;
	font-weight: 800;
	line-height: 1.1;
}
.beginning_txt p {
	margin: 20px 0 0;
	line-height: 1.8;
}	

 /* 花粉対策バナー */
.kafun_taisaku {
	width: 100%;
	margin: 0 0 50px 0;
}
.kafun_taisaku_ban {
	width: 100%;
	height: 140px;
	background-image: url("https://lecinc.itembox.design/item/html/tokusyu_kafun/img/kafun_2_sp.jpg");
	background-size:contain;
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #eceff9;
}
.kafun_taisaku_txt {
	margin: 15px 0 0;
	width:  98%;
}

.kafun_taisaku h3 {
	font-size: 1.5rem;
	line-height: 1.2;
}

 /* シーン別バナー */
.scene {
	width: 100%;
	margin: 0 0 20px 0;
}
.scene_txt {
	position: relative;
	display: inline-block;
	padding: 0 65px;
	text-align: center;
	margin-bottom: 15px;
}
.scene h3{
	font-size: 1.7rem;
	line-height: 1.2;
}
.scene_per{width: 46%; margin-bottom: 10px; margin-right: 10px; display: inline-block; vertical-align: top; position:relative; }
.scene_per:last-child{ margin-right: 0px; }
.scene_per .link{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.scene_per p{
	padding: 3px;
	line-height: 1.1;
}
	
 /* 商品一覧バナー */
.product {
	width: 100%;
	margin: 0 0 0 0;
}

.product_txt {
	width: 100%;
}
.product_txt p {
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.5;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}

.product_ban1 {
	width: 100%;
	height: 90px;
	background-image: url("https://lecinc.itembox.design/item/html/tokusyu_kafun/img/kafun_6.jpg");
	background-size:cover;
}

.product_ban2 {
	width: 100%;
	height: 90px;
	margin-top:40px;
	background-image: url("https://lecinc.itembox.design/item/html/tokusyu_kafun/img/kafun_7.jpg");
	background-size:cover;
}

.product_ban3 {
	width: 100%;
	height: 90px;
	margin-top:40px;
	background-image: url("https://lecinc.itembox.design/item/html/tokusyu_kafun/img/kafun_8.jpg");
	background-size:cover;
}
	
/* ピックアップバナー */
.pickup {
	width: 100%;
	margin: 6px 0 12px 0;
}

.pickup_txt {
	width: 100%;
	text-align: left;
    display: inline-block;  /* インラインブロック化 */
    vertical-align: middle; /* 高さを中央に揃える */
	margin: 0 0 0 5px;
}
.pickup_txt p {
	margin: 0 0 0;
	font-size: 0.8rem;
}
.pickup_txt h3{
	font-size: 1.3rem;
	font-weight: 400;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	margin: 0px 0 0;
}

.pickup_ban1{
	width: 98%;
	height: 80px;
	padding: 5px;
	margin: 0;
	border: solid 1px #ddd;
	background-image: url("https://lecinc.itembox.design/item/html/tokusyu_kafun/img/pickup_ban1.jpg");
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
}

.pickup_ban2{
	width: 98%;
	height: 80px;
	padding: 5px;
	margin: 0;
	border: solid 1px #ddd;
	background-image: url("https://lecinc.itembox.design/item/html/tokusyu_kafun/img/pickup_ban2.jpg");
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
}

.pickup_ban3{
	width: 98%;
	height: 80px;
	padding: 5px;
	margin: 0;
	border: solid 1px #ddd;
	background-image: url("https://lecinc.itembox.design/item/html/tokusyu_kafun/img/pickup_ban3.jpg");
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
}

.pickup_ban4{
	width: 98%;
	height: 80px;
	padding: 5px;
	border: solid 1px #ddd;
	background-image: url("https://lecinc.itembox.design/item/html/tokusyu_kafun/img/pickup_ban4.jpg");
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
}

.pickup_ban5{
	width: 98%;
	height: 80px;
	padding: 5px;
	border: solid 1px #ddd;
	background-image: url("https://lecinc.itembox.design/item/html/tokusyu_kafun/img/pickup_ban5.jpg");
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
}

.pickup_ban6{
	width: 98%;
	height: 80px;
	padding: 5px;
	margin: 0;
	border: solid 1px #ddd;
	background-image: url("https://lecinc.itembox.design/item/html/tokusyu_kafun/img/pickup_ban6.jpg");
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
}

.pickup_ban7{
	width: 98%;
	height: 80px;
	padding: 5px;
	margin: 0;
	border: solid 1px #ddd;
	background-image: url("https://lecinc.itembox.design/item/html/tokusyu_kafun/img/pickup_ban7.jpg");
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
}
	
.txt_pickup{
	font-size: 1.5rem;
}
.txt_step{
	font-size: 1.5rem;
}
.txt_blue{
	font-size: 1.3rem;
}	
 /* 説明文 */
.setumei {
	width: 100%;
}

.setumei_txt {
	width: 96%;
	padding: 5px;
}
.setumei_txt p {
	margin: 10px 0 0;
}

/* ステップ */
.step {
	width: 100%;
	margin: 5px 0;
}

.step_txt {
	width: 96%;
	padding: 5px;
}
.step_txt p {
	margin: 5px 0 0;
}


}