@charset "UTF-8";
/*
Theme Name: 森永牛乳 岐阜西販売
Description: お任せコース・スマートコース用のテンプレートコーディングデータです。
Author: 株式会社ラクー
Version: 1.0（2020/04/06）
Tags: テンプレート,ラクー
*/

/* テンプレートの使用カラーによってコメントアウトを外してください */
@import "css/blue.css";
/*
@import "css/green.css";
@import "css/pink.css";
@import "css/purple.css";
@import "css/yellow.css";

*/

/*-----------------------------------------
default
-----------------------------------------*/
*{ margin:0; padding:0; }
@font-face{
	font-family:"Yu Gothic M";
	src:local("Yu Gothic Medium");
}
@font-face{
	font-family:"Yu Gothic M";
	src:local("Yu Gothic Bold");
	font-weight: bold;
}
html{
	/*-----------------------------------------
	ゴシック主体の場合
	-----------------------------------------*/
	font-family: "Noto Sans JP", sans-serif, -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	/*-----------------------------------------
	明朝体主体の場合
	-----------------------------------------*/
	/*
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	*/
	color:#222;
	font-size:14px;
	line-height:1.8;
}
a{
	transition:0.1s linear all;	
	color:#222;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;	
}
li{
	list-style-type:none;	
}
p,th,td,li,dt,dd{
	line-height:1.8;	
}
img{
	border:none !important;	
}
.bg_white {
	background: white;
}
.white {
	color: white;
}
.black {
	color: #222;
}
.blue {
	color: #0d3982;
}

.normal {
	font-weight: normal;
}
.medium {
	font-weight: 500;
}
.bold {
	font-weight: bold;
}

header h1 {
	font-size: 11px;
	font-weight: normal;
	color: #717171;
	margin-bottom: 5px;
}

ul.check {
	margin: 10px 0;
}
ul.check li {
	background: url(images/index/check.png) no-repeat;
	padding-left: 30px;
	box-sizing: border-box;
	background-position: left 2.5px;
}

.btn {
	background: rgb(32,84,171);
	background: linear-gradient(90deg, rgba(32,84,171,1) 0%, rgba(13,57,130,1) 100%);
	background-size: 100% auto;
	border-radius: 6px;
	text-align: center;
	width: 250px;
	position: relative;
	display: flex;
	align-items: center;
}
.page-contact .btn {
	background: none;
}
.btn:hover {
	background-size: 200% auto;
}
.btn span.dli-chevron-right {
	display: inline-block;
	position: absolute;
	vertical-align: middle;
	color: #fff;
	line-height: 1;
	width: 0.45em;
	height: 0.45em;
	border: 0.125em solid currentColor;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	transform: translateX(-25%) rotate(45deg);
	right: 20px;
	transition:0.1s linear all;	
}
.btn:hover span.dli-chevron-right {
	right: 15px;
}
.btn a {
	padding: 15px 15px 15px 0;
	display: block;
	font-weight: 500;
	font-size: 14px;
	width: 100%;
	box-sizing: border-box;
	color: white;
}
.btn a:hover {
	text-decoration: none;
}
/*-----------------------------------------
wrapper
-----------------------------------------*/
.wrapper{
	width:100%;
	height:auto;
}

