/*
Theme Name: ヨカ倉庫
Text Domain: yoka-souko.com
Author: R-design
*/



/**************************************************************
全体
**************************************************************/

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, font, 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 {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 100%;
}


body {
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-size:16px;
	color: #323434;
	margin: 0px;
	text-align: center;
	line-height:180%;
	font-weight: 500;
}
/* Chrome でのみフォントを太めに表示する */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  * {
    text-shadow: transparent 0 0 0, rgba(0, 0, 0, .7) 0 0 0 !important;
  }
}


html{
  scroll-behavior: smooth;
}
.gotottop{
position:fixed;
	bottom:0;
	right:0;
z-index: 1500;
}

.gotottop img{
	width:150px;
	height:auto;
}


/**************************************************************
リンク
**************************************************************/
a:link {
	color: #000;
	text-decoration:none;

}
a:visited {
	color: #000;
	text-decoration:none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:active {
	color: #000;
	text-decoration: none;
}
.ov a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	transition: 1.0s ;
}


.clear{
	clear:both;
}
.w-flex{
	display:flex;
	flex-wrap:wrap;
	margin: 10px 0;
}

/**************************************************************
ページネーション
**************************************************************/
.wp-navi{
	margin:30px auto ;
	height:50px;
	text-align:center;
}

.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
	padding: 10px!important;
	margin: 2px;
}
wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: var(--main-color)!important;
	background-color:var(--main-color)!important;
	color:#fff!important;
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #afafaf!important;
	background-color:#afafaf!important;
	color:#fff!important;
}

/**************************************************************
フォント変更
**************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');
body{font-family: 'Noto Sans JP', sans-serif;}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
.en{
font-family: 'Montserrat', sans-serif;
	font-weight:600;
}

.grecaptcha-badge { visibility: hidden; }
.reC {font-size:.8rem;color:#666;text-align:center;}
@media screen and (max-width: 480px) {.reC {font-size:min(3vw,.8rem);}}
.caption{text-align:center;padding-top:5vw;}
.caption a{color:#37b446;transition:.3s;}
.caption a:hover{border-bottom:2px dotted #37b446;}


/* Youtube動画 */
.movie-waku {margin:20px auto;}
.movie-waku iframe{aspect-ratio: 16 / 9;
  width: 100%;height: auto;max-width:unset;}