@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');


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-size: 100%;
/*font: inherit;*/
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input[type="text"], 
input[type="password"], 
textarea, 
select,*:focus {
    outline: none;
}


/*====================================================
////id common
====================================================*/
html{
    font-size: 10px;
    font-size: 62.5%;
	font-family: 'Noto Sans JP', "游ゴシック体 Medium", "YuGothic Medium", "游ゴシック Medium", "Yu Gothic Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	line-height: 2.4;
/*	letter-spacing: .02em;*/
}
body, button, input, select, optgroup, textarea {
	font-family: 'Noto Sans JP', "游ゴシック体 Medium", "YuGothic Medium", "游ゴシック Medium", "Yu Gothic Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 16px;
    font-size: 1.6rem;
    position: relative;
    background: #fff;
	color: #000;
/*	letter-spacing: .02em;*/
	line-height: 1.6;
	width: 100%;
    height: auto;
    overflow-x: hidden;
}
* {
    min-height:0;
    min-width : 0;
}

body * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
section {
    position: relative;
}
main {
	min-height: 80vh;
}
a {
	display: inline-block;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    color: inherit;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline:none;
    text-decoration: none;
}
a:hover, a:focus, a:active {
	color: inherit;
}
a img {
    -webkit-transition: .2s all;
    -webkit-transition: .1s all;
    transition: .1s all;
}

figure {
    position: relative;
}
figure img {
    position: relative;
}
figure.coverImg {
    overflow: hidden;
	padding-top: 75%;
}
figure.coverImg img {
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
		top: 0;
		left: 0;
	width: 100%;
	max-width: none;
	height: 100%;
	max-height: none;
}

/*img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
}*/

figure.square {
    display: block;
    width: 100%;
    padding-top: 100%;
}
figure.square img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

hr {
	background: #cccccc;
    border: none;
    margin: 30px auto;
	width: 100%;
	height: 1px;
}
hr.dot {
    border-style: dotted;
}

#contents {
    width: 100%;
    overflow: hidden;
	position: relative;
	z-index: 1;
}
.innerBox{
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 60px 0;
    position: relative;
	z-index: 1;
}
.innerBox.short {
	max-width: 960px;
}
.innerBox.wide {
	max-width: 1700px;
}
.inb {display: inline-block;}
.relative { position: relative; }
.flexBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.flexCenter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.flexWrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flexColumn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.gridBox {
    display: grid;
}
dl.gridBox {
	grid-template: 'dt dd';
	
}
.whiteBox {
    background: #fff;
    padding: 40px;
}
.round {
	border-radius: 20px;
}
.round-large {
	border-radius: 40px;
}
/*p {margin: 0 0 1.4em;}*/
p:last-child, p:last-of-type {margin-bottom: 0;}

.w100 {
	width: 100%;
}

.mw500 {max-width: 500px; margin: auto;}
.mw700 {max-width: 700px; margin: auto;}
.mw960 {max-width: 960px; margin: auto;}

