@charset "utf-8";
/*
Theme Name: 5S-0000002515
Theme URI: http://amnk.co.jp
Description: speed seo simple special smart
Version: 1.0
Author: amanokikaku
Author URI: http://amnk.co.jp/
Tags: simple#oshirase h3
*/

:root {
    /* --main_color: #4cbdc5; */
    --main_color: #6cbf4d;
	--sub_color: #3b9519;
}

#kategorimei
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}


/* @font-face {
font-family: "mplus";
  src: url(https://deradesign.jp/wp/wp-content/themes/theme_amanokikaku/mplus-2p-light.eot) format("eot"), url(https://deradesign.jp/wp/wp-content/themes/theme_amanokikaku/mplus-2p-light.woff) format("woff");
} */

*, *:before, *:after {
    box-sizing: border-box;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    /* overflow-x: scroll; */
    overflow-x: hidden;
}
body{
	overflow-x: hidden;
	width: 100%;
	font-size: min(3.5vw, 14px);
	line-height:1.75;
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #333;
	background:#fff;
}

.mincyo{ 
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 1.9rem;margin-top:20px;display:block;
}

blockquote, q {
	quotes: none;
border:1px solid #ddd;
padding:10px;
display:block;
overflow:auto;
}

blockquote:before,
q:before, q:after {float:left;
width:4%;font-size:300%;
height:30px;
	content: '”';
}

input, textarea{
	margin: 0;
	padding: 0;
	-webkit-appearance: none;
}
a{
text-decoration:none;
}
ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
}

.both{
	clear:both;
}

.inline_block {  
	display: inline-block;
}

img {
	max-width:100%;
}

:placeholder-shown {
    color: #bbbbbb; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #bbbbbb; }

/* Firefox 18- */
:-moz-placeholder {
    color: #bbbbbb; opacity: 1; }

/* Firefox 19+ */
::-moz-placeholder {
    color: #bbbbbb; opacity: 1; }

/* IE 10+ */
:-ms-input-placeholder {
    color: #bbbbbb; }


.textshadow {
	text-shadow: 1px 1px 3px #000;
}

.boxshadow {
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.kadomaru {
	border-radius: 8px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px; 
}

.opacity25 {
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}


/*---------------------------------
add css standard start
--------------------------------*/
table {
	width: 100%;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.contents div{
	margin-bottom: 32px;
}

.img_left {
	float: left;
	width: 32%;
}

.text_right {
	float: right;
	width: 64%;
}

.img_right {
	float: right;
	width: 32%;
}

.text_left {
	float: left;
	width: 64%;
}

/* #content a{color:#333333;} */

.content2_1 {
	width: 48%;
	float: left;
	padding:0%;

}
#content .post .content2_1 h3,#content .post .content2_2 h3
{margin-top:14px;margin-bottom:14px;}

#content .post .content2_1 p,#content .post .content2_2 p
{margin-top:0px;padding-bottom:14px;}

.content2_2 {
	width: 48%;
	float: right;
	padding:0%;
}

.content3_1 , .content3_2 , .content3_3 {
	width: 31.5%;
	float: left;
margin-bottom:28px;
}
.content3_1 img , .content3_2 img, .content3_3 img{
	width: 100%;
}

.content3_2 {
	margin-right: 2.6%;
	margin-left: 2.6%;
margin-bottom:28px;
}

.content4_1 , .content4_2 , .content4_3 , .content4_4 {
	width: 22%;
	float: left;
margin-bottom:28px;
}

.content4_2 {
	margin-left: 4%;
	margin-right: 4%;
}

.content4_3 {
	margin-right: 4%;
}

.note {
	background: #fcfcfc;
	padding: 8px 16px;
	margin: 16px 0;
}

.note p {
	margin: 0;
	padding: 4px 0;
}

.header_left {
	width: 48%;
	float: left;
}

.header_right {
	width: 48%;
	float: right;
}
.size-full{width:100%;}
#news_midashi{padding:0.1em 1em;font-size:26px;background:orange;border-radius:5px;color:#fff;margin-bottom:14px;margin-top:28px;}
#news_midashi .kako_kiji{width:150px;background:#fff;border:1px solid #ccc;border-radius:15px;padding:2px;font-size:14px;float:right;text-align:center;margin-top:7px;}
#content .kako_kiji a{color:#333;}
/* Clearfix */

.cf:before,
.cf:after ,section{
    content: " ";
    display: table;
}

.cf:after ,section{
    clear: both;
}

/* .cf ,section{
    *zoom: 1;
} */

.pager span{
    color: #fff;
    background: var(--main_color);
    margin-right: 5px;
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 30px;
    font-size: 18px;
    text-align: center;
    line-height: 36px;
}

.pager{
    text-align: center;
}

#content .pager a {
    color: #fff;
    background: #989898;
    margin-right: 5px;
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 30px;
    font-size: 18px;
    text-align: center;
    line-height: 36px;
}

#content .pager a:hover{
	color:#fff;
	background:var(--main_color);
}


/* レシピ
------------------------------------------------------------*/
.sp{display:none;}.both{clear:both;}.right{float:right;}.left{float:left;}.rightnone{float:right;}.leftnone{float:left;}.hidden{overflow:hidden;}.text_center{text-align:center;}.text_left{text-align:left;}.text_right{text-align:right;}

.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}.mr35{margin-right:35px;}.mr40{margin-right:40px;}.mr45{margin-right:45px;}.mr50{margin-right:50px;}.mr55{margin-right:55px;}.mr60{margin-right:60px;}.mr65{margin-right:65px;}.mr70{margin-right:70px;}.mr75{margin-right:75px;}.mr80{margin-right:80px;}.mr85{margin-right:85px;}.mr90{margin-right:90px;}.mr95{margin-right:95px;}.mr100{margin-right:100px;}

.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}.ml30{margin-left:30px;}.ml35{margin-left:35px;}.ml40{margin-left:40px;}.ml45{margin-left:45px;}.ml50{margin-left:50px;}.ml55{margin-left:55px;}.ml60{margin-left:60px;}.ml65{margin-left:65px;}.ml70{margin-left:70px;}.ml75{margin-left:75px;}.ml80{margin-left:80px;}.ml85{margin-left:85px;}.ml90{margin-left:90px;}.ml95{margin-left:95px;}.ml100{margin-left:100px;}

.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mb35{margin-bottom:35px;}.mb40{margin-bottom:40px;}.mb45{margin-bottom:45px;}.mb50{margin-bottom:50px;}.mb55{margin-bottom:55px;}.mb60{margin-bottom:60px;}.mb65{margin-bottom:65px;}.mb70{margin-bottom:70px;}.mb75{margin-bottom:75px;}.mb80{margin-bottom:80px;}.mb85{margin-bottom:85px;}.mb90{margin-bottom:90px;}.mb95{margin-bottom:95px;}.mb100{margin-bottom:100px;}

.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}.mt35{margin-top:35px;}.mt40{margin-top:40px;}.mt45{margin-top:45px;}.mt50{margin-top:50px;}.mt55{margin-top:55px;}.mt60{margin-top:60px;}.mt65{margin-top:65px;}.mt70{margin-top:70px;}.mt75{margin-top:75px;}.mt80{margin-top:80px;}.mt85{margin-top:85px;}.mt90{margin-top:90px;}.mt95{margin-top:95px;}.mt100{margin-top:100px;}

.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right:25px;}.pr30{padding-right:30px;}.pr35{padding-right:35px;}.pr40{padding-right:40px;}.pr45{padding-right:45px;}.pr50{padding-right:50px;}.pr55{padding-right:55px;}.pr60{padding-right:60px;}.pr65{padding-right:65px;}.pr70{padding-right:70px;}.pr75{padding-right:75px;}.pr80{padding-right:80px;}.pr85{padding-right:85px;}.pr90{padding-right:90px;}.pr95{padding-right:95px;}.pr100{padding-right:100px;}

.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left:25px;}.pl30{padding-left:30px;}.pl35{padding-left:35px;}.pl40{padding-left:40px;}.pl45{padding-left:45px;}.pl50{padding-left:50px;}.pl55{padding-left:55px;}.pl60{padding-left:60px;}.pl65{padding-left:65px;}.pl70{padding-left:70px;}.pl75{padding-left:75px;}.pl80{padding-left:80px;}.pl85{padding-left:85px;}.pl90{padding-left:90px;}.pl95{padding-left:95px;}.pl100{padding-left:100px;}

.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px;}.pb30{padding-bottom:30px;}.pb35{padding-bottom:35px;}.pb40{padding-bottom:40px;}.pb45{padding-bottom:45px;}.pb50{padding-bottom:50px;}.pb55{padding-bottom:55px;}.pb60{padding-bottom:60px;}.pb65{padding-bottom:65px;}.pb70{padding-bottom:70px;}.pb75{padding-bottom:75px;}.pb80{padding-bottom:80px;}.pb85{padding-bottom:85px;}.pb90{padding-bottom:90px;}.pb95{padding-bottom:95px;}.pb100{padding-bottom:100px;}

.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt25{padding-top:25px;}.pt30{padding-top:30px;}.pt35{padding-top:35px;}.pt40{padding-top:40px;}.pt45{padding-top:45px;}.pt50{padding-top:50px;}.pt55{padding-top:55px;}.pt60{padding-top:60px;}.pt65{padding-top:65px;}.pt70{padding-top:70px;}.pt75{padding-top:75px;}.pt80{padding-top:80px;}.pt85{padding-top:85px;}.pt90{padding-top:90px;}.pt95{padding-top:95px;}.pt100{padding-top:100px;}

.mauto{margin:0 auto;}

.op08{opacity:0.8;}

.none{display:none;}


/* コンタクトフォーム
------------------------------------------------------------*/
.contacttable{width:100%;}

input[type="text"], textarea,input[type="email"],input[type="tel"]{
    vertical-align: middle;
    max-width: 100%;
    line-height: 30px;
    height: 30px;
    padding: 1px 5px;
    border: 1px solid var(--main_color);
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    font-size: 100%;
    color: #555;
    background: #fff;
    width: 50%;
    box-sizing: border-box;
    /*transition: all 1s ease 0s;*/
}

/* input[type="text"]:focus, textarea,input[type="email"]:focus,input[type="tel"]:focus{
width:100%;
} */

textarea{
height:auto;
line-height:1.8em;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:4px 10px;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
cursor:pointer;
}

.submitbox input[type="submit"]{
padding: 12px 10px;
width: 100%;
background: #eeeeee;
border: none;
font-size: 14px;
font-weight: bold;
border-radius: 5px;
}

.submitbox input[type="submit"]:hover{
opacity:0.8;
}

.submitbox{
width:50%;
margin:0 auto;
}

input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"] {
width: 50%;
box-sizing: border-box;
padding: 3px 5px;
border: 1px solid #d4d4d7;
font-size: 100%;
color: #555;
border-radius: 3px;
-webkit-border-radius: 3px;
background: #fcfcfc;
box-shadow: #cccccc 0px 0px 1px 0px inset;
}

input[type="text"].postno{
width:70px
}

input[type="text"]:focus.postno{
width:70px;
}

/* 会社概要
------------------------------------------------------------*/
.post table.companytable{
width:100%;
margin:0 0 40px;
}

.companyphoto{
width:100%;
vertical-align: bottom;
}

/* 企業理念
------------------------------------------------------------*/
#wrapper #content .about_us h2{
text-align:center;
margin:80px 0 40px 0;
}

#wrapper #content .about_us h3{
text-align:center;
margin:80px 0 40px 0;
}

.value_box{
position: relative;
}

.value_inner{
width: 100%;
margin-bottom: 100%;
}