/*-----------------------------------------
header
-----------------------------------------*/
.wrapper header{
	border-top:4px solid #0e3b85 !important;
	padding-bottom:45px;
	background: white;
}
.wrapper header .header_inner{
	width:100%;
	max-width: 1280px;
	margin:0 auto;
	overflow:hidden;
	box-sizing: border-box;
	padding: 0 40px;
	background: white url(images/common/header_bg.png) no-repeat;
	background-position: left top;
}
.wrapper header .header_inner .header_logo{
	float:left;
	margin-top: 10px;
}
.wrapper header .header_inner .header_logo a{
	transition:0.1s linear all;
	text-decoration: none;
}
.wrapper header .header_inner .header_logo a:hover{
	opacity:0.6;
}
.wrapper header .header_inner .header_logo a span {
	display: inline-block;
	font-size: 30px;
	padding-left: 10px;
	margin-top: 10px;
	vertical-align: top;
	font-weight: bold;
}
.wrapper header .header_inner .header_tel{
	float:right;
	width:250px;
	padding:10px 15px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	background: linear-gradient(0deg, rgba(32, 84, 171, 1) 0%, rgba(13, 57, 130, 1) 100%);
}
.wrapper header .header_inner .header_tel a {
	color: white;
}
.wrapper header .header_inner .header_tel .header_tel_toptext{
	text-align:center;
	font-size:12px;
	font-weight:bold;
	line-height:1em;
	margin-bottom:5px;
	letter-spacing:1px;
}
.wrapper header .header_inner .header_tel .header_tel_number{
	font-size:24px;
	font-weight:bold;
	padding: 5px 0 0 15px;
	line-height: 1em;
	text-align: center;
	letter-spacing: -1px;
	color: white;
	background: url(images/common/tel_icon_w.png) no-repeat;
	background-position: 35px center
}
.wrapper header .header_inner .header_tel a{
	display:block;
}
.wrapper header .header_inner .header_tel a:hover{
	text-decoration:none;
	opacity:0.7;
}