input[type="radio"], input[type="checkbox"] {
    display: none;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
	body, button, input, select, optgroup, textarea {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.8;
		letter-spacing: .05em;
	}
    .innerBox {
        width: 90%;
    }
    .hidden-sp {
        display: none;
    }
    .whiteBox {
        padding: 20px;
    }
	.roundBox {
		border-radius: 10px;
		padding: 20px;
	}
	.flexColumn-sp {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    #contents {
        min-height: calc(100vh - 100px);
    }
    a:hover {
/*		color: #1b2b7f;*/
		opacity: .8;
    }
	a .orange {
		-webkit-transition: .2s all;
		transition: .2s all;
	}
/*
    a:hover .orange {
		color: #ff876d;
    }
*/
    a:hover img {
        opacity: .8;
    }

    .hidden-pc {
        display: none;
    }
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

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

/*====================================================
//note 余白
====================================================*/
.ma-0 {margin: 0 !important}
.ma-05em {margin: .5em !important}
.ma-10em {margin: 1.0em !important}
.ma-15em {margin: 1.5em !important}
.ma-20em {margin: 2em !important}
.ma-30em {margin: 3em !important}
.mt-0 {margin-top: 0 !important}
.mt-05em {margin-top: .5em !important}
.mt-10em {margin-top: 1.0em !important}
.mt-15em {margin-top: 1.5em !important}
.mt-20em {margin-top: 2em !important}
.mt-30em {margin-top: 3em !important}
.ml-0 {margin-left: 0 !important}
.ml-05em {margin-left: .5em !important}
.ml-10em {margin-left: 1.0em !important}
.ml-15em {margin-left: 1.5em !important}
.ml-20em {margin-left: 2em !important}
.ml-30em {margin-left: 3em !important}
.mr-0 {margin-right: 0 !important}
.mr-05em {margin-right: .5em !important}
.mr-10em {margin-right: 1.0em !important}
.mr-15em {margin-right: 1.5em !important}
.mr-20em {margin-right: 2em !important}
.mr-30em {margin-right: 3em !important}
.mb-0 {margin-bottom: 0 !important}
.mb-05em {margin-bottom: .5em !important}
.mb-10em {margin-bottom: 1.0em !important}
.mb-15em {margin-bottom: 1.5em !important}
.mb-20em {margin-bottom: 2em !important}
.mb-30em {margin-bottom: 3em !important}
.pa-0 {padding: 0 !important}
.pa-05em {padding: .5em !important}
.pa-10em {padding: 1.0em !important}
.pa-15em {padding: 1.5em !important}
.pa-20em {padding: 2em !important}
.pt-0 {padding-top: 0 !important}
.pt-05em {padding-top: .5em !important}
.pt-10em {padding-top: 1.0em !important}
.pt-15em {padding-top: 1.5em !important}
.pt-20em {padding-top: 2em !important}
.pb-0 {padding-bottom: 0 !important}
.pb-05em {padding-bottom: .5em !important}
.pb-10em {padding-bottom: 1.0em !important}
.pb-15em {padding-bottom: 1.5em !important}
.pb-20em {padding-bottom: 2em !important}

/*====================================================
//Class .sa ※要javascript
====================================================*/
.sa {
    opacity: 0;
    -webkit-transition: all 1.2s ease;
    transition: all 1.2s ease;
}
.sa.show {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
.sa-lr {
    -webkit-transform: translate(-80px, 0);
    transform: translate(-80px, 0);
}
.sa-rl {
    -webkit-transform: translate(80px, 0);
    transform: translate(80px, 0);
}
.sa-up {
    -webkit-transform: translate(0, 80px);
    transform: translate(0, 80px);
}
.sa-down {
    -webkit-transform: translate(0, -80px);
    transform: translate(0, -80px);
}
.sa-scaleUp {
    -webkit-transform: scale(.7);
    transform: scale(.7);
}
.sa-scaleDown {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
.sa-rotateL {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.sa-rotateR {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.delay-01 {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}
.delay-02 {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}
.delay-03 {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}
.delay-04 {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

@media all and (-ms-high-contrast: none) {
.sa {
    opacity: 1;
}
}
/*====================================================
//NOTE テキスト
====================================================*/

.f-05em {font-size: .5em}
.f-06em {font-size: .6em}
.f-07em {font-size: .7em}
.f-08em {font-size: .8em}
.f-09em {font-size: .9em}
.f-10em {font-size: 1.0em}
.f-11em {font-size: 1.1em}
.f-12em {font-size: 1.2em}
.f-13em {font-size: 1.3em}
.f-14em {font-size: 1.4em}
.f-15em {font-size: 1.5em}
.f-16em {font-size: 1.6em}
.f-17em {font-size: 1.7em}
.f-18em {font-size: 1.8em}
.f-20em {font-size: 2.0em}

.f-10 {font-size: 1.0rem}
.f-11 {font-size: 1.1rem}
.f-12 {font-size: 1.2rem}
.f-13 {font-size: 1.3rem}
.f-14 {font-size: 1.4rem}
.f-15 {font-size: 1.5rem}
.f-16 {font-size: 1.6rem}
.f-17 {font-size: 1.7rem}
.f-18 {font-size: 1.8rem}
.f-20 {font-size: 2.0rem}

small, .small {
    font-size: .8em;
}
big, .big {
    font-size: 1.2em;
}
strong {
    font-weight: bold;
}
sup {
    font-size: .5em;
    vertical-align: .5em;
}
.fuchi3 {
    text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}
.fuchi5 {
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}

.fw-bold {
    font-weight: bold;
}
.fw-normal {
    font-weight: normal;
}

.txt-left {
    text-align: left;
}
.txt-right {
    text-align: right;
}
.txt-center {
    text-align: center;
}

.lh-10 {
	line-height: 1;
}
.lh-14 {
	line-height: 1.4;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 1.5em;
    line-height: 1.6;
}


/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
	h1 {font-size: 2.8rem;}
	h2 {font-size: 2.6rem;}
	h3 {font-size: 2.2rem;}
	h4 {font-size: 2.0rem;}
	.excerpt {
		font-size: 1.5rem;
	}
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    h1 {font-size: 4.0rem;}
    h2 {font-size: 3.0rem;}
    h3 {font-size: 2.8rem;}
    h4 {font-size: 2.6rem;}
	.excerpt {
		font-size: 1.7rem;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

/*====================================================
//NOTE 装飾系
====================================================*/

.wp-block-button:not(.is-style-linkBtn-small):not(.is-style-linkBtn-line) .wp-block-button__link,
main .bodyText .wp-block-button:not(.is-style-linkBtn-small):not(.is-style-linkBtn-line) .wp-block-button__link,
.linkBtn { /* class linkBtn */
	background: #1b2b7f;
	border-radius: 10px;
	color: #fff !important;
    cursor: pointer;
/*	font-size: 1.2em;*/
	font-weight: bold;
	letter-spacing: .2em;
	line-height: 1.4;
	margin: 1.8em auto;
	min-width: 200px;
	position: relative;
	padding: 10px 35px;
	text-align: center;
	width: auto;
}
a.linkBtn:hover, a.linkBtn:focus, a.linkBtn:active {
	color: #fff;
}
.wp-block-button:not(.is-style-linkBtn-small):not(.is-style-linkBtn-line) .wp-block-button__link:hover,
main .bodyText .wp-block-button:not(.is-style-linkBtn-small):not(.is-style-linkBtn-line) .wp-block-button__link:hover,
.linkBtn:hover ,
a:hover .linkBtn {
	opacity: .8;
}
.wp-block-button:not(.is-style-linkBtn-small):not(.is-style-linkBtn-line) .wp-block-button__link:after,
main .bodyText .wp-block-button:not(.is-style-linkBtn-small):not(.is-style-linkBtn-line) .wp-block-button__link:after,
.linkBtn:after {
	content: '\279E';
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: auto;
	padding-bottom: .1em;
	position: absolute;
		top: 0;
		bottom: 0;
		left: calc(100% - 35px);
	-webkit-transition: .2s all;
	transition: .2s all;
	width: 1em;
	height: 1em;
/*	border: solid 1px;*/
}
.wp-block-button:not(.is-style-linkBtn-small):not(.is-style-linkBtn-line) .wp-block-button__link:hover:after,
main .bodyText .wp-block-button:not(.is-style-linkBtn-small):not(.is-style-linkBtn-line) .wp-block-button__link:hover:after,
.linkBtn:hover:after {
	left: calc(100% - 30px);
}

.linkBtn.square {
	border-radius: 0;
}
.linkBtn.square:before,
.linkBtn.square:after {
	display: none;
}
.wp-block-button .wp-block-button.is-style-outline .wp-block-button__link,
main .bodyText .wp-block-button.is-style-outline .wp-block-button__link ,
.linkBtn.whiteBtn {
    background: #fff !important;
	border: solid 1px #000;
	color: #282828 !important;
}
.linkBtn.grayBtn {
	background: #aeaeae;
}
.smallBtn {
	font-size: 1.4rem;
	min-height: 40px;
}

.is-style-linkBtn-small .wp-block-button__link,
main .bodyText .is-style-linkBtn-small .wp-block-button__link,
.linkBtn-small {
	background: transparent;
	border: solid 1px currentColor;
	border-radius: 0;
	color: currentColor;
	display: inline-block;
/*	font-weight: bold;*/
	margin: 1em 0;
	padding: 0 40px 0 20px;
	position: relative;
}
.is-style-linkBtn-small .wp-block-button__link:after,
main .bodyText .is-style-linkBtn-small .wp-block-button__link:after,
.linkBtn-small:after {
/*	background: currentColor;*/
	border: solid currentColor;
	border-width: 1px 1px 0 0;
	content: '';
	margin: auto;
	position: absolute;
		top: 0;
		right: 15px;
		bottom: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: .2s all;
	transition: .2s all;
	width: 8px;
	height: 8px;	
}
.is-style-linkBtn-line .wp-block-button__link,
main .bodyText .is-style-linkBtn-line .wp-block-button__link {
	background: transparent;
	color: currentColor;
	font-weight: bold;
	padding: 0 2em;
	position: relative;
}	
.is-style-linkBtn-line .wp-block-button__link:before ,
main .bodyText .is-style-linkBtn-line .wp-block-button__link:before ,
.is-style-linkBtn-line .wp-block-button__link:after ,
main .bodyText .is-style-linkBtn-line .wp-block-button__link:after {
	background: currentColor;
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	-webkit-transition: .2s all;
	transition: .2s all;
}
.is-style-linkBtn-line .wp-block-button__link:before,
main .bodyText .is-style-linkBtn-line .wp-block-button__link:before {
	width: 1px;
	height: 100%;
}
.is-style-linkBtn-line .wp-block-button__link:after,
main .bodyText .is-style-linkBtn-line .wp-block-button__link:after {
	width: 100%;
	height: 1px;
}


.ulineBtn {
	border-bottom: solid 1px currentColor;
	font-size: 2.2rem;
	position: relative;
	text-align: center;
	width: 80%;
	max-width: 300px;
}
.ulineBtn:before {
	background: currentColor;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: .2s all;
	transition: .2s all;
	width: 0;
	height: 1px;
}
.ulineBtn:hover:before {
	width: 100%;
}
.ulineBtn .btn-inner:before, 
.ulineBtn .btn-inner:after {
	background: currentColor;
	content: '';
	position: absolute;
	-webkit-transition: .2s all;
	transition: .2s all;
	width: 1px;
	height: 0;
}
.ulineBtn .btn-inner:before {
	bottom: 0;
	left: 0;
}
.ulineBtn .btn-inner:after {
	top: 0;
	right: 0;
}
.ulineBtn:hover .btn-inner:before ,
.ulineBtn:hover .btn-inner:after {
	height: 100%;
}


.arrow {
	background-color: currentColor;
	display: inline-block;
	position: relative;
	margin: .5em .6em .4em;
	-webkit-transition: .2s all;
	transition: .2s all;
	width: 30px;
	height: 1px;
}
.arrow:before {
	background: currentColor;
	content: '';
	position: absolute;
		right: 0;
	-webkit-transform: rotate(20deg) scale(.95);
	transform: rotate(20deg) scale(.95);
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
	width: 14px;
	height: 1px;
}

i.icon {
	margin: -.3em .5em 0 0;
	width: 20px;
	height: 1.5em;
}

dl.accordion dt {
	cursor: pointer;
}
dl.accordion dd {
	overflow: hidden;
	-webkit-transition: .2s all;
	transition: .2s all;
}

.bgBox {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.bgBox img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	
}

.dot_line {
}
.dot_line.color-green {
	background: url('img/dot-green.png') repeat-x bottom left / 10px auto;
}
.dot_line.color-pink {
	background: url('img/dot-pink.png') repeat-x bottom left / 10px auto;
}
.dot_line.color-yellow {
	background: url('img/dot-yellow.png') repeat-x bottom left / 10px auto;
}
.dot_line.color-l_red {
	background: url('img/dot-l_red.png') repeat-x bottom left / 10px auto;
}
.dot_line.color-blue {
	background: url('img/dot-blue.png') repeat-x bottom left / 10px auto;
}

.opacity-6 {opacity: .6}
.opacity-8 {opacity: .8}

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
	main .wp-block-button:not(.is-style-linkBtn-small) .wp-block-button__link,
	.linkBtn {
		font-size: 1.05em;
	}
	.ulineBtn {
		border-bottom: solid 1px currentColor;
		font-size: 1.7rem;
		position: relative;
		text-align: center;
		width: 80%;
		max-width: 300px;
	}

}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	main .bodyText .wp-block-button.is-style-outline .wp-block-button__link:after ,
	.linkBtn.whiteBtn:after {
		background: #000 !important;
	}
	main .bodyText .wp-block-button.is-style-outline .wp-block-button__link:hover ,
	.linkBtn.whiteBtn:hover {
		background: #f4f4ee !important;
		color: inherit !important;
	}
	.is-style-linkBtn-small .wp-block-button__link:hover:after,
	main .bodyText .is-style-linkBtn-small .wp-block-button__link:hover:after,
	a:hover .linkBtn-small:after ,
	.linkBtn-small:hover:after {
		right: 10px;
	}
	.is-style-linkBtn-line .wp-block-button__link:hover:before,
	main .bodyText .is-style-linkBtn-line .wp-block-button__link:hover:before {
		width: 2px;
	}
	.is-style-linkBtn-line .wp-block-button__link:hover:after,
	main .bodyText .is-style-linkBtn-line .wp-block-button__link:hover:after {
		height: 2px;
	}
	a:hover .arrow {
		margin-left: .9em;
		margin-right: .3em;
	}
	
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

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


ul.markList li {
    position: relative;
    padding-left: 1.2em;
    line-height: 1.5;
    margin: .3em 0;
}
ul.markList li:before {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
}
ul.markList.attentionMark li:before {
    content: '\203B';
}
ul.markList.dot li:before {
    content: '\30FB';
}
ul.markList.grd_dot li:before {
	background: -webkit-gradient(linear, left top, right top, from(#dcb54d), to(#ea674a));
	background: linear-gradient(to right, #dcb54d, #ea674a);
	background: linear-gradient(120deg, #dcb54d, #ea674a);
	border-radius: 100px;
	content: '';
	top: calc(.5em - 5px);
	width: 10px;
	height: 10px;
}
ol.number{
    counter-reset:number; /* 名前を付けたカウンターをリセット */
    list-style:none; /* olが数字を付けることをキャンセル */
    margin:0;
    padding:0;
}
ol.number > li{
    padding-left: 1.7em;
    line-height: 1.4;
    margin: .5em 0;
    position: relative;
}
ol.number > li:before{
    counter-increment: number;
    content: counter(number);
    position: absolute;
    top: 0em;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.4em;
    height: 1.4em;
    line-height: 1;
}
ol.number.circleMarkList > li:before{
    border: solid 1px;
    border-radius: 100%;
    font-size: .9em;
    top: .05em;
}

.circleBox {
    border-radius: 100%;
}

.markerline {
/*
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(45%, #f9de4b), color-stop(93%, #f9de4b), color-stop(98%, transparent));
	background: linear-gradient(transparent 90%, #f9de4b 90%, #f9de4b 100%);
    padding: 0 0.3em;
*/
	display: inline-block;
	padding-bottom: .3em;
	position: relative;
}
.markerline:after {
	background: #f9de4b;
	content: '';
	position: absolute;
		bottom: 0;
		left: -.2em;
	width: calc(100% + .4em);
	height: .3em;
}
.squareMark {
    border: solid 1px;
    border-color: inherit;
	display: inline-block;
    padding: .2em .4em .2em .5em;
    line-height: 1.3;
}

.circleMark {
    border: solid 1px;
    border-radius: 100px;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
}

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


/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}
/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}



/*====================================================
////note カラー
====================================================*/
.black {
	color: #000;
}
.white {
	color: #fff;
}
.green {
	color: #66bc38;
}
.yellow {
	color: #f9de4b;
}
.l_blue {
	color: #2d6cae;
}
.blue {
	color: #1b2b7f;
}
.red {
	color: #9f0020;
}
.purple {
	color: #c879db;
}
.brown {
	color: #945d41;
}
.l_red {
	color: #db6e85;
}
.d_red {
	color: #680015;
}
.pink {
	color: #ee99be;
}
.gray {
	color: #767b71;
}

.bg-white {
	background: #fff;
}
.bg-l_yellow {
	background: #fffbe0;
}
.bg-l_green {
	background: #deedd5;
}
.bg-green {
	background: #66bc38;
	color: #fff;
}
.bg-l_blue {
	background: #d5e8f7;
}
.bg-blue {
	background: #2d6cae;
	color: #fff;
}
.bg-purple {
	background: #c879db;
	color: #fff;
}
.bg-yellow {
	background: #f9de4b;
	color: #fff;
}
.bg-beige {
	background: #f7f8f6;
}
.bg-d_beige {
	background: #e9e6d9;
}
.bg-red {
	background: #b23750;
	color: #fff;
}
/*
.bg-l_pink {
	background: #fceef4;
}
*/
.bg-l_pink {
	background: #fadae9;
}
.bg-pink {
	background: #ee99be;
}
.bg-gray {
	background: #cccccc;
}
.bg-d_red {
	background: #680015;
	color: #fff;
}
.bg-l_red {
	background: #db6e85;
	color: #fff;
}


/*====================================================
//id form
====================================================*/
input, button, select {
    margin: 0;
    padding: 0;
    background: none;
    background-image: none;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: inherit;
    cursor: pointer;
}
input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="password"],input[type="url"],input[type="number"], select, textarea {
    -webkit-appearance: none;
/*    border: 1px solid rgba(83, 37, 15, 0.2);*/
    background: #fff;
    border: solid 1px #a7a7a7;
	font-family: semplicitapro, "游ゴシック体 Medium", "YuGothic Medium", "游ゴシック Medium", "Yu Gothic Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 1.6rem;
	line-height: 1.6;
    min-height: 1.8em;
    padding: 10px;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transition: .2s all;
    transition: .2s all;
}
textarea {
    resize: vertical;
    min-height: 80px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
	border-color: #b23750;
/*
    -webkit-box-shadow: 0 0 5px rgba(83, 37, 15, 0.5);
    box-shadow: 0 0 5px rgba(83, 37, 15, 0.5);
*/
}
input[type="file"], 
label {
    cursor: pointer;
}
form label {
    position: relative;
    line-height: 1.4;
    display: inline-block;
}

input[type="checkbox"] + span ,
input[type="checkbox"] + label {
    position: relative;
    padding-left: 2em;
    display: inline-block;
}
input[type="checkbox"] + span:before ,
input[type="checkbox"] + label:before {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    border: solid 1px;
    border-radius: 3px;
    border-color: rgba(83, 37, 15, 0.2);;
    top: .1em;
    left: 0px;
    background: #fff;
    -webkit-transition: .2s all;
    transition: .2s all;
}
input[type="checkbox"] + label:before {
	top: -.15em;
}
input[type="checkbox"] + span:after ,
input[type="checkbox"] + label:after {
    position: absolute;
    content: '';
    width: 11px;
    height: 7px;
    border: solid;
    border-width: 0 0 3px 3px;
	border-color: transparent transparent #b23750 #b23750;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 1px;
    left: 3px;
    opacity: 0;
    -webkit-transition: .2s all;
    transition: .2s all;
}
input[type="checkbox"] + label:after {
	top: -2px;
}
input[type="checkbox"]:checked + span:after ,
input[type="checkbox"]:checked + label:after {
    opacity: 1;
}
input[type="radio"] + span ,
input[type="radio"] + label {
    position: relative;
    padding-left: 30px;
}
input[type="radio"] + span:before,
input[type="radio"] + label:before {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    border: solid 1px;
    border-radius: 100%;
    border-color: #ccc;
    top: 0;
    left: 0px;
    background: #fff;
    -webkit-transition: .2s all;
    transition: .2s all;
}
input[type="radio"] + span:after,
input[type="radio"] + label:after {
    position: absolute;
    content: '';
    width: 9px;
    height: 9px;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    opacity: 0;
    -webkit-transition: .2s all;
    transition: .2s all;
}
input[type="radio"]:checked + span:after,
input[type="radio"]:checked + label:after {
    opacity: 1;
	background: #b23750;
}
.select {
    position: relative;
}
.select:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: solid 4px transparent;
    border-top-color: #53250F;
    border-top-width: 6px;
    border-bottom-width: 0;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none;
}
#confirm .select:before {
    display: none;
}
select {
    cursor: pointer;
}
.tel input[type="text"] {
    width: calc(100% / 3 - 10px);
    max-width: 100px;
}


/*====================================================
////id .yt
====================================================*/

.yt {
    position: relative;
    height: 0;
    padding: 0px 0 56.3%;
    overflow: hidden;
}
.yt iframe {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
}

/*====================================================
////id header
====================================================*/
header {
	background: url(img/header_bg.png) repeat-x center top;
	-webkit-transition: .2s all;
	transition: .2s all;
}
header .site-branding {
}
header .site-branding h1:before {
	background: url(img/heart_logo.png) no-repeat center / contain;
	content: '';
	margin: auto;
	position: absolute;
		top: 20px;
		left: 0;
		right: 0;
	width: 60px;
	height: 54px;;
}
header.global .site-branding h1:before {
	top: -.05em;
	left: 0;
	right: auto;
	bottom: 0;
	width: 1.7em;
	height: 1.7em;
}
header .site-branding .site-description {
	display: none;
}
header .menu li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	letter-spacing: .0em;
	line-height: 1.2;
	position: relative;
}
header .menu li a:before {
	content: '';
	position: absolute;
		left: 0;
		bottom: 0;
	-webkit-transition: .2s all;
	transition: .2s all;
	width: 100%;
	height: 4px;
	z-index: -1
}
header .menu li:nth-child(1) a:before {
	background: #66bc38;
}
header .menu li:nth-child(2) a:before {
	background: #ee99be;
}
header .menu li:nth-child(3) a:before {
	background: #f9de4b;
}
header .menu li:nth-child(4) a:before {
	background: #db6e85;
}
header .menu li:nth-child(5) a:before {
	background: #2d6cae;
}
header .menu li:nth-child(6) a:before {
	background: #c879db;
}
header .menu li:nth-child(7) a:before {
	background: #cccccc;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 959px) {
	header {
		background: none;
		height: 60px;
		position: relative;
		z-index: 99999;
	}
	header .site-branding {
		background: rgba(255, 255, 255, .8);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
		padding-left: 5vw;
		position: fixed;
			top: 0;
			left: 0;
		width: calc(100% - 60px);
		height: 60px;
/*		border: solid 1px;*/
	}
	header .site-branding h1 {
		color: #1b2b7f;
		font-size: 2.8rem;
		margin: 0;
		padding: 0 0 0 2em;
		position: relative;
	}
	header .site-branding h1:before {
		top: 0;
		right: auto;
		width: 1.7em;
		height: 1.7em;
	}
	header .menu-toggle {
		background: rgba(80, 167, 242, 0.5);
		color: transparent;
		display: block;
		overflow: hidden;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 9999;
		width: 60px;
		height: 60px;
	}
	header .menu-toggle:before,
	header .menu-toggle:after {
		border-bottom: solid 3px #fff;
		content: '';
		margin: auto;
		position: absolute;
		left: 15px;
		-webkit-transition: .2s all;
		transition: .2s all;
		width: 30px;
		height: 13px;
	}
	header .menu-toggle:before {
		border-top: solid 3px #fff;
		top: 18px;
		-webkit-transform-origin: top left;
		transform-origin: top left;
	}
	header .menu-toggle:after {
		bottom: 19px;
		-webkit-transform-origin: bottom left;
		transform-origin: bottom left;
	}
	header .menu-mainmenu-container {
		background: rgba(255, 255, 255, 0.8);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		overflow-y: auto;
		opacity: 0;
		padding: 40px 5% 80px;
		pointer-events: none;
		position: fixed;
			top: -100vh;
			left: 0;
			bottom: 100vh;
/*			bottom: 0;*/
		text-align: center;
		-webkit-transition: .5s all;
		transition: .5s all;
		width: 100%;
		height: auto;
			min-height: calc(100vh - 60px);
		z-index: -1;

		overflow-y: scroll;
		-ms-overflow-style: none;    /* IE, Edge 対応 */
		scrollbar-width: none;       /* Firefox 対応 */
	}
	header .menu-mainmenu-container::-webkit-scrollbar {  /* Chrome, Safari 対応 */
		display:none;
	}
	
	
	header .toggled .menu-toggle:before {
		border-bottom-color: transparent;
		height: 3px;
		left: 20px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	header .toggled .menu-toggle:after {
		left: 20px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	header .toggled .menu-mainmenu-container {
		background: rgba(255, 255, 255, 1);
		pointer-events: auto;
		opacity: 1;
		top: 60px;
		left: 0px;
		bottom: 0;
	}

	header.open .site-branding {
		background: rgba(255, 255, 255, 1);
	}
	header.open .menu-toggle {
		background: rgba(80, 167, 242, 1);
	}
	
	
	header .menu-mainmenu-container .menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-ms-flex-direction: column;
			flex-direction: column;
		margin: auto;
/*		max-width: 240px;*/
	}
	header .menu-mainmenu-container .menu li a {
		margin: 10px 0;
		padding: 8px;
	}
	header .menu-mainmenu-container .menu li a:before {
		display: none;
	}
}

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

@media screen and (max-width:580px) {
	header .site-branding h1 {
		font-size: 6vw;
	}
}

/* ////////// mobile - tablet ////////// */

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


/* ////////// PC ////////// */
@media print, screen and (min-width: 960px) {
	header {
		height: 210px;
		margin-bottom: 30px;
	}
	header .site-branding {
		padding-top: 10px;
	}
	header.global .site-branding {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
		margin: auto;
		padding: 5px 0 0;
		position: fixed;
			top: 0;
			left: 0;
			right: 0;
		width: 90%;
		max-width: 1000px;
		z-index: 99999;

	}
	header .site-branding:before {
		background: rgba(255, 255, 255, .8);
		content: '';
		opacity: 0;
		position: absolute;
			top: 0;
			left: -50%;
		-webkit-transition: .2s all;
		transition: .2s all;
		width: 200%;
		height: 95px;
		z-index: -1;
	}
	header.global .site-branding:before {
		opacity: 1;
	}

	header .site-branding h1 {
		color: #1b2b7f;
		font-size: 3.0rem;
		line-height: 1;
		margin: 0;
		padding: 75px 0 0;
		position: relative;
		text-align: center;
		width: 100%;
	}
	header.global .site-branding h1 {
		font-size: 2.2rem;
		padding: 0 0 0 2em;
		margin: 5px 0;
		text-align: left;
	}
	header .menu-toggle {
		display: none;
	}
	header #site-navigation {
		margin: auto;
		padding: 50px 0 0;
		width: 90%;
		max-width: 1000px;
		z-index: 99999;
	}
	header.global #site-navigation {
		margin: auto;
		padding: 0 0 0px;
		position: fixed;
			top: 40px;
			left: 0;
			right: 0;
		width: 90%;
		max-width: 1000px;
		z-index: 99999;
	}
	header #site-navigation .menu {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
		margin-left: -7px;
		width: calc(100% + 14px);
	}
	.main-navigation.toggled ul {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
	header #site-navigation .menu li {
		font-size: 1.6rem;
		padding: 0 7px;
		width: 100%;
	}
	header .menu li a {
		height: 45px;
		padding: 5px 0;
	}
	header .menu li a:hover {
		color: #fff;
	}
	header .menu li a:hover:before {
		height: 100%;
	}
}

@media screen and (min-width:960px) and (max-width:1199px) {
	header #site-navigation .menu li {
		font-size: 1.4rem;
		padding: 0 4px;
	}
}

@media screen and (min-width:1200px) {
	header #site-navigation .menu li {
		font-size: 1.7rem;
	}
}
@media screen and (min-width:1400px) {
}