.value_content{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #cccccc;
border-radius:100%;
padding:30px;
}

#wrapper #content .about_us .value_content p{
line-height:35px;
}

#wrapper #content .about_us h4{
text-align: center;
background: #cccccc;
font-size: 72px;
margin: 40px 0 20px 0;
font-weight: bold;
height: initial;
border-bottom: 0;
padding: 0;
line-height: 72px;
}

#wrapper #content .about_us p{
text-align:center;
margin:0 0 40px 0;
}


/* サイトマップ
------------------------------------------------------------*/
#content .sitemaplist{
	border-bottom: 1px solid #cccccc;
}

#content .sitemaplist ul{
	margin: 0;
}

#content .sitemaplist ul li{
	background: none;
	padding-left: 0;
}

#content .sitemaplist ul li a{
	padding: 10px 0;
	display: block;
	border-top: 1px solid #cccccc;
}

#content .sitemaplist ul li a:hover{
	background:#f3f3f3;
}

#content .sitemaplist ul li ul li a{
	margin-left: 25%;
}

#content .sitemaplist ul li ul li ul li a{
	margin-left: 50%;
}

#content .sitemaplist ul li ul li ul li ul li a{
	margin-left: 75%;
}

/* レイアウト
------------------------------------------------------------*/
.haba{
margin:0 auto;
/*width:1000px;*/
}
.haba ul{
/*     float: right; */
    width: 35%;
}

.menubox ul{
    float: none;
    width: 100;
}

#wrapper{
margin: 0 auto;
width: 100%;
padding: 12px 16px 0 16px;
box-sizing: border-box;
overflow:hidden;
}

header{
position: relative;
background:none;
overflow:hidden;
}

#content section{
margin-bottom:28px;
}

#content{
float:right;
width:84%;
padding:3px 0 50px;
margin-bottom:100px;
}

article.content{width:100%;}

#content section{width:100%;}

/* 見出し変更箇所*/
.title{
/*border-bottom:1px #ccc solid;border-top:1px #ccc solid;padding-left:0px;*/
background:var(--main_color);
}

.title span{
border-left:none!important;
color:#fff;
}

#content h3.title{
    font-size: min(6vw, 24px);
    line-height: 1.75rem;
    margin: 0px 0 10px;
    padding: 0.8rem 1rem;
    /* overflow: hidden;*/
    color: #ffffff;
}

#content h3 {
  font-size: 24px;
  margin: 5px 0 0px;
}

#content section.single .mainSentence p {
	line-height: 1.8;
/* 	margin: 10px 0 20px; */
}

#content h1{
    font-size: 24px;
    line-height: 1.5;
    margin: 0px 0 10px;
    padding: 7px 0 5px 18px;
    overflow: hidden;
    color: #ffffff;
}

#content .post .top_title{
	border-bottom:1px #ccc solid;
	border-top:1px #ccc solid;
	padding-left:0px;
	font-size: 24px;
	line-height: 2;
	margin: 0em 0 1em 0px;
}

#content .top_title span{
	border-left:4px orange solid;
	padding-left:15px;
}

#sidebar{
	float:left;
	width: calc(16% - 16px);
	padding:0px 0px 50px 0;
	box-sizing: border-box;
	overflow: hidden;
	min-width:286px;
}

#sidebar strong{font-weight:bold;}
#sidebar section{
	width:100%;
	display: block;
}
#kaisyaside{
	border:1px solid #ddd;
	padding:8px 8px 5px 15px;
	display:block;
	margin-bottom:14px;
	background:#fff;
}

#footer{
	clear:both;
	background:#fff;
    background: var(--main_color);
	position: relative;
} 

.footer_right{
	float:right;
}


/* ヘッダー
*****************************************************/
.headerbox{
	padding:0 16px;
}

.menubox{
	float:left;
    width: calc(100% - 726px);
}

.menubox ul{
    float: left;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

.menubox ul li{
    float: left;
	font-size: 13px;
    line-height: 1.7;
	padding: 28px 2.5% 0;
}

.menubox ul li a{
	color:#3e3e3e;
	transition: color .2s ease-in-out;
}

.menubox ul li a:hover{
	color: var(--main_color);
}

.menubox2{
	width:100%;
}

.headerbox .menubox2 ul{
	width:100%;
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(min(45%,350px),1fr));
	gap:8px;
}

.menubox2 ul li a{
/*     width: calc(50% - 8px); */
    display: block;
/* 	float:left; */
	color: #ffffff;
    text-align: center;
    background: var(--main_color);
    border-radius: 20px;
	padding: 2px 0;
	transition: .2s ease-in-out;
}

.menubox2 ul li a:hover{
	opacity:0.8;
}

/* .menubox2 ul li:last-child a{
	float:right;
} */

.header2_top form{
/* 	float:left; */
	position:relative;
}

.header2_top .carthe{
    border-radius: 5px;
    background: var(--main_color);
    transition: .2s ease-in-out;
    text-align: center;
    width: 120px;
    height: 27px;
    display: block;
    color: #ffffff;
    float: right;
    margin-top: 19px;
    padding-top: 8px;
    font-size: 12px;
}

.header2_top .carthe i{
	margin-right: 5px;
}

.header2_top input[type="submit"]{
    position: absolute;
    right: 13px;
    translate: 0% -50%;
    top: 65%;
	padding:0;
/*     bottom: 0; */
/*     background: url(https://materialpedia.net/blog/wp-content/themes/theme_amanokikaku4/images/serch.jpg) no-repeat; */
/* 	background: url(images/serch.jpg) no-repeat; */
	background:var(--main_color);
	mask: url(images/serch.png) center/contain no-repeat;
	-webkit-mask: url(images/serch.png) center/contain no-repeat;
    text-indent: -9999px;
    border: 0;
    width: 20px;
    height: auto;
    aspect-ratio: 1;
}
::-ms-clear {display: none;}
/* サイト説明文
----------------------------------*/
header h1,header p{
font-size:12px;
font-weight:normal;
padding: 6px 0 5px 10px;
color:#fff;
float:left;
}

.topline{
background:#3e3e3e;
overflow: hidden;
}

#storenav{
float:right;
}

#storenav li{
float:left;
margin-right: 10px;
padding: 4px 0;
}

#storenav li a{
font-size: 12px;
padding: 7px 0px 7px;
padding-right:1em;
transition: color .2s ease-in-out;
letter-spacing: 0.1em;
}

#storenav li a i{
margin-right: 5px;
}


#storenav li:nth-child(5) {
margin-right:10px;
}

#storenav li:nth-child(6){
padding-left:20px;
border-left:3px double #fff;
}
#storenav li a:hover{
    color: var(--main_color);
}

#storenav li a{
color:#fff;
}

#storenav2{
float:right;
}
#storenav2 ul{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-right: 10px;
}
#storenav2 li{
/* float:left;
margin-right: 10px;
padding: 4px 0; */
}

#storenav2 li a{
font-size: 12px;
padding: 7px 0px 7px;
padding-right:1em;
transition: color .2s ease-in-out;
letter-spacing: 0.1em;
	& .hpro-icon{
        width: 11px;
        height: auto;
        aspect-ratio: 1;
        position: relative;
        top: -0.06rem;
	}
}
#storenav2 li a:has(> svg){
    display: flex;
    align-items: center;
    gap: 0.45rem;
}
#storenav2 li a i{
margin-right: 5px;
}
#storenav2 li:nth-child(5) {
margin-right:10px;
}

#storenav2 li:nth-child(6){
padding-left:20px;
border-left:3px double #fff;
}
#storenav2 li a:hover{
    color: var(--main_color);
	& .hpro-icon{
		fill:var(--main_color);
	}
}

#storenav2 li a{
color:#fff;
}


/* ロゴ (サイトタイトル)
----------------------------------*/
header h2{
	float:left;
    font-size: 2em;
    margin: 0.67em 0;
}

header h2 a{
/*     font-family: mplus; */
/*     color: #333333; */
/*     font-size: 38px; */
/*     text-align: center; */
    display: block;
    line-height: 1;
/*     background: url(/html/template/default/images/logo.png) no-repeat;
    background-size: cover;
    overflow: hidden; */
	width:320px;
/* 	text-indent:-9999px; */
	& img{
		width:100%;
		height:auto;
	}
}

header h3 a{
    text-align: center;
    display: block;
    font-size: 10px;
}

header h3 a span{
 letter-spacing: 32px;

}

.site-logo a img{float:left; margin:0px 0 30px 30px;}
.site-logo{text-align:center;}
.footlogo{float:left;width:23%;margin-right:2%;}

/* コンタクト
----------------------------------*/
.contact{
float:right;
text-align:right;
color:#333;
font-size:90%;
margin-top:-27px;
width:278px;
padding: 27px 14px 5px;
}
.contact img{display:block;}
.header_tel{float:left;}
.header_mail{float:right;}

.contact .tel{
margin-bottom:-3px;
font-size:180%;
font-family:Arial, Helvetica, sans-serif;
}
.contact .header_tel a img{cursor:default;}

.contact .header_tel a img:hover{filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.header2{float:right;margin-top:0px;}

.header2_top{
/* width:406px; */
/* margin-bottom:9px; */
text-align:right;
/*  float:left; */
}

.header2_bottom{float:left;}
.header2_bottom a{float:left;margin-right:12px;}
.header3{float:left;margin-left:20px;width:250px;padding-top:40px;}
.header3 a{margin-right:15px;padding-left:23px;font-size:14px;}


/* メインメニュー
------------------------------------------------------------*/
nav#mainNav{
clear:both;
position:relative;
z-index:200;
width:100%;
box-shadow:none;
}

nav#mainNav .inner{
padding-left:1px;
border-left:1px solid #BBDEFB;
}

nav#mainNav ul li{
    float: left;
    position: relative;
    width: 50%;
    font-size: 12px;
}

nav#mainNav ul li:last-child{border-right:0px solid #666;}
nav#mainNav ul li:first-child{border-left:0px solid #666;}

nav#mainNav ul li a{
display: block;
text-align: center;
_float:left;
color:var(--main_color);
height:35px;
line-height:40px;
font-size:110%;
margin-right:0px;
}

nav#mainNav ul li a span,nav#mainNav ul li a strong{
display:block;
font-size:90%;
line-height:1.8;
}

nav#mainNav ul li a span{
font-size:70%;
font-weight:normal;
color: #fff;
}

nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover span, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-parent a{
color: #fff;
}

nav#mainNav ul ul{
width:auto;
border-top:0;
}

nav#mainNav ul li ul{display: none;}

nav#mainNav ul li:hover ul{
display: block;
position: absolute;
top:45px;
left:-1px;
z-index:500;
}

nav#mainNav ul li li{
margin:0;
float: none;
height:40px;
line-height:40px;
width:auto;
background:#6d061a;
border-bottom:1px solid #ccc;
padding-left:0px;
color: #fff;
}

nav#mainNav ul li li:last-child{border:0;border-radius:0px 0px 4px 4px;}
nav#mainNav ul li li:last-child a{border:0;border-radius:0px 0px 4px 4px;}
nav#mainNav ul li li{border-right:0px;border-left:0px;}

nav#mainNav ul li li a{
width:auto;
height:40px;
padding:0 20px 0 20px;
line-height:40px;
font-size:95%;
text-align:left;
color: #fff;
}

nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover{color:#fff;
background:#6a6b5e;}


/* ■■トップメインイメージ■■　*/
#main_img{
line-height:0;
text-align:center;
/* 変更箇所 */
background:url(https://matsui-satoshi.com/wp-content/uploads/2015/06/top1.jpg) center top no-repeat;
height:323px;
width:100%;
}

.post{
margin:0 0 20px 0;
/* ボーダー色変更　*/
border-top:0px solid #ccc;
background: #fff;
}

.toppage h4{
margin:0 0 10px;
font-size:16px;
font-weight:normal;
color:#2c2b25;
}

.toppage{padding:10px 10px 20px 20px;}
.title_hyouji{    height: 56px;
    line-height: 160%;
    font-size: 12px;
    display: block;
clear:both;}


/* 記事ループ
*****************************************************/
.list{
padding:10px 0;
border-bottom:1px dashed #dcdcdc;
}

.list:last-child{border:0;}

.post .list p{padding:0;}

.list span{padding-left:10px;}


/* タイポグラフィ
*****************************************************/
#content h1.margin{margin-bottom:0px;}

.timeno{
	text-align:right;
	font-weight:bold;
	color:#CACACA;
	font-size:14px;
/* 	height:28px;
	line-height:28px; */
	padding-bottom:0px!important;
/* 	float: right; */
	width:100%;
	float: none;
	margin: 1rem 0;
	line-height: 1;
	height: auto;
}
.pankuzu{font-size:80%;margin-bottom:4px;color:#666;margin-top:8px;}

.post p{

line-height:1.7;

}
#indent_nasi p{text-indent:0px;}

.post ul{margin: 14px 0 10px 20px;}

.post ul li{
margin-bottom:0px;
padding-left:15px;
background:url(images/bullet.png) no-repeat 0 8px;
}

.post ol{margin: 14px 0 10px 30px;padding-left:20px;}

.post ol li{list-style:decimal;
margin-bottom: 0px;
}

.post h3{
margin:10px 0;
font-size:130%;
font-weight:normal;
color:#2c2b25;
border-bottom:3px dotted #d6cfbf;
}

.post h4{
margin:18px 0 10px;
font-size:110%;
font-weight:normal;
color:#333;
background:#f3f3f3;
padding:3px 3px 3px 10px;
border-bottom:1px solid #ccc;
line-height:28px;
height:28px;
}

.post blockquote {
clear:both;
padding:14px 14px 14px 14px;
margin:10px 0 25px 0px;
}
 #sidebar img{width:100%;}
.post blockquote p{width:93%;float:right;}

.post dt{font-weight:bold;}

.post dd{padding-bottom:10px;}
.hyakupa{width:100%}
.post .arcimgbox img{max-width:initial;height:auto; width:100%;}

img.aligncenter {
display: block;
margin:5px auto;
}

img.alignright, img.alignleft{
margin: 10px 0px 15px 15px;
display:inline;
}

img.alignleft{margin:10px 15px 15px 0px;}

.alignright{float:right;}
.alignleft{float:left;}

#gallery-1 img{
border:1px solid #eaeaea !important;
padding:5px;
background:#fff;
}

#gallery-1 img:hover{background:#fffaef;}
.size-medium{width:40%;}


/* サイドバーのウィジェットCSS*/
section.widget ul, #calendar_wrap, .textwidget{
margin:0 0 20px 0;

	
/* 変更箇所*/
border:0px solid #ccc;
background: none;
}

.widget_search{
margin:0 0 20px 0;
padding:0px 0px 0px 0px;
border:0px solid #d6cfbf;
background: none;
}
section.widget ul ul{
border:0;
margin:0;
padding:0 0 0 10px;
}
section.widget .list-side-sub{
	display:none;
	border-bottom:1px dashed #3e3e3e;
/* 	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease; */
	& > li{
/* 		& a{
			opacity: 0;
			transform: translateY(10px);
			transition: opacity 0.3s ease, transform 0.3s ease;
		} */
		&:last-of-type > a{
			border-bottom:none;
		}
	}
}
/* section.widget .list-side > li:hover .list-side-sub{
	max-height: 100%;
	border-bottom:1px dashed #3e3e3e;
	& > li{
		& a{
			opacity: 1;
		}
		&:last-of-type > a{
			border-bottom:none;
		}
	}
} */

p.banner{padding-bottom:15px;}

p.banner img{
max-width:233px;
height:auto;
}

p.banner img:hover{
cursor:pointer;
}
section.widget h3 {
	clear: both;
    font-size: 16px;
    font-weight: bold;
    border-bottom: double 3px var(--main_color);
    margin: 0;
    padding-bottom: 4px;
    color: var(--main_color);
}

section.widget h3:before{
	content: "●";
    margin-right: 2px;
}

section.widget h3 span {
    font-weight: bold;
}

section.widget li a, .yaji{
    display: block;
    padding: 7px 0 7px 24px;
    /* background: url(https://materialpedia.net/user_data/img/migi.png) no-repeat 4px 16px; */
    border-bottom: 1px dashed #3e3e3e;
    width:100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 2;
    color: #3e3e3e;
	box-sizing: border-box;
    transition: color .2s ease-in-out;
	position:relative;
	&::before{
		content:"";
		display:block;
		position:absolute;
		translate:0% -50%;
		left:0.2rem;
		top:50%;
		background: var(--main_color);
		mask: url(images/migi.png) center/contain no-repeat;
    	-wenkit-mask: url(images/migi.png) center/contain no-repeat;
		width:10px;
		height:auto;
		aspect-ratio:1;
	}
}

section.widget li a:hover{
	color:var(--main_color);
    padding: 7px 0 7px 26px;
	/* background:url(https://materialpedia.net/user_data/img/migi.png) no-repeat 6px 16px; */
	&::before{
		left:0.3rem;
	}
}

section.widget li li a, .yaji{
display:block;
padding:7px 0 7px 20px;
/* background:url(images/arrow.gif) no-repeat 8px 14px; */
border-bottom:1px dashed #d6cfbf;
}

#topimgmain{width:1200px;margin:0px auto;}
#sintyakum{margin-bottom:28px;}

section.widget li li a:hover {
/* background:url(images/arrow.gif) no-repeat 8px 14px; */
border-bottom:1px dashed #d6cfbf;
}

#searchform input[type="text"]{
line-height:1.7;
height:36px;
width:260px;
vertical-align:bottom;
background-color:#fff;
padding: 0 15px;
margin-left: 3px;
margin-top:19px;
font-size: 13px;
}

#searchform input[type="text"]:focus {
background:none;
outline: 0;
}

/* カレンダー */
#calendar_wrap table{margin:0 auto;width:90%;}
#calendar_wrap table caption{padding:10px 0;text-align:center;font-weight:bold;}
#calendar_wrap table th, #calendar_wrap table td{padding:3px;text-align:center;}
#calendar_wrap table th:nth-child(6),#calendar_wrap table td:nth-child(6){color:#0034af;}
#calendar_wrap table th:nth-child(7),#calendar_wrap table td:nth-child(7){color:#950000;}
#calendar_wrap table td#prev{text-align:left;}
#calendar_wrap table td#next{text-align:right;}
#calendar_wrap a{font-weight:bold;}


/* お知らせ　
-------------*/
.newsTitle{
clear:both;
margin:0;
padding:7px 10px 7px 10px;
font-size:110%;
border:1px solid #d6cfbf;
border-bottom:0;
color:#2c2b25;
background:#fff url(images/headingBg.png) repeat-x 0 100%;
}

.newsTitle h3{
float:left;
font-weight:normal;
}

.newsTitle p{
float:right;
padding:0 0 0 10px;
font-size:80%;
background:url(images/arrow.gif) no-repeat 0 5px;
}

/* .news p{
clear:both;
padding-bottom:2px;
border-bottom:1px dashed #d6cfbf;
}
.news p:last-child{border:0;} 
.news p a{
display:block;
padding:5px 0;
color:#2c2b25;
font-style:italic;
font:italic 110% "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.news a span{
color:#515151;
font:normal 90% Arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

.news span{padding-left:10px;}

.news a:hover span{color:#6f6f6f;}*/

.textoverflow {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.post.arcsec{
    width: 19.2%;
    float: left;
    margin-right: 1%;
    margin-bottom: 16px;
    box-sizing: border-box;
	background: #eeeeee;
    padding: 15px;
    transition: .2s ease-in-out;
}
.post.arcsec:hover{
    background: #eaf4f5;
}
.arcsec:nth-child(5n){
margin-right:0px;
}

#newitem,#media,#event,#news{
font-size: 10px;
    padding: 0px 8px;
    display: inline;
    border-radius: 3px;
    color: #fff;
	float:left;
}

#newitem{
    background:#9e3d3d;
}

#media{
    background:#683d9e;
}

#event{
    background:#3d429e;
}

#news{
    background:#3d9e48;
}

.related-entry-content #newitem,.related-entry-content #media,.related-entry-content #event,.related-entry-content #news,.related-entry-content #diy,.related-entry-content #information,.related-entry-content #case{
margin-left:0px;
}


/* フッター
*****************************************************/
#footertel{
	background:#fff;
	border:4px solid orange;border-radius:15px;
	margin-top:28px;
}

#footer ul{
	padding:0 0 20px;
	text-align: left;
	width:100%;
	float: left;
}

#footer ul:last-child{
	margin-right:0;
}

#footer #footCategory li,#footer #footShopping li,#footer #footInformation li{
    float: left;
    width: calc(50% - 8px);
    border-bottom: 1px solid #fff;
    font-size: 14px;
	transition: .2s ease-in-out;
}

#footer #footCategory li:hover,#footer #footShopping li:hover,#footer #footInformation li:hover{
	background:#ffffff;
}

#footer #footCategory li a,#footer #footShopping li a,#footer #footInformation li a{
	transition: .2s ease-in-out;
}

#footer #footCategory li:hover a,#footer #footShopping li:hover a,#footer #footInformation li:hover a{
	color:var(--main_color);
	padding: 10px 0 5px 2px;
}

#footer #category li:before,#footer #footShopping li:before,#footer #footInformation li:before {
    content: "●";
    margin-right: 5px;
    margin-left: 3px;
	margin-top:8px;
    font-size: 5px;
    color: #fff;
    float: left;
    line-height: 25px;
	transition: .2s ease-in-out;
}

#footer #footCategory li:hover:before,#footer #footShopping li:hover:before,#footer #footInformation li:hover:before {
	color:var(--main_color);
    margin-left: 5px;
}

#footer #footCategory li:nth-child(odd){
	float:left;
}

#footer #footCategory li:nth-child(even){
	float:right;
}

#footer #footShopping li {
    float: left;
    width: calc(50% - 8px);
    border-bottom: 1px solid #fff;
    font-size: 14px;
}

#footer #footShopping li:nth-child(odd){
	float:left;
}

#footer #footShopping li:nth-child(even){
	float:right;
}

#footer #footInformation li {
    float: left;
    width: calc(50% - 8px);
    border-bottom: 1px solid #fff;
    font-size: 14px;
}

#footer #footInformation li:nth-child(odd){
	float:left;
}

#footer #footInformation li:nth-child(even){
	float:right;
}

#footer #footCategory li:nth-child(4n),#footer #footShopping li:nth-child(3n),#footer #footInformation li:nth-child(2n) {
    margin-right: 0%;
}

#footCategory,#footShopping{
	overflow:hidden;
	width:calc((100% - 33px) / 3);
	float:left;
	margin-right:16px;
}

#footInformation{
	overflow:hidden;
	width:calc((100% - 32px) / 3);
	float:right;
}

#footCategory h4,#footShopping h4,#footInformation h4{
	font-weight: bold;
    color: #fff;
    font-size: 22px;
    border-bottom: 1px dashed;
}

*:first-child+html #footer li{
	display:inline;
}

.tagcloud a:visited {
    color: #3e3e3e;
}

#footer li a{
	text-decoration:none;
	color:#fff;
	padding:10px 0 5px;
	display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#footer li a:visited{
	color:#fff;
}

