@charset "UTF-8";

/*Image Hover*/
a:hover img.hover,
span:hover img.hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	}

.clear {
	clear: both;
	font: 1px/1px monospace;
	}

.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
	line-height: 0;
	}

.clearfix:after { clear: both;}


/* Reset
------------------------------------------------------------------*/
* { box-sizing: border-box;}

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,
figure, figcaption,
article, section, nav, header, footer {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	}

html * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}

body {
	width: 100%;
	font-family: 'NotoSansCJKjp', sans-serif;
	font-weight: 400;
	}

html {
	overflow-y: scroll;
	font-size: 62.5%;
	color: #666;
	}

/* Basic elements
------------------------------------------------------------------*/
img {
	border: none;
	width: 100%;
	height: auto;
	}

ul, ol {
	list-style: none;
	list-style-position: inside;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	}

p { margin: 0;}

ul, ol, dl { list-style-position: outside;}

strong { font-weight: 700;}

.red { color: #c00;}

/* Base Link
------------------------------------------------------------------*/
a {
	color: #328bda;
	text-decoration: underline;
	}
	
a:hover {
    color: #328bda;
    text-decoration: none;
	}

a:active,
a:focus { outline: none;}

/* Font
------------------------------------------------------------------*/
/* type */
h1, h2, h3, h4, h5, h6 { font-weight: 700;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: 700;}


table th,
table td {
	vertical-align: top;
	text-align: left;
	}


/* header ############################################ */

header {
	padding: 35px 10px 10px;
	background-color: #c00;
	position: relative;
	}

header h1,
header .headP {
	font-size: 3rem;
	color: #fff;
	text-align: center;
	font-family: 'Noto Serif Japanese', serif;
	font-weight: 900;
	}

header h1 a {
	color: #fff;
	text-decoration: none;
	}

header h1 a:hover { color: #fff;}

header p {
	font-size: 1.8rem;
	color: #fff;
	text-align: center;
	}

.innerBottom {
	position: absolute;
	top: 10px;
	right: 10px;
	}

.innerBottom input#s,
.innerBottom input#searchSubmit {
	border: none;
	background-color: #fff;
	padding: 4px 10px;
	font-size: 1.2rem;
	border-radius: 5px;
	color: #666;
	}

/* topImages ############################################ */

.topImages {
	background: url("../images/mainImages.webp") no-repeat center center #fff;
	background-size:cover;
	text-align: center;
	}

.topImages img {
	width: 50%;
	height: auto;
	margin: 60px 0;
	}

.botanBox {
	position: relative;
	}

.botanBox aside {
	position: absolute;
	right: 10px;
	top: 10px;
	}


/* nav ############################################ */

nav.globalNavi {
	margin-bottom: 20px;
	}

nav.globalNavi ul { display: flex;}

nav.globalNavi li { flex: 1;}

nav.globalNavi li a {
	display: block;
	padding: 15px;
	background-color: #c00;
	color: #fff;
	font-size: 1.4rem;
	text-decoration: none;
	text-align: center;
	font-weight: 900;
	}

nav.globalNavi li a:hover {
	background-color: #f60;
	}

@media screen and (max-width: 767px) {

nav.globalNavi {
	display: none;
	}

}

/* main ############################################ */

main .topTxit h1 {
	font-size: 2.2rem;
	color: #c00;
	border-bottom: solid 1px #c00;
	padding-bottom: 5px;
	margin-bottom: 10px;
	}

main .topTxit h2 {
	font-size: 1.8rem;
	color: #c00;
	margin-bottom: 10px;
	}

main .topTxit ul {
	margin-bottom: 10px;
	background-color: #fee5ff;
	padding: 30px 50px;
	border-radius: 15px;
	}

main .topTxit li {
	font-size: 1.6rem;
	line-height: 1.5em;
	margin-bottom: 10px;
	color: #7f1085;
	}

main .topTxit li:last-child { margin-bottom: 0px;}

main .topTxit p {
	font-size: 1.6rem;
	line-height: 1.5em;
	margin-bottom: 20px;
	}

main .newsBlock h1.type-B {
	font-size: 2.2rem;
	margin-bottom: 10px;
	font-family: 'Noto Serif Japanese', serif;
	font-weight: 900;
	color: #7f1085;
	}

main .newsBlock h1 a {
	font-size: 2.2rem;
	margin-bottom: 10px;
	font-family: 'Noto Serif Japanese', serif;
	font-weight: 900;
	text-decoration: none;
	color: #7f1085;
	}

main .topTxit figure.zu001 {
	width: 80%;
	margin: 30px auto;
	}

/* SNSメニュー */
aside {
	margin: 0px 0px 20px;
	padding: 0px;
	}

.wesbannerA {
	margin: 0px 0px 20px;
	padding: 0px;
	}

.wesbannerA figure {
	margin: 0px;
	padding: 0px;
	max-width: 100%;
	}

.wesbannerB { display: none;}

aside.sns ul {
	display: flex;
	margin: 0px;
	padding: 0px;
	list-style: none;
	background-color: transparent;
	border-radius: 0px;
	}

aside.sns li {
	display: block;
	flex: 1;
	}

aside.sns li a {
	display: block;
	padding: 10px;
	color: #ffffff;
	font-size: 20px;
	text-decoration: none;
	text-align: center;
	}

aside.sns li a:hover { opacity: 0.8;}

.fa-twitter {background-color: #55acee;}
.fa-facebook {background-color: #3b5998;}
.fa-instagram { background-image: linear-gradient(-135deg,#1400c8,#b900b4,#f50000);}

/* SNSメニュー end */

main .newsBlock p {
	font-size: 1.6rem;
	line-height: 1.5em;
	margin-bottom: 10px;
	text-align: justify;
	}

main .newsBlock p:last-child { margin-bottom: 0;}

main .newsBlock article {
	padding: 15px;
	display: flex;
	margin-bottom: 20px;
	}

main .newsBlock article:last-child { margin-right: 0;}

.text .categories { margin: 0;}

main .newsBlock article figure {
	max-width: 180px;
	height: 180px;
	margin: 0 20px 0 0;
	flex: 0 0 180px;
	overflow: hidden;
	}

main .newsBlock article .text { flex: 1 1 auto;}

main .newsBlock p.entryInfo {
	font-size: 1.4rem;
	line-height: 1.5em;
	margin-bottom: 10px;
	}

.newsBlock .post-categories {
	margin-bottom: 0;
	margin-left: 0;
	display: flex;
	}

main .newsBlock p time {
	font-weight: bold;
	font-size: 1.4rem;}

.newsBlock .post-categories li a {
	background-color: #00a8ff;
	padding: 3px 5px;
	text-decoration: none;
	font-size: 1.2rem;
	color: #fff;
	border-radius: 3px;
	font-weight: 900;
	}

.newsBlock .post-categories li {
	margin-right: 5px;
	}

.newsBlock .post-categories li:last-child {
	margin-right: 0;
	}

.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;
	}

.postNavi {
	display: flex;
	border-top: dotted 2px #666;
	margin: 20px 0;
	padding-top: 20px;
	}

.postNavi span { flex: 1;}

.postNavi span a {
	font-size: 1.5rem;
	line-height: 1.5em;
	}

.postNavi span a:hover { background-color: transparent;}

.postNavi span.next { text-align: right;}

.postNavi span.next a { justify-content: right;}

.postNavi span.prev a {
	background: url("../images/angle-double-left-solid.svg") no-repeat left center transparent;
	padding-left: 30px;
	background-size: 1em;
	}

.postNavi span.next a {
	background: url("../images/angle-double-right-solid.svg") no-repeat right center transparent;
	padding-right: 30px;
	background-size: 1em;
	}

.wp-pagenavi {
	margin: 20px 0 30px;
	text-align: center;
	font-size: 1.4rem;
	}

.amazon {
	margin: 0px;
	padding: 0px;
	}

/* 無限ループくるくる */

.yith-infs-loader {
	margin: 30px 0px;
	text-align: center;
	}

.yith-infs-loader img {
	width: 30px;
	height: auto;
	}

/* table ############################################ */

main table.kizi {
	table-layout: auto;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 100%;
	table-layout: fixed;
	word-break: break-word;
	}

main table.kizi th {
	padding: 5px;
	line-height: 1.5em;
	font-size: 1.6rem;
	border: solid 1px #666;
	font-weight: bold;
	background-color: #666;
	color: #fff;
	text-align: center;
	}

main table.kizi td {
	padding: 5px;
	text-align: center;
	line-height: 1.5em;
	background: #fff;
	font-size: 1.6rem;
	border: solid 1px #666;
	}

main table.kizi caption {
	padding: 5px;
	line-height: 1.5em;
	font-size: 1.6rem;
	font-weight: bold;
	color: #c00;
	text-align: center;
	background-color: #ddd;
	}

main table.center-day {
	table-layout: auto;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 100%;
	table-layout: fixed;
	word-break: break-word;
	}

main table.center-day caption {
	font-size: 1.8rem;
	font-weight: bold;
	color: #666;
	}

main table.center-day th {
	padding: 5px;
	line-height: 1.5em;
	font-size: 1.6rem;
	border: solid 1px #666;
	font-weight: bold;
	background-color: #666;
	color: #fff;
	text-align: center;
	}

main table.center-day td:first-child { vertical-align: middle;}

main table.center-day td {
	padding: 5px;
	line-height: 1.5em;
	background: #fff;
	font-size: 1.6rem;
	border: solid 1px #666;
	}


/* subContents ############################################ */

.subContents h1 {
	background-color: #c00;
	font-size: 1.8rem;
	color: #fff;
	padding: 5px 15px;
	border-radius: 20px;
	margin-bottom: 20px;
	}

.subContents ul.banner01,
.subContents ul.banner02 {
	margin-bottom: 20px;
	}

.subContents ul.banner02 li {
	margin-bottom: 20px;
	line-height: 1.5em;
	}

.subContents ul.banner02 li a { margin: 0;}

.subContents ul.banner02 li:last-child { margin-bottom: 0;}

.subContents ul.banner02 li img {margin: 0;}

.subContents ul.banner01 a {
	display: block;
	position: relative;
	color: #000;
	padding: 0;
	font-size: 2rem;
	text-decoration: none;
	line-height: 1.5em;
	}


.subContents ul.banner01 a:hover { background-color: #eee;}

.subContents ul.banner01 img {
	vertical-align: bottom;
	border-radius: 20px;
	}

.subContents ul.banner01 span {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0,0,0,0.4);
	color: #fff;
	border-radius: 20px;
	font-weight: 900;
	}

.categories,
.archives {
	margin: 0 20px 20px;
	}

.categories li,
.categories li a,
.archives li,
.archives li a {
	font-size: 1.4rem;
	text-decoration: none;
	}

.recentCategories .categories li,
.recentArchives .archives li {
	background: url("../images/chevron-circle-right-solid.svg") no-repeat left center #fff;
	padding-left: 30px;
	margin-bottom: 10px;
	}

.recentCategories .categories li:last-child,
.recentArchives .archives li:last-child {
	margin-right: 0;
	}

.entries .entry { margin-bottom: 10px;}

.entries .entry a {
	display: flex;
	justify-content: left;
	align-items: center;
	text-decoration: none;
	color: #7f1085;
	flex-direction: row;
	}

.entries .entry a span { margin-right: 5px;}

.entries .entry a:hover { background-color: #eee;}

.entries .entry a figure {
	width: 100px;
	height: auto;
	margin-right: 10px;
	flex: 0 0 100px;
	}

.entries .entry a figure img { vertical-align: bottom;}

.entries .entry a .text {
	flex: 1 1 auto;
	}

.subContents li h4 {
    background-color: #c00;
    font-size: 1.8rem;
    color: #fff;
    padding: 5px 15px;
    border-radius: 20px 20px 0 0;
    margin-bottom: 0;
	}

#widget_j_koyomi {
	border-left: solid 2px #c00;
	border-right: solid 2px #c00;
	border-bottom: solid 2px #c00;
	margin-bottom: 20px;
	border-radius: 0 0 20px 20px;
	padding: 20px;
	}

#widget_j_koyomi p {
	font-size: 1.6rem;
	}

.tagcloud {
	border-left: solid 2px #c00;
	border-right: solid 2px #c00;
	border-bottom: solid 2px #c00;
	margin-bottom: 20px;
	border-radius: 0 0 20px 20px;
	padding: 20px;
	}

.tagcloud a {
    background-color: #c00;
    padding: 3px 5px;
    text-decoration: none;
    line-height: 1.5em;
	font-size: 1.4rem!important;
	font-weight: 900;
    color: #fff;
    border-radius: 3px;
	display: inline-block;
	margin-bottom: 10px;
	}

.recentKanri ul.kanri li h2 {
	font-size: 1.4rem;
	color: #666;
	margin-bottom: 10px;
	}

.recentKanri ul.kanri {
	display: flex;
	}

.recentKanri ul.kanri li {
	flex: 1;
	font-size: 1.2rem;
	line-height: 1.5em;
	}

.recentKanri ul.kanri li:first-child {
	margin-right:10px;
	}

.recentKanri ul.kanri li img {
	border-radius: 50%;
	margin-right:10px;
	}

/* pageTop ############################################ */

.pageTop {
	margin: 40px 0 0 0; 
	}

.pageTop p {
    *zoom: 1;
    text-align: right;
    margin-bottom: 15px; 
	}

.pageTop p:before,
.pageTop p:after {
	display: table;
	content: "";
	line-height: 0;
	}

.pageTop p:after { clear: both; }

.pageTop p img {
	width: 41px;
	height: 41px;
	}

.pageTop p a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=0.8);
	}


/* footNavi ############################################ */
.footNavi {
	margin: 20px auto 0px;
	border-top: solid 1px #666;
	width: 100%;
	}

.footNavi ul {
	width: 100%;
	text-align: center;
	padding-top: 10px;
	}

.footNavi li {
	display: inline;
	font-size: 1.4rem;
	margin-right: 10px;
	}

.footNavi li:last-child { margin-right: 0px;} 


/* footer ############################################ */
footer {
	padding: 10px;
	background-color: #c00;
	}

footer p.copy {
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	}

footer p.copy a {
	color: #fff;
	text-decoration: none;
	}

/* page ############################################ */

main { position: relative;}

main .page h1 {
	font-size: 2.2rem;
	color: #c00;
	border-bottom: solid 1px #c00;
	padding-bottom: 5px;
	margin-bottom: 10px;
	}

main .page h2 {
	font-size: 1.8rem;
	color: #c00;
	margin-bottom: 10px;
	border-top: dotted 1px #c00;
	padding-top: 3px;
	}

main .page h2 { margin-top: 40px;}

main .page h3,
main .page h4 {
	font-size: 1.6rem;
	line-height: 1.5em;
	color: #7f1085;
	margin-top: 40px;
	margin-bottom: 20px;
	}

main .page h4 { color: #000;}

main .page ul {
	margin-bottom: 30px;
	padding: 30px 50px;
	}

main .page ul li {
	font-size: 1.6rem;
	line-height: 1.5em;
	margin-bottom: 10px;
	color: #c00;
	}

main .page ol {
	margin-bottom: 30px;
	padding: 30px 1em;
	color: #666;
	}

main .page ol li {
	color: #666;
	font-size: 1.6rem;
	line-height: 1.5em;
	margin-bottom: 10px;
	text-indent: -0.5em;
	padding-left: 1em;
	list-style-position: inside;
	}

main .page li:last-child { margin-bottom: 0px;}

main .page p {
	font-size: 1.6rem;
	line-height: 1.5em;
	margin-bottom: 20px;
	}

.VideoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
	margin-bottom: 20px;
	}
 
.VideoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}