/*====================================================
////class .slick
====================================================*/
.slick-dotted.slick-slider {
	margin: 0 0 10px;
}
.slick-dots {
	bottom: -10px;
}
.slick-dots li {
	width: auto;
	height: auto;
	margin: 0 3px;
}
.slick-dots li button {
	width: 30px;
	height: 20px;
	padding: 0;
}
.slick-dots li button:before {
	background: #e9e6d9;
	content: '';
	opacity: 1;
	position: absolute;
		top: 9px;
		left: 0;
	width: 100%;
	height: 2px;
}
.slick-dots li.slick-active button:before {
	background: #680015;
}

.slick-prev ,
.slick-next {
	background: #fff !important;
	opacity: .8;
	-webkit-transition: .2s all;
	transition: .2s all;
	width: 35px;
	height: 50px;
	z-index: 1000;
}
.slick-prev:hover ,
.slick-next:hover {
	background: #fff;
	opacity: 1;
}
.slick-prev {
	left: 0;
}
.slick-next {
	right: 0;
}

.slick-prev * {
	display: none;
}
.slick-prev:before ,
.slick-next:before {
	border-top: solid 1px #000;
	margin: auto;
	top: 0;
	right: 10px;
	bottom: 0;
	-webkit-transform: none;
	transform: none;
	width: 15px;
	height: 0;
}
.slick-prev:after ,
.slick-next:after {
	border: solid #000;
	border-width: 1px 1px 0 0;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 8px;
	height: 8px;
}
.slick-prev:after {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	left: 10px;
}
.slick-next:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

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