#footer li a:hover{
	color:#ff187a;
}

#footer ul ul{
	display:none;
}

#copyright{
	clear:both;
	padding:10px 0 10px;
	text-align:center;
    color: #fff;
    font-size: 10px;
    background: #3e3e3e;
}

#copyright img{
	margin:20px 0 15px;
}

.follow{
	font-weight:bold;
	color:#fff;
	margin-bottom:10px;
	font-size:18px;
}

.linkbanner{
	width:420px;
	margin: 20px auto 0px;
}

.linkbanner a:hover{
	opacity:0.8;
}

.footersns a:hover{
	opacity:0.8;
}

.toTop{
    text-align: center;
    height: 52px;
    position: absolute;
    top: -52px;
    left: 0;
    right: 0;
}


.footHidden{
	overflow:hidden;
	margin:0 16px 20px;
}


/* page navigation
------------------------------------------------------------*/
.pagenav{
	clear:both;
	width: 100%;
	height: 30px;
	margin: 20px 0;
}

.prev{
	float:left
}

.next{
	float:right;
}

#content .prev a,#content .next a{
	color: #3e3e3e;
    transition: color .2s ease-in-out;
}

#content .prev a:hover,#content .next a:hover{
	color: var(--main_color);
}

#pageLinks{
	clear:both;
	color:#4f4d4d;
	text-align:center;
}

.pagination {
	clear:both;
	padding:20px 0;
	position:relative;
	font-size:11px;
	line-height:13px;
}
 
.pagination span, .pagination a {
	font-size:150%;
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:12px;
	text-decoration:none;
	width:auto;
	color:#fff;
	background: #555;
}
 
.pagination a:hover{
	color:#fff;
	background: #3279BB;
}
 
.pagination .current{
	padding:12px 12px 12px 12px;
	background: #3279BB;
	color:#fff;
	font-size:150%;
}

.related-entry-thumb{
	float:left;
	width:25%;
	margin-bottom:16px;
}

.related-entry-thumb img{
	width:100%;
	height:auto;
}

.related-entry-content{
	float:right;
	width:70%;
	margin-bottom: 16px;
}

.related-entry-content h4{
	font-size:14px;
	font-weight:bold;
	line-height:150%;
	color: #333;
    word-wrap: break-word;
    white-space: normal;
    display: block;
	transition: color .2s ease-in-out;
	clear:both;
}

.related-entry:hover h4{
	color:var(--main_color);
}

.related-entry{
	display:block;
	clear:both;
	overflow:auto;
	position: relative;
	padding-top:16px;
	border-bottom: 1px solid #ccc;
	transition:.2s ease-in-out;
}

.related-entry:hover{
    background: #eaf4f5;
}

.related-entry-read{
	float:none;
	padding:1% 2%;
	background:var(--main_color);
	text-align:center;
	border-radius:5px;
	font-size:100%;
	color: #fff;
	margin-bottom:10px;
}

.related-entry-snippet{
	margin-bottom:5px;
	color: #333;
	display:none;
    word-break: break-all;
}

.related-entry-snippet:after{
	content:"…";
}

.mainSentence{
	word-break: break-all;
/*     margin-top: 1.3rem; */
}
* + .mainSentence{
	margin-top: 1.3rem;
}


/* トップページ 最新記事4件
------------------------------------------------------------*/
ul.post{
	padding:0;
}

ul.post li{
	margin:0 10px;
	padding:20px 0 15px;
	border-bottom:1px dashed #d6cfbf;
}

ul.post li:last-child{border:0;}

ul.post img{
	float:left;
	margin:0 15px 5px 10px;
}

ul.post h3{
	margin:0 0 10px 10px;
	font-size:14px;
	font-weight:normal;
	color:#2c2b25;
	border:0;
}

#sintyaku{margin:4px 0px 20px 0px;overflow:auto;padding-left:20px;}
#kategorimei{
	float:left;
	width:100px;
	height:16px;
	padding:2px 0px 3px 0px;
	border:0px solid #ccc;
	text-align:center;
	margin:1px 10px auto 10px;
	font-size:12px;
	background:#666;
	border-radius:5px;
	color:#fff;
}

#content a .content3_1,#content a .content3_2,#content a .content3_3{color:#333;}
#content a .content3_1:hover,#content a .content3_2:hover,#content a .content3_3:hover{color:red;}
#kategorimei.tel_cat{background:#ecbe00;}
#kategorimei.kyouka_cat{background:#758c77;}
#kategorimei.jinken_cat{background:#6a6b5e;}
#kategorimei.syomu_cat{background:#a13b55;}
#kategorimei.baika_cat{background:#2c2b25;}
#kategorimei.news_cat{background:#d6cfbf;}
#newskiji{margin-left:0px;}
#newskiji a{color:#333;}
#newskiji a:hover{color:red;}
#newskiji li{clear:both;margin-bottom:6px;height:25px;border-bottom:1px dashed #d6cfbf;padding-top:3px;list-style-type:none;background:none;padding-left:0px;  padding-bottom: 10px;}
#oshirase .posts {clear:both;overflow:auto;}
#oshirase h3{
	margin-top:25px;
	font-size:140%;
	line-height: 150%;
	color: #333;
}
#oshirase a .posts{padding:28px;border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;}
#oshirase{border-bottom:1px solid #ddd;}
/*Pagenation*/
.pagenation {
    margin: 1em 0;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 200ms;
    transition-property: all;
    transition-timing-function: ease;
}
/* common setting */
.popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: #fff;
    overflow: hidden;
    z-index: 101;
}
.popup_inner {
    padding: 20px;
}
#overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.7;
    z-index: 100;
}

/* individual setting */
#popup1 {
    width: 600px;
}
#mep_0{margin-bottom:20px;margin-top:20px;}

.point {
  color: #fff;
  background: #ccc;
  margin: 28px 0;
  clear: both;
display:block;
border-radius:4px;
}
.str{
  font-weight:bold;
  font-size:13pt;
}
.clr{ 
 clear:both;
}
.rip{
 float:right; 
 width:400px;
display:block;
}

.background_main{
  background: none;
}
/*.background_main li a:hover{background:var(--main_color);}*/
.background_main li ul li a{background:var(--main_color);}

nav#mainNav ul li a.pageOn{
    color: var(--main_color);
    border-top: 1px solid;
    border-radius: 10px 10px 0 0;
    border-left: 1px solid;
    border-right: 1px solid;
}
nav#mainNav ul li a.pageOn2{
background:var(--main_color); 
color:#fff;
font-weight:bold;
    border-radius: 10px 10px 0 0;
}

nav#mainNav ul li a.pageOff{
background:#fff; 
color:var(--main_color);
}
nav#mainNav ul li a.pageOff2{
background:#3e3e3e; 
color:var(--main_color);
}

nav#mainNav ul li:hover a.pageOff{
background:var(--main_color);
 opacity:0.5;
color:#fff;
    border-radius: 10px 10px 0 0;
}

.post h2 {
    margin: 38px 0 18px;
    font-weight: bold;
    padding: 8px 3%;
    font-size: 18px;
    line-height: 1.6;
    color: #333;
    background-color: #F3F3F3;
    border-radius: 5px;
}
#content .post h3 {
    border-bottom: 0px;
    font-size: 13px;
    color: #333;
    margin-top:0px;
    padding:6px 0px 0;
}

#content .post.arcsec h3{
	clear:both;
    border-bottom: 0px;
    font-size: 14px;
    color: #333;
    margin: 8px 0;
    font-weight: bold;
    padding: 0;
	transition: color .2s ease-in-out;
}

#content .post.arcsec:hover h3{
	color:var(--main_color);
}

.topcate,p.arcdate{
	float:left;
	font-size:10px;
}

p.arcdate{
	float:right;
	font-size: 14px;
    line-height: 17px;
    color: #999999;
}

#sidebar .tostore {
    display: block;
    text-align: center;
    font-size: 12pt;
    font-weight: bold;
    background: var(--main_color);
    color: #fff;
    padding: 5px 0;
    margin-bottom: 20px;
    border-radius: 6px;
}
#sidebar .tostore:hover {
opacity:0.8;
}
#sidebar .tostore img{
width:24px;
height:24px;
margin-right:10px;
    vertical-align: middle;
}

.sidelink{
    display: block;
    padding: 5px 10px;
    background: var(--main_color);
    border-radius: 5px;
    margin-bottom: 20px;
    color: #fff;
}

.sidelink:hover{
    background: #dc68b2;
    color: #fff;
}

.sidelink:visited{
    color: #fff;
}

.post table{
border: 1px #ccc solid;
margin:28px 0 28px;
}

.post table th{
padding:10px;
border: 1px #ccc solid;
border-width: 0 0 1px 1px;
background:#efefef;
}

.post table td{
padding:10px;
border: 1px #ccc solid;
border-width: 0 0 1px 1px;
background:#fff;
}

.link_btn{margin-top:14px;width:94%;padding:2% 3% 1%;height:26px;text-align:center;display:block;background:#EDDEB7;color:#fff;font-weight:bold;border-radius:6px;float:right;border-bottom:1px solid #C4AE86;border-top:1px solid  #FFFFEE;color:#333;}
.link_btn:hover{background:#E7E2D7;}
.link_btn:after{content:">>";}
.link_btn:hover:after{content:" >>";}

a{color:#333;}
a:hover{color:#666;}

#pankuzu_area{
	margin-bottom: 7px;
    overflow: hidden;
}

#pageTop{
	position:fixed;
	bottom:20px;
	right:20px;
	}
#pageTop img:hover{
filter: alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:1;

	}
#pageTop img{
filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;}
.post strong{font-weight:bold;}

img#mobileMenu {
  display: none;
}
.post{
	margin: 0;
}
#oshirase .posts:hover{
	background: #eee;
	color: #1976D2;
}
#oshirase .alignleft{
	width: 25%;
	padding-right: 5%;
}

#oshirase .alignright{
	width: 70%;
}
#oshirase .cate,#related-entries .cate{
	display: inline-block;
	padding: 1px 10px;
	background: orange;
	color: #fff;
	border-radius: 3px;
font-size:80%;
}
#oshirase time,.related-entry-content time{
/* 	float: right; */
	font-size:80%;
	color: #333;
}
#pc_main_img{
	display: block;
	margin: 0 auto;
	height: auto;
}
#mobile_main_img{
	display: none;
}
.newred1{
	color:red;
	float:left;
	margin-left:5px;
	margin-right:10px;
}
.newred2{
	color:red;
	float:left;
	margin-left:0px;
	margin-right:8px;
	font-size:9px;
}
.niti{
	float:left;
	height:20px;
	font-size:14px;
}
.timeno time{
	color: #3e3e3e;
}

#newskiji a{
	text-decoration: none;
}

ul#newskiji li a span{
	display: inline-block;
}
span.newsnew{
	color: red;
}
.category_name{

	width:100px;
	height:16px;
	padding:2px 0px 3px 0px;
	border:0px solid #ccc;
	text-align:center;
	margin:1px 10px auto 10px;
	font-size:12px;
	background:#666;
	border-radius:5px;
	color:#fff;
}


/* /////////////////////////////////////////////////////////// */
/* パンくず ここから　////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////// */
ol.breadcrumb li{
	float: left;
	font-size: 13px;
}

ol.breadcrumb li:before{
	content: ">";
	margin:0 5px;
}
ol.breadcrumb li:first-child:before{
	content: none;
}

#pankuzu_area li{
color:#3e3e3e;
}

#pankuzu_area li a{
color:#3e3e3e;
transition: color .2s ease-in-out;
}

