/* "PC" Style Sheet */


/* =====================================================
▼ COMMON
===================================================== */
.times {
	font-family: 'Times','Times New Roman', serif;
}
.ita {
	font-style: oblique;
}
.fc-red {
	color: #B41900;
}
.bg-gry {
	background-color: #F2F2F2;
}
.bg-wall {
	background-image: url(../img/common/bg_wall.jpg);
	background-position: left top;
	background-repeat: repeat;
}
.first-txt {
	margin-top: -10px;
}

.btn-link {
	display: inline-block;
	font-size: 110%;
	line-height: 1em;
	text-align: center;
}
.btn-link a {
	display: block;
	color: #000;
	text-decoration: none;
	border: solid 1px #000;
	padding: 10px 20px;
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
}
.btn-link a:hover,
.btn-link a:active {
	color: #FFF;
	background-color: #000;
}
.btn-link.red a {
	color: #B41900;
	border: solid 1px #B41900;
}
.btn-link.red a:hover,
.btn-link.red a:active {
	color: #FFF;
	background-color: #B41900;
}
.btn-link.wht a {
	color: #FFF;
	border: solid 1px #FFF;
}
.btn-link.wht a:hover,
.btn-link.wht a:active {
	color: #000;
	background-color: #FFF;
}
.btn-link.fix {
	width: 300px;
}
.btn-link.fit {
	width: 100%;
}
.btn-link.nonflex {}
.txt-link {
	font-size: 120%;
	line-height: 1.5em;
	font-weight: bold;
	text-align: right;
}
.txt-link a {
	text-decoration: none;
}
.txt-link i {
	margin: 0;
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
}
.txt-link:hover i,
.txt-link:active i {
	margin-left: 10px;
	margin-right: -10px;
}



/* =====================================================
▼ FORM TEMPLATE
===================================================== */
form {
	text-align: left;
}
form table.form-list {
	width: 100%;
}
form table.form-list tr {
	border-bottom: solid 1px #AEAEAD;
}
form table.form-list tr:first-child {
	border-top: solid 1px #AEAEAD;
}
form table.form-list tr th {
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	padding: 15px 0;
	padding-right: 25px;
}
form table.form-list tr th.required:after {
	content: "※";
	color: #B41900;
}
form table.form-list tr td {
	position: relative;
	width: 100%;
	vertical-align: middle;
	padding: 15px 0;
}
form table.form-list.confirm {
	border-collapse: collapse;
}
form table.form-list.confirm tr {
	border-bottom: solid 1px #AFAFAF;
}
form table.form-list.confirm tr th {
	padding: 20px;
	padding-right: 50px;
}
form table.form-list.confirm tr td {
	padding: 20px;
}
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form input[type="password"],
form input[type="search"] {
	border: solid 1px #AFAFAF;
	padding: 5px;
	outline: none;
	
	box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
}
form input[type="search"] {
	font-family: FontAwesome;
}
form input[type="checkbox"] {
	margin-right: 0.5em;
}
form input[type="radio"] {
	margin-right: 0.5em;
}
form input::placeholder {
	color: rgba(0,0,0,0.4);
}
form input::placeholder:-ms-input-placeholder {
	color: rgba(0,0,0,0.4);
}
form input::placeholder::-ms-input-placeholder {
	color: rgba(0,0,0,0.4);
}
form label {
	line-height: 2.5em;
	white-space: nowrap;
	margin-right: 5px;
}
form select {
	height: 28px;
	border: none;
	border-radius: 0;
	background-color: transparent;
	outline: solid 1px #AFAFAF;
	outline-offset: inherit;
	padding: 0 5px;
	-webkit-appearance:none;
}
form select.fix {
	width: 317px;
}
form textarea {
	width: 100%;
	height: 125px;
	line-height: 2em;
	vertical-align: top;
	border: solid 1px #AFAFAF;
	padding: 5px 10px;
	outline: none;
	
	box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
}
form p.count {
	position: absolute;
	top: -2em;
	right: 0;
}
form p.attention {}

form button[type=button],
form button[type=image],
form button[type=reset],
form button[type=submit],
form input[type=button],
form input[type=image],
form input[type=reset],
form input[type=submit] {
	letter-spacing: 0.1em;
	border: none;
	background-color: transparent;
	padding: 10px 20px;
	outline: none;
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
}
form button[type=button],
form button[type=image],
form button[type=reset],
form input[type=button],
form input[type=image],
form input[type=reset] {
	display: inline-block;
	font-size: 110%;
	line-height: 1em;
	text-align: center;
	color: #000;
	border: solid 1px #000;
}
form button[type=button]:hover,
form button[type=button]:active,
form button[type=image]:hover,
form button[type=image]:active,
form button[type=reset]:hover,
form button[type=reset]:active,
form input[type=button]:hover,
form input[type=button]:active,
form input[type=image]:hover,
form input[type=image]:active,
form input[type=reset]:hover,
form input[type=reset]:active {
	color: #FFF;
	background-color: #000;
}
form button[type=submit],
form input[type=submit] {
	font-size: 110%;
	line-height: 1em;
	text-align: center;
	color: #000;
	border: solid 1px #000;
}
form button[type=submit]:hover,
form button[type=submit]:active,
form input[type=submit]:hover,
form input[type=submit]:active {
	color: #FFF;
	background-color: #000;
}
form button.fix,
form input.fix {
	width: 300px;
}
form button.fit,
form input.fit,
form select.fit {
	width: 100%;
}
form button.nonflex,
form input.nonflex,
form select.nonflex {}
form input.half {}

form ul.form-col2 {}
form ul.form-col2 li {
	width: 200px;
	margin-right: 10px;
}
form ul.form-col2 li:nth-child(2n) {
	margin-right: 0;
}
form ul.form-col2 li input {
	width: 100%;
}

form ul.btn-list {}
form ul.btn-list li {
	width: calc((100% - 20px;) / 2);
	margin-right: 20px;
}
form ul.btn-list li:nth-child(2) {
	margin-right: 0;
}

div.custom-select {
	position: relative;
	height: 35px;
	text-align: center;
	border: 1px solid #000;
	background: #FFF;
	overflow: hidden;
	
	box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
}
div.custom-select::after {
	content: '▼';
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	font-size: 10px;
	line-height: 1em;
	color: #FFF;
	background-color: #000;
	padding: 13px;
	pointer-events: none;
	
	box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
}
div.custom-select p.select-ttl {
	position: absolute;
	top: 0;
	left: 15px;
	line-height: 2.8em;
	color: #000;
}
div.custom-select p.select-val {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	font-size: 14px;
	line-height: 2.6em;
	text-align: center;
	color: #000;
	padding: 0 50px;
}
div.custom-select select {
	position: relative;
	width: 100%;
	height: 35px;
	cursor: pointer;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	padding: 0;
	z-index: 1;
	
	filter: alpha(opacity=0); /* IE 6,7*/
	opacity: 0;
		-ms-filter: "alpha(opacity=0)"; /* IE 8,9 */
		-moz-opacity: 0; /* FF,Netscape */
		-khtml-opacity: 0; /* Safari 1.x */
	zoom: 1; /* IE */
}
div.custom-select select::-ms-expand {
	display: none;
}

.g-recaptcha {
	text-align: center;
}
.g-recaptcha > div {
	display: inline-block;
}



/* =====================================================
▼ HEADER
===================================================== */
header {}
header div.top-logo {
	position: fixed;
	top: 50px;
	right: 50px;
	visibility: visible;
	z-index: 2000;
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
	
	backface-visibility:hidden;
		-webkit-backface-visibility:hidden;
		-moz-backface-visibility:hidden;
}
header nav {
	position: fixed;
	top: 50px;
	left: 50px;
	z-index: 2001;
}
@media screen and (max-width:1260px){
	header div.top-logo {
		right: 30px;
	}
	header nav {
		left: 30px;
	}
}
header nav div.navi-wrap {
	display: none;
	position: absolute;
	top: 0;
	left: 50px;
}
header nav div.navi-wrap > div {
	display: table;
	visibility: hidden;
	background-color: #000;
	margin-left: -50px;
	
	filter: alpha(opacity=0); /* IE 6,7*/
	opacity: 0;
		-ms-filter: "alpha(opacity=0)"; /* IE 8,9 */
		-moz-opacity: 0; /* FF,Netscape */
		-khtml-opacity: 0; /* Safari 1.x */
	zoom: 1; /* IE */
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
}
header nav div.navi-wrap > div.active {
	visibility: visible;
	margin-left: 0;
	
	filter: alpha(opacity=100); /* IE 6,7*/
	opacity: 1.0;
		-ms-filter: "alpha(opacity=100)"; /* IE 8,9 */
		-moz-opacity: 1.0; /* FF,Netscape */
		-khtml-opacity: 1.0; /* Safari 1.x */
	zoom: 1; /* IE */
}
header nav div.navi-wrap > div > ul > li {
	position: relative;
	display: table-cell;
	vertical-align: top;
	font-size: 100%;
	line-height: 1em;
	white-space: nowrap;
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
}
header nav div.navi-wrap > div > ul > li > a {
	display: block;
	height: 49px;
	color: #FFF;
	text-decoration: none;
	padding: 18px 10px;
	
	box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
}
header nav div.navi-wrap > div > ul > li:nth-last-child(2) > a {
	padding-right: 20px;
}
header nav div.navi-wrap > div > ul > li a:hover,
header nav div.navi-wrap > div > ul > li a:active {
	color: #B41900;
}
header nav div.navi-wrap > div > ul > li.shopping a {
	color: #FFF;
	background-color: #B41900;
}
header nav div.navi-wrap > div > ul > li.shopping a:hover,
header nav div.navi-wrap > div > ul > li.shopping a:active {
	color: #000;
}
header nav div.navi-wrap > div > ul > li.shopping ul.sns-icon-list {
	display: none;
}
header nav div.navi-wrap > div > ul > li.shopping ul.mypage-list {}
header nav div.navi-wrap > div > ul > li.shopping ul.mypage-list li {}
header nav div.navi-wrap > div > ul > li.shopping ul.mypage-list li a {
	background-color: #000;
}
header nav div.navi-wrap > div > ul > li ul.sub-menu {
	position: absolute;
	top: 49px;
	right: 0;
	visibility: hidden;
	
	filter: alpha(opacity=0); /* IE 6,7*/
	opacity: 0;
		-ms-filter: "alpha(opacity=0)"; /* IE 8,9 */
		-moz-opacity: 0; /* FF,Netscape */
		-khtml-opacity: 0; /* Safari 1.x */
	zoom: 1; /* IE */
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
}
header nav div.navi-wrap > div > ul > li ul.sub-menu.active {
	visibility: visible;
	
	filter: alpha(opacity=100); /* IE 6,7*/
	opacity: 1.0;
		-ms-filter: "alpha(opacity=100)"; /* IE 8,9 */
		-moz-opacity: 1.0; /* FF,Netscape */
		-khtml-opacity: 1.0; /* Safari 1.x */
	zoom: 1; /* IE */
}
header nav div.navi-wrap > div > ul > li ul.sub-menu li {
	border-top: solid 1px #FFF;
	background-color: #000;
}
header nav div.navi-wrap > div > ul > li ul.sub-menu li a {
	display: block;
	text-decoration: none;
	color: #FFF;
	padding: 18px 10px;
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
}
header nav div.navi-wrap > div > ul > li ul.sub-menu li a:hover,
header nav div.navi-wrap > div > ul > li ul.sub-menu li a:active {
	color: #B41900;
}
header nav div.navi-btn {
	position: relative;
	display: inline-block;
	background-color: #000;
	padding: 18px 15px;
	cursor: pointer;
	z-index: 1;
}
header nav div.navi-btn > div {
	position: relative;
	width: 20px;
	height: 13px;
}
header nav div.navi-btn > div:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background-color: #FFF;
	
	transform: rotate(0);
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
}
header nav div.navi-btn.open > div:before {
	top: 40%;
	
	transform: rotate(-45deg);
}
header nav div.navi-btn > div:after {
	content: "";
	position: absolute;
	top: calc(100% - 1px);
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background-color: #FFF;
	
	transform: rotate(0);
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
}
header nav div.navi-btn.open > div:after {
	top: 40%;
	
	transform: rotate(45deg);
}
header nav div.navi-btn > div span {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #FFF;
	margin-top: -1px;
	
	filter: alpha(opacity=100); /* IE 6,7*/
	opacity: 1;
		-ms-filter: "alpha(opacity=100)"; /* IE 8,9 */
		-moz-opacity: 1; /* FF,Netscape */
		-khtml-opacity: 1; /* Safari 1.x */
	zoom: 1; /* IE */
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
}
header nav div.navi-btn.open > div span {
	filter: alpha(opacity=0); /* IE 6,7*/
	opacity: 0;
		-ms-filter: "alpha(opacity=0)"; /* IE 8,9 */
		-moz-opacity: 0; /* FF,Netscape */
		-khtml-opacity: 0; /* Safari 1.x */
	zoom: 1; /* IE */
}
header nav div.navi-btn:after {
	position: absolute;
	bottom: -25px;
	font-family: 'Times','Times New Roman', serif;
	font-size: 90%;
	line-height: 1.5em;
	font-style: oblique;
	color: #000;
}
header nav div.navi-btn.close:after {
	content: "MENU";
	left: 4px;
}
header nav div.navi-btn.open:after {
	content: "CLOSE";
	left: 2px;
}