/*====================================================
//// class table.responsive
====================================================*/
table th,
table td {
	/*background: #fff;*/
	font-weight: normal;
	line-height: 1.4;
/*	text-align: center;*/
	vertical-align: middle;
}
.entry-content table th {
 text-align: center;
}
.entry-content table td {
 
}
table th,
table td {
	border: solid #acadac;
	border-width: 0 1px 1px 0;
}

table th ,
table td {
	padding: 10px 10px;
}

table.responsive {
	width: 100%;
}
table thead th {
	background: #ebf0e7;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
	table.responsive {
		display: block;
	}
	table.responsive thead {
		display: none;
	}
	table.responsive tbody {
		display: block;
	}
	table.responsive tr {
		background: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 20px 0;
		padding: 0 10px;
		position: relative;
		width: 100%;
	}
	table.responsive tr.no_head {
		margin-top: -20px;
	}
	table.responsive th {
		font-size: 1.8rem;
	}
	table.responsive td.sub_head {
		background: #e6ddd8;
		border-bottom: 0;
		margin-top: 15px;
		padding-left: 8px;
		text-align: center;
	}
	table.responsive td.blank {
		display: none;
	}
	table.responsive th {
		border-bottom: solid 1px rgba(0, 0, 0, .8);
		font-weight: bold;
		padding: 15px 8px;
		width: 100%;
	}
	table.responsive td {
		border-bottom: dotted 1px rgba(0, 0, 0, .8);
		padding: 15px 8px 15px 120px;
		text-align: left;
		-webkit-transition: .4s ease;
		transition: .4s ease;
		width: 100%;
	}
	table.responsive td.price {
		text-align: right;
	}
	table.responsive td:last-child {
		border: none;
	}
	table.responsive td:before {
		color: #000;
		content: attr(data-label);
		font-size: 1.2rem;
		font-weight: normal;
		padding-top: .25em;
		position: absolute;
			left: 18px;
	}
}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	table th,
	table td {
	}
	table td {
		padding: 15px 20px;
	}

	table thead th:last-child,
	table td:last-child {
		border-right: 0;
	}
	table.responsive td.blank .blank_line {
		background: #fff;
		display: block;
		margin: -8px auto -8px -12px;
		position: relative;
		width: 3px;
		height: calc(100% + 16px);
		z-index: 1;
	}

}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