/*-----------------------------------------
aside,gnav,content
-----------------------------------------*/
.wrapper .content{
	max-width:1280px;
	width: 100%;
	margin:0 auto;
	box-sizing: border-box;
	padding: 0 40px;
	overflow: hidden;
}
.wrapper .content .main_wrap {
	margin-top:-30px;
	float:right;
	width:75%;
}
.wrapper .content .main_wrap main{
	padding:20px;
	border:1px solid #efefef;
	border-radius:20px;
	background:white;
	box-sizing: border-box;
}
.wrapper .content aside{
	float:left;
	width: 22%;
	margin-right: 3%;
	box-sizing: border-box;
}
.wrapper .content aside nav{
	margin:40px 0 50px;
}
.wrapper .content aside nav ul{
	background:url(images/common/nav_line.png) repeat-x top;
}
.wrapper .content aside nav ul li{
	font-weight:bold;
	line-height:1em;
	font-size: 14px;
}
.wrapper .content aside nav ul li a{
	text-decoration: none;
	display: block;
	line-height: 50px;
	padding-left: 30px;
	color: white;
}
.wrapper .content aside nav ul li a:hover {
	opacity: 0.7;
}
.wrapper .content h3{
	font-size:16px;
	font-weight:bold;
	color:#222;
	padding:0 0 15px 25px;
	margin-bottom:20px;
}
.wrapper .content .section_side h3 {
	color: white;
	margin-bottom:15px;
}
.wrapper article .mainimg{
	margin-bottom:30px;
	position: relative;
}
.wrapper article .mainimg img {
	width: 100%;
}
.wrapper article .mainimg .text {
	position: absolute;
}
.wrapper article .mainimg .text {
	bottom: 10%;
	left: 5%;
}
.wrapper article .mainimg .text p {
	font-size: 32px;
	font-weight: bold;
}
.wrapper article .mainimg .text p.text02 {
	background: url(images/index/star.png) no-repeat;
	background-position: 60% top;
}
.wrapper article .mainimg .text p.text01 {
	text-shadow: 1px 1px 0 white, -1px 1px 0 white, 1px -1px 0 white, -1px -1px 0 white;
}
.wrapper article .mainimg .text p.text02 span {
	box-sizing: border-box;
	text-shadow: 1px 1px 0 white, -1px 1px 0 white, 1px -1px 0 white, -1px -1px 0 white;
}
.wrapper article .mainimg .text p.text02 span.bg_blue,
.wrapper article .mainimg .text p.text02 span.bg_beige {
	font-size: 60px;
	border-radius: 5px;
	padding: 5px 10px;
	box-sizing: border-box;
	text-shadow: unset;
}
.wrapper article .mainimg .text p.text02 span.bg_blue {
	background: #0d3983;
}
.wrapper article .mainimg .text p.text02 span.bg_blue.fir {
	margin-right: 10px;
}
.wrapper article .mainimg .text p.text02 span.bg_beige {
	background: #d0a900 url(images/index/star.png) no-repeat;
	background-position: 150% -10px;
}
.wrapper article section{
	margin-bottom:50px;
}
.wrapper article section:last-child{
	margin-bottom:0;
}
.wrapper article section p,
.wrapper article section ul,
.wrapper article section table,
.wrapper article section dl{
	font-size:14px;
}
.wrapper aside .section_side{
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #ccc;
}
.wrapper aside .section_side:last-child{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
.wrapper aside .side_image{
	margin-bottom:15px;
}
.wrapper aside .side_image img,
.banner img {
	width: 100%;
}
.wrapper aside .side_image img {
	border-radius: 5px;
}
.wrapper aside .side_name{
	font-size:14px;
	font-weight:bold;
	color: white;
}
.wrapper aside .side_address{
	font-size:13px;
	color: white;
}
.wrapper aside .side_tel{
	font-size:13px;
	margin-top:5px;
	color: white;
}
.wrapper aside .side_tel a {
	color: white;
}
.wrapper aside .banner a{
	transition:0.1 linear all;
}
.wrapper aside .banner a:hover{
	opacity:0.8;
}

/*-----------------------------------------
footer
-----------------------------------------*/
.pagetop p{
	text-align:right;
}
.pagetop p a{
	color:#675f42;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	padding:5px 0 5px 18px;
	line-height:1em;
}
.wrapper footer{
	clear:both;
	overflow:hidden;
	max-width: 1280px;
	width: 100%;
	padding: 0 0 15px;
}
.wrapper footer .footer_inner{
	margin: 15px 0;
}
.wrapper footer .footer_menu ul{
	overflow:hidden;
	background:url(images/common/nav_line.png) repeat-x bottom;
	padding-bottom:15px;
	margin-bottom:15px;
}
.wrapper footer .footer_menu ul li{
	float:left;
	margin-right:20px;
	line-height:1em;
}
.wrapper footer .footer_menu ul li a{
	font-size:13px;
	padding-left:18px;
	font-weight: bold;
	color: white;
}
.wrapper footer .footer_inner .footer_address{
	float:left;
	color: white;
}
.wrapper footer .footer_inner .footer_address a {
	color: white;
}
.wrapper footer .footer_inner .footer_address .footer_title{
	font-size:13px;
}
.wrapper footer .footer_inner .footer_address .footer_text{
	font-size:13px;
}
.wrapper footer .footer_inner .copyright{
	float:right;
	font-size:12px;
	color: white;
}

/*-----------------------------------------
top
-----------------------------------------*/
.home .wrapper main article section h3 span{
	float:right;
}
.home .wrapper main article section h3 span a{
	font-size:12px;
	padding-left:15px;
}
.home .wrapper main article section .section_inner table{
	width:100%;
	border-collapse:collapse;
	margin-top:-10px;
}
.home .wrapper main article section .section_inner table tr{
	border-bottom:1px dotted #ccc;
}
.home .wrapper main article section .section_inner table tr:last-child{
	border-bottom:none;
}
.home .wrapper main article section .section_inner table tr th,
.home .wrapper main article section .section_inner table tr td{
	padding:10px;
	line-height:1em;
}
.home .wrapper main article section .section_inner table tr th{
	width:17%;
	text-align:left;
}

/*-----------------------------------------
ぱんくず
-----------------------------------------*/
.wrapper .breadcrumb{
	width:100%;
	margin:15px auto 40px;
}
.wrapper .breadcrumb ul{
	overflow:hidden;
}
.wrapper .breadcrumb ul li{
	float:left;
	font-size:11px;
}
.wrapper .breadcrumb ul li a{
	font-size:11px;
	text-decoration:underline;
}
.wrapper .breadcrumb ul li a:hover{
	text-decoration:none;
}

/*-----------------------------------------
内部共通
-----------------------------------------*/
.archive .wrapper main article .pageimg,
.category .wrapper main article .pageimg,
.single .wrapper main article .pageimg,
.page .wrapper main article .pageimg,
.error404 .wrapper main article .pageimg {
	height: 175px;
	background: url(images/common/pageimg.png) no-repeat;
	background-size: cover;
	background-position: right center;
	border-radius: 10px;
	display: flex;
	justify-content: start;
	align-items: center;
	position: relative;
}
.archive .wrapper main article .pageimg:before,
.single .wrapper main article .pageimg:before,
.category .wrapper main article .pageimg:before,
.page .wrapper main article .pageimg:before,
.error404 .wrapper main article .pageimg:before {
	content: "";
	position: absolute;
	width: 100%;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.65) 0%, rgba(235, 235, 235, 0.1) 100%);
	height: 100%;
	border-radius: 10px;
}
.page .wrapper main article h2,
.single .wrapper main article h2,
.category .wrapper main article h2,
.archive .wrapper main article h2,
.error404 .wrapper main article h2{
	font-size:24px;
	font-weight:bold;
	color:#222;
	padding-left: 50px;
	line-height:1em;
	position: relative;
	background: url(images/common/pageimg_h2.png) no-repeat;
	background-position: 20px center;
}
.error404 .wrapper main article p a {
	text-decoration: underline;
}
.wrapper main article h4{
	font-size:13px;
	margin-bottom:20px;
}
.wrapper main article section .section_inner{
	overflow:hidden;
}
.wrapper main article section .section_inner .img_right{
	float:right;
	margin:0 0 20px 20px;
	width: 35%;
}
.wrapper main article section .section_inner .img_right img {
	border-radius: 5px;
	width: 100%;
}
.wrapper main article section .section_inner .img_left{
	float:left;
	margin:0 20px 20px 0;
}
.wrapper main article section .section_inner .btn {
	width: 200px;
	margin-top: 30px;
}