/* single（記事単体ページ） ############################################ */

main .hatena {
	text-align: right;
	margin-bottom: 10px;
	}

main h1.type-A {
	font-size: 2.2rem;
	margin-bottom: 10px;
	font-family: 'Noto Serif Japanese', serif;
	font-weight: 900;
	text-decoration: none;
	color: #7f1085;
	}

main .categories {
	margin: 0px;
	}

main .post-categories {
	margin: 0px;
	display: flex;
	padding: 0px;
	background-color: transparent;
	}

main .post-categories li a {
	background-color: #00a8ff;
	padding: 3px 5px;
	text-decoration: none;
	font-size: 1.2rem;
	color: #fff;
	border-radius: 3px;
	font-weight: 900;
	}

main .post-categories li{ margin-right: 5px;}

main  .post-categories li:last-child { margin-right: 0;}

main figure {
	margin: 0px auto 30px;
	max-width: 500px;
	}

main .wesbanner figure {
	margin: 0px auto 30px;
	width: 100%;
	max-width: 100%;
	}

main h2 {
	font-size: 1.8rem;
	line-height: 1.5em;
	margin-top: 2em;
	margin-bottom: 0.5em;
	color: #7f1085;
	}

main h3 {
	font-size: 1.6rem;
	line-height: 1.5em;
	margin-top: 2em;
	margin-bottom: 0.5em;
	color: #666;
	}