/*====================================================
//// class .tabBox
====================================================*/

.tabBox {
	position: relative;
}
.tabBox .tabArea {
	position: relative;
	z-index: 10;
}
.tabBox .tabArea li {
	background: #fff;
	border: solid 2px #ee99be;
	color: #aaa;
	cursor: pointer;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 2.4rem;
	height: 60px;
	line-height: 1.2;
	padding: 5px;
	-webkit-transition: .2s all;
	transition: .2s all;
}
.tabBox .tabArea li.current {
	background: #ee99be;
	color: #fff;
	cursor: default;
	pointer-events: none;
}
.tabBox .tabArea li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-decoration: none;
	width: 100%;
	height: 100%;
}
.tabBox .tabArea li.current a {
	pointer-events: none;
}
.tabBox .contentArea {
	position: relative;
	-webkit-transition: .4 all;
	transition: .4 all;
}
.tabBox .contentArea .tab_content {
	-webkit-transition: .2s all;
	transition: .2s all;
}
.tabBox .contentArea .tab_content:not(.current) {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
	.tabBox .tabArea {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.tabBox .tabArea .tab {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		font-size: 1.4rem;
		height: auto;
		min-height: 40px;
		padding: 6px 3px;
	}
}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

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


/*====================================================
//// id
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

/*====================================================
//// id
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

/*====================================================
////class .pagetop
====================================================*/

.pagetop {
    display: none;
    position: fixed;
    bottom: -50px;
    right: 0px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: right top;
	transform-origin: right top;
	width: 150px;
	height: 50px;
	z-index: 1000;
/*	border: solid 1px*/
}
.pagetop.stop {
    position: absolute;
    top: 150px;
}
.pagetop a {
	background: #b4baae;
	color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
    font-size: 1.3rem;
	line-height: 1;
    opacity: .6;
    padding-left: .2em;
	width: 100%;
	height: 100%;
}
.pagetop span {
	padding-left: 1.5em;
	position: relative;
}
.pagetop span:before {
	background: #fff;
	content: '';
	margin: auto;
	position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
	width: 1em;
	height: 1px;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
	.pagetop {
		bottom: -35px;
		width: 150px;
		height: 35px;
	}
}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	.pagetop a:hover {
		opacity: 1;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

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

/*====================================================
////id footer
====================================================*/
footer {
	position: relative;
}
footer:before {
	background: url(img/fp_mv_bg-1.png) no-repeat bottom center / cover;
	content: '';
	position: absolute;
		bottom: 0;
		left: 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	width: 100%;
	height: 80%;
		max-height: 140px;
	z-index: -1;
}
footer #footer-menu {
	margin: 0 auto;
	padding: 60px 0 20px;
	width: 90%;
	max-width: 1000px;
}
footer .logo figure{
	width: 100px;
	margin: auto;
}
footer #footer-menu  ul.menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
/*	font-size: 1.3rem;*/
}
footer #footer-menu .menu li {
	margin: 5px;
	text-align: center;
}
footer .site-info {
	display: none;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
	footer #footer-menu .menu li a {
		padding: 0 .5em;
	}
}