header div.top-logo {
	width: 55px;
	height: 155px;
	background-image: url(../img/common/logo_blk_03.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
header.switch div.top-logo {
	width: 55px;
	height: 155px;
	background-image: url(../img/common/logo_wht_03.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
header div.top-logo:hover,
header div.top-logo:active,
header.switch div.top-logo:hover,
header.switch div.top-logo:active {
	background-image: url(../img/common/logo_red_03.svg);
}

/* header div.top-logo {
	width: 61px;
	height: 124px;
	background-image: url(../img/common/logo_blk.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
header.switch div.top-logo {
	width: 61px;
	height: 124px;
	background-image: url(../img/common/logo_wht.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
header div.top-logo:hover,
header div.top-logo:active,
header.switch div.top-logo:hover,
header.switch div.top-logo:active {
	background-image: url(../img/common/logo_red.svg);
} */

header.switch nav div.navi-wrap > ul {
	background-color: #FFF;
}
header.switch nav div.navi-wrap > ul > div > li > a {
	color: #000;
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
}
header.switch nav div.navi-wrap > ul > div > li > a:hover,
header.switch nav div.navi-wrap > ul > div > li > a:active {
	color: #B41900;
}
header.switch nav div.navi-wrap > ul > div > li.shopping a {
	color: #FFF;
	background-color: #B41900;
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
}
header.switch nav div.navi-wrap > ul > div > li.shopping a:hover,
header.switch nav div.navi-wrap > ul > div > li.shopping a:active {
	color: #000;
}
header.switch nav div.navi-wrap > ul > div > li ul.sub-menu li {
	border-top: solid 1px #000;
	background-color: #FFF;
}
header.switch nav div.navi-wrap > ul > div > li ul.sub-menu li a {
	color: #000;
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
}
header.switch nav div.navi-wrap > ul > div > li ul.sub-menu li a:hover,
header.switch nav div.navi-wrap > ul > div > li ul.sub-menu li a:active {
	color: #B41900;
}
header.switch nav div.navi-btn {
	background-color: #FFF;
}
header.switch nav div.navi-btn > div:before {
	background-color: #000;
}
header.switch nav div.navi-btn > div:after {
	background-color: #000;
}
header.switch nav div.navi-btn > div span {
	background-color: #000;
}
header.switch nav div.navi-btn:after {
	color: #FFF;
}



/* =====================================================
▼ FOOTER
===================================================== */
footer {}
footer div.homa-list-wrap {
	position: relative;
	height: calc(100vw / 2 * 0.31);
	overflow: hidden;
}
footer ul.homa-list {
	position: absolute;
	top: calc(((100vw / 2 * 0.55) - (100vw / 2 * 0.31)) / -2);
	left: 0;
}
footer ul.homa-list li {
	position: relative;
	text-align: center;
	color: #FFF;
	overflow: hidden;
}
footer ul.homa-list li img {
	width: 100%;
	height: auto;
	
	transition: 0.3s ease-in-out !important;
		-webkit-transition: 0.3s ease-in-out !important;
		-moz-transition: 0.3s ease-in-out !important;
}
footer ul.homa-list li a img {
	filter: alpha(opacity=100); /* IE 6,7*/
	opacity: 1.0;
		-ms-filter: "alpha(opacity=100)"; /* IE 8,9 */
		-moz-opacity: 1.0; /* FF,Netscape */
		-khtml-opacity: 1.0; /* Safari 1.x */
	zoom: 1; /* IE */
}
footer ul.homa-list li:hover img,
footer ul.homa-list li:active img {
	filter: grayscale(100%);		
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
	
	transform: scale(1.7) !important;
		-webkit-transform: scale(1.7) !important;
		-moz-transform: scale(1.7) !important;
}
footer ul.homa-list li div.homa-wrap {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	letter-spacing: 0.3em;
	color: #FFF;
	margin-top: -42px;
	
	visibility: visible;
	
	filter: alpha(opacity=100); /* IE 6,7*/
	opacity: 1;
		-ms-filter: "alpha(opacity=100)"; /* IE 8,9 */
		-moz-opacity: 1; /* FF,Netscape */
		-khtml-opacity: 1; /* Safari 1.x */
	zoom: 1; /* IE */
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
}
footer ul.homa-list li:hover div.homa-wrap,
footer ul.homa-list li:active div.homa-wrap {
	visibility: hidden;
	
	filter: alpha(opacity=0); /* IE 6,7*/
	opacity: 0;
		-ms-filter: "alpha(opacity=0)"; /* IE 8,9 */
		-moz-opacity: 0; /* FF,Netscape */
		-khtml-opacity: 0; /* Safari 1.x */
	zoom: 1; /* IE */
}
footer ul.homa-list li div.homa-wrap p.homa-ttl {
	font-size: 180%;
	line-height: 2em;
	letter-spacing: 0.3em;
}
footer ul.homa-list li div.homa-wrap p.homa-ttl:after {
	content: "";
	display: block;
	width: 60px;
	height: 1px;
	background-color: #FFF;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 10px;
}
footer ul.homa-list li div.homa-wrap p.homa-txt {
	font-size: 110%;
	line-height: 2em;
}
footer ul.homa-list li p.more {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	margin-top: -12px;
	
	visibility: hidden;
	
	filter: alpha(opacity=0); /* IE 6,7*/
	opacity: 0;
		-ms-filter: "alpha(opacity=0)"; /* IE 8,9 */
		-moz-opacity: 0; /* FF,Netscape */
		-khtml-opacity: 0; /* Safari 1.x */
	zoom: 1; /* IE */
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
}
footer ul.homa-list li:hover p.more,
footer ul.homa-list li:active p.more {
	visibility: visible;
	
	filter: alpha(opacity=100); /* IE 6,7*/
	opacity: 1;
		-ms-filter: "alpha(opacity=100)"; /* IE 8,9 */
		-moz-opacity: 1; /* FF,Netscape */
		-khtml-opacity: 1; /* Safari 1.x */
	zoom: 1; /* IE */
}
footer ul.homa-list li p.more span {
	font-size: 150%;
	line-height: 1em;
	text-align: center;
	color: #FFF;
	padding: 10px 20px;
}

footer div.page-end {
	color: #FFF;
	background-color: #000;
	padding: 50px 0;
}

footer div.page-end div.foot-logo {
	float: left;
	width: 43px;
	height: 120px;
	background-image: url(../img/common/logo_wht_04.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
	
	backface-visibility:hidden;
		-webkit-backface-visibility:hidden;
		-moz-backface-visibility:hidden;
}
footer div.page-end div.foot-logo:hover,
footer div.page-end div.foot-logo:active {
	background-image: url(../img/common/logo_red_04.svg);
}

/* footer div.page-end div.foot-logo {
	float: left;
	width: 50px;
	height: 100px;
	background-image: url(../img/common/logo_wht.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
}
footer div.page-end div.foot-logo:hover,
footer div.page-end div.foot-logo:active {
	background-image: url(../img/common/logo_red.svg);
} */

footer div.page-end div.info-area {
	float: right;
	position: relative;
}
footer div.page-end div.info-area img.icon-logo {
	position: absolute;
	top: -5px;
	right: 0;
}
footer div.page-end div.info-area img.icon-logo:hover,
footer div.page-end div.info-area img.icon-logo:active {
	transform: rotateZ(180deg);
}
footer div.page-end div.info-area ul.sns-icon-list {
	position: absolute;
	top: 0;
	left: 0;
}
footer div.page-end div.info-area ul.sns-icon-list li {
	float: left;
	margin-right: 15px;
}
footer div.page-end div.info-area ul.sns-icon-list li:last-child {
	margin-right: 0;
}
footer div.page-end div.info-area ul.sns-icon-list li div {
	width: 52px;
	height: 15px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
}
footer div.page-end div.info-area ul.sns-icon-list li div.fb {
	background-image: url(../img/common/icon_sns_fb_wht.png);
}
footer div.page-end div.info-area ul.sns-icon-list li div.fb:hover,
footer div.page-end div.info-area ul.sns-icon-list li div.fb:active {
	background-image: url(../img/common/icon_sns_fb_red.png);
}
footer div.page-end div.info-area ul.sns-icon-list li div.ig {
	background-image: url(../img/common/icon_sns_ig_wht.png);
}
footer div.page-end div.info-area ul.sns-icon-list li div.ig:hover,
footer div.page-end div.info-area ul.sns-icon-list li div.ig:active {
	background-image: url(../img/common/icon_sns_ig_red.png);
}
footer div.page-end div.info-area ul.sns-icon-list li div.yt {
	background-image: url(../img/common/icon_sns_yt_wht.png);
}
footer div.page-end div.info-area ul.sns-icon-list li div.yt:hover,
footer div.page-end div.info-area ul.sns-icon-list li div.yt:active {
	background-image: url(../img/common/icon_sns_yt_red.png);
}
footer div.page-end p.add {
	font-size: 120%;
	line-height: 2em;
	letter-spacing: 0.3em;
	margin-top: 72px;
	/* margin-top: 52px; */
	margin-bottom: 10px;
}
footer div.page-end nav {}
footer div.page-end nav ul {
	text-align: center;
}
footer div.page-end nav ul li {
	float: left;
	font-size: 80%;
	line-height: 1em;
	border-left: solid 1px #FFF;
	padding-left: 10px;
	margin-left: 10px;
}
footer div.page-end nav ul li a {
	text-decoration: none;
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
}
footer div.page-end nav ul li a:hover,
footer div.page-end nav ul li a:active {
	color: #B41900;
}
footer div.page-end nav ul li:first-child {
	border-left: none;
	padding-left: 0;
	margin-left: 0;
}
footer div.page-end nav ul li.copyright {
	border-left: none;
	padding-left: 0;
	margin-left: 15px;
}
footer div.page-end nav ul li a {
	color: #FFF;
}
footer div.page-end p.copyright {
	font-size: 80%;
	line-height: 1em;
	text-align: right;
}



/* =====================================================
▼ CONTENTS "COMMON"
===================================================== */
article {
	margin-bottom: 50px;
}
article.mb-150 {
	margin-bottom: 150px;
}
article section {}
article section div.page-ttl-wrap {
	display: table;
	width: 100%;
	font-weight: bold;
	min-height: 300px;
	margin-top: -90px;
}
article section p.page-ttl {
	display: table-cell;
	vertical-align: middle;
	font-size: 200%;
	line-height: 2em;
	text-align: center;
	letter-spacing: 0.5em;
	padding-top: 15px;
}
article section p.page-ttl:before {
	content: "";
	display: block;
	width: 54px;
	height: 54px;
	background-image: url(../img/common/icon_logo.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;
	margin-bottom: 15px;
}
article section p.page-ttl span {
	position: relative;
	white-space: nowrap;
	
	writing-mode: vertical-rl;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
}
article section p.page-ttl span.subttl {
	position: absolute;
	top: 0;
	left: 40px;
	display: block;
	font-size: 50%;
	line-height: 2em;
	letter-spacing: 0.5em;
}
article section p.page-ttl.yoko span {
	margin-left: 0.5em;
	
	writing-mode: horizontal-tb;
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: thorizontal-tb;
}
article section h1 {
	font-size: 160%;
	line-height: 2em;
	letter-spacing: 0.25em;
}
article section h1:after {
	content: "";
	display: block;
	width: 75px;
	height: 1px;
	background-color: #B41900;
	margin-top: 8px;
	margin-bottom: 25px;
}
article section h2 {
	font-size: 130%;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 20px;
}
article section h3 {
	font-size: 120%;
	line-height: 1.5em;
	margin-bottom: 20px;
}

article section table.post-list01 {
	width: 100%;
	background-image: linear-gradient(to right, #AEAEAD 2px, transparent 0);
	background-size: 8px 2px;
	background-position: top;
	background-repeat: repeat-x;
}
article section table.post-list01 tr {
	background-image: linear-gradient(to right, #AEAEAD 2px, transparent 0);
	background-size: 8px 2px;
	background-position: bottom;
	background-repeat: repeat-x;
}
article section table.post-list01 tr th {
	text-align: left;
	vertical-align: top;
	padding: 15px 0;
	padding-left: 5px;
}
article section table.post-list01 tr td {
	vertical-align: top;
	padding: 15px 0;
	padding-right: 5px;
}
article section table.post-list01 tr th.post-date {
	font-size: 105%;
	line-height: 2em;
	font-weight: normal;
	white-space: nowrap;
	padding-right: 35px;
}
article section table.post-list01 tr td.post-ttl {
	width: 100%;
	font-size: 100%;
	line-height: 2em;
}
article section table.post-list01 tr td.post-ttl a {
	text-decoration: none;
	color: #000;
}

article section ul.post-list02 {}
article section ul.post-list02 li {
	border-bottom: solid 1px #000;
	padding: 25px 0;
}
article section ul.post-list02 li:first-child {
	border-top: solid 1px #000;
}
article section ul.post-list02 li div.ttl-wrap {
	position: relative;
	margin-bottom: 5px;
}
article section ul.post-list02 li p.post-date {
	position: absolute;
	top: 15px;
	right: 0;
	font-size: 90%;
	line-height: 1em;
}
article section ul.post-list02 li p.post-ttl {
	font-size: 130%;
	line-height: 2em;
	padding-right: 100px;
}
article section ul.post-list02 li p.post-voice {}

article section ul.post-list03 {}
article section ul.post-list03 > li {
	width: calc((100% - 100px) / 3);
	margin-right: 50px;
}
article section ul.post-list03 > li:nth-child(3n) {
	margin-right: 0;
}
article section ul.post-list03 > li:nth-child(n+4) {
	margin-top: 50px;
}
article section ul.post-list03 > li {}
article section ul.post-list03 > li figure {}
article section ul.post-list03 > li figure div.zoom-img-wrap {
	width: 100%;
	margin-bottom: 15px;
}
article section ul.post-list03 > li figure div.zoom-img-wrap img {
	width: 100%;
	height: auto;
}
article section ul.post-list03 > li figure div.bg-img-wrap {
	margin-bottom: 10px;
}
article section ul.post-list03 > li figure figcaption {
	display: table;
	width: 100%;
}
article section ul.post-list03 > li figure figcaption p {
	display: table-cell;
	font-size: 110%;
	line-height: 2em;
	vertical-align: bottom;
}
article.ec section ul.post-list03 > li figure figcaption p {
	display: block;
	font-size: 100%;
	line-height: 2em;
}
article section ul.post-list03 > li figure figcaption p.post-ttl {}
article section ul.post-list03 > li figure figcaption p.post-date {
	text-align: right;
	white-space: nowrap;
	padding-left: 20px;
}
article section ul.post-list03 > li figure figcaption p.product-name {
	font-size: 130%;
	line-height: 1.8em;
}
article section ul.post-list03 > li figure figcaption p.product-price {
	font-size: 140%;
	line-height: 1.8em;
}

article section ul.post-list04 {}
article section ul.post-list04 > li {
	width: calc((100% - 50px) / 2);
	margin-right: 50px;
}
article section ul.post-list04 > li:nth-child(2n) {
	margin-right: 0;
}
article section ul.post-list04 > li:nth-child(n+3) {
	margin-top: 50px;
}
article section ul.post-list04 > li {}
article section ul.post-list04 > li figure {}
article section ul.post-list04 > li figure div.zoom-img-wrap {
	margin-bottom: 15px;
}
article section ul.post-list04 > li figure div.zoom-img-wrap img {
	width: 100%;
	height: auto;
}
article section ul.post-list04 > li figure div.bg-img-wrap {
	margin-bottom: 10px;
}
article section ul.post-list04 > li figure figcaption {
	display: table;
	width: 100%;
}
article section ul.post-list04 > li figure figcaption p {
	display: table-cell;
	vertical-align: bottom;
}
article section ul.post-list04 > li figure figcaption p.post-ttl {
	font-size: 130%;
	line-height: 2em;
}
article section ul.post-list04 > li figure figcaption p.post-date {
	font-size: 90%;
	line-height: 2em;
	text-align: right;
	white-space: nowrap;
	padding-left: 20px;
}
article section ul.post-list04 > li figure figcaption p.product-name {
	font-size: 130%;
	line-height: 2em;
}
article section ul.post-list04 > li figure figcaption p.product-price {
	font-size: 140%;
	line-height: 2em;
	text-align: right;
	white-space: nowrap;
	padding-left: 20px;
}

article section table.info-list {
	width: 100%;
}
article section table.info-list tr {
	border-bottom: solid 1px #AEAEAD;
}
article section table.info-list tr:first-child {
	border-top: solid 1px #AEAEAD;
}
article section table.info-list tr th {
	width: 140px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	color: #000;
	padding: 18px 0;
	padding-right: 50px;
}
article section table.info-list tr td {
	vertical-align: middle;
	padding: 18px 0;
}

div.bg-img-wrap {
	position: relative;
	overflow: hidden;
}
a div.bg-img-wrap div.cut-img {
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
}
a div.bg-img-wrap:hover div.cut-img,
a div.bg-img-wrap:active div.cut-img {
	filter: grayscale(100%);		
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
	
	transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
}
div.cut-img {
	position: relative;
	width: 100%;
	padding-top: 56.2%;
}
div.cut-img div.bg-img {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
div.bg-img-wrap p.more {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	margin-top: -12px;
	
	visibility: hidden;
	
	filter: alpha(opacity=0); /* IE 6,7*/
	opacity: 0;
		-ms-filter: "alpha(opacity=0)"; /* IE 8,9 */
		-moz-opacity: 0; /* FF,Netscape */
		-khtml-opacity: 0; /* Safari 1.x */
	zoom: 1; /* IE */
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
}
div.bg-img-wrap:hover p.more,
div.bg-img-wrap:active p.more {
	visibility: visible;
	
	filter: alpha(opacity=100); /* IE 6,7*/
	opacity: 1;
		-ms-filter: "alpha(opacity=100)"; /* IE 8,9 */
		-moz-opacity: 1; /* FF,Netscape */
		-khtml-opacity: 1; /* Safari 1.x */
	zoom: 1; /* IE */
}
div.bg-img-wrap p.more span {
	font-size: 150%;
	line-height: 1em;
	text-align: center;
	color: #FFF;
	padding: 10px 20px;
}



/* =====================================================
▼ CONTENTS "HOME"
===================================================== */
div.bg-movie-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}
div.bg-movie {
	position: absolute;
	top: -26vh;
	left: calc((272vh - 100vw) / 2 * -1);
	width: 272vh;
	height: 153vh;
}
div.bg-movie #bgv {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
div.kv-area-wrap {
	height: 100%;
	background-color: #000;
	overflow: hidden;
}
div.kv-area {
	position: relative;
	width: 100vw;
	height: 100vh;
	z-index: 1000;
}
div.kv-area div.kv-arrow {
	position: absolute;
	bottom: 50px;
	left: 50px;
	width: 7px;
	height: 80px;
	background-image: url(../img/home/img_kv_arrow_wht.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
	
	animation: updown 3.0s infinite linear alternate;
		-webkit-animation: updown 3.0s infinite linear alternate;
}
div.kv-area div.kv-arrow:hover,
div.kv-area div.kv-arrow:active {
	background-image: url(../img/home/img_kv_arrow_red.png);
}
@-webkit-keyframes updown {
	0% {-webkit-transform: translate(0, 0) rotate(0deg);}
	50% {-webkit-transform: translate(0, -30px) rotate(0deg);}
	100% {-webkit-transform: translate(0, 0)rotate(0deg);}
}
@keyframes updown {
	0% {transform: translate(0, 0) rotate(0deg);}
	50% {transform: translate(0, -30px) rotate(0deg);}
	100% {transform: translate(0, 0)rotate(0deg);}
}
div.kv-area ul.sns-icon-list {
	position: absolute;
	bottom: 50px;
	right: 50px;
}
div.kv-area ul.sns-icon-list li {
	float: left;
	margin-right: 15px;
}
div.kv-area ul.sns-icon-list li:last-child {
	margin-right: 0;
}
div.kv-area ul.sns-icon-list li div {
	width: 52px;
	height: 15px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
}
div.kv-area ul.sns-icon-list li div.fb {
	background-image: url(../img/common/icon_sns_fb_wht.png);
}
div.kv-area ul.sns-icon-list li div.fb:hover,
div.kv-area ul.sns-icon-list li div.fb:active {
	background-image: url(../img/common/icon_sns_fb_red.png);
}
div.kv-area ul.sns-icon-list li div.ig {
	background-image: url(../img/common/icon_sns_ig_wht.png);
}
div.kv-area ul.sns-icon-list li div.ig:hover,
div.kv-area ul.sns-icon-list li div.ig:active {
	background-image: url(../img/common/icon_sns_ig_red.png);
}
div.kv-area ul.sns-icon-list li div.yt {
	background-image: url(../img/common/icon_sns_yt_wht.png);
}
div.kv-area ul.sns-icon-list li div.yt:hover,
div.kv-area ul.sns-icon-list li div.yt:active {
	background-image: url(../img/common/icon_sns_yt_red.png);
}
div.kv-area p.yt-link {
	display: none;
}
div.kv-area-wrap ul.control-list {
	position: absolute;
	bottom: 50px;
	left: 100px;
}
div.kv-area-wrap ul.control-list li {
	float: left;
	font-size: 80%;
	line-height: 1em;
	color: #FFF;
	margin-left: 20px;
}
div.kv-area-wrap ul.control-list li:first-child {
	margin-left: 0;
}
div.kv-area-wrap ul.control-list li span {
	cursor: pointer;
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
}
div.kv-area-wrap ul.control-list li span.active {
	color: #B41900;
}
div.kv-area-wrap div.switch-point {
	position: absolute;
	bottom: 100px;
}
div.attention-area {
	font-size: 135%;
	line-height: 1.6em;
	color: #FFF;
	background-color: #B41900;
	padding: 30px 0;
}
div.attention-area2 {
	font-size: 135%;
	line-height: 1.6em;
	color: #B41900;
	border: solid 1px #B41900;
	padding: 30px 0;
}

article#home {}
article#home section#guide-sec {}
article#home section#guide-sec ul.guide-list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
article#home section#guide-sec ul.guide-list li {
	width: calc((100% - 100px) / 3);
	margin-right: 50px;
}
article#home section#guide-sec ul.guide-list li:nth-child(3n) {
	margin-right: 0;
}
article#home section#guide-sec ul.guide-list li:nth-child(n+4) {
	margin-top: 50px;
}
article#home section#guide-sec ul.guide-list li figure {}
article#home section#guide-sec ul.guide-list li figure div.bg-img-wrap {
	margin-bottom: 15px;
}
article#home section#guide-sec ul.guide-list li figure div.cut-img {
	position: relative;
	width: 100%;
	padding-top: 75%;
}
article#home section#guide-sec ul.guide-list li figure figcaption {
	display: table;
	width: 100%;
}
article#home section#guide-sec ul.guide-list li figure figcaption p.ja,
article#home section#guide-sec ul.guide-list li figure figcaption p.en {
	display: table-cell;
	vertical-align: bottom;
}
article#home section#guide-sec ul.guide-list li figure figcaption p.ja {
	font-size: 135%;
	line-height: 1.5em;
}
article#home section#guide-sec ul.guide-list li figure figcaption p.en {
	font-size: 90%;
	line-height: 1.5em;
	text-align: right;
}