main h4 {
	font-size: 1.4rem;
	line-height: 1.5em;
	margin-top: 2em;
	margin-bottom: 0.5em;
	color: #666;
	}

main p,
main li {
	font-size: 1.6rem;
	line-height: 1.5em;
	margin-bottom: 1em;
	}

main ul {
	margin: 0px 0px 20px;
	padding: 20px 30px;
	border-radius: 10px;
	background-color: #eee;
	}

main li {
	display: flex;
	align-items: flex-start;
	margin-bottom: 5px;
	}

main li strong {
	white-space: nowrap;
	}

main ul.noflex li {
	display: block;
	}

main ul.ul-inline {
	margin: 0px 0px 20px;
	padding: 0px;
	border-radius: 0px;
	background-color: #fff;
	}

main ul.ul-inline li {
	display: inline;
	margin: 0px 1em 0px 0px;
	}

main li:last-child { margin-bottom: 0px;}

main li span {
	font-weight: bold;
	margin-right: 0.5em;
	}

main li span:nth-child(1) {
	margin-top: 5px;
	}

main dl {
	font-size: 1.6rem;
	line-height: 1.5em;
	}

main dl.dlbox {
	padding: 20px;
	background-color: #e2f2ff;
	border-radius: 10px;
	}

main dt { font-weight: bold;}