#pankuzu_area li a:hover{
color:var(--main_color);
}

#pankuzu_area2 li{
color:#3e3e3e;
}
/* /////////////////////////////////////////////////////////// */
/* パンくず ここまで　////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////// */


/* ブログ */
.arcdate{
    font-size: 14px;
    line-height: 17px;
    color: #999999;
	&.right{
        float: none;
        display: block;
        margin-top: 0.3rem;
        text-align: right;
	}
}
#archiveblog{
	display:grid;
/* 	grid-template-columns:repeat(auto-fill,minmax(min(45%,250px),1fr)); */
	grid-template-columns:repeat(auto-fill,minmax(min(45%,350px),1fr));
	gap:min(4vw,15px);
	& a{
		transition:.2s ease-in-out;
		&:hover{
			opacity:0.7;
		}
	}
}
.posts{
    background: #eeeeee;
    padding: min(2vw,15px);
/* 	& img{
		aspect-ratio:136/89;
		width:100%;
		height:auto;
	} */
}
.leaflets-abox{
	display: block;
    width: 55%;
    margin: 0 auto min(2.5vw, 1rem);
	& img{
        width: 100%;
        height: auto;
        object-fit: contain;
        display: block;
/* 		contain-intrinsic-size:none!important; */
	}
}
a.leaflets-abox{
	position:relative;
	&::before{
        content: "";
        width: min(3.5vw, 20px);
        height: auto;
        aspect-ratio: 1;
        display: block;
        position: absolute;
        bottom: min(3vw, 1.2rem);
        right: min(2.7vw, 1.15rem);
/* 		translate: -50% -50%;
        top: 50%;
        left: 50%; */
		mask:url(images/search.svg) center/contain no-repeat;
		-webkit-mask:url(images/search.svg) center/contain no-repeat;
		background:var(--main_color);
		z-index:1;
	}
	&::after{
        content: "";
        width: min(7vw, 40px);
        height: auto;
        aspect-ratio: 1;
        background: #fff;
        border-radius: 50%;
        position: absolute;
        bottom: min(1vw, 0.5rem);
        right: min(1vw, 0.5rem);
		z-index:0;
		display: block;
        border: 1px solid var(--main_color);
	}
}
.short-movie{
	& a.leaflets-abox{
		width:100%;
		height:auto;
		aspect-ratio: 16 / 9;
		& img{
			aspect-ratio: 16 / 9;
			object-fit:cover;
		}
		&::before{
			 content: "";
/* 			width: min(7vw, 40px); */
			width: min(9vw, 55px);
			height: auto;
			aspect-ratio: 1;
			border-radius: 50%;
			position: absolute;
			translate:-50% -50%;
			background:url(images/play-icon.svg) center/contain no-repeat;
			top: 50%;
			left: 50%;
			z-index:0;
			display: block;
			mask: none;
			-webkit-mask:none;
		}
		&::after{
			display:none;
		}
	}
	& #content .blogbox h3 + p{
		overflow: auto;
		line-clamp: none;
        -webkit-line-clamp: none;
        display: block;	
	}
}
.post-link-about{
    /* text-align: right; */
    display: block;
    margin-top: 0.5rem;
    background: var(--main_color);
    color: #fff;
    border-radius: 1rem;
    padding: min(1.5vw, 0.5rem) min(7vw, 1.8rem) min(1.5vw, 0.5rem) min(3vw, 0.8rem);
    font-size: min(3vw, 12px);
    line-height: 1;
    text-align: center;
    width: min(100%, 125px);
    margin-left: auto;
	position:relative;
	&::after{
        content: "";
        display: block;
        background: #fff;
        clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 80% 50%);
        aspect-ratio: 1;
        width: min(2.5vw, 11px);
        position: absolute;
        transform: translatey(-50%);
        top: 48%;
        right: max(-7vw, 0.55rem);
        margin: 0;
	}
	&:hover{
		color:#fff;
	}
	@media(width < 751px){
    	width: min(100%, 105px);
	}
}

#content .blogbox h3 {
	border-bottom: 0px;
    font-size: min(3.7vw, 16px);
    color: #333;
    margin: 8px 0;
    font-weight: bold;
	& + p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        line-clamp: 3;
        -webkit-line-clamp: 3;
        overflow: hidden;
        font-size: min(3.2vw, 13px);
	}
}

#content h3.top_title{
    clear: both;
    font-size: 16px;
    font-weight: bold;
    border-bottom: double 3px var(--main_color);
    margin: 0;
    padding-bottom: 4px;
    color: var(--main_color);

}

#content h3.top_title:before{
	content: "●";
    margin-right: 2px;
}

#diy,#information,#case{
    font-size:10px;
    padding:0px 8px;
    display: inline;
    border-radius: 3px;
    color: #fff;
	float: left;
}

#diy{
    background:#9e3d3d;
}

#information{
    background:#683d9e;
}
#case{
    background:#3d429e;
}

#news{
    background:#3d9e48;
}

#related-entries{
width:calc(25% - 16px);
float:right;
}

#content section.single{
width:75%;
float:left;
}

.menubox2{display:none;}

#footer .sns-area h2 {
    font-size: 18px;
    line-height: 1.3;
    text-align: center;
    color: #fff;
    letter-spacing: .1em;
    margin-bottom: 13px;
    margin-top: 8px;
    font-weight: bold;
}
#footer .sns-area ul:nth-of-type(1) {
    margin-bottom: 29px;
}
#footer .sns-area ul {
    text-align: center;
}
#footer ul,#footer ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer .sns-area li:not(:last-child) {
    padding-right: 1%;
}
#footer .sns-area ul li {
    display: inline-block;
}
#footer ul li {
    margin: 0;
}
#footer .sns-area ul li a {
    display: block;
    transition: opacity .2s ease-in;
    padding: 0;
}
#footer .sns-area ul li a img {
    width: 44px;
    vertical-align: bottom;
}
#footer .sns-area li:before {
    content: "";
    margin-right:0;
    font-size: 0;
    color: #fff;
    float: none;
    line-height:0;
    transition:0;
}
.hover:hover {
    opacity: .6;
}
#footer .sns-area ul.footerlink li:not(:last-child) {
    padding-right: 10px;
}
#footer .sns-area li:not(:last-child) {
    padding-right: 1%;
}
#footer .sns-area ul.footerlink li a img {
    width: 202px;
}

#footer .sns-area {
    padding: 36px 0;
}

#footer .sns-area, #footer .footer-nav-area {
    position: relative;
}
.footerlink {
    margin-bottom: 2px;
    padding: 0 16px;
}

#footer .sns-area, #footer .footer-nav-area {
    position: relative;
}

#footer .footer-nav-area {
    padding: 0 16px 20px;
    color: #fff;
}

.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 8px;
    padding-right: 8px;
}

#footer .logo_area {
    background: #3e3e3e;
    clear: both;
    padding: 10px 0;
}

#footer .logo_area h1 {
    text-align: center;
    margin: 20px auto 17px;
}

#footer .logo_area h1 a {
    display: block;
/*     height: 86px; */
    margin-bottom: 1.5rem;
}

#footer .logo_area h1 a img {
    width: 297px;
}

#footer .logo_area small {
    color: #fff;
    font-size: 10px;
    line-height: 2;
    letter-spacing: .1em;
    display: block;
    text-align: center;
    font-weight: normal;
}

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {
    content: " ";
    display: table;
}

.clearfix:after, .container:after, .container-fluid:after, .row:after {
    clear: both;
}

#footer .footer-nav-area ul {
    padding: 0 0 20px;
    text-align: left;
    width: 100%;
    float: left;
}

#pagetop a {
    width: 0;
    height: 0;
    border: 55px solid transparent;
    border-bottom: 55px solid var(--main_color);
    position: relative;
    top: -110px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto -110px;
    display: block;
}

#pagetop a::after {
    content: "";
    width: 18px;
    height: 18px;
    border-top: solid #fff 3px;
    border-left: solid #fff 3px;
    position: absolute;
    transform: rotate(45deg);
    top: 35px;
    left: -9px;
    transition: transform .3s ease-in-out;
    display: block;
}

#pagetop a:hover::after {
    transform: translateY(-8px) rotate(45deg);
}


#content section .blog_top_area{
/*     background-image: linear-gradient( -45deg, #e4fafb 25%, #a2e2e7 25%, #a2e2e7 50%, #e4fafb 50%, #e4fafb 75%, #a2e2e7 75%, #a2e2e7 ); */
    background-image: linear-gradient( -45deg, #cff1c3 25%, #9edd86 25%, #9edd86 50%, #cff1c3 50%, #cff1c3 75%, #9edd86 75%, #9edd86 );
	background-size: 8px 8px;
	padding:10px;
    box-sizing: border-box;
}

#content section .blog_top_area .blog_top_area_box{
	background:#ffffff;
	padding:20px;
	position:relative;
	display:flex;
	gap:20px;
	@media(width > 900px){
		& > *{
			&:nth-child(1){
				flex:1;
			}
			&:nth-child(2){
				flex:2;
			}
		}
	}
	@media(width < 901px){
		flex-wrap:wrap;
		gap: 9vw;
		& > *{
			width:100%;
		}
	}
}

.work {
/* 	& .timeno{
		float: none;
		margin: 1rem 0;
		line-height: 1;
		height: auto;
	} */
	& #content section .blog_top_area .blog_top_area_box{
		display:block;
		& > *:not(:last-child){
			margin-bottom: 1em;
		}
		& strong{
			font-weight:bold;
		}
		& a{
			text-decoration:underline;
		}
		& p{
			line-height: 2;
			& + .wp-block-columns{
				margin-top:2rem;
			}
		}
		& img{
			max-width: 100%;
			height: auto;	
		}
		& iframe {
			max-width: 100%;
		}
		& table {
			width: 100%;
			& th, td{
				padding: 0.5em 1em;
				line-height: 1.5;
			}
		}
	}
}

.blog_top_area_right{
	& a{
		display:block;
	}
	display:block;
	& img{
		width:100%;
		height:auto;
	}
}

/* #content section .blog_top_area .blog_top_area_cate a{
	background: var(--main_color);
    float: left;
    padding: 1px 10px 0px;
	border-radius: 6px;
	margin-bottom:10px;
    color: #ffffff;
} */

/*新着情報*/
.archive-other img{
	width:100%;
	height:auto;
	aspect-ratio:55/36;
	object-fit:cover;
}
#content .news{
	& .blog_top_area .blog_top_area_box{
		gap: 20px;
		& > *{
			&:nth-child(1){
				flex:1;
			}
			&:nth-child(2){
				flex:1;
			}
		}
	}
	& .mainSentence{
		& p{
			margin: 10px 0 20px;
			& a{
				color: #3366ff;
			}
		}
		& img{
			width:50%;
		}
		& .wp-block-columns{
			& + .wp-block-columns{
                margin-top: min(8vw, 40px);
			}
			& .wp-block-column{
				& > *:last-child{
					margin-bottom:0;
				}
			}
			@media(width < 781px){
				& h3{
					margin-top:0;
				}
			}
		}
		& ul:has( img){
            display: flex;
            gap: min(4vw, 2rem);
            flex-wrap: wrap;
			& li{
				width:min(100%,150px);
				& img{
					width:100%;
				}
			}
		}
		@media(width < 901px){
			& img{
				width:100%;
			}
		}
	}
}

#content section .blog_top_area .news a{
	background: #3d9e48;
}

#content section .blog_top_area .event a{
	background: #3d429e;
}

#content section .blog_top_area .media a{
	background: #683d9e;
}

#content section .blog_top_area .newitem a{
	background: #9e3d3d;
}