article#home section#news-sec {
	min-height: 380px;
}
article#home section#news-sec div.page-ttl-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: initial;
	min-height: initial;
	margin-top: inherit;
}
article#home section#news-sec p.page-ttl {
	padding-top: 0;
}
article#home section#news-sec div.post-list-warp {
	padding-left: 100px;
}



/* =====================================================
▼ CONTENTS "DOCTRINE"
===================================================== */
article#doctrine {}
article#doctrine section#message-sec {}
article#doctrine section#message-sec ul.message-wrap {}
article#doctrine section#message-sec ul.message-wrap li {}
article#doctrine section#message-sec ul.message-wrap li.img {
	width: calc(76% - 40px);
	margin-right: 40px;
}
article#doctrine section#message-sec ul.message-wrap li.msg {
	width: 24%;
}
article#doctrine section#message-sec ul.message-wrap li img {
	width: 100%;
	height: auto;
}

article#doctrine section#meikyouji-sec {}
article#doctrine section#meikyouji-sec figure.meikyouji-cont1 {
	min-height: 256px;
}
article#doctrine section#meikyouji-sec figure.meikyouji-cont1 img {
	width: calc(52.4% - 50px);
}
article#doctrine section#meikyouji-sec figure.meikyouji-cont1 figcaption {
	padding-right: 52.4%;
}