main dd { 
	margin: 0px 0px 0.5em 1em;
	font-weight: bold;
	}

main hr { 
	border: 0; 
	height: 1px; 
	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	margin: 20px 0;
	}

main blockquote {
	padding: 20px;
	border-radius: 20px;
	background-color: #eee;
	margin-bottom: 20px;
	}

main blockquote h3 {
	font-size: 1.6rem;
	line-height: 1.5em;
	margin-bottom: 1em;
	color: #666;
	margin-top: 0px;
	}

main blockquote ul {
	margin: 0px;
	padding: 0px;
	}

main blockquote li {
	margin: 0px;
	padding: 0px 0px 0px 1em;
	text-indent: -1em;
	}

main .linkBox {
	margin: 30px 0;
	}

main .linkBox p {
	font-size: 1.8rem;
	line-height: 1.5em;
	border: solid 1px #f60;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 20px;
	}

main .linkBox p:last-of-type { margin-bottom: 30px;}

main p.link a { display: inline;}

main ul.rank {
	margin: 20px 0px;
	padding: 20px;
	}

main ul.rank li { font-size: 2rem;}

main ul.toshiori li {
	display: inline;
	line-height: 2em;
	}


/* 記事box ############################################ */

main article .kizi-box h1 {
	font-size: 1.8rem;
	line-height: 1.5em;
	margin-top: 2em;
	margin-bottom: 0.5em;
	border: solid 1px  #7f1085;
	padding: 5px 15px;
	border-radius: 30px;
	color: #7f1085;
	}