.page .wrapper main article table{
	width:100%;
	border-collapse:collapse;
	border:1px solid #ccc;
}
.page .wrapper main article table tr th{
	font-weight:bold;
	text-align:left;
	padding:8px 15px;
	width:30%;
	vertical-align:middle;
}
.page .wrapper main article table tr th span.hissu{
	background: #ff0000;
	color: white;
	display: inline-block;
	float: right;
	padding: 2px 8px;
	font-size: 11px;
}
.page .wrapper main article table tr td{
	padding:8px 15px;
	background:white;
}
.page .wrapper main article table tr th,
.page .wrapper main article table tr td{
	border: 1px solid #ccc;
}
.page .wrapper main article table.m_none,
.page .wrapper main article table.m_none tr th,
.page .wrapper main article table.m_none tr td {
	border-top: none;
}
.page .wrapper main article .mailform table tr th,
.page .wrapper main article .mailform table tr td{
	font-size:13px;
}
.page .wrapper main article .mailform table tr th{
	width:33%;
}
.page .wrapper main article .mailform p.center{
	text-align:center;
	margin:15px 0;
}
.page .wrapper main article ul.img2,
.page .wrapper main article ul.img3,
.page .wrapper main article ul.img4{
	overflow:hidden;
}
.page .wrapper main article ul.img2 li{
	float:left;
	width:49%;
	margin-right:2%;
}
.page .wrapper main article ul.img3 li{
	float:left;
	width:32%;
	margin-right:2%;
}
.page .wrapper main article ul.img4 li{
	float:left;
	width:23.5%;
	margin-right:2%;
}
.page .wrapper main article ul.img2 li:last-child,
.page .wrapper main article ul.img3 li:last-child,
.page .wrapper main article ul.img4 li:last-child{
	margin-right:0;
}
.page .wrapper main article ul.img2 li .image img,
.page .wrapper main article ul.img3 li .image img,
.page .wrapper main article ul.img4 li .image img{
	width:100%;
	height:auto;
}
.page .wrapper main article ul.img3 li p{
	font-size:13px;
}
.page .wrapper main article ul.img4 li p{
	font-size:12px;
}
.wrapper aside .inner_menu{
	border:1px solid #ccc;
	border-radius:6px;
	background:white;
}
.wrapper aside .inner_menu h3{
	color:white;
	padding:12px;
	font-size:13px;
}
.wrapper aside .inner_menu .h4{
	background:#ffffff;
	background:-webkit-linear-gradient(#ffffff 0%, #ededed 98%, #dedede 100%);
	background:-o-linear-gradient(#ffffff 0%, #ededed 98%, #dedede 100%);
	background:linear-gradient(#ffffff 0%, #ededed 98%, #dedede 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 );
	padding:12px;
	border-bottom:1px solid #ccc;
}
.wrapper aside .inner_menu .h4 h4{
	font-size:13px;
	border-left:3px solid;
	line-height:1.8em;
	padding-left:15px;
}
.wrapper aside .inner_menu ul li{
	border-bottom:1px dotted #ccc;
	padding-left:15px;
	line-height:2.4;
}
.wrapper aside .inner_menu ul li:last-child{
	border-bottom:none;
}
.wrapper aside .inner_menu ul li a{
	padding-left:20px;
	font-size:13px;
}
.wrapper article section .section_inner p span.pink {
	display: inline-block;
}
/*-----------------------------------------
投稿関係
-----------------------------------------*/
.single .wrapper main article,
.category .wrapper main article,
.archive .wrapper main article {
	margin-bottom: 80px;
}
.single .wrapper main article .category,
.category .wrapper main article .category,
.archive .wrapper main article .category{
	font-size:13px;
	text-align:right;
	margin-top:15px;
	padding-top:15px;
	border-top:1px solid #ccc;
}

/*-----------------------------------------
コンタクトフォーム用
-----------------------------------------*/
input[type="checkbox"],
input[type="radio"]{
	vertical-align:middle;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea{
	padding:5px;
	width:96%;
}
p.submit{
	width:30%;
	margin:0 auto;	
}
form .btn {
	text-align: center;
	width: 250px;
	margin: 0 auto;
}
input[type="submit"]{
	-webkit-appearance:none;
	border:none;
	padding:10px 0;
	color:white;
	background: rgb(32,84,171);
	background: linear-gradient(90deg, rgba(32,84,171,1) 0%, rgba(13,57,130,1) 100%);
	background-size: 100% auto;
	border-radius: 6px;
	text-align: center;
	width: 250px;
	position: relative;
	font-weight: bold;
	margin: 0 auto;
	font-size: 14px;
	border: 1px solid rgba(13,57,130,1);
}
.page-contact input[type="submit"]{
	margin-bottom: 80px;
	font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
input[type="submit"]:hover {
	background: white;
	color: rgba(13,57,130,1);
}
.page-contact .wpcf7-spinner {
	display: none;
}
.wrapper main article .blog_block {
	display: flex;
	justify-content: start;
	align-items: center;
	padding: 15px 0;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc
}
.wrapper main article .blog_block:first-child {
	padding: 0 0 15px 0;
}
.wrapper main article .blog_block p {
	margin-right: 20px;
	font-size: 14px;
	font-weight: bold;
}
.wrapper main article .blog_block h4 {
	color: #0d3982;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 0;
}
/*-----------------------------------------
pagenavi
-----------------------------------------*/
.wp-pagenavi{
	margin:50px 0 0;
	text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span{
	background-color:#0d3982;
	border:1px solid #0d3982 !important;
	color:white;
	padding:5px 8px !important;
	font-size:14px;
	transition:0.1s linear all;
}
.wp-pagenavi span.current{
	background-color:white;
	font-weight:normal !important;
	color:#0d3982;
}
.wp-pagenavi a:hover{
	background-color:#0d3982;	
	color:white;
}
.single .wrapper section .link {
	text-align: center;
    width: 300px;
    margin: 30px auto 0;
}
.single .wrapper section .link li {
    background: #f1f5f9;
    display: inline-block;
    width: 100px;
    margin: 0 0.5%;
    max-width: 30%;
}
.single .wrapper section .link li a {
    padding: 5px 0;
    box-sizing: border-box;
    display: block;
    width: 100%;
	font-size: 13px;
    color: #222222;
	text-decoration: none;
}
.single .wrapper section .link li a:hover {
	opacity: 0.6;
}

.sp{ display:none; }
.spbr{ display:none; }

/*-----------------------------------------
取り扱いページ
-----------------------------------------*/
.post-type-archive-item .wrapper article section.fir {
	margin-bottom: 100px;
}
.post-type-archive-item .item {
	overflow: hidden;
}
.post-type-archive-item .item .item_block {
	float: left;
	margin-right: 20px;
	width: calc((100% - 60px) / 4);
	text-align: center;
	margin-bottom: 20px;
}
.post-type-archive-item .item .item_block:nth-child(4n) {
	margin-right: 0;
}
.post-type-archive-item .item .item_block .img {
	background: #f4f4f4;
}
.post-type-archive-item .item .item_block img {
	width: 100%;
}
.post-type-archive-item .item .item_block p.title {
	background: #0d3982;
	color: white;
	padding: 4px 0 2.5px;
	font-size: 13px;
	margin-bottom: 5px;
	font-weight: bold;
}
.post-type-archive-item .item .item_block p.ex {
	font-size: 13px;
	text-align: left;
}
.post-type-archive-item .item .item_block:nth-child(5) p.ex,
.post-type-archive-item .item .item_block:nth-child(6) p.ex,
.post-type-archive-item .item .item_block:nth-child(7) p.ex,
.post-type-archive-item .item .item_block:nth-child(8) p.ex {
	min-height: 5.4em;
}
/*-----------------------------------------
店舗概要
-----------------------------------------*/
.page-store .wrapper main article {
	margin-bottom: 80px;
}
.page-store .wrapper main article section .section_inner .img_right {
	width: 40%;
}
.page-store .wrapper main article section .section_inner .img_right img {
	width: 100%;
}
/*-----------------------------------------
お問い合わせ
-----------------------------------------*/
.page-contact td .wpcf7-list-item {
	display: block;
	margin: 0;
}
.page-contact article section .agree {
	text-align: center;
	margin: 50px 0;
}
.page-contact article section .agree .wpcf7-list-item-label {
	font-size: 14px;
}
.page-contact article section .privacy {
	margin-bottom: 50px;
	overflow: auto;
	scroll-snap-type: y;
	height: 300px;
	box-sizing: border-box;
	padding: 20px 30px 0;
	border: 1px solid #ccc;
}
.page-contact article section .privacy p {
	margin-bottom: 20px;
}
.page-contact article section .privacy p span {
	color: #0d3982;
	font-weight: bold;
	font-size: 14px;
}
.page-contact article section .privacy p.none {
	margin-bottom: 0;
}
.page-contact article section .privacy ul {
	margin-bottom: 20px;
}

.full {
	display: block;
}
.W-1024,
.W-896,
.W-640,
.humburger_on {
	display: none;
}

@media screen and (min-width:1300px) {

}

@media screen and (max-width:1024px) {
	.W-1024 {
		display: block;
	}
	.W-1024none {
		display: none;
	}
	.wrapper article .mainimg img {
		width: 100%;
	}
	ul.check li {
		background: url(images/index/check.png) no-repeat;
		background-size: 17.5px;
		padding-left: 20px;
		background-position: left center;
	}
	.post-type-archive-item .item .item_block {
		width: calc((100% - 40px) / 3);
	}
	.post-type-archive-item .item .item_block:nth-child(4n) {
		margin-right: 20px;
	}
	.post-type-archive-item .item .item_block:nth-child(3n) {
		margin-right: 0;
	}
}

@media screen and (max-width:896px) {
	.W-896 {
		display: block;
	}
	.W-896none {
		display: none;
	}
	.wrapper .sp .btn {
		background: none;
	}
	.wrapper .sp .spmenu li:first-child a {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.wrapper .sp .spmenu li:first-child a img {
		margin-right: 10px;
	}
	.wrapper .sp .spmenu li:first-child a span {
		font-size: 20px;
		font-weight: bold;
		padding-top: 10px;
	}
	.wrapper article .mainimg .text {
		text-align: left;
	}
	.wrapper footer {
		padding: 10px 0 0;
	}
	.wrapper footer .footer_inner {
		float: none;
	}
	.wrapper footer .footer_inner {
		width: 92%;
	}
	.wrapper footer .footer_inner .footer_address {
		margin: 0;
	}
	.wrapper .humburger_on {
		display: block;
		float: right;
	}
	.wrapper .humburger_on .h-menu {
		position: relative;
	}
	.wrapper .humburger_on .h-menu .h-menuCheckbox {
		display: none;
	}
	.wrapper .humburger_on .h-menu .h-menuCheckbox:checked ~ #h-menu_content {
		-webkit-transform: translateX(0vw);
		transform: translateX(0vw);
		box-shadow: 0.375rem 0 20.3125rem rgba(0, 0, 0, 0.15);
	}
	.wrapper .humburger_on .h-menu .h-menu_icon {
		display: inline-block;
		width: 1.875rem;
		height: 1.875rem;
		vertical-align: middle;
	}
	.wrapper .humburger_on .h-menu .h-menu_icon:checked ~ .h-menu_icon .hamburger-icon {
		background: transparent;
	}
	.wrapper .humburger_on .h-menu .h-menu_icon:checked ~ .h-menu_icon .hamburger-icon::before {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 0.625rem;
		z-index: 999;
	}
	.wrapper .humburger_on .h-menu .h-menu_icon:checked ~ .h-menu_icon .hamburger-icon::after {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 0.625rem;
		z-index: 999;
	}
	.wrapper .humburger_on .h-menu .h-menu_icon:checked ~ #h-menu_black {
		display: block;
		opacity: 0.8;
	}
	.wrapper .humburger_on .h-menu .h-menu_icon .hamburger-icon,
	.wrapper .humburger_on .h-menu .h-menu_icon .hamburger-icon::before,
	.wrapper .humburger_on .h-menu .h-menu_icon .hamburger-icon::after {
		content: "";
		display: block;
		position: absolute;
		z-index: 100;
		top: 1.5rem;
		bottom: 0;
		width: 2rem;
		height: 0.1875rem;
		background: #0d3982;
		cursor: pointer;
		right: 2vw;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
	.wrapper .humburger_on .h-menu .h-menu_icon .hamburger-icon:before {
		top: 0.625rem;
		right: 0;
	}
	.wrapper .humburger_on .h-menu .h-menu_icon .hamburger-icon:after {
		top: 1.25rem;
		right: 0;
	}
	.wrapper .humburger_on .h-menu .h-menu_icon p.menu {
		margin-left: 60px;
		width: 60px;
		color: white;
		margin-top: -0.1875rem;
	}
	.wrapper .humburger_on .h-menu #h-menu_black,
	.wrapper .humburger_on .h-menu #h-menu_content {
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
	.wrapper .humburger_on .h-menu #h-menu_black {
		display: none;
		position: fixed;
		z-index: 98;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.3);
		opacity: 0;
		transition: 0.7s ease-in-out;
	}
	.wrapper .humburger_on .h-menu #h-menu_content {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
		width: 100vw;
		max-width: 31.25rem;
		height: 100vh;
		background: white;
		overflow: auto;
		transition: 0.3s ease-in-out;
		-webkit-transform: translateX(-105vw);
		transform: translateX(-105vw);
	}
	.wrapper .humburger_on .h-menu #h-menu_content ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.wrapper .humburger_on .h-menu #h-menu_content ul li {
		border-bottom: solid 0.0625rem white;
	}
	.wrapper .humburger_on .h-menu #h-menu_content ul li a {
		display: block;
		color: #0d3982;
		font-size: 0.875rem;
		padding: 0.625rem 1rem;
		text-decoration: none;
		transition-duration: 0.2s;
		border-bottom: 0.0625rem dotted #0d3982;
		font-weight: bold;
	}
	.wrapper .humburger_on .h-menu #h-menu_content ul li:first-child a {
		border-bottom: none;
		padding: 1rem 0;
		box-sizing: border-box;
		text-align: center;
		display: flex;
        justify-content: center;
		font-size: 1.25rem;
		color: #222;
        align-items: center;
		gap: 1rem;
	}
	.wrapper .humburger_on .h-menu #h-menu_content ul li:last-child a {
		border-bottom: none;
	}
	.wrapper .humburger_on .h-menu #h-menu_content ul li.tel a {
		background: #0d3982 url(images/common/tel_iconW.png) no-repeat;
		background-position: calc(50% - 5.5rem) center;
		background-size: 1.75rem;
		color: white;
		text-align: center;
		font-size: 1.25rem;
	}
	.wrapper .humburger_on .h-menu #h-menu_content ul li img {
		width: 100%;
	}
	.wrapper .humburger_on .h-menu #h-menu_content ul li:first-child a img {
		width: auto;
	}
	.wrapper .content aside {
		display: none;
	}
	.wrapper .content .main_wrap {
		float: none;
		width: 100%;
		margin-top: 0;
	}
}