article#doctrine section#acala-sec {}
article#doctrine section#acala-sec figure.acala-cont1 {}
article#doctrine section#acala-sec figure.acala-cont1 img {
	width: calc(45.7% - 50px);
}
article#doctrine section#acala-sec figure.acala-cont1 figcaption {
	width: 54.3%;
	letter-spacing: 0.15em;
}

article#doctrine section#thought-sec {}
article#doctrine section#thought-sec figure.thought-cont1 {
	min-height: 316px;
}
article#doctrine section#thought-sec figure.thought-cont1 img {
	width: calc(45.6% - 50px);
}
article#doctrine section#thought-sec figure.thought-cont1 figcaption {
	padding-right: 45.6%;
}
article#doctrine section#thought-sec figure.thought-cont2 {}
article#doctrine section#thought-sec figure.thought-cont2 img {
	width: calc(59.4% - 50px);
}
article#doctrine section#thought-sec figure.thought-cont2 figcaption {
	width: 40.6%;
}

article#doctrine section#priesthood-sec {}
article#doctrine section#priesthood-sec figure.priesthood-cont1 {
	min-height: 316px;
}
article#doctrine section#priesthood-sec figure.priesthood-cont1 img {
	width: calc(51.3% - 50px);
}
article#doctrine section#priesthood-sec figure.priesthood-cont1 figcaption {
	padding-right: 51.3%;
}



/* =====================================================
▼ CONTENTS "DEED"
===================================================== */
article#deed {}
article#deed section#biblical-sec {}
article#deed section#biblical-sec figure.biblical-cont1 {}
article#deed section#biblical-sec figure.biblical-cont1 img {
	width: calc(54.4% - 50px);
}
article#deed section#biblical-sec figure.biblical-cont1 figcaption {
	width: 54.4%;
}

article#deed section#homa-sec {}
article#deed section#homa-sec figure.homa-wrap {
	position: relative;
	display: flex;
	align-items: flex-start;
	min-height: 256px;
}
article#deed section#homa-sec figure.homa-wrap div.movie {
	position: absolute;
	top: 0;
	right: 0;
	width: calc(50.6% - 50px);
}
article#deed section#homa-sec figure.homa-wrap figcaption {
	width: 100%;
	letter-spacing: 0.18em;
	padding-left: 0;
	padding-right: 50.6%;
	
	box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
}



/* =====================================================
▼ CONTENTS "HOMA"
===================================================== */
article#homa {}
article#homa section#about-sec {}
article#homa section#about-sec figure.about-cont1 {}
article#homa section#about-sec figure.about-cont1 img {
	width: calc(65.5% - 50px);
}
article#homa section#about-sec figure.about-cont1 figcaption {
	width: 34.5%;
}

article#homa section#flow-sec {}
article#homa section#flow-sec ul.flow-list {}
article#homa section#flow-sec ul.flow-list > li {
	width: calc((100% - 50px) / 2);
	margin-right: 50px;
}
article#homa section#flow-sec ul.flow-list > li:nth-child(2n) {
	margin-right: 0;
}
article#homa section#flow-sec ul.flow-list > li:nth-child(n+3) {
	margin-top: 50px;
}
article#homa section#flow-sec ul.flow-list > li figure {
	position: relative;
}
article#homa section#flow-sec ul.flow-list > li figure:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 35px;
	height: 35px;
	font-family: 'Times','Times New Roman', serif;
	font-style: oblique;
	font-size: 125%;
	line-height: 2.5em;
	text-align: center;
	color: #FFF;
	background-color: #B41900;
	padding-left: 0.1em;
	z-index: 1;
	
	box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
}
article#homa section#flow-sec ul.flow-list > li:nth-child(1) figure:before {
	content: "01";
}
article#homa section#flow-sec ul.flow-list > li:nth-child(2) figure:before {
	content: "02";
}
article#homa section#flow-sec ul.flow-list > li:nth-child(3) figure:before {
	content: "03";
}
article#homa section#flow-sec ul.flow-list > li:nth-child(4) figure:before {
	content: "04";
}
article#homa section#flow-sec ul.flow-list > li figure div.img-wrap {
	position: relative;
}
article#homa section#flow-sec ul.flow-list > li figure div.img-wrap:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -30px;
	display: block;
	border-style: solid;
	border-width: 7px 0 7px 11px;
	border-color: transparent transparent transparent #B41900;
	margin-top: -15px;
}
article#homa section#flow-sec ul.flow-list > li:nth-child(2n) figure div.img-wrap:after {
	display: none;
}
article#homa section#flow-sec ul.flow-list > li figure img {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
article#homa section#flow-sec ul.flow-list > li figure figcaption {
	display: table;
	width: 100%;
}
article#homa section#flow-sec ul.flow-list > li figure figcaption p.flow-ttl {
	font-size: 130%;
	line-height: 2em;
	margin-bottom: 5px;
}
article#homa section#flow-sec ul.flow-list > li figure figcaption p.flow-txt {
	font-size: 100%;
	line-height: 2em;
	letter-spacing: 0.15em;
}
article#homa section#flow-sec ul.flow-list > li figure figcaption ul.flow-attention {
	font-size: 100%;
	line-height: 2em;
	margin-top: 5px;
}
article#homa section#flow-sec ul.flow-list > li figure figcaption ul.flow-attention li {
	position: relative;
	padding-left: 1.5em;
	margin-bottom: 5px;
}
article#homa section#flow-sec ul.flow-list > li figure figcaption ul.flow-attention li:before {
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
}
article#homa section#flow-sec ul.flow-list > li figure figcaption ul.flow-attention li:last-child {
	margin-bottom: 0;
}