#content section .blog_top_area .case a{
	background: #3d429e;
}

#content section .blog_top_area .diy a{
	background: #9e3d3d;
}

#content section .blog_top_area .information a{
	background: #683d9e;
}

#content section .blog_top_area .blog_top_area_tag{
	clear:both;
	border-top:1px solid #cccccc;
	padding-top:10px;
}

#content section .blog_top_area .blog_top_area_tag ul li a{
	background: #eeeeee;
    float: left;
    border-radius: 6px;
    margin-right: 5px;
    font-size: 12px;
    padding: 2px 10px 1px;
	display:block;
	margin-top:5px;
}

#content section .blog_top_area .blog_top_area_tag ul li a:hover{
	color:#ffffff;
	background:var(--main_color);
	transition:0.2s ease-in-out;
}

.snsbutton_head{
	clear:both;
	border-top:1px solid #cccccc;
	padding-top:10px;
	padding-bottom:3px;
	overflow: hidden;
}

#content section .blog_top_area .timeno{
	width: auto;
	margin-bottom:10px;
}

.twitterbox {
    float: left;
}
	
.facebookbox {
    float: left;
    margin-right: 5px;
    height: 28px;
    overflow: hidden;
}

.fb_iframe_widget{
	height: 20px;
}

.fb_iframe_widget span{
	top: -4px;
}

.line {
    float: left;
    margin-right: 5px;
}

.written{
/* 	color: #bdf2f4; */
	color:var(--main_color);
	position: absolute;
    bottom: 8px;
    right: 10px;
}

.blog_top_area_99{
	color: #999999;
    font-weight: bold;
}

#tag_cloud-2{
	border: 1px solid var(--main_color);
    border-radius: 10px;
	box-sizing: border-box;
}

.tagcloud {
	padding:10px;
}

.tagcloud a{
    color: #3e3e3e;
    transition: 0.2s ease-in-out;
}

.tagcloud a:hover{
	color:var(--main_color);
}

#tag_cloud-2 h3{
	border: 0;
    color: #ffffff;
    border-radius: 10px 10px 0 0;
    background: var(--main_color);
    padding: 2px 0 0 5px;
}

.blog_footer_area{
	margin:50px 0 20px;
}

#content section .blog_footer_area .blog_footer_area_tag{
	clear: both;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 10px 0 15px;
    overflow: hidden;
}

#content section .blog_footer_area .blog_footer_area_tag ul li a:hover {
    color: #ffffff;
    background: var(--main_color);
    transition: 0.2s ease-in-out;
}

#content section .blog_footer_area .blog_footer_area_tag ul li a {
    background: #eeeeee;
    float: left;
    border-radius: 6px;
    margin-right: 5px;
    font-size: 12px;
    padding: 2px 10px 1px;
    display: block;
    margin-top: 5px;
}


/* ***************************テンプレート用*************************** */
#content section.single h2 {
	font-size: 24px;
	line-height: 1;
	margin: 50px 0 20px;
    border-bottom: 3px double;
    padding-bottom: 10px;
}

#content section.single h3 {
    background: #eee;
    padding: 10px 0 10px 15px;
    border-radius: 10px;
    font-weight: normal;
    font-size: 20px;
    margin-bottom: 30px;
    margin-top: 50px;
}

#content section.single h3 span{
	font-weight: bold;
    padding-right: 10px;
    border-right: 3px solid var(--main_color);
    margin-right: 10px;
    font-size: 25px;
}

#content section.single h4{
    font-weight: bold;
    color: var(--main_color);
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 0px;
}

#content section.single h5{
	font-weight:bold;
    margin-top: 20px;
    margin-bottom: 0px;
}

#content section.single .index{
	clear:both;
	width:100%;
	display:block;
    margin:53px 0 20px;
	border:10px solid #d3eff1;
	padding:10px;
	box-sizing:border-box;
	position:relative;
}

#content section.single .index p {
    margin: 0;
    color: var(--main_color);
    background: #d3eff1;
    font-weight: bold;
    font-size: 20px;
    padding: 5px 20px 2px;
    border-radius: 20px 20px 0 0;
    position: absolute;
    top: -43px;
    left: -10px;
}

#content section.single .index ul li{
    border-bottom: #dddddd dashed 1px;
    padding: 5px 0;
}

#content section.single .index ul li:last-child{
    border-bottom:0;
}

#content section.single .index ul li a:hover{
    margin-left: 2px;
    color: var(--main_color);
    transition: 0.2s ease-in-out;
}

#content section.single .index ul li a:before {
    content: "●";
    margin-right: 5px;
    color: var(--main_color);
    font-size: 16px;	
}

#content section.single p.text{
	margin:10px 0;
} 

#content section.single h4 + .text{
	margin:0 0 10px;
}

#content section.single h5 + .text{
	margin:0 0 10px;
}

#content section.single .comment{
	background:#d3eff1;
	position:relative;
	margin:20px 0;
	padding:20px;
}

#content section.single .comment:before{
	content: "";
    width: 20px;
    height: 20px;
    background: var(--main_color);
    position: absolute;
    font-size: 30px;
    top: 0;
    left: 0;
}

#content section.single .comment:after{
	content: "";
    width: 20px;
    height: 20px;
    background: var(--main_color);
    position: absolute;
    font-size: 30px;
    top: 0;
    right: 0;
}

#content section.single .comment p:before{
	content: "";
    width: 20px;
    height: 20px;
    background: var(--main_color);
    position: absolute;
    font-size: 30px;
    bottom: 0;
    left: 0;
}

#content section.single .comment p:after{
	content: "";
    width: 20px;
    height: 20px;
    background: var(--main_color);
    position: absolute;
    font-size: 30px;
    bottom: 0;
    right: 0;
}

#content section.single .comment p{
	margin:0;
}

#content section.single .topic{
	background: #d3eff1;
    border-radius: 20px;
    padding:30px 20px 20px;
    position: relative;
    margin:40px 0 20px;
}

#content section.single .topic h3{
	background: var(--main_color);
    border-radius: 30px;
    position: absolute;
    top: -18px;
    margin: 0 auto;
    color: #fff;
    padding: 3px 20px;
    text-align: center;
    font-size: 18px;
}

#content section.single .topic p{
	margin:0;
}

#content section.single .anchor{
    color: var(--main_color);
}

#content section.single .anchor:hover{
	opacity:0.6;
}

#content section.single .itemization{
	clear:both;
	width:100%;
	display:block;
    overflow: hidden;
    margin: 20px 0;
}

#content section.single .itemization li:before{
    content: "●";
    margin-right: 5px;
    color: var(--main_color);
    font-size: 16px;
}

#content section.single .photo_1{
	clear:both;
	width:100%;
	display:block;
    overflow: hidden;
    margin: 20px 0;
}

#content section.single .photo_1 img{
	width:100%;
	height:auto;
	max-height:500px;
	object-fit: contain;
	background: #f3f3f3;
}

#content section.single .photo_2{
	clear:both;
	width:100%;
	display:block;
    overflow: hidden;
    padding: 20px 0;
}

#content section.single .photo_2 img{
	width:calc(50% - 10px);
	height:auto;
	max-height:500px;
	object-fit: cover;
	margin-right:20px;
	float:left;
}

#content section.single .photo_2 img:last-child{
	margin-right:0;
	float:right;
}

#content section.single .photo_3{
	clear:both;
	width:100%;
	display:block;
    overflow: hidden;
    padding: 20px 0;
}

#content section.single .photo_3 img{
	width:calc((100% - 40px) / 3);
	height:auto;
	max-height:500px;
	object-fit: cover;
	margin-right:20px;
	float:left;
}

#content section.single .photo_3 img:last-child{
	margin-right:0;
	float:right;
}

#content section.single .photo_left{
	clear:both;
	width:100%;
	display:block;
    overflow: hidden;
    padding: 20px 0;
}

#content section.single .photo_left img{
	width:calc(40% - 10px);
	height:auto;
	max-height:500px;
	object-fit: cover;
	margin-right:20px;
	float:left;
}

#content section.single .photo_left p{
	width:calc(60% - 10px);
	float:right;
	margin:0;
}

#content section.single .photo_right{
	clear:both;
	width:100%;
	display:block;
    overflow: hidden;
    padding: 20px 0;
}

#content section.single .photo_right img{
	width:calc(40% - 10px);
	height:auto;
	max-height:500px;
	object-fit: cover;
	margin-left:20px;
	float:right;
}

#content section.single .photo_right p{
	width:calc(60% - 10px);
	float:left;
	margin:0;
}
/* ***********************テンプレート用ここまで*********************** */

/*2025年*/
.single-cate-link{
    display: flex;
    flex-wrap: wrap;
    gap: min(3vw, 1rem);
/*     margin-bottom: 0.4rem; */
    margin-bottom: 1rem;
	& li{
		& a{
			display: block;
            line-height: 1;
            padding: 0.5rem;
            background: var(--main_color);
            color: #fff;
            border-radius: 0.2rem;
            font-size: min(3.5vw, 13px);
		}
	}
}
.info-table{
	border-top:1px solid #ccc;
	& tr{
		border-bottom:1px solid #ccc;
		& th, td{
			padding:min(3.5vw,1rem) min(4vw,1rem);
/* 			line-height:1.75rem; */
		}
		& th{
			width:190px;
		}
		& a{
			text-decoration:underline;
			word-break: break-all;
		}
		& img{
			width:min(100%,230px);
		}
	}
	@media(width <= 750px){
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
		& tr{
			display: flex;
            flex-wrap: wrap;
			& th, td{
				display:block;
				width:100%;
			}
			& th{
				background:#efefef;
				border-bottom:1px solid #ccc;
			}
		}
	}
}
.info-table-list{
	display:flex;
	flex-wrap:wrap;
	& li:not(:last-of-type){
		position:relative;
		&::after{
			content:"、";
			display:inline-block;
		}
	}
}
.pdf-link-btn{
	border-radius:0.35rem;
	color:#fff;
	background:var(--main_color);
    line-height: 1;
    padding: 0.6rem 0.8rem;
    text-align: center;
    width: min(100%, 200px);
    margin: 0.6rem auto 0;
    transition: 0.3s;
	&:hover{
		color:#fff;
		opacity:0.7;
	}
}

/*海外の方へ　フォーム*/
html:has(> body.overseas){
	margin-top:0!important;
}
.overseas{
	margin:0;
	& > section{
		width:100%;
	}
	& header, footer, #wpadminbar{
		display:none!important;
	}
	& p{
		color:#525263;
	}
	& input {
		border-radius: 8px !important;
		box-shadow: 0px 0px 4px 2px #efefef inset;
		border: 0px;
		background: #f6f6f6;
		font-size: 16px;
		height: 40px;
		padding: 6px 12px;
		width: auto;
		line-height: 1.5;
		vertical-align: middle;
		float:right;
		width: 684px;
		&:focus {
			outline: 0;
		}
	}
	& textarea{
		border-radius: 8px !important;
		box-shadow: 0px 0px 4px 2px #efefef inset;
		border: 0px;
		background: #f6f6f6;
		font-size: 16px;
		height: 250px;
		padding: 6px 12px;
		width: auto;
		line-height: 1.5;
		vertical-align: middle;
		float:right;
		width: 684px;
	}
	& i{
		color: #DE5D50;
		font-weight: normal !important;
		margin-left: 1em;
		font-size: 12px;
	}
	& .wpcf7{
		color:#525263;
	}
	& .formtitle{
		float:left;
		margin-top: 10px;
	}
	& .formbox{
		overflow:hidden;
		border-top:dotted #cccccc 1px;
		padding:16px 0;
		position:relative;
	}
	& .last-box{
		border-bottom:dotted #cccccc 1px;
	}
	& .wpcf7-form-control-wrap{
		float:right;
	}
	& .wpcf7-submit{
		color: #fff;
		background: var(--main_color);
/* 		border-color: #4bbdc7; */
		width: 100%;
		border-bottom: 3px solid var(--sub_color);
		border-radius: 10px;
		margin: 20px 0 50px;
		box-shadow: none;
		cursor: pointer;
	}
	& .wpcf7-submit:hover{
/* 		color: #fff;
		background-color: #4bbdc7; */
		border: none;
		margin: 21px 0 50px;
	}
	& .screen-reader-response ul{
		display:none;
	}
	& .wpcf7-not-valid-tip{
		position: absolute;
		color: #DE5D50;
		top: 48px;
		left: 0;
		font-size: 12px;
	}
}