@media screen and (max-width:580px) {
	footer #footer-menu .menu ul {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	footer #footer-menu .menu li {
		width: calc(50% - 10px);
	}
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	footer #footer-menu .menu li a {
		padding: 0 .5em;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

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


/*====================================================
//// id
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

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


/**** 追記分 ***/
/*====================================================
////base setting
====================================================*/
a, a:visited {
color: #000;
}
/*.page header, .archive header, .single header {
position: relative;
}*/
.post, .page {
    margin: 0;
}
#frontpage-mv h1 {
line-height: 100%;
margin-bottom: 30px;
}
header .site-branding h1 a, header .site-branding h1 a:visited{
color: #1b2b7f;
}
p.fuchi3 {
line-height: 180%;
font-size: 115%
}
.single main#primary {
margin: 0 auto;
width: 800px;
}
#posts_list ul .title{
line-height: 150%;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
.single main#primary {
		width: 90%;
	}
}
/*.home main#primary {
width: auto;
}*/
/*====================================================
////pilugin substitute
====================================================*/
.wpulike-default .count-box {
padding: 0 25px;
	width: 120px;
}

/*====================================================
////single cotent setting
====================================================*/
.single header.entry-header {
background: none;
height: auto;
z-index: 0;
}
.single header.entry-header h1.entry-title{
margin-top: 70px;
font-size: 1.8em;
padding-bottom: 5px;
/*background: url('img/dot-blue.png') repeat-x bottom left / 10px auto;*/
margin-bottom: 5px;
}