article#homa section#example-sec {}
@media screen and (min-width:1260px){
	article#homa section#example-sec ul.example-wrap.tbsp {
		display: none;
	}
	article#homa section#example-sec ul.example-wrap.pc {}
	article#homa section#example-sec ul.example-wrap.pc > li {}
	article#homa section#example-sec ul.example-wrap.pc > li.txt {
		width: calc(100% - 265px);
		margin-top: -15px;
		margin-right: 50px;
		
	}
	article#homa section#example-sec ul.example-wrap.pc > li.txt ul.ganni-wrap {}
	article#homa section#example-sec ul.example-wrap.pc > li.txt ul.ganni-wrap > li {
		border-bottom: solid 1px #000;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	article#homa section#example-sec ul.example-wrap.pc > li.txt ul.ganni-wrap > li:last-child {
		border: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	article#homa section#example-sec ul.example-wrap.pc > li.txt ul.ganni-wrap > li table {
		width: 100%;
	}
	article#homa section#example-sec ul.example-wrap.pc > li.txt ul.ganni-wrap > li table tr {}
	article#homa section#example-sec ul.example-wrap.pc > li.txt ul.ganni-wrap > li table tr th {
		font-size: 130%;
		line-height: 1em;
		font-weight: normal;
		text-align: left;
		vertical-align: middle;
		letter-spacing: 0.3em;
		white-space: nowrap;
		color: #B41900;
		padding: 10px 0;
		padding-left: 25px;
		padding-right: 10px;
	}
	article#homa section#example-sec ul.example-wrap.pc > li.txt ul.ganni-wrap > li table tr th.caption {
		position: relative;
		line-height: 1.3em;
		letter-spacing: 0em;
		vertical-align: middle;
		color: #FFF;
		border-top: solid 15px #FFF;
		border-bottom: solid 15px #FFF;
		background-color: #000;
		padding: 15px;
	}
	article#homa section#example-sec ul.example-wrap.pc > li.txt ul.ganni-wrap > li table tr th.caption:after {
		content: "";
		position: absolute;
		top: 50%; right: -10px;
		margin-top: -10px;
		display: block;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 7px 0 7px 10px;
		border-color: transparent transparent transparent #000;
	}
	article#homa section#example-sec ul.example-wrap.pc > li.txt ul.ganni-wrap > li table tr td {
		width: 220px;
		line-height: 1.5em;
		letter-spacing: 0.2em;
	}
	article#homa section#example-sec ul.example-wrap.pc > li.txt ul.ganni-wrap > li ul.col2 {}
	article#homa section#example-sec ul.example-wrap.pc > li.txt ul.ganni-wrap > li ul.col2 > li {
		padding-right: 10px;
		
		box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
	}
	article#homa section#example-sec ul.example-wrap.pc > li.txt ul.ganni-wrap > li ul.col2 > li:nth-child(2n) {
		padding-left: 10px;
		padding-right: 0;
	}
	article#homa section#example-sec ul.example-wrap.pc > li.img {
		position: sticky;
		position: -webkit-sticky;
		position: -moz-sticky;
		top: 20px;
		
		width: 215px;
		margin-right: 0;
	}
	article#homa section#example-sec ul.example-wrap.pc > li.img table {}
	article#homa section#example-sec ul.example-wrap.pc > li.img table tr {}
	article#homa section#example-sec ul.example-wrap.pc > li.img table tr td {
		width: calc(50% - 17px);
		vertical-align: top;
		padding-right: 17px;
	}
	article#homa section#example-sec ul.example-wrap.pc > li.img table tr td:last-child {
		padding-left: 18px;
		padding-right: 0;
	}
	article#homa section#example-sec ul.example-wrap.pc > li.img table tr td p {
		font-size: 95%;
		line-height: 1em;
		text-align: center;
		letter-spacing: 0.1em;
		margin-bottom: 20px;
	}
	article#homa section#example-sec ul.example-wrap.pc > li.img table tr td img {
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width:1259px){
	article#homa section#example-sec ul.example-wrap.pc {
		display: none;
	}
	article#homa section#example-sec ul.example-wrap.tbsp {}
	article#homa section#example-sec ul.example-wrap.tbsp > li {}
	article#homa section#example-sec ul.example-wrap.tbsp > li.txt {
		width: calc(100% - 265px);
		margin-top: -15px;
		margin-right: 50px;
		
	}
	article#homa section#example-sec ul.example-wrap.tbsp > li.txt ul.ganni-wrap {}
	article#homa section#example-sec ul.example-wrap.tbsp > li.txt ul.ganni-wrap > li {
		border-bottom: solid 1px #000;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	article#homa section#example-sec ul.example-wrap.tbsp > li.txt ul.ganni-wrap > li:last-child {
		border: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	article#homa section#example-sec ul.example-wrap.tbsp > li.txt ul.ganni-wrap > li table {
		width: 100%;
	}
	article#homa section#example-sec ul.example-wrap.tbsp > li.txt ul.ganni-wrap > li table tr {}
	article#homa section#example-sec ul.example-wrap.tbsp > li.txt ul.ganni-wrap > li table tr th {
		font-size: 130%;
		line-height: 1em;
		font-weight: normal;
		text-align: left;
		vertical-align: middle;
		letter-spacing: 0.3em;
		white-space: nowrap;
		color: #B41900;
		padding: 10px 0;
		padding-left: 25px;
		padding-right: 10px;
	}
	article#homa section#example-sec ul.example-wrap.tbsp > li.txt ul.ganni-wrap > li table tr th.caption {
		position: relative;
		line-height: 1.3em;
		letter-spacing: 0em;
		vertical-align: middle;
		color: #FFF;
		border-top: solid 15px #FFF;
		border-bottom: solid 15px #FFF;
		background-color: #000;
		padding: 15px;
	}
	article#homa section#example-sec ul.example-wrap.tbsp > li.txt ul.ganni-wrap > li table tr th.caption:after {
		content: "";
		position: absolute;
		top: 50%; right: -10px;
		margin-top: -10px;
		display: block;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 7px 0 7px 10px;
		border-color: transparent transparent transparent #000;
	}
	article#homa section#example-sec ul.example-wrap.tbsp > li.txt ul.ganni-wrap > li table tr td {
		width: 100%;
		line-height: 1.5em;
		letter-spacing: 0.2em;
	}
	article#homa section#example-sec ul.example-wrap.tbsp > li.img {
		position: sticky;
		position: -webkit-sticky;
		position: -moz-sticky;
		top: 20px;
		
		width: 215px;
		margin-right: 0;
	}
	article#homa section#example-sec ul.example-wrap.tbsp > li.img table {}
	article#homa section#example-sec ul.example-wrap.tbsp > li.img table tr {}
	article#homa section#example-sec ul.example-wrap.tbsp > li.img table tr td {
		width: calc(50% - 17px);
		padding-right: 17px;
	}
	article#homa section#example-sec ul.example-wrap.tbsp > li.img table tr td:last-child {
		padding-left: 18px;
		padding-right: 0;
	}
	article#homa section#example-sec ul.example-wrap.tbsp > li.img table tr td p {
		font-size: 95%;
		line-height: 1em;
		text-align: center;
		letter-spacing: 0.1em;
		margin-bottom: 20px;
	}
	article#homa section#example-sec ul.example-wrap.tbsp > li.img table tr td img {
		width: 100%;
		height: auto;
	}
}



/* =====================================================
▼ CONTENTS "HOMA PRAYER"
===================================================== */
article#homa-prayer {}
article#homa-prayer section#about-sec {}
article#homa-prayer section#about-sec figure.about-cont1 {}
article#homa-prayer section#about-sec figure.about-cont1 img {
	width: calc(65.5% - 50px);
}
article#homa-prayer section#about-sec figure.about-cont1 figcaption {
	width: 34.5%;
}