@media screen and (max-width: 774px){
	.overseas form{
		& form{
			font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		}
		& .formbox .wpcf7-form-control-wrap{
			width:100%;
		}
		& .formbox input,.formbox textarea{
			width:100%;
		}
		& .formbox .wpcf7-not-valid-tip{
			top:6px;
		}
		& .wpcf7-submit{
			margin: 20px 0 10px!important;
			-webkit-appearance: none;
		}
		& .wpcf7-submit:hover{
			margin: 20px 0 10px!important;
		}
	}
}

@media screen and (max-width: 880px){
header h1, header p {
    font-size: 12px;
    font-weight: normal;
    padding: 6px 0 5px 10px;
    color: #fff;
    text-align: center;
    float:none
}
#storenav2{
    padding: 0 1%;
float:left;
}
}


@media screen and (max-width: 774px){
header h2{
    width: 100%;
	margin: 0.67em 0 0;
}
header h2 a{
    background-position: center center;
    width: 100%;
    background-size: contain;
}
.header2{
    width: 100%;
}
.header2_top{
    width: 100%;
    margin-bottom: 16px;
}
/* .header2_top form{
    width: 70%;
} */
.header2_top .carthe{
    width: 28%;
}
#searchform input[type="text"]{
margin-left: 0px;
    width: 100%;
}
}


@media only screen and (max-width: 767px){
.footerlink {
    padding: 0 3vw;
    margin-bottom: 0px;
}
}


@media only screen and (min-width: 768px){
#footer ul li:first-child {
    margin-left: 0;
}
.container-fluid {
    padding-left: 16px;
    padding-right: 16px;
}
}


@media screen and (max-width: 980px){
	.menubox{display:none;}
	.menubox2{
		display:block;
		clear: both;
	}
}


@media screen and (max-width: 1476px){
#content section.single{
width:calc(100% - 286px);
}
#related-entries{
width:286px;
padding-left:16px;
box-sizing:border-box;
}
}


@media screen and (max-width: 1900px){
#content{
width:calc(100% - 286px);
}
#sidebar{
padding-right:16px;
}
}


@media screen and (max-width: 1366px) and (min-width: 1150px){
.haba ul{
/*     float: right; */
    width: 50%;
}
.menubox ul{
    float: none;
    width: 100%;
}
.related-entry-snippet {
    margin-bottom: 10px;
    color: #333;
}
.related-entry-read {
    position: initial;
}
}


@media screen and (max-width: 1149px) and (min-width: 940px){
/* #content section.single .blog_top_area img{
	height:30vw;
} */

    @media all and (-ms-high-contrast:none){
		#content section.single .blog_top_area img{
			height:auto;
		}
    }

.karano{
display:none;
}

.haba ul {
/*     float: right; */
    width: 60%;
}

.menubox ul {
    float:none;
    width:100%;
}

#related-entries {
    float: none;
    width: 100%;
    padding: 7px 0 50px;
max-width:100%;
}
#content section.single {
    width: 100%;
    float: none;
}
	
section.widget li a, .yaji {
    width: 100%;
max-width:100%;
}

.related-entry-thumb{
	display:block;
	float:left;
	width:calc(30% - 16px);
}

.related-entry-snippet{
display:inline-block;
}

.related-entry-snippet:after{
content:"…";
}

.related-entry-thumb img{
width:100%;
height:auto;
}
.related-entry-content {
    float: right;
    width: 70%;
}
.related-entry-read{
	float:right;
	padding:1%;width:20%;
	background:var(--main_color);
	text-align:center;
	border-radius:5px;
	position:absolute;
	bottom:10%;
	right:3%;
	font-size:100%;
	color: #fff;
}

#footer #footCategory li ,#footer #footShopping li,#footer #footInformation li{
    width: 100%;
}

.related-entry-content h4{
	font-size:18px;
}

#storenav2 li:nth-child(6){
	display:none;
}
}


@media screen and (max-width: 940px) and (min-width: 750px)  {
/* #content section.single .blog_top_area img{
	height:30vw;
} */

.karano{
display:none;
}
	
.haba ul {
/*     float: right; */
    width: 100%;
}

section.widget li a, .yaji {
    width: 100%;
max-width:100%;
}

#related-entries {
    float: none;
    width: 100%;
    padding: 7px 0 50px;
max-width:100%;
}
#content section.single {
    width: 100%;
    float: none;
}

.related-entry-thumb{display:block; float:left;width:25%;}
.related-entry-snippet{
display:block;
}
.related-entry-thumb img{
width:100%;
height:auto;
}
.related-entry-content {
    float: right;
    width: 70%;
}
.related-entry-read{
	float:right;
	padding:1%;width:20%;
	background:var(--main_color);
	text-align:center;
	border-radius:5px;
	position:absolute;
	bottom:10%;
	right:3%;
	font-size:100%;
	color: #fff;
}

#footer #footCategory li ,#footer #footShopping li,#footer #footInformation li{
    width: 100%;
}

#storenav2 li:nth-child(6){
	display:none;
}
}


@media screen and (max-width: 750px) and (min-width: 451px)  {
/* #content section.single .blog_top_area img{
	height:30vw;
} */

#content{
    float: none;
    width: 100%;
	margin-bottom:0;
}

#sidebar {
    float: none;
    width: 100%;
    padding: 7px 0 50px;
max-width:100%;
}

.karano{
display:none;
}

.haba ul {
/*     float: right; */
    width: 100%;
}

section.widget li a, .yaji {
    width: 100%;
max-width:100%;
}

#related-entries {
    float: none;
    width: 100%;
    padding: 7px 0 50px;
max-width:100%;
}
#content section.single {
    width: 100%;
    float: none;
}

.related-entry-thumb{display:block; float:left;width:25%;}
.related-entry-snippet{
display:block;
}
.related-entry-thumb img{
width:100%;
height:auto;
}
.related-entry-content {
    float: right;
    width: 70%;
}
.related-entry-read{
	float:right;
	padding:1%;width:20%;
	background:var(--main_color);
	text-align:center;
	border-radius:5px;
	position:absolute;
	bottom:10%;
	right:3%;
	font-size:100%;
	color: #fff;
}

#footer #footCategory li ,#footer #footShopping li,#footer #footInformation li{
    width: 100%;
}

#footCategory, #footShopping,#footInformation  {
    width: 100%;
}

#storenav2 li:nth-child(6){
	display:none;
}
}


/* ************************************************************ */
/* 450px以下　モバイル用css  ここから　**************************** */
/* ************************************************************ */
/* @media screen and (max-width:480px) { */
@media screen and (max-width:640px) {
/*レシピ*/
.pc{display:none;}.sp{display:block;}.leftnone,.rightnone{float:none;}

.spmr10{margin-right:10px;}.spmr15{margin-right:15px;}.spmr20{margin-right:20px;}.spmr25{margin-right:25px;}.spmr30{margin-right:30px;}.spmr35{margin-right:35px;}.spmr40{margin-right:40px;}.spmr45{margin-right:45px;}.spmr50{margin-right:50px;}.spmr55{margin-right:55px;}.spmr60{margin-right:60px;}.spmr65{margin-right:65px;}.spmr70{margin-right:70px;}.spmr75{margin-right:75px;}.spmr80{margin-right:80px;}.spmr85{margin-right:85px;}.spmr90{margin-right:90px;}.spmr95{margin-right:95px;}.spmr100{margin-right:100px;}

.spml10{margin-left:10px;}.spml15{margin-left:15px;}.spml20{margin-left:20px;}.spml25{margin-left:25px;}.spml30{margin-left:30px;}.spml35{margin-left:35px;}.spml40{margin-left:40px;}.spml45{margin-left:45px;}.spml50{margin-left:50px;}.spml55{margin-left:55px;}.spml60{margin-left:60px;}.spml65{margin-left:65px;}.spml70{margin-left:70px;}.spml75{margin-left:75px;}.spml80{margin-left:80px;}.spml85{margin-left:85px;}.spml90{margin-left:90px;}.spml95{margin-left:95px;}.spml100{margin-left:100px;}

.spmb10{margin-bottom:10px;}.spmb15{margin-bottom:15px;}.spmb20{margin-bottom:20px;}.spmb25{margin-bottom:25px;}.spmb30{margin-bottom:30px;}.spmb35{margin-bottom:35px;}.spmb40{margin-bottom:40px;}.spmb45{margin-bottom:45px;}.spmb50{margin-bottom:50px;}.spmb55{margin-bottom:55px;}.spmb60{margin-bottom:60px;}.spmb65{margin-bottom:65px;}.spmb70{margin-bottom:70px;}.spmb75{margin-bottom:75px;}.spmb80{margin-bottom:80px;}.spmb85{margin-bottom:85px;}.spmb90{margin-bottom:90px;}.spmb95{margin-bottom:95px;}.spmb100{margin-bottom:100px;}

.spmt10{margin-top:10px;}.spmt15{margin-top:15px;}.spmt20{margin-top:20px;}.spmt25{margin-top:25px;}.spmt30{margin-top:30px;}.spmt35{margin-top:35px;}.spmt40{margin-top:40px;}.spmt45{margin-top:45px;}.spmt50{margin-top:50px;}.spmt55{margin-top:55px;}.spmt60{margin-top:60px;}.spmt65{margin-top:65px;}.spmt70{margin-top:70px;}.spmt75{margin-top:75px;}.spmt80{margin-top:80px;}.spmt85{margin-top:85px;}.spmt90{margin-top:90px;}.spmt95{margin-top:95px;}.spmt100{margin-top:100px;}

.sppr10{padding-right:10px;}.sppr15{padding-right:15px;}.sppr20{padding-right:20px;}.sppr25{padding-right:25px;}.sppr30{padding-right:30px;}.sppr35{padding-right:35px;}.sppr40{padding-right:40px;}.sppr45{padding-right:45px;}.sppr50{padding-right:50px;}.sppr55{padding-right:55px;}.sppr60{padding-right:60px;}.sppr65{padding-right:65px;}.sppr70{padding-right:70px;}.sppr75{padding-right:75px;}.sppr80{padding-right:80px;}.sppr85{padding-right:85px;}.sppr90{padding-right:90px;}.sppr95{padding-right:95px;}.sppr100{padding-right:100px;}

.sppl10{padding-left:10px;}.sppl15{padding-left:15px;}.sppl20{padding-left:20px;}.sppl25{padding-left:25px;}.sppl30{padding-left:30px;}.sppl35{padding-left:35px;}.sppl40{padding-left:40px;}.sppl45{padding-left:45px;}.sppl50{padding-left:50px;}.sppl55{padding-left:55px;}.sppl60{padding-left:60px;}.sppl65{padding-left:65px;}.sppl70{padding-left:70px;}.sppl75{padding-left:75px;}.sppl80{padding-left:80px;}.sppl85{padding-left:85px;}.sppl90{padding-left:90px;}.sppl95{padding-left:95px;}.sppl100{padding-left:100px;}

.sppb10{padding-bottom:10px;}.sppb15{padding-bottom:15px;}.sppb20{padding-bottom:20px;}.sppb25{padding-bottom:25px;}.sppb30{padding-bottom:30px;}.sppb35{padding-bottom:35px;}.sppb40{padding-bottom:40px;}.sppb45{padding-bottom:45px;}.sppb50{padding-bottom:50px;}.sppb55{padding-bottom:55px;}.sppb60{padding-bottom:60px;}.sppb65{padding-bottom:65px;}.sppb70{padding-bottom:70px;}.sppb75{padding-bottom:75px;}.sppb80{padding-bottom:80px;}.sppb85{padding-bottom:85px;}.sppb90{padding-bottom:90px;}.sppb95{padding-bottom:95px;}.sppb100{padding-bottom:100px;}

.sppt10{padding-top:10px;}.sppt15{padding-top:15px;}.sppt20{padding-top:20px;}.sppt25{padding-top:25px;}.sppt30{padding-top:30px;}.sppt35{padding-top:35px;}.sppt40{padding-top:40px;}.sppt45{padding-top:45px;}.sppt50{padding-top:50px;}.sppt55{padding-top:55px;}.sppt60{padding-top:60px;}.sppt65{padding-top:65px;}.sppt70{padding-top:70px;}.sppt75{padding-top:75px;}.sppt80{padding-top:80px;}.sppt85{padding-top:85px;}.sppt90{padding-top:90px;}.sppt95{padding-top:95px;}.sppt100{padding-top:100px;}
/*レシピここまで*/

#content h3, #content h1{
	line-height:24px;
	font-size:18px;
	clear:both;
}