main article .kizi-box h2 { color: #666;}

main article .kizi-box dd {
	font-weight: normal;
	padding-left: 1em;
	text-indent: -1em;
	}

main article .kizi-box h4 {
	border-top: dotted 1px #666;
	padding-top: 5px;
	}

main article .kizi-box li {
    color: #c00;
	font-weight: bold;
	}


/* クイズ ############################################ */

main figure.widthM {
    margin: 0px auto 30px;
    max-width: 250px;
	}

main h2.quizh2 {
    margin: 40px auto 30px;
    padding: 10px;
	max-width: 450px;
	color: #fff;
	background-color: #7f1085;
	border-radius: 10px;
	text-align: center;
	}

main p.txt {
    margin: 0px auto 40px;
    padding: 0px;
	max-width: 450px;
	}

main p.botan {
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.5em;
	}

main p.botan a {
    margin: 50px auto 20px;
    padding: 10px;
    display: block;
    text-decoration: none;
    color: #fff;
    text-align: center;
    background: #c00;
    border-radius: 20px;
    font-weight: bold;
    width: 300px;
    height: 45px;
    z-index: 10;
	}

main p.top_total,
main p.total {
    margin: 20px auto 60px;
    padding: 0px;
    font-size: 2rem;
    line-height: 1em;
	text-align: center;
	}

main ul.quizBox {
    margin: 0px auto 40px;
    padding: 0px;
	background-color: transparent;
	max-width: 450px;
	}

main ul.quizBox li {
    margin: 0px;
    padding: 0px;
    list-style: none;
	text-align: center;
	display: block;
	}

main ul.quizBox li form {
    margin: 0px;
    padding: 0px;
    max-width: 100%;
	}

main ul.quizBox li input.boxA {
    font-size: 1.6rem;
    line-height: 1.5em;
    margin: 0px auto 10px;
    padding: 5px 0px;
    display: block;
    text-decoration: none;
    color: #000;
    border: 1px solid #ccc;
    text-align: center;
    background: #fbfbfb;
    border-radius: 20px;
    width: 100%;
    cursor: pointer;
    cursor: hand;
	}

main p.txtB {
    margin: 0px auto 40px;
    padding: 0px;
	max-width: 450px;
	text-align: center;
	}

main ul.quizBox input.boxC {
    font-size: 1.6rem;
    line-height: 1.5em;
    margin: 0px auto 10px;
    padding: 5px 0px;
    display: block;
    text-decoration: none;
    color: #fff;
    border: 1px solid #ccc;
    text-align: center;
    background-color: #cc0;
    border-radius: 20px;
    width: 100%;
    cursor: pointer;
    cursor: hand;
	font-weight: bold;
	}

main ul.quizBox input.boxB {
    font-size: 1.6rem;
    line-height: 1.5em;
    margin: 0px auto 10px;
    padding: 5px 0px;
    display: block;
    text-decoration: none;
    color: #fff;
    border: 1px solid #ccc;
    text-align: center;
    background-color: #6c7983;
    border-radius: 20px;
    width: 100%;
    cursor: pointer;
    cursor: hand;
	font-weight: bold;
	}

main.batsu {
    background: url("https://flex.okinawa/okinawa-quiz/images/batsu.png") center 210px no-repeat;
    background-size: auto;
    background-size: 150px;
	}

main.maru {
    background: url("https://flex.okinawa/okinawa-quiz/images/maru.png") center 210px no-repeat;
    background-size: auto;
    background-size: 150px;
	}

main p.kotae {
    margin: 70px 0px 80px;
    padding: 0px;
    text-align: center;
    font-size: 3.5em;
    line-height: 1em;
	}

main p.kotae span {
    font-size: 0.6em;
    line-height: 1.5em;
	}


/* amazon商品 ############################################ */

main aside.amazonBox-top {
    margin-top: 50px;
    margin-bottom: 20px;
	}

main aside.amazonBox-top ul {
    margin: 0px 0px 20px 0px;
    padding: 10px;
    font-size: 1.4rem;
    line-height: 2em;
    border-radius: 7px;
    background: #f60;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-around;
	}

main aside.amazonBox-top li {
    margin: 0px 0px 5px;
    padding: 0px;
    list-style: none;
	}


/* 関連ページ ############################################ */

.kanren {
	margin: 0px 0px 20px;
	padding: 0px;
	}

.kanren h4 {
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 1.6rem;
	color: #333;
	}

article.kanrenBox { margin-bottom: 10px;}

article.kanrenBox a {
	display: flex;
	background-color: #eee;
	padding: 10px;
	text-decoration: none;
	align-items: center;
	}

article.kanrenBox a:hover { background-color: #fff;}

.thumbnail {
	flex: 0 0 150px;
	margin-right: 10px;
	margin-bottom: 0px;
	width: 150px;
	height: 150px;
	overflow: hidden;
	position: relative;
	}

.thumbnail img {
	width: auto;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	}

.txtBox {
	flex: 1 1 auto;
	text-align: left;
	}

.txtBox time {
	font-weight: bold;
	font-size: 1.2rem;
	color: #333;
	}

.txtBox h2 {
    margin: 0px;
    padding: 0px;
    font-size: 1.6rem;
    line-height: 1.3em;
    color: #369;
    border-left: none;
    border-right:none;
	}


/* page（お問い合わせ） ############################################ */

.form-box label { margin-bottom: 10px;}

.form-box textarea {
	width: 100%;
	border: solid 1px #999;
	padding: 5px 10px;
	font-size: 1.4rem;
	box-sizing: border-box;
	height: 10em;
	}

.form-box input {
	width: 60%;
	border: solid 1px #999;
	padding: 5px 10px;
	font-size: 1.4rem;
	box-sizing: border-box;
	}

.form-box input.imgbox { border: none;}

.form-box span { color: #c00;}

.form-box p.botan {
	text-align: center;
	margin: 0px auto 40px;
	}

.form-box p input.send {
	border: none;
	border-radius: 3px;
	background-color: #c00;
	color: #fff;
	font-size: 1.6rem;
	padding: 3px 10px;
	margin-top: 30px;
	font-weight: 900;
	text-align: center;
	}

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

br.noBr { display: none;}

}


/* アドセンス・PC（広告）############################################ */

.ad-box {
	margin-bottom: 20px;
	width: 100%;
	}


/* 琉球タロットカード ############################################ */

main h1.tarot-type-A {
    font-size: 2.2rem;
    margin-bottom: 10px;
    font-family: 'Noto Serif Japanese', serif;
    font-weight: 900;
    text-decoration: none;
    color: #7f1085;
	margin-bottom: 15em;
	}

.tarot-title01 {
	text-align: center;
	font-family: 'Noto Serif Japanese', serif;
	font-style: normal;
	font-weight: 900;
	font-size: 8rem;
	line-height: 1.5em;
	color: #000;
	margin: 0px;
	padding: 0px;
	}

.tarot-title02 {
	text-align: center;
	font-family: 'Noto Serif Japanese', serif;
	font-style: normal;
	font-weight: 700;
	font-size: 3rem;
	line-height: 1.5em;
	color: #000;
	margin: 0px 0px 1em;
	padding: 0px;
	}

.tarot-title03 {
	text-align: center;
	font-style: normal;
	font-weight: 700;
	font-size: 3rem;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
	}

.word01 {
	text-align: center;
	font-style: normal;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
	}

.tarotUl,
.tarotUl li {
	display: block;
	margin-bottom: 1em;
	}

.tarotUl li:first-letter {
	font-family: 'Noto Serif Japanese', serif;
	font-style: normal;
	font-weight: 700;
	font-size: 2.4rem;
	}

.tarotDl dd { font-weight: normal;}
main h2 span { font-weight: bold;}

.card-textBox {
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -150px;
	z-index: 200;
	width: 300px;
	}

.card-img {
  animation: r2 6s linear infinite;
	width: 200px;
	height: auto;
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -100px;
	z-index: 100;
	opacity: 0.3;
	}
 
@keyframes r2 {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); }
}