article#homa-prayer section#example-sec {}
@media screen and (min-width:1260px){
	article#homa-prayer section#example-sec ul.example-wrap.tbsp {
		display: none;
	}
	article#homa-prayer section#example-sec ul.example-wrap.pc {}
	article#homa-prayer section#example-sec ul.example-wrap.pc > li {}
	article#homa-prayer section#example-sec ul.example-wrap.pc > li.txt {
		width: calc(100% - 265px);
		margin-top: -15px;
		margin-right: 50px;
		
	}
	article#homa-prayer section#example-sec ul.example-wrap.pc > li.txt ul.ganni-wrap {}
	article#homa-prayer section#example-sec ul.example-wrap.pc > li.txt ul.ganni-wrap > li {
		border-bottom: solid 1px #000;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	article#homa-prayer section#example-sec ul.example-wrap.pc > li.txt ul.ganni-wrap > li:last-child {
		border: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	article#homa-prayer section#example-sec ul.example-wrap.pc > li.txt ul.ganni-wrap > li table {
		width: 100%;
	}
	article#homa-prayer section#example-sec ul.example-wrap.pc > li.txt ul.ganni-wrap > li table tr {}
	article#homa-prayer section#example-sec ul.example-wrap.pc > li.txt ul.ganni-wrap > li table tr th {
		font-size: 130%;
		line-height: 1em;
		font-weight: normal;
		text-align: left;
		vertical-align: middle;
		letter-spacing: 0.3em;
		white-space: nowrap;
		color: #B41900;
		padding: 10px 0;
		padding-left: 25px;
		padding-right: 10px;
	}
	article#homa-prayer section#example-sec ul.example-wrap.pc > li.txt ul.ganni-wrap > li table tr th.caption {
		position: relative;
		line-height: 1.3em;
		letter-spacing: 0em;
		vertical-align: middle;
		color: #FFF;
		border-top: solid 15px #FFF;
		border-bottom: solid 15px #FFF;
		background-color: #000;
		padding: 15px;
	}
	article#homa-prayer section#example-sec ul.example-wrap.pc > li.txt ul.ganni-wrap > li table tr th.caption:after {
		content: "";
		position: absolute;
		top: 50%; right: -10px;
		margin-top: -10px;
		display: block;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 7px 0 7px 10px;
		border-color: transparent transparent transparent #000;
	}
	article#homa-prayer section#example-sec ul.example-wrap.pc > li.txt ul.ganni-wrap > li table tr td {
		width: 220px;
		line-height: 1.5em;
		letter-spacing: 0.2em;
	}
	article#homa-prayer section#example-sec ul.example-wrap.pc > li.txt ul.ganni-wrap > li ul.col2 {}
	article#homa-prayer section#example-sec ul.example-wrap.pc > li.txt ul.ganni-wrap > li ul.col2 > li {
		padding-right: 10px;
		
		box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
	}
	article#homa-prayer section#example-sec ul.example-wrap.pc > li.txt ul.ganni-wrap > li ul.col2 > li:nth-child(2n) {
		padding-left: 10px;
		padding-right: 0;
	}
	article#homa-prayer section#example-sec ul.example-wrap.pc > li.img {
		position: sticky;
		position: -webkit-sticky;
		position: -moz-sticky;
		top: 20px;
		
		width: 215px;
		margin-right: 0;
	}
	article#homa-prayer section#example-sec ul.example-wrap.pc > li.img table {}
	article#homa-prayer section#example-sec ul.example-wrap.pc > li.img table tr {}
	article#homa-prayer section#example-sec ul.example-wrap.pc > li.img table tr td {
		width: calc(50% - 17px);
		vertical-align: top;
		padding-right: 17px;
	}
	article#homa-prayer section#example-sec ul.example-wrap.pc > li.img table tr td:last-child {
		padding-left: 18px;
		padding-right: 0;
	}
	article#homa-prayer section#example-sec ul.example-wrap.pc > li.img table tr td p {
		font-size: 95%;
		line-height: 1em;
		text-align: center;
		letter-spacing: 0.1em;
		margin-bottom: 20px;
	}
	article#homa-prayer section#example-sec ul.example-wrap.pc > li.img table tr td img {
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width:1259px){
	article#homa-prayer section#example-sec ul.example-wrap.pc {
		display: none;
	}
	article#homa-prayer section#example-sec ul.example-wrap.tbsp {}
	article#homa-prayer section#example-sec ul.example-wrap.tbsp > li {}
	article#homa-prayer section#example-sec ul.example-wrap.tbsp > li.txt {
		width: calc(100% - 265px);
		margin-top: -15px;
		margin-right: 50px;
		
	}
	article#homa-prayer section#example-sec ul.example-wrap.tbsp > li.txt ul.ganni-wrap {}
	article#homa-prayer section#example-sec ul.example-wrap.tbsp > li.txt ul.ganni-wrap > li {
		border-bottom: solid 1px #000;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	article#homa-prayer section#example-sec ul.example-wrap.tbsp > li.txt ul.ganni-wrap > li:last-child {
		border: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	article#homa-prayer section#example-sec ul.example-wrap.tbsp > li.txt ul.ganni-wrap > li table {
		width: 100%;
	}
	article#homa-prayer section#example-sec ul.example-wrap.tbsp > li.txt ul.ganni-wrap > li table tr {}
	article#homa-prayer section#example-sec ul.example-wrap.tbsp > li.txt ul.ganni-wrap > li table tr th {
		font-size: 130%;
		line-height: 1em;
		font-weight: normal;
		text-align: left;
		vertical-align: middle;
		letter-spacing: 0.3em;
		white-space: nowrap;
		color: #B41900;
		padding: 10px 0;
		padding-left: 25px;
		padding-right: 10px;
	}
	article#homa-prayer section#example-sec ul.example-wrap.tbsp > li.txt ul.ganni-wrap > li table tr th.caption {
		position: relative;
		line-height: 1.3em;
		letter-spacing: 0em;
		vertical-align: middle;
		color: #FFF;
		border-top: solid 15px #FFF;
		border-bottom: solid 15px #FFF;
		background-color: #000;
		padding: 15px;
	}
	article#homa-prayer section#example-sec ul.example-wrap.tbsp > li.txt ul.ganni-wrap > li table tr th.caption:after {
		content: "";
		position: absolute;
		top: 50%; right: -10px;
		margin-top: -10px;
		display: block;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 7px 0 7px 10px;
		border-color: transparent transparent transparent #000;
	}
	article#homa-prayer section#example-sec ul.example-wrap.tbsp > li.txt ul.ganni-wrap > li table tr td {
		width: 100%;
		line-height: 1.5em;
		letter-spacing: 0.2em;
	}
	article#homa-prayer section#example-sec ul.example-wrap.tbsp > li.img {
		position: sticky;
		position: -webkit-sticky;
		position: -moz-sticky;
		top: 20px;
		
		width: 215px;
		margin-right: 0;
	}
	article#homa-prayer section#example-sec ul.example-wrap.tbsp > li.img table {}
	article#homa-prayer section#example-sec ul.example-wrap.tbsp > li.img table tr {}
	article#homa-prayer section#example-sec ul.example-wrap.tbsp > li.img table tr td {
		width: calc(50% - 17px);
		padding-right: 17px;
	}
	article#homa-prayer section#example-sec ul.example-wrap.tbsp > li.img table tr td:last-child {
		padding-left: 18px;
		padding-right: 0;
	}
	article#homa-prayer section#example-sec ul.example-wrap.tbsp > li.img table tr td p {
		font-size: 95%;
		line-height: 1em;
		text-align: center;
		letter-spacing: 0.1em;
		margin-bottom: 20px;
	}
	article#homa-prayer section#example-sec ul.example-wrap.tbsp > li.img table tr td img {
		width: 100%;
		height: auto;
	}
}

article#homa-prayer section#past-sec {}

article#homa-prayer section#flow-sec {}
article#homa-prayer section#flow-sec ul.flow-list {}
article#homa-prayer section#flow-sec ul.flow-list > li {
	width: calc((100% - 100px) / 3);
	margin-right: 50px;
}
article#homa-prayer section#flow-sec ul.flow-list > li:nth-child(3n) {
	margin-right: 0;
}
article#homa-prayer section#flow-sec ul.flow-list > li:nth-child(n+4) {
	margin-top: 50px;
}
article#homa-prayer section#flow-sec ul.flow-list > li figure {
	position: relative;
}
article#homa-prayer section#flow-sec ul.flow-list > li figure:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 35px;
	height: 35px;
	font-family: 'Times','Times New Roman', serif;
	font-style: oblique;
	font-size: 125%;
	line-height: 2.5em;
	text-align: center;
	color: #FFF;
	background-color: #B41900;
	padding-left: 0.1em;
	z-index: 1;
	
	box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
}
article#homa-prayer section#flow-sec ul.flow-list > li:nth-child(1) figure:before {
	content: "01";
}
article#homa-prayer section#flow-sec ul.flow-list > li:nth-child(2) figure:before {
	content: "02";
}
article#homa-prayer section#flow-sec ul.flow-list > li:nth-child(3) figure:before {
	content: "03";
}
article#homa-prayer section#flow-sec ul.flow-list > li:nth-child(4) figure:before {
	content: "04";
}
article#homa-prayer section#flow-sec ul.flow-list > li:nth-child(5) figure:before {
	content: "05";
}
article#homa-prayer section#flow-sec ul.flow-list > li:nth-child(6) figure:before {
	content: "06";
}
article#homa-prayer section#flow-sec ul.flow-list > li figure div.img-wrap {
	position: relative;
}
article#homa-prayer section#flow-sec ul.flow-list > li figure div.img-wrap:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -30px;
	display: block;
	border-style: solid;
	border-width: 7px 0 7px 11px;
	border-color: transparent transparent transparent #B41900;
	margin-top: -15px;
}
article#homa-prayer section#flow-sec ul.flow-list > li:nth-child(3n) figure div.img-wrap:after {
	display: none;
}
article#homa-prayer section#flow-sec ul.flow-list > li figure img {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
article#homa-prayer section#flow-sec ul.flow-list > li figure figcaption {
	display: table;
	width: 100%;
}
article#homa-prayer section#flow-sec ul.flow-list > li figure figcaption p.flow-ttl {
	font-size: 130%;
	line-height: 2em;
	margin-bottom: 5px;
}
article#homa-prayer section#flow-sec ul.flow-list > li figure figcaption p.flow-txt {
	font-size: 100%;
	line-height: 2em;
	letter-spacing: 0.15em;
}



/* =====================================================
▼ CONTENTS "ACCESS"
===================================================== */
article#access {}
article#access section#access-sec {}
article#access section#access-sec ul.access-wrap {
	position: relative;
}
article#access section#access-sec ul.access-wrap li {}
article#access section#access-sec ul.access-wrap li.map {
	width: calc(70% - 50px);
	margin-right: 50px;
}
article#access section#access-sec ul.access-wrap li.txt {
	width: 30%;
	margin-right: 0;
}
article#access section#access-sec div#gmap {
	width: 100%;
	height: 400px;
}
article#access section#access-sec iframe.gmap {
	display: block;
	width: 100%;
	height: 400px;
	filter: grayscale(100%);
}
article#access section#access-sec p span.tel {
	font-size: 240%;
	line-height: 1em;
	letter-spacing: 0.25em;
}
article#access section#access-sec p.map-link {
	position: absolute;
	bottom: 0;
	right: 0;
}



/* =====================================================
▼ CONTENTS "FAQ"
===================================================== */
article#faq {}
article#faq section#faq-sec {}
article#faq section#faq-sec dl.faq-list {}
article#faq section#faq-sec dl.faq-list dt {
	display: table;
	width: 100%;
	cursor: pointer;
	margin-top: 25px;
}
article#faq section#faq-sec dl.faq-list dt:first-child {
	margin-top: 0;
}
article#faq section#faq-sec dl.faq-list dt span {
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
	
	box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
}
article#faq section#faq-sec dl.faq-list dt span.num {
	width: 50px;
	font-size: 130%;
	line-height: 1em;
	text-align: center;
	white-space: nowrap;
	color: #FFF;
	background-color: #000;
	padding: 10px 12px;
}
article#faq section#faq-sec dl.faq-list dt span.ttl {
	width: 100%;
	font-size: 130%;
	line-height: 1.5em;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	padding: 10px 15px;
}
article#faq section#faq-sec dl.faq-list dt span.arrow {
	width: 50px;
	text-align: center;
	letter-spacing: 0em;
	white-space: nowrap;
	color: #FFF;
	background-color: #B41900;
	padding: 10px 18px;
}
article#faq section#faq-sec dl.faq-list dt span.arrow:after {
	content: "▼";
}
article#faq section#faq-sec dl.faq-list dt.active span.arrow:after {
	content: "▲";
}
article#faq section#faq-sec dl.faq-list dd {
	display: none;
	margin-top: 15px;
}



/* =====================================================
▼ CONTENTS "CONTACT"
===================================================== */
article#contact {}
article#contact section#contact-sec {}



/* =====================================================
▼ CONTENTS "ENTRY"
===================================================== */
article#entry {}
article#entry section#entry-sec {}
article#entry section#entry-sec div.tel-wrap {
	text-align: center;
	color: #B41900;
}
article#entry section#entry-sec div.tel-wrap p.ttl {
	font-size: 130%;
	line-height: 1em;
	letter-spacing: 0.45em;
	margin-bottom: 10px;
}
article#entry section#entry-sec div.tel-wrap p.tel {
	font-size: 240%;
	line-height: 1em;
	letter-spacing: 0.25em;
}



/* =====================================================
▼ CONTENTS "POSTLIST COMMON"
===================================================== */
article#postlist {}



/* =====================================================
▼ CONTENTS "POSTLIST NEWS"
===================================================== */
article#postlist.news {}
article#postlist.news section#postlist-sec {}



/* =====================================================
▼ CONTENTS "POSTLIST PAST HOMA"
===================================================== */
article#postlist.past-homa {}
article#postlist.past-homa section#postlist-sec {}



/* =====================================================
▼ CONTENTS "POSTLIST PAST ARTICLE"
===================================================== */
article#postlist.article {}
article#postlist.article section#postlist-sec {}



/* =====================================================
▼ CONTENTS "POSTLIST EVANGELISM"
===================================================== */
article#postlist.evangelism {}
article#postlist.evangelism section#postlist-sec {}



/* =====================================================
▼ CONTENTS "POSTLIST GALLERY"
===================================================== */
article#postlist.gallery {}
article#postlist.gallery section#postlist-sec {}