.single article .content_meta {
display: flex;
justify-content: flex-end;
margin-bottom: 50px;
}
.single article .content_meta .date{
margin-right: 10px;
}
.single article .content_meta .wpulike{
padding: 0;
}
.single .entry-content {

}
.single .entry-content a{
display: inline;
}
.single .entry-content h1{
font-size: 2em;
 margin-bottom: 1em;
}
.single .entry-content h2{
font-size: 1.6em;
 margin-bottom: 15px;
}
.single .entry-content h3{
font-size: 1.4em;
 margin-bottom: 15px;
}
.single .entry-content h4{
font-size: 1.2em;
 margin-bottom: 15px;
}
.single .entry-content h5{
font-size: 1.0em;
 margin-bottom: 15px;
}
.single .entry-content h6{
font-size: 1.0em;
 margin-bottom: 15px;
}
.single .entry-content p{
 margin-bottom: 15px !important;
}
.single .entry-content figure{
 margin-bottom: 20px;
}
.single .entry-content a, .single .entry-content a:visited{
color: #1d3994;
}
.single .entry-content p {
line-height: 180%;
 margin: 0 0 1em;
}
.single .entry-content img{
/*width: 100%;*/
}

.single .entry-content ul, .single .entry-content ol {
margin: 1em 0;
padding-left: 2em;
}
.single .entry-content ul {
list-style-type: disc;
}
.single .entry-content ol {
list-style-type: decimal;
}