/* グリッド ############################################ */

body {
	display: grid;
	grid-template-columns: [left] minmax(20px, 1fr) [main] minmax(auto, 1140px) [main-end] minmax(20px, 1fr) [right];
	grid-template-rows: [head] auto [img] auto [nav] auto [main] auto [aside] auto [topBottom] auto [foot] auto [bottom];
	}

header  {
	grid-column-start: left;
	grid-column-end: right;
	grid-row-start: head;
	}

.topImages {
	grid-column-start: left;
	grid-column-end: right;
	grid-row-start: img;
	}

nav {
	grid-column-start: left;
	grid-column-end: right;
	grid-row-start: nav;
	}

main {
	grid-column-start: main;
	grid-row-start: main;
	width: 70%;
	box-sizing: border-box;
	}

.subContents {
	grid-column-start: main;
	grid-row-start: main;
	width: 28%;
	box-sizing: border-box;
	justify-self: end;
	}

.pageTop {
	grid-column-start: main;
	grid-row-start: topBottom;
	}

.footNavi {
	grid-column-start: left;
	grid-column-end: right;
	grid-row-start: aside;
	}

footer {
	grid-column-start: left;
	grid-column-end: right;
	grid-row-start: foot;
	}

/*  */

@media screen and (max-width: 1179px) {

header  {
	grid-column-start: left;
	grid-column-end: right;
	}

.topImages  {
	grid-column-start: left;
	grid-column-end: right;
	}

nav.globalNavi  {
	grid-column-start: left;
	grid-column-end: right;
	}

footer {
	grid-column-start: left;
	grid-column-end: right;
	}

}


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