/* =====================================================
▼ CONTENTS "POSTDTL COMMON"
===================================================== */
article#postdtl {}
article#postdtl section#postdtl-sec {}
@media screen and (max-width:800px){
	.editor-area img {
		width: 100%;
		height: auto;
	}
}
article#postdtl section#postdtl-sec div.ttl-wrap {
	position: relative;
}
article#postdtl section#postdtl-sec div.ttl-wrap h1.post-ttl {
	padding-right: 100px;
}
article#postdtl section#postdtl-sec div.ttl-wrap p.post-date {
	position: absolute;
	top: 15px;
	right: 0;
	font-size: 90%;
	line-height: 1em;
}
article#postdtl section#postdtl-sec div.btn-area {}
article#postdtl section#postdtl-sec div.btn-area ul.prev-next {
	float: left;
}
article#postdtl section#postdtl-sec div.btn-area ul.prev-next li {
	float: left;
	margin-right: 15px;
}
article#postdtl section#postdtl-sec div.btn-area ul.prev-next li:last-child {
	margin-right: 0;
}
article#postdtl section#postdtl-sec div.btn-area div.back {
	float: right;
}



/* =====================================================
▼ CONTENTS "POSTDTL NEWS"
===================================================== */
article#postdtl.news {}
article#postdtl.news section#postdtl-sec {}



/* =====================================================
▼ CONTENTS "POSTDTL PAST HOMA"
===================================================== */
article#postdtl.past-homa {}
article#postdtl.past-homa section#postdtl-sec {}
article#postdtl.past-homa section#postdtl-sec div.post-wrap {
	padding-bottom: 70px;
	margin-bottom: 70px;
	
	background-image: linear-gradient(to right, #AEAEAD 2px, transparent 0);
	background-size: 8px 2px;
	background-position: bottom;
	background-repeat: repeat-x;
}
article#postdtl.past-homa section#postdtl-sec div.post-wrap p.post-ttl {
	font-size: 140%;
	line-height: 1em;
	font-weight: bold;
	padding-right: 100px;
}
article#postdtl.past-homa section#postdtl-sec div.post-wrap p.post-date {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 140%;
	line-height: 1em;
	font-weight: bold;
}



/* =====================================================
▼ CONTENTS "POSTDTL ARTICLE"
===================================================== */
article#postdtl.article {}
article#postdtl.article section#postdtl-sec {}



/* =====================================================
▼ CONTENTS "POSTDTL EVANGELISM"
===================================================== */
article#postdtl.evangelism {}
article#postdtl.evangelism section#postdtl-sec {}



/* =====================================================
▼ CONTENTS "POSTDTL GALLERY"
===================================================== */
article#postdtl.gallery {
	position: relative;
	display: table;
	background-color: #000;
	margin-bottom: 0;
}
article#postdtl.gallery section {
	display: table-cell;
	vertical-align: middle;
	width: 100vw;
	height: 100vh;
}
@media screen and (min-width:1260px){
	article#postdtl.gallery img.gallery {
		display: block;
		width: auto;
		height: auto;
		max-width: 1000px;
		max-height: calc(100vh - 140px);
		margin: 0 auto;
	}
}
@media screen and (max-width:1260px){
	article#postdtl.gallery img.gallery {
		display: block;
		width: auto;
		height: auto;
		max-width: calc(100vw - 280px);
		max-height: calc(100vh - 140px);
		margin: 0 auto;
	}
}
article#postdtl.gallery img.arrow-l {
	position: absolute;
	top: 50%;
	left: 60px;
	margin-top: -17px;
}
article#postdtl.gallery img.arrow-r {
	position: absolute;
	top: 50%;
	right: 60px;
	margin-top: -17px;
}
article#postdtl.gallery div.tolist {
	position: absolute;
	top: 50%;
	right: 50px;
	height: 100px;
	font-size: 100%;
	line-height: 1em;
	margin-top: 180px;
	
	writing-mode: vertical-rl;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
}
article#postdtl.gallery div.tolist a {
	letter-spacing: 0.3em;
	padding: 10px;
}



/* =====================================================
▼ CONTENTS "ERROR"
===================================================== */
article#error {}
article#error section#error-sec {}



/* =====================================================
▼ CONTENTS "EC COMMON"
===================================================== */
article.ec section table.entry-list {
	width: 100%;
}
article.ec section table.entry-list tr {}
article.ec section table.entry-list tr th {
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	border: solid 1px #AEAEAD;
	padding: 20px 100px;
}
article.ec section table.entry-list tr td {
	width: 100%;
	border: solid 1px #AEAEAD;
	padding: 20px;
}

article.ec section table.cart-product-list {
	width: 100%;
}
article.ec section table.cart-product-list tr {}
article.ec section table.cart-product-list tr th {
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	border: solid 1px #AEAEAD;
	padding: 20px;
}
article.ec section table.cart-product-list tr th.sp-ttl {
	display: none;
}
article.ec section table.cart-product-list tr td {
	border: solid 1px #AEAEAD;
	text-align: center;
	padding: 20px;
}
article.ec section table.cart-product-list tr td.product-delete {}
article.ec section table.cart-product-list tr td.product-code {
	white-space: nowrap;
}
article.ec section table.cart-product-list tr td.product-img {
	width: 150px;
}
article.ec section table.cart-product-list tr td.product-img div.bg-img-wrap {
	display: inline-block;
	width: 150px;
	vertical-align: middle;
}
article.ec section table.cart-product-list tr td.product-name {
	width: 100%;
	text-align: left;
}
article.ec section table.cart-product-list tr td.product-type {}
article.ec section table.cart-product-list tr td.product-price1 {
	text-align: right;
	white-space: nowrap;
}
article.ec section table.cart-product-list tr td.product-num {
	position: relative;
}
article.ec section table.cart-product-list tr td.product-num ul.quantity {
	white-space: nowrap;
}
article.ec section table.cart-product-list tr td.product-num ul.quantity li {
	display: inline-block;
}
article.ec section table.cart-product-list tr td.product-price2 {
	text-align: right;
	white-space: nowrap;
}
article.ec section table.cart-product-list tr td.total-price {
	text-align: right;
	white-space: nowrap;
}
article.ec section table.cart-product-list tr td.point-price {
	text-align: right;
	white-space: nowrap;
}
article.ec section table.cart-product-list tr td.add-select {}
article.ec section table.cart-product-list tr td.add-select select {
	width: 200px;
}

article.ec section table.deli-add-list {
	width: 100%;
}
article.ec section table.deli-add-list tr {}
article.ec section table.deli-add-list tr th {
	font-weight: normal;
	text-align: center;
	border: solid 1px #AEAEAD;
	padding: 20px;
}
article.ec section table.deli-add-list tr th.sp-ttl {
	display: none;
}
article.ec section table.deli-add-list tr td {
	text-align: center;
	border: solid 1px #AEAEAD;
	padding: 20px;
}
article.ec section table.deli-add-list tr td.add-select {}
article.ec section table.deli-add-list tr td.add-num {}
article.ec section table.deli-add-list tr td.add-type {}
article.ec section table.deli-add-list tr td.add-dtl {
	text-align: left;
}
article.ec section table.deli-add-list tr td.add-change {}
article.ec section table.deli-add-list tr td.add-delete {}

article.ec section table.history-list {
	width: 100%;
}
article.ec section table.history-list tr {}
article.ec section table.history-list tr th {
	font-weight: normal;
	text-align: center;
	border: solid 1px #AEAEAD;
	padding: 20px;
}
article.ec section table.history-list tr th.sp-ttl {
	display: none;
}
article.ec section table.history-list tr td {
	text-align: center;
	border: solid 1px #AEAEAD;
	padding: 20px;
}
article.ec section table.history-list tr td.history-date {}
article.ec section table.history-list tr td.history-id {}
article.ec section table.history-list tr td.history-howto {}
article.ec section table.history-list tr td.history-price {}
article.ec section table.history-list tr td.history-now {}
article.ec section table.history-list tr td.history-mail {}
article.ec section table.history-list tr td.history-subject {}
article.ec section table.history-list tr td.btn-dtl {}



/* =====================================================
▼ CONTENTS "EC ABOUTS"
===================================================== */
article.ec section#abouts-sec {}



/* =====================================================
▼ CONTENTS "EC GUIDE"
===================================================== */
article.ec section#guide-sec.privacy {}
article.ec section#guide-sec.privacy dl.privacy-list {}
article.ec section#guide-sec.privacy dl.privacy-list dt {
	font-size: 130%;
	line-height: 1.5em;
	margin-bottom: 10px;
}
article.ec section#guide-sec.privacy dl.privacy-list dd {
	margin-bottom: 40px;
}
article.ec section#guide-sec.privacy dl.privacy-list dd:last-child {
	margin-bottom: 0;
}
article.ec section#guide-sec.privacy dl.privacy-list dd > ul {
	padding-left: 30px;
}
article.ec section#guide-sec.privacy dl.privacy-list dd > ul > li {
	list-style: disc outside;
}



/* =====================================================
▼ CONTENTS "EC GUIDE"
===================================================== */
article.ec section#guide-sec.privacy {}



/* =====================================================
▼ CONTENTS "EC CONTACT"
===================================================== */
article.ec section#contact-sec {}

article.ec section#contact-sec.index {}

article.ec section#contact-sec.confirm {}

article.ec section#contact-sec.complete {}



/* =====================================================
▼ CONTENTS "EC PRODUCT"
===================================================== */
article.ec section#product-sec.list {}
article.ec section#product-sec.list div.search-result {
	text-align: center;
	color: #000;
	border: solid 1px #000;
	padding: 30px;
}