#wrapper, .hana{
	width:100%;
}

#sidebar{float:none;width:100%;    max-width: 100%;}
#content{float:none;width:100%;padding-bottom:10px;}
.smwidth{width:100%;}
header a img{ display: block; width:80%;margin:2% auto; text-align: center;}
nav#mainNav ul li{width:50%; border-top: 1px solid #fff;}
nav#mainNav ul li a{padding:0px;padding-top:10px;}
.contact{width:100%;text-align:center;}
header h1{text-align:left;}
#newskiji li{height:auto;margin-bottom:10px;display:block;overflow:auto;}
#newskiji li a{display:block;}
ul #newskiji{margin:0px!important;}
#sidebar img{width:100%;margin-bottom:10px;}

#smkakusu{display:none;}

.tablemenu{width:100%;border-collapse:collapse;table-layout: fixed;}
.tablemenu tbody{width:100%;}
.tablemenu td{border:1px solid #eee;padding:2%; width:23%;text-align:center;font-size:12px;}
.tablemenu td a {width:100%;height:20px;display:block;}

#footertel{background:#fff;border:4px solid orange;border-radius:15px;margin-top:10px;}

.kiji_content{
	margin-top:10px;
	display:block;
	margin-bottom:5px;
	font-size:18px!important;
}

.niti,#kategorimei{
	font-size:10px!important;
}

.niti{
	margin-top:2px;
	font-size:11px!important;
}

.related-entry-thumb{
	float:left;width:30%;
}

.related-entry-thumb img {
	width:100%;height:auto;
}


.related-entry-content{
	float:none;
	width:100%;
	overflow: hidden;
    margin-bottom: 10px;
}

.related-entry-content h4{
	font-size:14px;
	font-weight:normal;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.related-entry{
	display:block;
	clear:both;
	border-bottom:1px solid #ccc;
	overflow:auto;
	position: relative;
    padding-top: 10px;
}

#related-entries a{
	width: 48%;
}

#related-entries a:nth-child(odd){
	float:right;
}

#related-entries a:nth-child(even){
	float:left;
}

.related-entry-read{
	display:none;
}

.site-logo a img{
	display:block;
	text-align:center;
	margin:0px auto;
	margin-bottom: 0px;
	float:none;
}

.kiji_content{
	font-size:12px!important;
}

#wrapper{
	width:95%;
	padding:0;
}

.post{
	padding:14px 0px;
}

.haba{
	width:100%;
}

header h2{
	float: none;
}

#topimgmain{width:100%;height:auto;margin:0px auto;}
#topimgmain img{width:100%;height:auto;margin:0px auto;}
.title span{font-size:20px;}
.size-medium{width:33%;}
img.alignright, img.alignleft{margin:14px 0px 14px 0px;}

.pankuzu{margin-left:3%;}
img#mobileMenu {
  position: fixed;
  top: 5px;
  right: 5px;
  display: block;
  padding: 7px;
  border: 1px solid #ccc;
  width: 25px;
  height: 25px;
  border-radius: 5px;
z-index:9000;
}

#oshirase h3{margin:10px 0px;font-size:100%;}
#oshirase a .posts{padding:4% 2% 2% 2%;}

#oshirase .alignleft{
	width: 30%;
	padding-right: 0%;
}

#oshirase .alignleft img{
	width:100%;
	height: auto;
}

#oshirase  .alignright{
	width: 65%;
	font-size:80%;
}

#oshirase time{
	font-size:80%;
}

#footer ul {
    text-align: left;
   width: initial;
    float: initial;
}
#footer ul li{
    width: 100%;
	}
#footer .sns-area ul{
    overflow: hidden;
    padding: 0 3%;
}
#footer .sns-area ul li{
    width: auto;
    margin: 0;
    vertical-align: bottom;
}
#footer .sns-area ul.footerlink li a img {
    width: 100%;
}

#footer .sns-area ul.footerlink li {
    margin-bottom: 0px;
    width: 49%;
    float: left;
    padding-left: 1%;
}
#footer .sns-area ul.footerlink li:not(:last-child) {
    margin-bottom: 0px;
    width: 49%;
    padding-right: 1%;
    padding-left: 0;
}
#copyright{
	padding: 10px 0;
}

#footmenu{clear:both;}
#footmenu ul li{float:left;width:50%;padding:0px;margin:0px;display:block;border:none;}
#footmenu ul li a{text-align:center;border:1px solid orange;display:block;padding:5px 0px;margin:0px;background:#fff;}
#footmenu ul li:nth-child(2n) a{border-left:none;}
#footmenu ul li:nth-child(3) a,#footmenu ul li:nth-child(4) a,#footmenu ul li:nth-child(5) a,#footmenu ul li:nth-child(6) a,#footmenu ul li:nth-child(7) a,#footmenu ul li:nth-child(8) a,#footmenu ul li:nth-child(9) a,#footmenu ul li:nth-child(10) a,#footmenu ul li:nth-child(11) a,#footmenu ul li:nth-child(12) a{border-top:none;}
#main_img,#pc_main_img{
	display: none;
}
#mobile_main_img{
	display: block;
}
.contact{
	float: none;
	margin: 0;
}
.contact img{
	height: auto;
}
.header_mail{display:none;}
.header_tel{width:80%;text-align:center;float:none;margin:0 auto;}
.header_tel img{width:100%;}
.contact{width:100%;border:none;padding:0px;margin-bottom:10px;}
#news_midashi{margin-top:0px;}
.footlogo{float:none;width:80%;margin:0 auto;}
.table-ul {
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}
#content {
    margin-bottom: 50px;
}
.content3_1 , .content3_2 , .content3_3 {
	width: 100%;
	float: none;
margin-bottom:14px;
margin-right:0px;
margin-left:0px;
}

.content4_1 , .content4_2 , .content4_3 , .content4_4 {
	width: 43%;
	float: left;
margin-bottom:14px;
}

.content4_2 , .content4_4{
float:rigth;
	margin-left: 4%;
	margin-right: 0%;
}

.content4_3 {
	margin-right: 0%;
}

.post.arcsec {
    width:49%;
	padding:2%;
    margin-right: 0;
    box-sizing: border-box;
}

.arcsec:nth-child(2n){
    float: right;
    margin-right: 0;
}

#content .post.arcsec h3{
	margin:0;
	margin-right: -10px;
}

#content .post .top_title{
	border-bottom:1px #ccc solid;
	border-top:1px #ccc solid;
	padding-left:0px;
	font-size: 20px;
	line-height: 1.6;
	margin: 0em 0 14px 0px;
}
	
ul#newskiji li a span{
	font-size: 80%;
}

span.category_name{
	width: 80px;
}

ul#newskiji li a span.newstitle{
	font-size: 100%;
}

#content section.single{
	width:100%;
	float:none;
}

p.arcdate{
	font-size:3vw;
	margin-top:2px;
}

#related-entries {
    width: 100%;
    float: none;
	padding-left:0;
}

#content section.single h3 {
    font-size: 18px;
    margin: 30px 0 20px;
}

section.widget li a, .yaji {
    width: 90vw;
    max-width: 100%;
}
.related-entry-thumb {
    float: none;
    width: 100%;
    display: block;
	margin-bottom: 5px;
}
#footCategory, #footShopping,#footInformation {
    overflow: hidden;
    width: 100%;
    float: none;
    margin-right: 0;
}
#footer #footInformation li,#footer #footShopping li,#footer #footCategory li {
    float: none;
    width: 100%;
    margin-right: 0;
    overflow: hidden;
}
#footCategory h4, #footShopping h4, #footInformation h4 {
	margin-top:30px;
}

.linkbanner {
    width:100%;
    margin: 20px auto 0;
}

#storenav{
	display:none;
    position: fixed;
left:0;
    background: #3e3e3e;
	z-index:999;
    float: none;
    width: 100%;
}

#storenav li {
    float: none;
    padding: 10px;
    margin-right: 0;
}

#storenav li:nth-child(6) {
    padding-left: 10px;
    border-left:none;
}

.haba ul {
    float: none;
    width: 100%;
    overflow: hidden;
}

nav#mainNav ul li a {
    height: 40px;
    line-height: 1.5em;
    font-size: 100%;
}

header h1, header p {
    width: 100%;
    text-align: center;
}

header h2 a {
    margin: 15px 0 0;
}

.timeno{
    width: 100%;
    text-align: right;
    padding-right: 0;
    font-size: 11pt;
}

.textoverflow {
    max-width: 89vw;
}

ol.breadcrumb{
	margin:10px 0 0;
    overflow: hidden;
}

.headerbox{
	box-sizing:border-box;
	padding:0 2.5%;
}

.karano {
    display: none;
}

.cartlook {
    display: none;
}

.header2_top .carthe{
	width:36px;
}

.header2_top .carthe i {
    margin-right: 0px;
	font-size:18px;
}

/* .header2_top form{
	width:calc(100% - 46px);
} */
#archiveblog a:nth-child(2n) .posts {
    float: right;
    margin-right: 0;
}

.arcdate{
	font-size:3vw;
	margin-top:2px;
}

#content .blogbox h3{
	margin:0;
}

/* #content section.single .blog_top_area img{
	height:30vw;
} */

#content section.single .blog_top_area .blog_top_area_tag{
	display:none;
} 

#content section .blog_top_area .blog_top_area_cate a {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.written{
	font-size: 3vw;
    text-align: center;
    right: 0;
    left: 0;
}
}   /*このカッコ消さないように*/
/* ************************************************************ */
/* 450px以下　モバイル用css  ここまで　**************************** */
/* ************************************************************ */


@media all and (-ms-high-contrast:none){
	#content section.single .blog_top_area img{
	height:auto;
	}
	
	#content section.single .photo_1 img,#content section.single .photo_2 img,#content section.single .photo_3 img,#content section.single .photo_left img,#content section.single .photo_right img{
	max-height:9999px;	
	}
	
	#content section.single .photo_3 img{
		margin-right:19.9px;
	}
}