.single .entry-content table {
    margin-bottom: 1em;
}
.single .entry-content th, .single .entry-content td {
border: 1px solid gray;
border-collapse: separate;
padding: 5px;
}
.single .entry-content .boder-none th, .single .entry-content .boder-none td {
 border: none;
}
.single .entry-content .col1-nowrap td {

}
.single .entry-content .col1-nowrap td:nth-of-type(1) {
white-space: nowrap;
}
.single .entry-content .col2-nowrap td:nth-of-type(2) {
white-space: nowrap;
}
.single .entry-content .col3-nowrap td:nth-of-type(3) {
white-space: nowrap;
}
.single .entry-content .col1-100 td:nth-of-type(1) {
width: 100px;
}
.single .entry-content .col1-150 td:nth-of-type(1) {
width: 150px;
}
.single .entry-content .col1-200 td:nth-of-type(1) {
width: 200px;
}
.single .entry-content .col1-300 td:nth-of-type(1) {
width: 300px;
}
main#primary {

}
main#primary nav{
margin-top: 50px;
border-top: 2px #CCC dotted;
padding-top: 15px;
}
main#primary nav .nav-links {
display: block;
}
main#primary nav .nav-links a, main#primary nav .nav-links a:visited{
color: #1d3994;
}
main#primary nav .nav-links .nav-subtitle {
color: #000;
}
main#primary nav.post-navigation .nav-next {
text-align: unset;
}
/*====================================================
////top　移設分
====================================================*/
img {
    /*width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;*/
}
section#mainCopy{
}
section#mainCopy .balloonBox{

}

section#mainCopy .balloonBox a{

}
section#mainCopy img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
}
section#mainCopy .txtBox a{
color: #FFF;
}
/*====================================================
////メッセージ
====================================================*/
.tabBox .contentArea .tab_content:not(.current) {
display: none;
}
/*====================================================
//// 寄付者の皆様
====================================================*/
#donors .detailBox{
padding: 0 20px;
}
#donors .detailBox .flexBox{
flex-wrap: wrap;
}
#donors.bodyText div.circle p {
font-size: 1.8rem;
    margin: 0 0 35px;
				width: 50%;
				padding-left: 5px;
    position: relative;
				line-height: 1.4;
}
@media screen and (max-width: 768px) {
#donors.bodyText div.circle p {
		width: 100%;
	}
}
#donors.bodyText div.circle p:before{
background: #f9de4b;
    border-radius: 50px;
    content: '';
    margin: auto;
    position: absolute;
    top: calc(.5em - 4px);
    left: 0;
    width: 16px;
    height: 16px;
}
/*====================================================
//// 404
====================================================*/
section.error-404{
width: 800px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
section.error-404 {
width: 100%;
padding: 0 10px;
}
}
section.error-404 .preparation{
margin: 5em 0;
}
section.error-404 .preparation .top_link {
margin-top: 3em;
}
/*====================================================
//// search
====================================================*/
.search main#primary {
width: 800px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.search main#primary {
width: 100%;
padding: 0 10px;
}
}
.search main#primary h1.page-title{
margin-top: 70px;
font-size: 1.8em;
border-bottom: 2px #1b2b7f dotted;
margin-bottom: 30px;
}

.search main#primary article {

}
.search main#primary article h2.entry-title{
    font-size: 1.4em;
				margin-bottom: 10px;
}
.search main#primary article .entry-summary {
margin-top: 0.5em;
border-bottom: 1px #1b2b7f dotted;
margin-bottom: 2em;
}
/*====================================================
////breadcrumbs
====================================================*/
.breadcrumbs {

}
.breadcrumbs ul.flexBox{
flex-wrap: wrap;
}
/*====================================================
////no-results
====================================================*/
section.no-results{
}
section.no-results form{
margin-top: 50px;
margin-bottom: 150px;
display: flex;
}
section.no-results .search-field{
width: 500px;
margin-right: 20px;
}
section.no-results .search-submit{
width: 200px;
}

@media screen and (max-width: 768px) {
main#primary #message .tab_content-inner > .headBox .bgBox {
    left: -5vw;
    width: 100vw;
}
}