button, .spNavi { display: none;}

}


@media screen and (max-width: 767px) {

header { padding-top: 40px;}

header h1,
header .headP {
	line-height: 1.2em;
	margin-bottom: 10px;
	font-size: 1.8rem;
	}

.wrapper,
.wrapper ul,
.wrapper section,
.banner01,
.banner02, { width: 100%;}

.topImages  { margin-bottom: 20px;}

.postNavi { display: block;}

header p { font-size: 1.4rem;}

.wp-pagenavi { font-size: 1.8rem;}

.main figure.tarot-title { width: 100%;}

.main h1.type-A { width: 100%;}

.tarot-box {
	flex-direction: column;
	text-align: center;
	}

.container { margin: 0px auto;}

.tarot-text { width: 100%;}


/* main（スマフォ表示） ############################################ */

main { width: auto;}

main .topTxit h1 { font-size: 1.6rem;}

main .topTxit h2 { font-size: 1.6rem;}

main .topTxit li { font-size: 1.4rem;}

main .topTxit p { font-size: 1.4rem;}

main .newsBlock h1.type-B { font-size: 1.6rem;}

main .newsBlock h1 a { font-size: 1.6rem;}

main .topTxit figure.zu001 { margin: 10px auto;}

main .topTxit ul { padding: 20px;}

main .newsBlock p { font-size: 1.4rem;}

main .sns ul { padding: 0;}

.tarot-text { width: 100%;}

.tarot-title { width: 100%;}

.recentEntries,
.recentCategories,
.categories { width: 100%;}

	
/* main（スマフォ表示：記事一覧） ############################################ */

main { margin-bottom: 20px;}

main article h1.type-A,
main article h2 { font-size: 1.6rem;}

main article p.link { font-size: 1.4rem;}

main .newsBlock article { display: block;}

main .newsBlock article figure {
	max-width: 300px;
    width: 100%;
    height: auto;
    margin: 0px auto;
	}

.entryInfo { font-size: 1.2rem;}

nav.globalNavi { display: none;}

.subContents {
	width: auto;
	justify-self: stretch;
	grid-row-start: aside;
	}

#wij_weather_in_japan { display: flex;}

#wij_weather_in_japan .count2 { flex: 1;}

#wij_weather_in_japan #wij_container { margin: 0 15px 0 0;}

button, .spNavi { display: block;}

.spNavi {
	grid-column-start: left;
	grid-column-end: right;
	grid-row-start: head;
	grid-row-end: bottom;
	z-index: 100;
	width: 280px;
	margin-left: -280px;
	background-color: rgba(0,0,0,0.7);
	}

body.open .spNavi { margin-left: 0;}

.spNavi ul {
	margin: 70px 0 0 0;
	padding: 0;
	}

.spNavi li a {
	display: block;
	padding: 20px 20px 20px 40px;
	color: #fff;
	font-size: 1.6rem;
	text-decoration: none;
	background: url("../images/arrow-circle-right-solid.svg") no-repeat 10px center transparent;
	background-size: 20px 20px;
	}

.spNavi li a:hover { background-color: #222;}

button {
	grid-column-start: left;
	grid-column-end: right;
	grid-row-start: head;
	justify-self: start;
	align-self: start;
	margin-left: 10px;
	margin-bottom: 20px;
	padding: 6px;
	border: none;
	background-color: transparent;
	color: #fff;
	font-size: 2rem;
	cursor: pointer;
	}

button:focus { outline: none;}

body button {
	z-index: 200;
	color: #fff;
	}

body:not(.open) .fa-close { display: none;}
body.open .fa-bars { display: none;}

body.open .page-cover {
	grid-column-start: left;
	grid-column-end: right;
	grid-row-start: head;
	grid-row-end: bottom;
	z-index: 50;
	background-color: rgba(0,0,0,0.2)
	}

.wesbannerA { display: none;}

.wesbannerB {
	margin: 0px 0px 20px;
	padding: 0px;
	display: block;
	}

.wesbannerB figure {
	margin: 0px;
	padding: 0px;
	max-width: 100%;
	}

}

/* 基のcss
------------------------------------------------------------------*/

table.calendar {
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
	}

table.calendar td {
	border: 1px #666 solid;
	padding: 4px;
	}

table.calendar th {
	border: 1px #666 solid;
	padding: 4px;
	text-align: center;
	background-color: #ccc;
	}

table.calendar th span {
	font-weight: bold;
	font-size: 1.4rem;
	}

table.calendar span.black { color: #333;}
table.calendar span.blue { color: #00c;}
table.calendar span.red { color: #c00;}
table.calendar span.small { font-size: 1.4rem;}
table.calendar span.large { font-size: 2rem;}

table.calendar p.day {
	font-weight: bold;
	font-size: 1.6rem;
	}


* { user-select: none !important; }