article.ec section#product-sec.dtl {}
article.ec section#product-sec.dtl ul.product-wrap {
	position: relative;
}
article.ec section#product-sec.dtl ul.product-wrap > li {}
article.ec section#product-sec.dtl ul.product-wrap > li.img-area {
	float: left;
	width: calc(69% - 50px);
}
article.ec section#product-sec.dtl ul.product-wrap > li.img-area ul.product-sld {
	margin-bottom: 25px;
}
article.ec section#product-sec.dtl ul.product-wrap > li.img-area ul.product-sld li {
	outline: none;
}
article.ec section#product-sec.dtl ul.product-wrap > li.img-area ul.product-sld-thumb {}
article.ec section#product-sec.dtl ul.product-wrap > li.img-area ul.product-sld-thumb div.slick-track {
	width: 100% !important;
}
article.ec section#product-sec.dtl ul.product-wrap > li.img-area ul.product-sld-thumb li {
	width: 22.7% !important;
	outline: none;
	margin-right: 3.066%;
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
}
article.ec section#product-sec.dtl ul.product-wrap > li.img-area ul.product-sld-thumb li:last-child {
	margin-right: 0;
}
article.ec section#product-sec.dtl ul.product-wrap > li.img-area ul.product-sld-thumb li.slick-current {
	filter: alpha(opacity=40); /* IE 6,7*/
	opacity: 0.4;
		-ms-filter: "alpha(opacity=40)"; /* IE 8,9 */
		-moz-opacity: 0.4; /* FF,Netscape */
		-khtml-opacity: 0.4; /* Safari 1.x */
	zoom: 1; /* IE */
}
div.zoomWindow {
	width: 310px !important;
	height: 360px !important;
	margin-left: 50px;
}
div.zoomContainer {
	cursor: crosshair;
}
div.zoomContainer.zoom1 {
	z-index: 101 !important;
}
@media screen and (max-width:1260px){
	div.zoomContainer {
		display: none;
		cursor: auto;
	}
	/* div.zoomWindow {
		width: calc((100vw - 100px) * 0.3813) !important;
		height: calc((((100vw - 100px) * 0.6186) - 45px) * 0.75) !important;
		margin-left: 45px;
	} */
}
article.ec section#product-sec.dtl ul.product-wrap > li.txt-area {
	float: right;
	width: 31%;
}
article.ec section#product-sec.dtl ul.status-icon {
	margin-bottom: 10px;
}
article.ec section#product-sec.dtl ul.status-icon li {
	float: left;
	font-size: 80%;
	line-height: 1em;
	color: #FFF;
	background-color: #000;
	padding: 8px;
	margin-right: 1px;
	margin-bottom: 1px;
}
article.ec section#product-sec.dtl p.product-code {}
article.ec section#product-sec.dtl h1.product-name {
	font-size: 130%;
  line-height: 2em;
  font-weight: normal;
}
article.ec section#product-sec.dtl h1.product-name:after {
	margin-bottom: 15px;
}
article.ec section#product-sec.dtl p.product-cat-list {
	margin-bottom: 10px;
}
article.ec section#product-sec.dtl p.normal-price {}
article.ec section#product-sec.dtl p.sale-price {
	font-size: 140%;
  line-height: 2em;
  margin-bottom: 20px;
}
article.ec section#product-sec.dtl p.point {}
article.ec section#product-sec.dtl p.maker {}
article.ec section#product-sec.dtl p.maker-url {}
article.ec section#product-sec.dtl p.main-comment {
	max-height: 200px;
	margin-bottom: 30px;
	overflow: scroll;
}
article.ec section#product-sec.dtl div.cart_area {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 31%;
}
@media screen and (max-width:1260px){
	article.ec section#product-sec.dtl div.cart_area {
		position: relative;
		width: 100%;
	}
}
article.ec section#product-sec.dtl div.kikaku-wrap {}
article.ec section#product-sec.dtl div.kikaku-wrap table.kikaku {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 10px;
	margin-bottom: 10px;
}
article.ec section#product-sec.dtl div.kikaku-wrap table.kikaku tr {}
article.ec section#product-sec.dtl div.kikaku-wrap table.kikaku tr td {
	width: 100%;
	vertical-align: middle;
}

article.ec section#product-recommend-sec {}



/* =====================================================
▼ CONTENTS "EC CART"
===================================================== */
article.ec section#cart-sec {}
article.ec section#cart-sec form.cart-form {
	margin-bottom: 70px;
}
article.ec section#cart-sec form.cart-form:last-child {
	margin-bottom: 0;
}
article.ec section#cart-sec div.point-txt {
	border: solid 1px #000;
	padding: 20px;
}
article.ec section#cart-sec div.sametime-txt {}
article.ec section#cart-sec p.total-txt {}



/* =====================================================
▼ CONTENTS "EC SHOPPING"
===================================================== */
article.ec section#shopping-sec.login {}

article.ec section#shopping-sec.deli {}

article.ec section#shopping-sec.multi {}

article.ec section#shopping-sec.pay {}
article.ec section#shopping-sec.pay div.deli-area {}
article.ec section#shopping-sec.pay div.pay-area {}
article.ec section#shopping-sec.pay div.time-area {}
article.ec section#shopping-sec.pay div.time-area ul.time-list {}
article.ec section#shopping-sec.pay div.time-area ul.time-list li {
	margin-bottom: 10px;
}
article.ec section#shopping-sec.pay div.time-area ul.time-list li:last-child {
	margin-bottom: 0;
}
article.ec section#shopping-sec.pay div.time-area ul.time-list li select {
	margin-right: 10px;
}
article.ec section#shopping-sec.pay div.time-area ul.time-list li select:last-child {
	margin-right: 0;
}
article.ec section#shopping-sec.pay div.point-area {}
article.ec section#shopping-sec.pay div.etc-area {}

article.ec section#shopping-sec.confirm {}

article.ec section#shopping-sec.complete {}



/* =====================================================
▼ CONTENTS "EC ENTRY"
===================================================== */
article.ec section#entry-sec {}

article.ec section#entry-sec.kiyaku {}
article.ec section#entry-sec.kiyaku .kiyaku-wrap {
	height: 180px;
	font-size: 90%;
	line-height: 1.8em;
	border: solid 1px #AFAFAF;
	padding: 20px;
}

article.ec section#entry-sec.index {}

article.ec section#entry-sec.confirm {}

article.ec section#entry-sec.complete {}



/* =====================================================
▼ CONTENTS "EC FORGOT"
===================================================== */
article.ec section#forgot-sec {}

article.ec section#forgot-sec.index {}

article.ec section#forgot-sec.secret {}

article.ec section#forgot-sec.complete {}
article.ec section#forgot-sec.complete div.forgot-pass {
	display: inline-block;
	border: solid 1px #AEAEAD;
	padding: 20px 50px;
}



/* =====================================================
▼ CONTENTS "EC MYPAGE"
===================================================== */
article.ec section#mypage-sec {}
article.ec section#mypage-sec div.user-info {
	text-align: center;
	color: #000;
	border: solid 1px #000;
	padding: 30px;
}
article.ec section#mypage-sec dl.menu-toggle {
	margin-bottom: 30px;
}
article.ec section#mypage-sec dl.menu-toggle dt {
	display: none;
}
article.ec section#mypage-sec dl.menu-toggle dd {
	display: block !important;
}
article.ec section#mypage-sec ul.mynavi-list {
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
}
article.ec section#mypage-sec ul.mynavi-list li {
	display: table-cell;
	font-size: 100%;
	line-height: 1.5em;
	text-align: center;
	border: solid 1px #000;
}
article.ec section#mypage-sec ul.mynavi-list li a {
	display: block;
	text-decoration: none;
	text-align: center;
	color: #000;
	padding: 10px;
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
}
article.ec section#mypage-sec ul.mynavi-list li a:hover,
article.ec section#mypage-sec ul.mynavi-list li a:active {
	color: #FFF;
	background-color: #000;
}

article.ec section#mypage-sec.index {}

article.ec section#mypage-sec.history {}

article.ec section#mypage-sec.favorite {}

article.ec section#mypage-sec.change {}

article.ec section#mypage-sec.change-confirm {}

article.ec section#mypage-sec.change-complete {}

article.ec section#mypage-sec.deli {}

article.ec section#mypage-sec.deli-add {}

article.ec section#mypage-sec.login {}

article.ec section#mypage-sec.refusal {}

article.ec section#mypage-sec.refusal-confirm {}

article.ec section#mypage-sec.refusal-complete {}

article.ec section#mypage-sec.mail-view {}

article.ec section#mypage-sec.error {}



/* =====================================================
▼ CONTENTS "EC ERROR"
===================================================== */
article.ec section#error-sec {}



/* =====================================================
▼ CONTENTS "EC BLOC"
===================================================== */
article.ec section#bloc-recommend-sec {}

article.ec section#bloc-guide-sec {}
article.ec section#bloc-guide-sec ul.guide-list {}
article.ec section#bloc-guide-sec ul.guide-list li {
	width: 24%;
	text-align: center;
	margin-right: 1.33%;
}
article.ec section#bloc-guide-sec ul.guide-list li:nth-child(4n) {
	margin-right: 0;
}
article.ec section#bloc-guide-sec ul.guide-list li:nth-child(n+5) {
	margin-top: 10px;
}
article.ec section#bloc-guide-sec ul.guide-list li a {
	display: block;
	text-decoration: none;
	color: #000;
	border: solid 1px #000;
	padding: 10px;
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
}
article.ec section#bloc-guide-sec ul.guide-list li a:hover,
article.ec section#bloc-guide-sec ul.guide-list li a:active {
	color: #FFF;
	background-color: #000;
}

article.ec section#bloc-shopcat-sec {}
article.ec section#bloc-shopcat-sec ul.shopcat-list {}
article.ec section#bloc-shopcat-sec ul.shopcat-list li {
	width: 24%;
	text-align: center;
	margin-right: 1.33%;
}
article.ec section#bloc-shopcat-sec ul.shopcat-list li:nth-child(4n) {
	margin-right: 0;
}
article.ec section#bloc-shopcat-sec ul.shopcat-list li:nth-child(n+5) {
	margin-top: 10px;
}
article.ec section#bloc-shopcat-sec ul.shopcat-list li a {
	display: block;
	text-decoration: none;
	color: #000;
	border: solid 1px #000;
	padding: 10px;
	
	transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
}
article.ec section#bloc-shopcat-sec ul.shopcat-list li a:hover,
article.ec section#bloc-shopcat-sec ul.shopcat-list li a:active {
	color: #FFF;
	background-color: #000;
}

article.ec section#bloc-news-sec {}

article.ec section#bloc-cart-sec {}

article.ec section#bloc-login-sec {}

article.ec section#bloc-search-sec {}

article.ec section#bloc-calendar-sec {}
article.ec section#bloc-calendar-sec #calender_area {
	border: none;
	background-color: transparent;
	margin-bottom: 10px;
}
article.ec section#bloc-calendar-sec #calender_area ul.calendar-wrap {}
article.ec section#bloc-calendar-sec #calender_area ul.calendar-wrap li {
	width: 47%;
	margin-right: 6%;
}
article.ec section#bloc-calendar-sec #calender_area ul.calendar-wrap li:nth-child(2n) {
	margin-right: 0;
}
article.ec section#bloc-calendar-sec #calender_area table {
	width: 100%;
	font-size: 90%;
	line-height: 1.5em;
	border: none;
	background: #FFF;
	margin: 0 auto;
	margin-bottom: 30px;
}
article.ec section#bloc-calendar-sec #calender_area table:last-child {
	margin-bottom: 0;
}
article.ec section#bloc-calendar-sec #calender_area table th {
	font-weight: bold;
	text-align: center;
	border: none;
	background: #FFF;
	padding: 10px;
}
article.ec section#bloc-calendar-sec #calender_area table td {
	text-align: center;
	border-top: 1px solid #AFAFAF;
	border-right: none;
	padding: 10px;
}
article.ec section#bloc-calendar-sec #calender_area table .month {
	font-size: 150%;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 10px;
}
article.ec section#bloc-calendar-sec #calender_area .off {
	color: #F00;
}
article.ec section#bloc-calendar-sec #calender_area .today {
	font-weight: bold;
	background-color: #F2F2F2;
}
article.ec section#bloc-calendar-sec .information {
	font-size: 90%;
	line-height: 1.5em;
	text-align: right;
}
article.ec section#bloc-calendar-sec .information span {
	color: #F00;
}