@media screen and (max-width:640px) {
	.full,
	.W-640none {
		display: none;
	}
	.W-640 {
		display: block;
	}
	.wrapper .content main {
		border-radius: unset;
	}
	.wrapper header .header_inner .h1_wrap {
		overflow-x: scroll;
	}
	.wrapper header .header_inner .h1_wrap h1 {
		width: 300px;
		border-collapse: collapse;
		white-space: nowrap;
		font-size: 10px;
	}
	.wrapper header .header_inner .header_logo a img {
		width: 40px;
	}
	.wrapper header .header_inner .header_logo a span {
		font-size: 24px;
		margin-top: 7.5px;
	}
	.wrapper .sp .spmenu li:first-child a img {
		width: 40px;
	}
	.wrapper article .mainimg .text {
		bottom: 8%;
	}
	.wrapper article .mainimg .text p {
		font-size: 20px;
	}
	.wrapper article .mainimg .text p.text01 {
		line-height: 0.75;
		margin-bottom: 0.25rem;
	}
	.wrapper article .mainimg .text p.text02 span.bg_blue, .wrapper article .mainimg .text p.text02 span.bg_beige {
		font-size: 36px;
		padding: 0 5px;
	}
	.wrapper article .mainimg .text p.text02 span.bg_blue.fir {
		margin-right: 5px;
	}
	.wrapper article .mainimg .text p.text02 span.bg_beige {
		background: #d0a900 url(images/index/star.png) no-repeat;
		background-position: 26px -10px;
	}
	ul.check li {
		padding-left: 25px;
		margin-bottom: 10px;
		line-height: 1.4;
	}
	.wrapper aside .side_tel {
		margin-top: 0;
	}
	.archive .wrapper main article .pageimg, .category .wrapper main article .pageimg, .single .wrapper main article .pageimg, .page .wrapper main article .pageimg {
		background-position: -300px center;
	}
	.page-store .wrapper main article section .section_inner .img_right {
		width: 80%;
		margin: 0 auto 20px;
	}
	.post-type-archive-item .item .item_block {
		width: 80%;
		margin: 0 auto 30px;
		float: none;
	}
	.post-type-archive-item .item .item_block:nth-child(3n),
	.post-type-archive-item .item .item_block:nth-child(4n) {
		margin: 0 auto 30px !important;
	}
	.post-type-archive-item .item .item_block:last-child {
		margin: 0 auto;
	}
	.post-type-archive-item .item .item_block p.title {
		font-size: 15px;
		padding: 4px 0 5px;
		margin-bottom: 10px;
	}
	.post-type-archive-item .item .item_block p.ex {
		min-height: unset !important;
		font-size: 15px;
		line-height: 1.5;
	}
	.wrapper main article .blog_block {
		display: block;
		padding: 10px 0 15px;
	}
	.wrapper main article .blog_block p {
		margin-right: 0;
	}
	.wrapper main article .blog_block a {
		display: block;
	}
	.page-contact article section .privacy {
		height: 200px;
		padding: 15px 20px 0;
	}
	.wrapper .sp .spmenu li:last-child a {
		padding: 10px 15px;
	}
	.wrapper .sp .spmenu li:last-child a img {
		max-width: 100%;
		width: 100%;
	}
	
	.wrapper .humburger_on .h-menu #h-menu_content {
		max-width: 20rem;
	}
	.wrapper .content .main_wrap main {
		padding: 0.8rem;
	}
	.wrapper footer .footer_inner {
        width: 96%;
		margin-top: 5px;
    }
	.wrapper footer .footer_inner .footer_address {
        margin: 0;
    }
	.wrapper footer .footer_inner .copyright {
        margin: 10px 0 20px;
    }
}