@charset "utf-8";

html { font-size: 62.5%; }
body {
	color: #333;
	font-size: 1.4rem;
	font-family: "シネマレター", "Cinema Letter", "M PLUS Rounded 1c", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	line-height: 1.8;
	background: #fff;
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
	/* animation: allFadeIn 2s ease 0s 1 normal;
	-webkit-animation: allFadeIn 2s ease 0s 1 normal; */
	opacity: 0;
	transition: 1s;
}
body.load {
	opacity: 1;
}
/* @keyframes allFadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
@-webkit-keyframes allFadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
} */
img {
	max-width: 100%;
}
a {
	color: #333;
	text-decoration: none;
	transition: .2s;
}
a:hover {
	opacity: .7;
}
@media print,screen and (max-width: 767px) {
	a:hover {
		opacity: 1;
	}
}
.pc-block {
	display: block!important;
}
.tb-block {
	display: none!important;
}
.sp-block {
	display: none!important;
}
.pc-inlineBlock {
	display: inline-block!important;
}
.sp-inlineBlock {
	display: none!important;
}
@media print,screen and (max-width: 999px) {
	.tb-block {
		display: block!important;
	}
}
@media print,screen and (max-width: 767px) {
	.pc-block {
		display: none!important;
	}
	.sp-block {
		display: block!important;
	}
	.pc-inlineBlock {
		display: none!important;
	}
	.sp-inlineBlock {
		display: inline-block!important;
	}
}
.fadeIn,
.fadeIn_200,
.fadeIn_400,
.fadeIn_600 {
	transition: .8s;
	opacity: 0;
	transform: translate(0,60px);
	-webkit-transform: translate(0,60px);
}
.fadeIn_left {
	transition: 1.2s;
	opacity: 0;
	transform: translate(-100px,0);
	-webkit-transform: translate(-100px,0);
}
.fadeIn_right {
	transition: 1.2s;
	opacity: 0;
	transform: translate(100px,0);
	-webkit-transform: translate(100px,0);
}
.fadeInMove {
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}
.js-accordion {
	transition: .2s;
}
.js-accordion:hover {
	opacity: .7;
	cursor: pointer;
}
@media print,screen and (max-width: 767px) {
	.js-accordion:hover {
		opacity: 1;
	}
}
.js-accordionContents {
	display: none;
}

/****	---- common ----
===================================****/
.c_inner {
	max-width: 1000px;
	padding: 0 20px;
	margin: 0 auto;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.c_inner {
		max-width: none;
		padding: 0 10px;
	}
}
.c_anchor {
	position: absolute;
	top: 0;
}
@media print,screen and (max-width: 767px) {
	.c_anchor {
		top: -60px;
	}
}
.c_main {
	padding: 0 0 120px 0;
	display: block;
}
@media print,screen and (max-width: 767px) {
	.c_main {
		padding: 70px 0 40px;
	}
}
.c_article {
	max-width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.c_article {
		max-width: none;
		padding: 0 10px;
	}
}
.c_section {
	padding: 40px 0;
	border-bottom: 2px solid #ccc;
	position: relative;
}
.c_section:first-of-type {
	margin: -40px 0 0 0;
}
@media print,screen and (max-width: 767px) {
	.c_section {
		padding: 20px 0;
	}
	.c_section:first-of-type {
		margin: -20px 0 0 0;
	}
}
.c_pageTitle {
	text-align: center;
	border-bottom: 4px solid #68c9f2;
	padding: 10px 0;
	margin: 0 0 40px 0;
}
@media print,screen and (max-width: 767px) {
	.c_pageTitle {
		margin: 0 0 20px 0;
	}
}
.c_pageTitle.column {
	border-top: 4px solid #68c9f2;
	margin: 40px 0;
}
@media print,screen and (max-width: 767px) {
	.c_pageTitle.column {
		margin: 20px 0;
	}
}
.c_pageTitle span {
	font-size: 3.2rem;
}
@media print,screen and (max-width: 767px) {
	.c_pageTitle span {
		font-size: 2.4rem;
	}
}
.c_secTitle {
	text-align: center;
	margin: 0 0 40px 0;
}
@media print,screen and (max-width: 767px) {
	.c_secTitle {
		margin: 0 0 20px 0;
	}
}
.c_secTitle span {
	font-size: 2.4rem;
	line-height: 1.6;
	display: inline-block;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.c_secTitle span {
		font-size: 1.8rem;
	}
}
.c_secTitle.large span {
	font-size: 3.2rem;
}
@media print,screen and (max-width: 767px) {
	.c_secTitle.large span {
		font-size: 2.4rem;
	}
}
.c_secTitle span::before,
.c_secTitle span::after {
	content: "";
	width: 40px;
	height: 4px;
	background: #68c9f2;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
@media print,screen and (max-width: 767px) {
	.c_secTitle span::before,
	.c_secTitle span::after {
		width: 30px;
		height: 4px;
	}
}
.c_secTitle span::before {
	left: -60px;
}
@media print,screen and (max-width: 767px) {
	.c_secTitle span::before {
		left: -50px;
	}
}
.c_secTitle span::after {
	right: -60px;
}
@media print,screen and (max-width: 767px) {
	.c_secTitle span::after {
		right: -50px;
	}
}
.c_title {
	font-size: 2.0rem;
	line-height: 1.6;
	border-left: 6px solid #68c9f2;
	padding: 0 0 0 14px;
	margin: 40px 0 20px;
}
@media print,screen and (max-width: 767px) {
	.c_title {
		font-size: 1.6rem;
		border-left: 4px solid #68c9f2;
		padding: 0 0 0 12px;
		margin: 20px 0 10px;
	}
}
.c_title.mt00 {
	margin: 0 0 20px 0;
}
@media print,screen and (max-width: 767px) {
	.c_title.mt00 {
		margin: 0 0 10px 0;
	}
}
.c_subTitle {
	font-size: 1.6rem;
	padding: 0 0 0 1em;
	margin: 1em 0 0 0;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.c_subTitle {
		font-size: 1.4rem;
	}
}
.c_subTitle::before {
	content: "";
	width: 12px;
	height: 12px;
	background: #68c9f2;
	border-radius: 12px;
	position: absolute;
	top: 8px;
	left: 0;
}
@media print,screen and (max-width: 767px) {
	.c_subTitle::before {
		width: 10px;
		height: 10px;
		top: 6px;
	}
}
.c_list {
	padding: 0 0 0 16px;
}
@media print,screen and (max-width: 999px) {
	.c_list {
		padding: 0 0 0 14px;
	}
}
.c_list.in {
	padding: 0 0 0 32px;
	margin: 16px 0 0 0;
}
@media print,screen and (max-width: 999px) {
	.c_list.in {
		padding: 0 0 0 28px;
		margin: 14px 0 0 0;
	}
}
.c_list.mb {
	margin: 0 0 16px 0;
}
@media print,screen and (max-width: 999px) {
	.c_list.mb {
		margin: 0 0 14px 0;
	}
}
.c_list li {
	list-style: disc;
	font-size: 1.6rem;
}
@media print,screen and (max-width: 999px) {
	.c_list li {
		font-size: 1.4rem;
	}
}
.c_list.li_mb li {
	margin: 0 0 1em 0;
}
.c_list.num li {
	list-style: decimal;
}
.c_list li p {
	margin: .5em 0;
}
.c_list li a {
	color: #20afec;
	font-weight: bold;
	text-decoration: underline;
}
.c_list li a:hover {
	text-decoration: none;
	opacity: 1;
}
.c_list li strong {
	color: #ff4500;
}
.c_copy {
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
}
@media print,screen and (max-width: 767px) {
	.c_copy {
		font-size: 1.8rem;
	}
}
.c_copy strong {
	color: #ff4500;
}
.c_text {
	font-size: 1.6rem;
	margin: 0 0 1em 0;
}
@media print,screen and (max-width: 767px) {
	.c_text {
		font-size: 1.4rem;
	}
}
.c_text:last-of-type {
	margin: 0;
}
.c_text.fs13 {
	font-size: 1.3rem;
}
@media print,screen and (max-width: 767px) {
	.c_text.fs13 {
		font-size: 1.1rem;
	}
}
.c_text.center {
	text-align: center;
}
.c_text a {
	color: #20afec;
	font-weight: bold;
	text-decoration: underline;
	background: url('../img/common/ico_external.png') right center / 16px no-repeat;
	padding: 0 24px 0 0;
}
@media print,screen and (max-width: 767px) {
	.c_text a {
		background: url('../img/common/ico_external.png') right center / 14px no-repeat;
		padding: 0 22px 0 0;
	}
}
.c_text a:hover {
	text-decoration: none;
	opacity: 1;
}
.c_text strong {
	color: #ff4500;
}
.c_indent {
	text-indent: -1em;
	padding: 0 0 0 1em;
}
.c_serif { font-family: "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif; }

.c_mbEm { margin: 0 0 1em 0!important; }
.c_mb00 { margin: 0!important; }
.c_mb10 { margin: 0 0 10px 0!important; }
@media print,screen and (max-width: 767px) { .c_mb10 { margin: 0 0 5px 0!important; } }
.c_mb20 { margin: 0 0 20px 0!important; }
@media print,screen and (max-width: 767px) { .c_mb20 { margin: 0 0 10px 0!important; } }
.c_mb40 { margin: 0 0 40px 0!important; }
@media print,screen and (max-width: 767px) { .c_mb40 { margin: 0 0 20px 0!important; } }
.c_mb80 { margin: 0 0 80px 0!important; }
@media print,screen and (max-width: 767px) { .c_mb80 { margin: 0 0 40px 0!important; } }

.c_arw {
	position: relative;
}
.c_arw::before {
	content: "";
	width: .5em;
	height: .5em;
	background: #333;
	position: absolute;
	/* right: 0; */
	bottom: -.5em;
	left: 0;
	left: 10em;
	margin: auto;
}
.c_arw::after {
	content: "";
	width: 0;
	height: 0;
	border: .5em solid transparent;
	border-top: .5em solid #333;
	position: absolute;
	/* right: 0; */
	bottom: -1.5em;
	left: 0;
	left: 9.8em;
	margin: auto;
}

.c_btn {
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	width: 260px;
	background: #20afec url('../img/common/arw_next.png') right 16px center / 8px no-repeat;
	border: 2px solid #20afec;
	border-radius: 48px;
	box-sizing: border-box;
	padding: 8px 0;
	margin: 0 auto;
	display: block;
	transition: .2s;
}
@media print,screen and (max-width: 767px) {
	.c_btn {
		font-size: 1.4rem;
	}
}
.c_btn.red {
	background: #ff4500 url('../img/common/arw_next.png') right 16px center / 8px no-repeat;
	border: 2px solid #ff4500;
}
.c_btn.gray {
	background: #999 url('../img/common/arw_next.png') right 16px center / 8px no-repeat;
	border: 2px solid #999;
}
.c_btn:hover {
	color: #20afec;
	background: #fff url('../img/common/arw_next.png') right 16px center / 8px no-repeat;
	border: 2px solid #20afec;
	opacity: 1;
}
.c_btn.red:hover {
	color: #ff4500;
	border: 2px solid #ff4500;
}
.c_btn.gray:hover {
	color: #999;
	border: 2px solid #999;
}

.c_orderBtn {
	color: #fff;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.6;
	background: #ff4500;
	border-bottom: 8px solid #b13000;
	border-radius: 8px;
	padding: 20px 0;
	margin: 20px 0;
	display: block;
	position: relative;
	transition: .2s;
}
@media print,screen and (max-width: 767px) {
	.c_orderBtn {
		font-size: 1.8rem;
		border-bottom: 4px solid #b13000;
		padding: 15px 0;
	}
}
.c_termsBtn {
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.6;
	letter-spacing: -.025em;
	background: #20afec;
	/* border-bottom: 8px solid #20afec; */
	border-radius: 8px;
	padding: 10px 0;
	margin: 20px 0;
	display: block;
	position: relative;
	transition: .2s;
}
.c_orderBtn::before {
	content: "";
	width: 40px;
	height: 40px;
	background: #fff url('../img/common/arw_right_red.png') 14px center / 16px no-repeat;
	border-radius: 40px;
	position: absolute;
	top: 0;
	right: 80px;
	bottom: 0;
	margin: auto;
	transition: .2s;
}
@media print,screen and (max-width: 767px) {
	.c_orderBtn::before {
		width: 30px;
		height: 30px;
		background: #fff url('../img/common/arw_right_red.png') 10px center / 12px no-repeat;
		right: 40px;
	}
}
.c_orderBtn:hover {
	opacity: 1;
}
.c_orderBtn:hover::before {
	right: 40px;
}
@media print,screen and (max-width: 767px) {
	.c_orderBtn:hover::before {
		right: 20px;
	}
}

@keyframes shiny01 {
    0% { left: -20%; }
    10% { left: 120%; }
    100% { left: 120%; }
}
@keyframes shiny02 {
    0% {
        transform: scale(0) rotate(25deg);
        opacity: 0;
    }

    50% {
        transform: scale(1) rotate(25deg);
        opacity: 1;
    }

    100% {
        transform: scale(50) rotate(25deg);
        opacity: 0;
    }
}
.c_shiny {
    position: relative;
    overflow: hidden;
}
.c_shiny::after {
    content: '';
    position: absolute;
    background-image: linear-gradient(100deg,  rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%);
    /* アニメーション */
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
.c_shiny01::after {
    top: -10%;
    left: -20%;
    width: 40px;
    height: 100%;
    transform: scale(2) rotate(20deg);
    /* アニメーション */
    animation-name: shiny01;
    animation-duration: 3s;
}
.c_shiny02::after {
    top: -100px;
    left: -100px;
    width: 50px;
    height: 50px;
    /* アニメーション */
    animation-name: shiny02;
    animation-duration: 3s;
}

.c_guidance {
	margin: 20px 0;
}
.c_guidance_text {
	font-size: 1.6rem;
	text-align: center;
}
.c_guidance_text a {
	color: #20afec;
	font-weight: bold;
	text-decoration: underline;
}
.c_guidance_text a:hover {
	text-decoration: none;
	opacity: 1;
}
.c_download {
	margin: 20px 0;
}
.c_download_title {
	font-size: 1.6rem;
	text-align: center;
	margin: 0 0 1em 0;
}
@media print,screen and (max-width: 767px) {
	.c_download_title {
		font-size: 1.4rem;
	}
}
.c_download_btn {
	display: flex;
	justify-content: center;
}
.c_download a {
	width: 240px;
	margin: 0 20px;
	display: block;
}
@media print,screen and (max-width: 767px) {
	.c_download a {
		margin: 0 5px;
	}
}
.c_download a:last-of-type {
	width: 195px;
}
.c_table {
	border-collapse: collapse;
	width: 100%;
	background: #fff;
	margin: 20px 0;
}
@media print,screen and (max-width: 767px) {
	.c_table {
		margin: 10px 0;
	}
}
.c_table.alternate tr:nth-child(odd) {
	background: #fcfcfc;
}
.c_table th {
	font-size: 1.6rem;
	text-align: center;
	vertical-align: middle;
	background: #fafafa;
	border: 1px solid #ccc;
	padding: 15px 20px;
}
@media print,screen and (max-width: 999px) {
	.c_table th {
		font-size: 1.4rem;
		padding: 8px 5px;
	}
}
@media print,screen and (max-width: 767px) {
	.c_table th {
		font-size: 1.2rem;
		line-height: 1.6;
		padding: 8px 5px;
	}
	.c_table th.half {
		width: 50%;
	}
}
.c_table.small th {
	padding: 15px 0;
}
@media print,screen and (max-width: 767px) {
	.c_table.small th {
		font-size: 1.0rem;
		padding: 6px 0;
	}
}
.c_table.column th {
	width: 30%;
	vertical-align: top;
	box-sizing: border-box;
}
@media print,screen and (max-width: 999px) {
	.c_table.column th {
		font-size: 1.4rem;
	}
}
.c_table.alternate th {
	background: #f5f5f5;
}
.c_table th strong {
	color: #ff4500;
}
.c_table td {
	font-size: 1.6rem;
	text-align: left;
	vertical-align: top;
	border: 1px solid #ccc;
	padding: 15px 20px;
}
@media print,screen and (max-width: 999px) {
	.c_table td {
		font-size: 1.4rem;
		padding: 8px 5px;
	}
	.c_table.column td {
		font-size: 1.4rem;
		padding: 8px 10px;
	}
}
@media print,screen and (max-width: 767px) {
	.c_table td {
		font-size: 1.2rem;
		line-height: 1.6;
	}
}
.c_table.small td {
	padding: 15px 0;
}
@media print,screen and (max-width: 767px) {
	.c_table.small td {
		font-size: 1.0rem;
		padding: 6px 0;
	}
}
.c_table td.bold {
	font-weight: bold;
}
.c_table td.center {
	text-align: center;
	vertical-align: middle;
}
.c_table td.right {
	text-align: right;
	vertical-align: middle;
}
.c_table th.bgGray {
	background: #d5dce6;
}
.c_table th.bgBlue {
	background: #96c2e8;
}
.c_table td.bgLightR {
	font-weight: bold;
	background: #ffb3a6;
}
.c_table td.bgLightG {
	font-weight: bold;
	background: #a6ffce;
}
.c_table td.bgRed {
	color: #fff;
	font-weight: bold;
	background: #ff5e43;
}
.c_table td.bgGreen {
	color: #fff;
	font-weight: bold;
	background: #09ab65;
}
.c_table td.bgLightY {
	font-weight: bold;
	background: #fcffca;
}
.c_table td.bgLightB {
	font-weight: bold;
	background: #00cdff;
}
.c_table td.bgLightO {
	font-weight: bold;
	background: #ffdc5a;
}
.c_table td.bgLightG2 {
	font-weight: bold;
	background: #99d78e;
}
.c_table td.center {
	text-align: center;
	vertical-align: middle;
}
.c_table td p {
	line-height: 1.4;
	margin: .5em 0 0 0;
}
.c_table td strong {
	color: #ff8c00;
	font-size: 2.4rem;
}
@media print,screen and (max-width: 767px) {
	.c_table td strong {
		font-size: 1.6rem;
	}
}
.c_table td span {
	color: #ff4500;
}
.c_table td b {
	font-size: 1.8rem;
}
@media print,screen and (max-width: 767px) {
	.c_table td b {
		font-size: 1.4rem;
	}
}
.c_table td i {
	font-size: 1.2rem;
	font-style: normal;
	line-height: 1.6;
	margin: .5em 0 0 0;
	display: block;
}
@media print,screen and (max-width: 767px) {
	.c_table td i {
		font-size: .8rem;
	}
}
.c_notice {
	margin: 0 0 40px 0;
}
@media print,screen and (max-width: 767px) {
	.c_notice {
		margin: 0 0 20px 0;
	}
}
.c_notice.page {
	margin: 0 -20px 40px;
}
@media print,screen and (max-width: 767px) {
	.c_notice.page {
		margin: 0 -10px 20px;
	}
}
.c_notice_container {
	background: #fffcd1;
	border: 4px solid #fff100;
}
@media print,screen and (max-width: 767px) {
	.c_notice_container {
		border: 2px solid #fff100;
	}
}
.c_notice_container.caution {
	background: #fff1eb;
	border: 4px solid #ff4500;
}
@media print,screen and (max-width: 767px) {
	.c_notice_container.caution {
		border: 2px solid #ff4500;
	}
}
.c_notice_title {
	color: #ff4500;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.6;
	background: url('../img/common/ico_plus_red.png') right 40px center / 24px no-repeat;
	padding: 20px 0;
}
@media print,screen and (max-width: 767px) {
	.c_notice_title {
		font-size: 1.8rem;
		background: url('../img/common/ico_plus_red.png') right 20px center / 20px no-repeat;
		padding: 10px 0;
	}
}
.c_notice_title.open {
	background: url('../img/common/ico_minus_red.png') right 40px center / 24px no-repeat;
}
@media print,screen and (max-width: 767px) {
	.c_notice_title.open {
		background: url('../img/common/ico_minus_red.png') right 20px center / 20px no-repeat;
	}
}
.c_notice_contents {
	padding: 0 40px 40px;
}
@media print,screen and (max-width: 767px) {
	.c_notice_contents {
		padding: 0 20px 20px;
	}
}
.c_caution {
	background: #fafafa;
	border: 4px solid #ccc;
	padding: 20px;
}
@media print,screen and (max-width: 767px) {
	.c_caution {
		border: 2px solid #ccc;
		padding: 10px;
	}
}
.c_payEx_container {
	position: relative;
}
.c_payEx_row {
	margin: 0 0 40px 0;
	display: flex;
	justify-content: space-around;
}
@media print,screen and (max-width: 767px) {
	.c_payEx_row {
		margin: 0 0 20px 0;
	}
}
.c_payEx_col {
	text-align: center;
	width: 20%;
	height: 120px;
	border: 4px solid #68c9f2;
	border-radius: 16px;
	box-sizing: border-box;
	padding: 4px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.c_payEx_col {
		width: 22%;
		height: 80px;
		border: 2px solid #68c9f2;
	}
}
.c_payEx_col.col5 {
	width: 18%;
}
@media print,screen and (max-width: 767px) {
	.c_payEx_col.col5 {
		height: auto;
	}
}
.c_payEx_col.col6 {
	width: 14%;
}
@media print,screen and (max-width: 767px) {
	.c_payEx_col.col6 {
		height: auto;
		min-height: 60px;
	}
}
.c_payEx_col:last-of-type {
	color: #ff4500;
	border: 4px solid #ff4500;
}
@media print,screen and (max-width: 767px) {
	.c_payEx_col:last-of-type {
		border: 2px solid #ff4500;
	}
}
.c_payEx_col span {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
}
@media print,screen and (max-width: 999px) {
	.c_payEx_col span {
		font-size: 1.4rem;
	}
}
@media print,screen and (max-width: 767px) {
	.c_payEx_col span {
		font-size: 1.1rem;
	}
}
.c_payEx_row.yen .c_payEx_col span {
	font-size: 1.4rem;
}
@media print,screen and (max-width: 767px) {
	.c_payEx_row.yen .c_payEx_col span {
		font-size: 1.0rem;
		margin: 0 0 2px 0;
	}
}
.c_payEx_col strong {
	color: #ff4500;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.4;
}
@media print,screen and (max-width: 999px) {
	.c_payEx_col strong {
		font-size: 2.4rem;
	}
}
@media print,screen and (max-width: 767px) {
	.c_payEx_col strong {
		font-size: 1.6rem;
	}
}
.c_payEx_calc {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto auto auto -8px;
}
@media print,screen and (max-width: 767px) {
	.c_payEx_calc {
		width: 8px;
		height: 8px;
		margin: auto auto auto -4px;
	}
}
.c_payEx_calc.multiplication {
	background: url('../img/common/ico_x_black.png') center center / 80% 80% no-repeat;
}
.c_payEx_calc.plus {
	background: url('../img/common/ico_plus_black.png') center center / 100% 100% no-repeat;
}
.c_payEx_calc.equal {
	background: url('../img/common/ico_equal_black.png') center center / 100% 100% no-repeat;
}
.c_payEx_calc.p20 {
	left: 20%;
}
.c_payEx_calc.p25 {
	left: 25%;
}
.c_payEx_calc.p40 {
	left: 40%;
}
.c_payEx_calc.p50 {
	left: 50%;
}
.c_payEx_calc.p60 {
	left: 60%;
}
.c_payEx_calc.p75 {
	left: 75%;
}
.c_payEx_calc.p80 {
	left: 80%;
}
.c_payEx_calc.pCol6_1 {
	left: calc(100% / 6);
}
.c_payEx_calc.pCol6_2 {
	left: calc(100% / 6 * 2);
}
.c_payEx_calc.pCol6_4 {
	left: calc(100% / 6 * 4);
}
.c_payEx_calc.pCol6_5 {
	left: calc(100% / 6 * 5);
}
.c_payEx_title {
	color: #0f7fae;
	font-size: 1.8rem;
	line-height: 1.6;
	width: 100%;
	min-height: 60px;
	background: #d4f0fb;
	border-radius: 60px;
	box-sizing: border-box;
	padding: 10px 30px 10px 70px;
	margin: 0 0 20px 0;
	display: table;
	align-items: center;
	position: relative;
}
@media print,screen and (max-width: 999px) {
	.c_payEx_title {
		font-size: 1.6rem;
	}
}
@media print,screen and (max-width: 767px) {
	.c_payEx_title {
		font-size: 1.4rem;
		min-height: 40px;
		padding: 5px 20px 5px 50px;
		margin: 0 0 10px 0;
	}
}
.c_payEx_title::before {
	content: "例";
	color: #fff;
	font-family: "シネマレター", "Cinema Letter", "M PLUS Rounded 1c", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	background: #20afec;
	width: 60px;
	height: 60px;
	border-radius: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
@media print,screen and (max-width: 767px) {
	.c_payEx_title::before {
		width: 40px;
		height: 40px;
	}
}
.c_payEx_title span {
	display: table-cell;
	vertical-align: middle;
}
.c_payEx_title strong {
	color: #ff4500;
	font-size: 2.4rem;
	line-height: 1.0;
	margin: 0 0 0 4px;
}
@media print,screen and (max-width: 999px) {
	.c_payEx_title strong {
		font-size: 2.0rem;
	}
}
@media print,screen and (max-width: 767px) {
	.c_payEx_title strong {
		font-size: 1.8rem;
	}
}

/****	---- modal ----
===================================****/
.modal {
	display: none;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999999;
}
.modal_layer {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.75);
}
.modal_container {
	width: 1000px;
	background: #fff;
	border-radius: 8px;
	box-sizing: border-box;
	padding: 40px 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
@media print,screen and (max-width: 999px) {
	.modal_container {
		width: calc(100% - 40px);
	}
}
.modal_close {
	width: 32px;
	height: 32px;
	background: url('../img/common/btn_close.png') center center / 32px no-repeat;
	position: absolute;
	top: -52px;
	right: 0;
}
.modal_photoprint {
	display: none;
}
.modal_photoprint.on {
	display: block;
}
.modal_photoprint_grid {
	display: flex;
	justify-content: space-between;
}
.modal_photoprint_col {
	text-align: center;
	width: calc(50% - 10px);
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 20px 0;
}
.modal_photoprint_hdg {
	min-height: 100px;
}
.modal_photoprint_title {
	line-height: 1.4;
	margin: 0 0 4px 0;
}
.modal_photoprint_title strong {
	font-size: 2.4rem;
	display: block;
}
.modal_photoprint_title strong > span {
	color: #ff4500;
	font-size: 2.4rem;
	display: inline;
}
.modal_photoprint_title span {
	font-size: 1.6rem;
	display: block;
}
.modal_photoprint_sup {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.2;
}
.modal_photoprint_sup span {
	font-size: 1.4rem;
	color: #ff4500;
}
.modal_photoprint_contents {
	min-height: 160px;
	background: url('../img/common/bg_yes.png') center top / 160px no-repeat;
	box-sizing: border-box;
	padding: 20px 0;
	margin: 0 0 40px 0;
}
.modal_photoprint_contents.triangle {
	background: url('../img/common/bg_triangle.png') center top / 160px no-repeat;
}
.modal_photoprint_contents.danger {
	background: url('../img/common/bg_danger.png') center top / 160px no-repeat;
}
.modal_photoprint_result {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.6;
	margin: 0 0 1em 0;
}
.modal_photoprint_desc {
	font-size: 1.6rem;
	font-weight: bold;
}
.modal_photoprint_result strong,
.modal_photoprint_desc strong {
	color: #ff4500;
}
.modal_photoprint_terms {
	font-size: 1.6rem;
	text-align: center;
	margin: 40px 0 0 0;
}
.modal_photoprint_terms a {
	color: #20afec;
	font-weight: bold;
	text-decoration: underline;
}
.modal_photoprint_terms a:hover {
	text-decoration: none;
	opacity: 1;
}

/****	---- header ----
===================================****/
.header {
	background: #fff;
	border-top: 4px solid #68c9f2;
	margin: 0 0 20px 0;
}
@media print,screen and (max-width: 767px) {
	.header {
		width: 100%;
		border-top: none;
		box-shadow: 0 0 4px #ccc;
		margin: 0;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99999999;
	}
}
.header_contents {
	max-width: 1200px;
	padding: 20px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media print,screen and (max-width: 999px) {
	.header_contents {
		padding: 10px;
	}
}
@media print,screen and (max-width: 767px) {
	.header_contents {
		height: 60px;
		padding: 0 10px;
	}
}
.header_logo {
	display: flex;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.header_logo {
		display: block;
	}
}
.header_logo_ico {
	width: 280px;
	margin: 0 20px 0 0;
	display: block;
}
@media print,screen and (max-width: 1179px) {
	.header_logo_ico {
		width: 220px;
		margin: 0 10px 0 0;
	}
}
@media print,screen and (max-width: 999px) {
	.header_logo_ico {
		width: 150px;
		margin: 0 5px 0 0;
	}
}
@media print,screen and (max-width: 767px) {
	.header_logo_ico {
		width: 180px;
		margin: 0;
	}
}
.header_logo_copy {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
}
@media print,screen and (max-width: 1179px) {
	.header_logo_copy {
		font-size: 1.2rem;
	}
}
@media print,screen and (max-width: 999px) {
	.header_logo_copy {
		font-size: 1.0rem;
	}
}
@media print,screen and (max-width: 767px) {
	.header_logo_copy {
		display: none;
	}
}
.header_spMenu {
	width: 40px;
	height: 40px;
	background: url('../img/common/btn_menu.png') center center / 40px no-repeat;
}
.header_link {
	display: flex;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.header_link {
		display: none;
	}
}
.header_link_col {
	width: 140px;
	margin: 0 10px 0 0;
	position: relative;
}
@media print,screen and (max-width: 1179px) {
	.header_link_col {
		width: 120px;
	}
}
@media print,screen and (max-width: 999px) {
	.header_link_col {
		width: 100px;
		margin: 0 5px 0 0;
	}
}
.header_link_btn {
	text-align: center;
	width: 160px;
	height: 44px;
	background: #20afec;
	border-radius: 4px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media print,screen and (max-width: 1179px) {
	.header_link_btn {
		width: 140px;
	}
}
@media print,screen and (max-width: 999px) {
	.header_link_btn {
		width: 120px;
	}
}
.header_link_btn.memmber,
.header_link_btn.register {
	line-height: 1.2;
	width: 100%;
	background: #68c9f2;
}
.header_link_btn.memmber:hover,
.header_link_btn.register:hover {
	cursor: pointer;
}
.header_link_btn span {
	color: #fff;
	font-size: 1.6rem;
}
@media print,screen and (max-width: 1179px) {
	.header_link_btn span {
		font-size: 1.4rem;
	}
}
.header_link_btn.contact span {
	background: url('../img/common/ico_contact.png') left center / 18px no-repeat;
	padding: 0 0 0 28px;
}
@media print,screen and (max-width: 1179px) {
	.header_link_btn.contact span {
		background: url('../img/common/ico_contact.png') left center / 16px no-repeat;
		padding: 0 0 0 24px;
	}
}
.header_link_btn.memmber > span {
	background: url('../img/common/ico_login.png') left center / 18px no-repeat;
	padding: 0 0 0 28px;
}
@media print,screen and (max-width: 1179px) {
	.header_link_btn.memmber > span {
		font-size: 1.2rem;
		background: url('../img/common/ico_login.png') left center / 16px no-repeat;
		padding: 0 0 0 24px;
	}
}
.header_link_btn.register > span {
	background: url('../img/common/ico_human.png') left center / 16px no-repeat;
	padding: 0 0 0 24px;
}
@media print,screen and (max-width: 1179px) {
	.header_link_btn.register > span {
		font-size: 1.2rem;
		background: url('../img/common/ico_human.png') left center / 14px no-repeat;
		padding: 0 0 0 20px;
	}
}
.header_link_btn_list {
	display: none;
	width: 100%;
	background: #fff;
	border: 1px solid #68c9f2;
	border-radius: 4px;
	position: absolute;
	top: 44px;
	left: 0;
	z-index: 1;
}
@media print,screen and (max-width: 767px) {
	.header_link_btn_list {
		background: #fff;
		border: none;
		border-radius: 0;
		position: static;
	}
}
.header_link_btn_list_item a {
	/* color: #0f7fae!important; */
	color: #68c9f2!important;
	font-size: 1.6rem;
	background: url('../img/common/arw_right_blue.png') right 12px center / 8px no-repeat;
	border-bottom: 1px solid #68c9f2!important;
	padding: 12px;
	display: block;
}
@media print,screen and (max-width: 999px) {
	.header_link_btn_list_item a {
		font-size: 1.4rem;
		background: url('../img/common/arw_right_blue.png') right 10px center / 6px no-repeat;
		padding: 8px 12px;
	}
}
@media print,screen and (max-width: 767px) {
	.header_link_btn_list_item a {
		background: url('../img/common/arw_right_blue.png') right 20px center / 10px no-repeat!important;
		border-top: none!important;
	}
}
.header_link_btn_list_item:last-child a {
	border-bottom: none!important;
}
.header_navi {
	background: #fafafa;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 20px;
}
@media print,screen and (max-width: 767px) {
	.header_navi {
		display: none;
		width: 100%;
		height: 100%;
		background: #68c9f2;
		border: none;
		padding: 0;
		position: fixed;
		top: 0;
		left: 0;
	}
	.header_spMenu_hdg {
		height: 59px;
		border-bottom: 1px solid #fff;
	}
	.header_spMenu_close {
		width: 40px;
		height: 40px;
		background: url('../img/common/btn_close.png') center center / 32px no-repeat;
		position: absolute;
		top: 10px;
		right: 10px;
	}
}
.header_navi_list {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.header_navi_list {
		height: calc(100vh - 60px);
		overflow-y: scroll;
		display: block;
	}
}
.header_navi_list_item {
	width: calc(100% / 6);
}
@media print,screen and (max-width: 767px) {
	.header_navi_list_item {
		width: auto;
	}
}
.header_navi_list_item a {
	font-size: 1.6rem;
	text-align: center;
	line-height: 1.4;
	height: 50px;
	border-left: 1px solid #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
@media print,screen and (max-width: 1199px) {
	.header_navi_list_item a {
		font-size: 1.4rem;
	}
}
@media print,screen and (max-width: 999px) {
	.header_navi_list_item a {
		font-size: 1.0rem;
	}
}
@media print,screen and (max-width: 767px) {
	.header_navi_list_item a {
		color: #fff;
		font-size: 1.6rem;
		text-align: left;
		border-bottom: 1px solid #fff;
		border-left: none;
		background: url('../img/common/arw_next.png') right 20px center / 10px no-repeat;
		padding: 0 20px;
		justify-content: flex-start;
	}
	.header_navi_list_item.accordion a {
		background: url('../img/common/ico_plus.png') right 16px center / 20px no-repeat;
	}
	.header_navi_list_item.accordion a.open {
		background: url('../img/common/ico_minus.png') right 16px center / 20px no-repeat;
		border-bottom: none;
	}
}
.header_navi_list_item.last a {
	border-right: 1px solid #ccc;
}
@media print,screen and (max-width: 767px) {
	.header_navi_list_item.last a {
		border-right: none;
	}
}
.header_navi_list_item a::after {
	content: "";
	width: 0;
	height: 4px;
	background: #68c9f2;
	position: absolute;
	right: 0;
	bottom: -4px;
	left: 0;
	margin: auto;
	transition: .2s;
}
@media print,screen and (max-width: 767px) {
	.header_navi_list_item a::after {
		content: none;
	}
}
.header_navi_list_item a:hover {
	opacity: 1;
}
.header_navi_list_item a:hover::after {
	width: 80%;
}
.header_navi_list_item a span {
	color: #ff4500;
	font-size: 1.4rem;
	text-align: center;
	position: absolute;
	top: -.5em;
	left: 50%;
	transform: translateX(-50%);
}
@media print,screen and (max-width: 767px) {
	.header_navi_list_item a span {
		margin: 0 0 0 1.5em;
		position: relative;
		top: auto;
		left: auto;
		transform: translateX(0);
	}
}
.header_navi_list_item a span::before,
.header_navi_list_item a span::after {
	content: "";
	width: 1px;
	height: 1em;
	background: #ff4500;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -.5em;
	margin: auto;
	transform: translateY(-.1em) rotate(-15deg);
}
.header_navi_list_item a span::after {
	right: -.5em;
	left: auto;
	transform: translateY(-.1em) rotate(15deg);
}

/****	---- contents ----
===================================****/
.contents {
	min-height: 615px;
	padding: 0 300px 0 0;
}
@media print,screen and (max-width: 999px) {
	.contents {
		min-height: 643px;
		padding: 0 240px 0 0;
	}
}
@media print,screen and (max-width: 767px) {
	.contents {
		min-height: auto;
		padding: 0;
	}
}
.c_mv {
	text-align: center;
	margin: 0 0 20px 0;
}
@media print,screen and (max-width: 767px) {
	.c_mv {
		margin: 0 -10px 10px;
	}
}

/****	---- sidebar ----
===================================****/
.trigger {
	position: absolute;
}
.trigger.photoprint {
	bottom: 415px;
}
.trigger.photobook {
	bottom: 615px;
	bottom: 643px;
	bottom: 575px;
}
@media print,screen and (max-width: 999px) {
	.trigger.photobook {
		bottom: 643px;
		bottom: 696px;
	}
}
.trigger.nenga {
	bottom: 675px;
	bottom: 702px;
	bottom: 625px;
}
@media print,screen and (max-width: 999px) {
	.trigger.nenga {
		bottom: 778px;
	}
}
.sidebar {
	width: 280px;
	background: #fafafa;
	padding: 20px 0;
	position: absolute;
	top: 0;
	right: 20px;
}
@media print,screen and (max-width: 999px) {
	.sidebar {
		width: 220px;
	}
}
@media print,screen and (max-width: 767px) {
	.sidebar {
		width: auto;
		padding: 10px;
		margin: 20px 0 0 0;
		position: static;
	}
}
.sidebar.fixed {
	position: fixed;
	right: 50%;
	margin: 0 -600px 0 0;
}
@media print,screen and (max-width: 1239px) {
	.sidebar.fixed {
		position: fixed;
		right: 20px;
		margin: 0;
	}
}
.sidebar.end {
	position: absolute;
	top: auto;
	bottom: 0;
}
.sidebar_hdg {
	border-left: 6px solid #68c9f2;
	padding: 0 20px;
}
@media print,screen and (max-width: 767px) {
	.sidebar_hdg {
		border-left: 4px solid #68c9f2;
		padding: 0 16px;
		margin: 0 0 10px 0;
	}
}
.sidebar_hdg_title {
	font-size: 2.0rem;
	font-weight: bold;
}
@media print,screen and (max-width: 767px) {
	.sidebar_hdg_title {
		font-size: 1.8rem;
	}
}
.sidebar_hdg_copy {
	font-size: 1.6rem;
	font-weight: bold;
}
@media print,screen and (max-width: 767px) {
	.sidebar_hdg_copy {
		display: none;
	}
}
.sidebar_hdg_copy strong {
	color: #ff4500;
}
.sidebar_hdg_price {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.6;
}
@media print,screen and (max-width: 767px) {
	.sidebar_hdg_price {
		display: none;
	}
}
.sidebar_hdg_price span {
	color: #ff4500;
	padding: 0 4px 0 8px;
}
.sidebar_hdg_price span strong {
	font-size: 2.4rem;
}
.sidebar_list {
	margin: 20px 10px;
}
@media print,screen and (max-width: 767px) {
	.sidebar_list {
		margin: 0;
	}
}
.sidebar_list_item {
	border-top: 1px solid #ccc;
}
.sidebar_list_item:last-child {
	border-bottom: 1px solid #ccc;
}
.sidebar_list_item a {
	font-size: 1.4rem;
	font-weight: bold;
	background: url('../img/common/arw_right_blue.png') left center / 6px no-repeat;
	padding: 10px 20px;
	display: block;
}
.sidebar_list_item a:hover {
	color: #68c9f2;
	opacity: 1;
}
.sidebar_btn {
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	background: #ff4500 url('../img/common/arw_next.png') right 10px center / 10px no-repeat;
	border: 2px solid #ff4500;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 4px 0;
	margin: 0 10px;
	display: block;
	transition: .2s;
}
@media print,screen and (max-width: 767px) {
	.sidebar_btn {
		display: none;
	}
}
.sidebar_btn.blue {
	background: #68c9f2 url('../img/common/arw_next.png') right 10px center / 10px no-repeat;
	border: 2px solid #68c9f2;
	margin: 0;
}
.sidebar_btn:hover {
	color: #ff4500;
	background: #fff url('../img/common/arw_next.png') right 10px center / 10px no-repeat;
	border: 2px solid #ff4500;
	opacity: 1;
}
.sidebar_btn.blue:hover {
	color: #68c9f2;
	border: 2px solid #68c9f2;
}
.sidebar_delivery {
	background: #fff;
	border-radius: 8px;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 20px 10px 0;
}
@media print,screen and (max-width: 767px) {
	.sidebar_delivery {
		display: none;
	}
}
.sidebar_delivery_text {
	font-size: 1.2rem;
	font-weight: bold;
	margin: 0 0 4px 0;
}
.sidebar_delivery_caution {
	font-size: 1.2rem;
	line-height: 1.6;
	text-indent: -1em;
	padding: 0 0 0 1em;
	margin: 0 0 10px 0;
}
.sidebar_delivery_text strong,
.sidebar_delivery_caution strong {
	color: #ff4500;
}
.sidebar_delivery_box {
	border: 2px solid #233b6c;
	border-radius: 8px;
	padding: 5px 0 5px 4px;
	margin: 0 0 10px 0;
	animation: yureru-j 2s infinite;
}
.sidebar_delivery_box .sidebar_delivery_caution {
	color: #233b6c;
	margin: 0;
}
@keyframes yureru-j {
    0% {
        transform: scale(1.02);
    }
    5% {
        transform: scale(0.98);
    }
    10% {
        transform: scale(1.02);
    }
    15% {
        transform: scale(0.98);
    }
    20% {
        transform: scale(1.02);
    }
    25% {
        transform: scale(0.98);
    }
    30% {
        transform: scale(1.0);
    }
}
/****	---- footer ----
===================================****/
.footer {
	background: #68c9f2;
	position: relative;
}
.pagetop {
	display: none;
	width: 60px;
	height: 60px;
	position: fixed;
	bottom: 30px;
	right: 30px;
}
@media print,screen and (max-width: 767px) {
	.pagetop {
		width: 50px;
		height: 50px;
		bottom: 10px;
		right: 10px;
	}
}
.pagetop.absolute {
	position: absolute;
	top: -30px;
	bottom: auto;
}
@media print,screen and (max-width: 767px) {
	.pagetop.absolute {
		top: -25px;
	}
}
.pagetop a {
	width: 100%;
	height: 100%;
	background: #68c9f2 url('../img/common/ico_arrow_top.png') center center / 24px no-repeat;
	border-radius: 60px;
	display: block;
}
.footer_contents {
	max-width: 1200px;
	padding: 80px 20px;
	margin: 0 auto;
}
@media print,screen and (max-width: 767px) {
	.footer_contents {
		padding: 30px 10px;
	}
}
.footer_navi {
	margin: 0 40px 40px;
}
@media print,screen and (max-width: 999px) {
	.footer_navi {
		margin: 0 10px 40px;
	}
}
@media print,screen and (max-width: 767px) {
	.footer_navi {
		margin: 0 -10px 30px;
	}
}
.footer_navi_list {
	display: flex;
	flex-wrap: wrap;
}
.footer_navi_list_item {
	margin: 0 2em 1em 0;
}
@media print,screen and (max-width: 767px) {
	.footer_navi_list_item {
		width: 50%;
		margin: 0;
	}
	.footer_navi_list_item:last-child {
		width: 100%;
	}
}
.footer_navi_list_item a {
	color: #fff;
	font-size: 1.6rem;
	background: url('../img/common/arw_next.png') left center / 6px no-repeat;
	padding: 0 0 0 16px;
}
@media print,screen and (max-width: 999px) {
	.footer_navi_list_item a {
		font-size: 1.4rem;
	}
}
@media print,screen and (max-width: 767px) {
	.footer_navi_list_item a {
		line-height: 1.4;
		height: 50px;
		background: url('../img/common/arw_next.png') right 10px center / 6px no-repeat;
		border-bottom: 1px solid #fff;
		padding: 0 24px 0 10px;
		display: flex;
		align-items: center;
	}
	.footer_navi_list_item:nth-child(-n+2) a {
		border-top: 1px solid #fff;
	}
	.footer_navi_list_item:nth-child(even) a {
		border-left: 1px solid #fff;
	}
	.footer_navi_list_item:nth-child(2) a {
		font-size: 1.3rem;
	}
	.footer_navi_list_item:last-child a {
		justify-content: center;
	}
}
.footer_navi_list_item a:hover {
	text-decoration: underline;
	opacity: 1;
}
.footer_info {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
@media print,screen and (max-width: 767px) {
	.footer_info {
		display: block;
	}
}
.footer_logo {
	display: flex;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.footer_logo {
		margin: 0 0 30px 0;
		display: block;
	}
}
.footer_logo_ico {
	width: 280px;
	margin: 0 20px 0 0;
	display: block;
}
@media print,screen and (max-width: 767px) {
	.footer_logo_ico {
		width: 240px;
		margin: 0 auto 10px;
	}
	.footer_logo table {
		margin: 0 auto;
	}
}
.footer_sns {
	display: flex;
}
@media print,screen and (max-width: 767px) {
	.footer_sns {
		justify-content: center;
	}
}
.footer_sns_btn {
	width: 60px;
	height: 60px;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30px;
	border-radius: 60px;
	margin: 0 20px 0 0;
	display: block;
}
@media print,screen and (max-width: 767px) {
	.footer_sns_btn {
		width: 50px;
		height: 50px;
		background-size: 24px;
		margin: 0 10px;
	}
}
.footer_sns_btn.fb {
	background-image: url('../img/common/ico_fb.png');
}
.footer_sns_btn.tw {
	background-image: url('../img/common/ico_tw.png');
}
.footer_sns_btn.insta {
	background-image: url('../img/common/ico_insta.png');
}
.footer_sns_btn:hover {
	background-color: #68c9f2;
	opacity: 1;
}
.copyright {
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	background: #20afec;
	padding: 10px 0;
}
@media print,screen and (max-width: 767px) {
	.copyright {
		font-size: 1.2rem;
		padding: 10px 0;
	}
}

/****	---- faq ----
===================================****/
.faq_menuList {
	margin: 0 0 60px 0;
	display: flex;
	flex-wrap: wrap;
}
@media print,screen and (max-width: 999px) {
	.faq_menuList {
		justify-content: space-between;
	}
}
@media print,screen and (max-width: 767px) {
	.faq_menuList {
		margin: 0 0 20px 0;
	}
}
.faq_menuList_item {
	width: 31.8518%;
	margin: 0 2.2223% 20px 0;
}
@media print,screen and (max-width: 999px) {
	.faq_menuList_item {
		width: 49%;
		margin: 0 0 20px 0;
	}
}
@media print,screen and (max-width: 767px) {
	.faq_menuList_item {
		margin: 0 0 10px 0;
	}
}
.faq_menuList_item:nth-child(3n) {
	margin: 0 0 20px 0;
}
@media print,screen and (max-width: 767px) {
	.faq_menuList_item:nth-child(3n) {
		margin: 0 0 10px 0;
	}
}
.faq_menuList_item a {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.4;
	min-height: 50px;
	background: #f5f5f5 url('../img/common/arw_bottom_gray.png') right 16px center / 16px no-repeat;
	padding: 0 32px 0 16px;
	display: flex;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.faq_menuList_item a {
		font-size: 1.4rem;
		background: #f5f5f5 url('../img/common/arw_bottom_gray.png') right 8px center / 8px no-repeat;
		padding: 0 16px 0 8px;
	}
}
@media print,screen and (max-width: 359px) {
	.faq_menuList_item a.small {
		font-size: 1.2rem;
	}
}
.faq_list_item {
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
	position: relative;
}
.faq_list_item:last-child {
	margin: 0;
}
.faq_list_item_q {
	font-size: 1.6rem;
	font-weight: bold;
	background: #fafafa url('../img/common/arw_bottom_gray.png') right 40px center / 20px no-repeat;
	padding: 20px 80px;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.faq_list_item_q {
		font-size: 1.4rem;
		background: #fafafa url('../img/common/arw_bottom_gray.png') right 16px center / 16px no-repeat;
		padding: 16px 42px 16px 50px;
	}
}
.faq_list_item_q.open {
	background: #fafafa url('../img/common/arw_top_gray.png') right 40px center / 20px no-repeat;
}
@media print,screen and (max-width: 767px) {
	.faq_list_item_q.open {
		background: #fafafa url('../img/common/arw_top_gray.png') right 16px center / 16px no-repeat;
	}
}
.faq_list_item_q::before{
	content: "Q";
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	width: 40px;
	height: 40px;
	background: #68c9f2;
	border-radius: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 14px;
	left: 20px;
}
@media print,screen and (max-width: 767px) {
	.faq_list_item_q::before{
		font-size: 1.6rem;
		width: 30px;
		height: 30px;
		left: 10px;
	}
}
.faq_list_item_a {
	padding: 20px 80px;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.faq_list_item_a {
		padding: 16px 42px 16px 50px;
	}
}
.faq_list_item_a::before{
	content: "A";
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	width: 40px;
	height: 40px;
	background: #ff4500;
	border-radius: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 14px;
	left: 20px;
}
@media print,screen and (max-width: 767px) {
	.faq_list_item_a::before{
		font-size: 1.6rem;
		width: 30px;
		height: 30px;
		left: 10px;
	}
}
.faq_list_item_a_in {
	margin: 0 -40px 0 0;
}
@media print,screen and (max-width: 767px) {
	.faq_list_item_a_in {
		margin: 0 -32px 0 0;
	}
}
.faq_list_item_a_sec {
	border-top: 2px dashed #ccc;
	padding: 30px 0 0 0;
	margin: 0 0 40px 0;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.faq_list_item_a_sec {
		padding: 15px 0 0 0;
		margin: 0 0 20px 0;
	}
}
.faq_list_item_title {
	color: #000080;
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 .5em 0;
}
@media print,screen and (max-width: 767px) {
	.faq_list_item_title {
		font-size: 1.6rem;
	}
}
.faq_list_item_text {
	font-size: 1.6rem;
}
@media print,screen and (max-width: 767px) {
	.faq_list_item_text {
		font-size: 1.4rem;
	}
}
.faq_list_item_text span {
	color: #ff4500;
}
.faq_list_item_text a {
	color: #20afec;
	font-weight: bold;
	text-decoration: underline;
}
.faq_list_item_text a:hover {
	text-decoration: none;
	opacity: 1;
}

/****	---- 01. top ----
===================================****/
.top_section {
	padding: 80px 0;
}
@media print,screen and (max-width: 767px) {
	.top_section {
		padding: 40px 0;
	}
}
.top_section.pd {
	background: url('../img/common/bg.png');
}
.top_section.information {
	background: #f8fdfe;
	/* margin: 0 0 -80px 0; */
}
@media print,screen and (max-width: 767px) {
	.top_section.information {
		/* margin: 0 0 -40px 0; */
	}
}
.top_section:first-of-type {
	padding: 0 0 80px 0;
}
@media print,screen and (max-width: 767px) {
	.top_section:first-of-type {
		padding: 0 0 40px 0;
	}
}
.top_section:last-of-type {
	overflow: hidden;
}
/* .top_title {
	text-align: center;
	margin: 0 0 40px 0;
	position: relative;
}
.top_title::before {
	content: "";
	width: 320px;
	height: 2px;
	background: #68c9f2;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.top_title span {
	font-size: 3.2rem;
	background: #fff;
	padding: 0 1em;
	display: inline-block;
	position: relative;
}
.top_section.pd .top_title span {
	background: #f8fdfe;
} */
.top_mv {
	margin: 0 0 40px 0;
}
@media print,screen and (max-width: 767px) {
	.top_mv {
		margin: 0 0 20px 0;
	}
}
.top_mv .bx-wrapper {
	padding: 0 0 40px 0;
	overflow: hidden;
}
.top_mv .bx-viewport {
	max-width: 1000px!important;
	margin: 0 auto;
	overflow: visible!important;
}
.top_mv_slider li {
	display: none;
}
.bx-viewport .top_mv_slider li {
	display: block !important;
}

.c_menu_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.c_menu_list_item {
	width: 49%;
	min-height: 490px;
	background: #f8fdfe;
	border: 4px solid #f8fdfe;
	border: 4px solid #68c9f2;
	border-radius: 8px;
	box-sizing: border-box;
	padding: 40px;
	margin: 0 0 20px 0;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.c_menu_list_item {
		width: calc(50% - 5px);
		min-height: auto;
		border: none;
		border-radius: 0;
		box-shadow: 0 0 8px #ccc;
		padding: 10px;
		margin: 0 0 10px 0;
	}
}
.c_menu_list_item_title {
	font-size: 2.4rem;
	text-align: center;
	margin: 0 0 10px 0;
}
@media print,screen and (max-width: 767px) {
	.c_menu_list_item_title {
		font-size: 1.8rem;
		margin: 0 0 5px 0;
	}
}
.c_menu_list_item_copy {
	font-size: 1.6rem;
	text-align: center;
	margin: 0 0 20px 0;
}
@media print,screen and (max-width: 767px) {
	.c_menu_list_item_copy {
		font-size: 1.4rem;
		line-height: 1.6;
		margin: 0 -10px 10px;
	}
}
.c_menu_list_item_img {
	height: 180px;
	margin: 0 0 10px 0;
}
@media print,screen and (max-width: 767px) {
	.c_menu_list_item_img {
		height: 130px;
	}
}
.c_menu_list_item_img.mb {
	margin: 0 0 30px 0;
}
@media print,screen and (max-width: 767px) {
	.c_menu_list_item_img.mb {
		margin: 0 0 15px 0;
	}
}
.c_menu_list_item_img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	font-family: 'object-fit: contain; object-position: center;'
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}
.c_menu_list_item_campaign {
	color: #ff4500;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	/* background: #FFD700; */
	/* background: linear-gradient(45deg, #DAAF08 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #DAAF08 90% 100%); */
	background: linear-gradient(45deg, #FFD700 0%, #FFD700 45%, #FEE9A0 70%, #FFD700 85%, #FFD700 90% 100%);
	background-size: 800% 400%;
	animation: gradient 5s infinite cubic-bezier(.62, .28, .23, .99) both;
	padding: .5em 0;
	margin: 20px 0 5px;
}
@media print,screen and (max-width: 767px) {
	.c_menu_list_item_campaign {
		font-size: 1.2rem;
		margin: 10px 0;
	}
}
.c_menu_list_item_campaign span {
	display: inline-block;
	position: relative;
}
.c_menu_list_item_campaign span::before,
.c_menu_list_item_campaign span::after {
	content: "";
	width: 2px;
	height: 100%;
	background: #ff4500;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -1em;
	margin: auto;
	transform: rotate(-35deg);
}
.c_menu_list_item_campaign span::after {
	right: -1em;
	left: auto;
	transform: rotate(35deg);
}
.c_menu_list_item_price {
	font-size: 1.6rem;
	text-align: center;
	margin: 0 0 10px 0;
}
@media print,screen and (max-width: 767px) {
	.c_menu_list_item_price {
		font-size: 1.4rem;
		margin: 0 -10px 10px;
	}
}
.c_menu_list_item_price strong {
	color: #ff4500;
	font-size: 3.2rem;
	margin: 0 4px;
}
@media print,screen and (max-width: 767px) {
	.c_menu_list_item_price strong {
		font-size: 1.8rem;
		margin: 0 2px;
	}
}
.c_menu_list_item_btn {
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	width: 240px;
	background: #ff4500 url('../img/common/arw_next.png') right 10px center / 10px no-repeat;
	border: 2px solid #ff4500;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 4px 0;
	margin: 0 auto;
	display: block;
	transition: .2s;
}
@media print,screen and (max-width: 767px) {
	.c_menu_list_item_btn {
		font-size: 1.4rem;
		width: auto;
		background: #ff4500 url('../img/common/arw_next.png') right 6px center / 6px no-repeat;
	}
}
.c_menu_list_item_btn:hover {
	color: #ff4500;
	background: #fff url('../img/common/arw_next.png') right 10px center / 10px no-repeat;
	border: 2px solid #ff4500;
	opacity: 1;
}
@media print,screen and (max-width: 767px) {
	.c_menu_list_item_btn:hover {
		background: #fff url('../img/common/arw_next.png') right 6px center / 6px no-repeat;
	}
}
.c_menu_list_item_layer {
	width: calc(100% + 8px);
	height: calc(100% + 8px);
	background: rgba(255, 255, 255, 0.75);
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -4px;
	left: -4px;
}
@media print,screen and (max-width: 767px) {
	.c_menu_list_item_layer {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
}
.c_menu_list_item_layer_title {
	color: #ff4500;
	font-size: 2.4rem;
	text-align: center;
}
@media print,screen and (max-width: 767px) {
	.c_menu_list_item_layer_title {
		font-size: 1.8rem;
	}
}

.top_sns_insta {
	margin: 0 0 40px 0;
}
@media print,screen and (max-width: 767px) {
	.top_sns_insta {
		margin: 0 0 20px 0;
	}
}
.top_sns_insta iframe {
	width: 100%!important;
	height: 1000px!important;
}
@media print,screen and (max-width: 999px) {
	.top_sns_insta iframe {
		height: calc(100vw - 40px)!important;
	}
}
@media print,screen and (max-width: 767px) {
	.top_sns_insta iframe {
		height: calc(100vw - 20px)!important;
	}
}
.top_sns {
	display: flex;
	justify-content: space-between;
}
@media print,screen and (max-width: 767px) {
	.top_sns {
		display: block;
	}
}
.top_sns_fb {
	width: 49%;
	border: 1px solid #68c9f2;
	box-sizing: border-box;
}
@media print,screen and (max-width: 767px) {
	.top_sns_fb {
		width: auto;
		margin: 0 0 10px 0;
	}
}
.top_sns_tw {
	width: 49%;
	border: 2px solid #68c9f2;
	box-sizing: border-box;
	margin: 0 auto 40px;
}
@media print,screen and (max-width: 767px) {
	.top_sns_tw {
		width: auto;
		margin: 0 0 20px 0;
	}
}

/****	---- 02. photoprint ----
===================================****/

/****	---- 03. photobook ----
===================================****/
.photobook_list {
	margin: 0 0 20px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media print,screen and (max-width: 999px) {
	.photobook_list {
		flex-wrap: wrap;
	}
}
@media print,screen and (max-width: 767px) {
	.photobook_list {
		margin: 0 0 10px 0;
	}
}
.photobook_list_item {
	width: 25%;
	width: calc(25% - 2px);
	box-sizing: border-box;
	padding: 0 20px 10px;
	margin: 0 0 10px 0;
	position: relative;
}
@media print,screen and (max-width: 999px) {
	.photobook_list_item {
		width: calc(50% - 5px);
		margin: 0 0 20px 0;
	}
}
@media print,screen and (max-width: 767px) {
	.photobook_list_item {
		padding: 0 5px;
		margin: 0 0 10px 0;
	}
}
.photobook_list.col3 .photobook_list_item {
	width: calc(100% / 3 - 2px);
}
@media print,screen and (max-width: 999px) {
	.photobook_list.col3 .photobook_list_item {
		width: calc(50% - 5px);
	}
}
@media print,screen and (max-width: 767px) {
	.photobook_list.col3 .photobook_list_item {
		padding: 0 5px;
	}
}
.photobook_list_item.btn {
	padding: 0 20px 60px;
}
@media print,screen and (max-width: 767px) {
	.photobook_list_item.btn {
		padding: 0 5px;
	}
}
.photobook_list_item.blue {
	background: #def;
}
.photobook_list_item.green {
	background: #dfd;
}
.photobook_list_item.yellow {
	background: #ffffef;
}
.photobook_list_item.red {
	background: #fdebeb;
}
.photobook_list_item.purple {
	background: #f0e4f5;
}
.photobook_list_item.winter {
	background: #e6f6fd;
}
.photobook_list_item_title {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.6;
	min-height: 50px;
	border-bottom: 2px solid #68c9f2;
	padding: 8px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
@media print,screen and (max-width: 1199px) {
	.photobook_list_item_title {
		font-size: 1.4rem;
	}
}
@media print,screen and (max-width: 999px) {
	.photobook_list_item_title {
		font-size: 1.6rem;
		padding: 5px 0;
		margin: 0 0 10px 0;
	}
}
@media print,screen and (max-width: 767px) {
	.photobook_list_item_title {
		font-size: 1.4rem;
	}
}
.photobook_list_item.green .photobook_list_item_title {
	border-bottom: 2px solid #018463;
}
.photobook_list_item.yellow .photobook_list_item_title {
	border-bottom: 2px solid goldenrod;
}
.photobook_list_item.red .photobook_list_item_title {
	border-bottom: 2px solid #ef5c5c;
}
.photobook_list_item.purple .photobook_list_item_title {
	border-bottom: 2px solid #a260bf;
}
.photobook_list_item.winter .photobook_list_item_title {
	border-bottom: 2px solid #68c9f2;
}
.photobook_list_item_title strong {
	color: #018463;
}
@media print,screen and (max-width: 767px) {
	.photobook_list_item_title strong {
		font-size: 1.6rem;
	}
}
.photobook_list_item_title span {
	font-size: 1.4rem;
}
@media print,screen and (max-width: 1199px) {
	.photobook_list_item_title span {
		font-size: 1.2rem;
	}
}
@media print,screen and (max-width: 999px) {
	.photobook_list_item_title span {
		font-size: 1.4rem;
	}
}
.photobook_list_item_img {
	height: 240px;
	padding: 0 10px;
	margin: 0 0 10px 0;
}
@media print,screen and (max-width: 1199px) {
	.photobook_list_item_img {
		height: 220px;
	}
}
@media print,screen and (max-width: 413px) {
	.photobook_list_item_img {
		height: 190px;
	}
}
@media print,screen and (max-width: 320px) {
	.photobook_list_item_img {
		height: 160px;
	}
}
.photobook_list_item_img.print {
	height: auto;
	padding: 0;
	margin: 20px 0 0 0;
}
.photobook_list_item_img.nenga {
	margin: 20px 0 0 0;
}
.photobook_list_item_img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: bottom;
	font-family: 'object-fit: contain; object-position: bottom;'
}
.photobook_list_item_copy {
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
}
@media print,screen and (max-width: 767px) {
	.photobook_list_item_copy {
		font-size: 1.2rem;
	}
}
.photobook_list_item_copy span {
	font-size: 1.2rem;
	line-height: 1.6;
	display: inline-block;
	margin: .25em 0 0 0;
}
@media print,screen and (max-width: 767px) {
	.photobook_list_item_copy span {
		font-size: 1.0rem;
	}
}
.photobook_list_item_price {
	border-top: 2px solid #68c9f2;
	padding: 10px 0;
	margin: 0 -10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.photobook_list_item_price {
		margin: 0 ;
	}
}
.photobook_list_item.green .photobook_list_item_price {
	border-top: 2px solid #018463;
}
.photobook_list_item.yellow .photobook_list_item_price {
	border-top: 2px solid goldenrod;
}
.photobook_list_item.red .photobook_list_item_price {
	border-top: 2px solid #ef5c5c;
}
.photobook_list_item.purple .photobook_list_item_price {
	border-top: 2px solid #a260bf;
}
.photobook_list_item_price.campaign {
	border-top: none!important;
	padding: 0 0 10px 0;
}
.photobook_list_item_price_title {
	font-size: 1.4rem;
	text-align: center;
	line-height: 1.4;
}
@media print,screen and (max-width: 1199px) {
	.photobook_list_item_price_title {
		font-size: 1.2rem;
	}
}
@media print,screen and (max-width: 999px) {
	.photobook_list_item_price_title {
		font-size: 1.4rem;
	}
}
@media print,screen and (max-width: 767px) {
	.photobook_list_item_price_title {
		font-size: 1.2rem;
	}
}
.photobook_list_item_price.campaign .photobook_list_item_price_title {
	font-size: 1.2rem;
	text-align: left;
}
@media print,screen and (max-width: 767px) {
	.photobook_list_item_price.campaign .photobook_list_item_price_title {
		font-size: 1.0rem;
	}
}
.photobook_list_item_price_title span {
	font-size: 1.0rem;
}
@media print,screen and (max-width: 1199px) {
	.photobook_list_item_price_title span {
		font-size: 1.0rem;
	}
}
@media print,screen and (max-width: 999px) {
	.photobook_list_item_price_title span {
		font-size: 1.1rem;
	}
}
@media print,screen and (max-width: 767px) {
	.photobook_list_item_price_title span {
		font-size: 1.0rem;
	}
}
.photobook_list_item_price_yen {
	font-size: 1.4rem;
	text-align: center;
	line-height: 1.2;
}
@media print,screen and (max-width: 1199px) {
	.photobook_list_item_price_yen {
		font-size: 1.0rem;
	}
}
@media print,screen and (max-width: 999px) {
	.photobook_list_item_price_yen {
		font-size: 1.2rem;
	}
}
@media print,screen and (max-width: 767px) {
	.photobook_list_item_price_yen {
		font-size: 1.0rem;
	}
}
.photobook_list_item_price_yen strong {
	color: #ff4500;
	font-size: 2.4rem;
}
@media print,screen and (max-width: 1199px) {
	.photobook_list_item_price_yen strong {
		font-size: 1.8rem;
	}
}
@media print,screen and (max-width: 999px) {
	.photobook_list_item_price_yen strong {
		font-size: 2.4rem;
	}
}
@media print,screen and (max-width: 767px) {
	.photobook_list_item_price_yen strong {
		font-size: 1.8rem;
	}
}
.photobook_list_item_price strong.small {
	font-size: 1.8rem;
}
@media print,screen and (max-width: 1199px) {
	.photobook_list_item_price strong.small {
		font-size: 1.4rem;
	}
}
@media print,screen and (max-width: 999px) {
	.photobook_list_item_price strong.small {
		font-size: 1.8rem;
	}
}
@media print,screen and (max-width: 767px) {
	.photobook_list_item_price strong.small {
		font-size: 1.4rem;
	}
}
/* .photobook_list_item_price_out.small {
	font-size: 1.8rem;
}
@media print,screen and (max-width: 1199px) {
	.photobook_list_item_price_out.small {
		font-size: 1.4rem;
	}
}
@media print,screen and (max-width: 999px) {
	.photobook_list_item_price_out.small {
		font-size: 1.8rem;
	}
}
@media print,screen and (max-width: 767px) {
	.photobook_list_item_price_out.small {
		font-size: 1.4rem;
	}
} */
.photobook_list_item_btn {
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	font-family: "シネマレター", "Cinema Letter", "M PLUS Rounded 1c", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	text-align: center;
	width: calc(100% - 40px);
	height: 40px;
	background: #ff4500 url('../img/common/arw_next.png') right 10px center / 8px no-repeat;
	border: 2px solid #ff4500;
	border-radius: 4px;
	box-sizing: border-box;
	/* padding: 6px 0; */
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 20px;
	left: 20px;
	transition: .2s;
}
@media print,screen and (max-width: 767px) {
	.photobook_list_item_btn {
		display: none;
	}
}
.photobook_list_item_btn:hover {
	color: #ff4500;
	background: #fff url('../img/common/arw_next.png') right 10px center / 8px no-repeat;
	border: 2px solid #ff4500;
	opacity: 1;
}
.photobook_list_item_btn.end {
	background: #ccc;
	border: 2px solid #ccc;
}
.photobook_list_item_btn.end:hover {
	color: #fff;
	background: #ccc;
	border: 2px solid #ccc;
}
.photobook_delivery_img {
	max-width: 720px;
	margin: 40px auto;
}
@media print,screen and (max-width: 767px) {
	.photobook_delivery_img {
		margin: 20px auto;
	}
}

/****	---- 04. nenga ----
===================================****/
.nenga_delivery_img {
	max-width: 860px;
	margin: 40px 0;
}
@media print,screen and (max-width: 767px) {
	.nenga_delivery_img {
		margin: 20px 0;
	}
}

/****	---- 05. app ----
===================================****/
.app_mv {
	text-align: center;
	margin: 0 0 80px 0;
}
@media print,screen and (max-width: 767px) {
	.app_mv {
		margin: 0 -10px 20px;
	}
}
.app_grid {
	padding: 0 20px;
	margin: -20px 0 40px;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.app_grid {
		padding: 0 10px;
		margin: 0 0 40px 0;
		display: block;
	}
}
.app_grid_contents {
	width: calc(100% - 280px);
}
@media print,screen and (max-width: 767px) {
	.app_grid_contents {
		width: auto;
		margin: 0 0 20px 0;
	}
}
.app_grid_img {
	width: 240px;
}
@media print,screen and (max-width: 767px) {
	.app_grid_img {
		width: 160px;
		margin: 0 auto;
	}
}
.app_grid_img img {
	border-radius: 20px;
}
.app_download {
	margin: 0 0 40px 0;
	display: flex;
	justify-content: center;
}
.app_download a {
	width: 240px;
	margin: 0 20px;
	display: block;
}
@media print,screen and (max-width: 767px) {
	.app_download a {
		margin: 0 5px;
	}
}
.app_download a:last-of-type {
	width: 195px;
}

/****	---- 06. information ----
===================================****/
.blog_list {
	margin: 0 0 40px 0;
	display: flex;
	justify-content: space-between;
}
@media print,screen and (max-width: 767px) {
	.blog_list {
		margin: 0 0 20px 0;
		flex-wrap: wrap;
	}
}
.blog_list_item {
	width: 24%;
}
@media print,screen and (max-width: 767px) {
	.blog_list_item {
		width: calc(50% - 5px);
		margin: 0 0 10px 0;
	}
	.blog_list_item:nth-child(n+3) {
		margin: 0;
	}
}
.blog_list_item a {
	height: 100%;
	background: #fff;
	box-shadow: 0 0 8px #ccc;
	display: block;
}
.blog_list_item_img {
	position: relative;
}
.blog_list_item_img span {
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 2px 8px;
	position: absolute;
	top: 0;
	right: 0
}
@media print,screen and (max-width: 767px) {
	.blog_list_item_img span {
		font-size: 1.0rem;
	}
}
.blog_list_item_img span.cat01 {
	background: #20afec;
}
.blog_list_item_img span.cat02 {
	background: forestgreen;
}
.blog_list_item_img span.cat03 {
	background: goldenrod;
}
.blog_list_item_date {
	font-size: 1.4rem;
	line-height: 1.2;
	background: url('../img/common/ico_clock.png') left center / 14px no-repeat;
	padding: 0 0 0 18px;
	margin: 16px 12px 8px;
}
@media print,screen and (max-width: 767px) {
	.blog_list_item_date {
		font-size: 1.2rem;
		background: url('../img/common/ico_clock.png') left center / 12px no-repeat;
		padding: 0 0 0 16px;
		margin: 12px 10px 6px;
	}
}
.blog_list_item_title {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.6;
	margin: 0 12px 16px;
}
@media print,screen and (max-width: 767px) {
	.blog_list_item_title {
		font-size: 1.4rem;
		margin: 0 10px 12px;
	}
}

.information_list.top {
	max-width: 860px;
	margin: 0 auto 40px;
}
@media print,screen and (max-width: 767px) {
	.information_list.top {
		margin: 0 0 20px 0;
	}
}
.information_list_item {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	display: flex;
}
@media print,screen and (max-width: 767px) {
	.information_list_item {
		padding: 10px 0;
		display: block;
	}
}
.information_list_item:first-child {
	border-top: 1px solid #ccc;
}
.information_list.top .information_list_item:nth-child(n+5) {
	display: none;
}
.information_list_item_hdg {
	width: 240px;
	margin: 0 40px 0 0;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
@media print,screen and (max-width: 767px) {
	.information_list_item_hdg {
		width: 200px;
		margin: 0 0 10px 0;
	}
}
.information_list_item_date {
	font-size: 1.6rem;
	font-weight: bold;
}
@media print,screen and (max-width: 767px) {
	.information_list_item_date {
		font-size: 1.4rem;
	}
}
.information_list_item_cat span {
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	width: 100px;
	border-radius: 4px;
	display: inline-block;
}
@media print,screen and (max-width: 767px) {
	.information_list_item_cat span {
		font-size: 1.2rem;
		width: 85px;
	}
}
.information_list_item_cat.all span {
	background: #ff4500;
}
.information_list_item_cat.print span {
	background: forestgreen;
}
.information_list_item_cat.book span {
	background: #20afec;
}
.information_list_item_cat.nenga span {
	background: goldenrod;
}
.information_list_item_cat.dubbing span {
	background: lightpink;
}
.information_list_item_cat.other span {
	background: #999;
}
.information_list_item_contents {
	width: calc(100% - 280px);
}
@media print,screen and (max-width: 767px) {
	.information_list_item_contents {
		width: auto;
	}
}
.information_list_item_title {
	font-size: 1.6rem;
}
@media print,screen and (max-width: 767px) {
	.information_list_item_title {
		font-size: 1.4rem;
	}
}
.information_list_item_title strong {
	color: #ff4500;
}
.information_list_item_title a {
	color: #20afec;
	text-decoration: underline;
}
.information_list_item_title a:hover {
	text-decoration: none;
	opacity: 1;
}

/****	---- 07. contact ----
===================================****/
/*
iframeの為、下記以外は専用のCSSファイルにて編集
*/
/* .contact_form iframe {
	width: 100%;
	height: 1400px;
}
@media print,screen and (max-width: 767px) {
	.contact_form iframe {
		height: 190px;
	}
} */

.contact_container {
	border: 4px solid #cdefff;
	padding: 40px;
	margin: 40px 0 80px;
}
@media print,screen and (max-width: 767px) {
	.contact_container {
		padding: 20px;
		margin: 20px 0 40px;
	}
}
.contact_form {
	width: 600px;
	margin: 0 auto;
}
@media print,screen and (max-width: 767px) {
	.contact_form {
		width: auto;
	}
}
.contact_formList_item {
	margin: 0 0 40px 0;
}
@media print,screen and (max-width: 767px) {
	.contact_formList_item {
		margin: 0 0 30px 0;
	}
}
.contact_formList_item:last-child {
	margin: 0 0 60px 0;
}
@media print,screen and (max-width: 767px) {
	.contact_formList_item:last-child {
		margin: 0 0 40px 0;
	}
}
.contact_formList_item_title {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 .5em 0;
	display: flex;
	align-items: center;
}
.contact_formList_item_title span {
	color: #fff;
	font-size: 1.4rem;
	background: #bcbcbc;
	border-radius: 4px;
	padding: 0 .5em;
	margin: 0 1em 0 0;
	display: inline-block;
}
.contact_formList_item_title span.required {
	background: #f02b2b;
}
.contact_formList_item_text {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 0 1em;
}
.contact_form_input {
	font-size: 1.6rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
input[type="text"],
input[type="email"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 1.6rem;
	font-family: "シネマレター", "Cinema Letter", "M PLUS Rounded 1c", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-family: 'Noto Sans JP', "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	width: 100%;
	height: 50px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 0 1em;
}
textarea {
	font-family: "シネマレター", "Cinema Letter", "M PLUS Rounded 1c", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-family: 'Noto Sans JP', "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	height: 220px;
	padding: 1em;
}
@media print,screen and (max-width: 767px) {
	textarea {
		height: 120px;
	}
}
select {
	color: #d3d3d3;
	font-size: 1.6rem;
	width: 100%;
	height: 50px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 0 1em;
}
input::placeholder,
textarea::placeholder {
	color: #d3d3d3;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #d3d3d3;
}
input::-ms-input-placeholder.
textarea::-ms-input-placeholder {
	color: #d3d3d3;
}
.contact_form_btn {
	display: flex;
	justify-content: center;
}
@media print,screen and (max-width: 767px) {
	.contact_form_btn {
		display: block;
	}
}
.contact_form_btn .c_btn {
	margin: 0 20px;
}
@media print,screen and (max-width: 767px) {
	.contact_form_btn .c_btn {
		margin: 0 auto calc(20 / 375 * 100vw);
	}
	.contact_form_btn .c_btn:last-of-type {
		margin: 0 auto;
	}
}
button[type="submit"].c_btn,
button[type="button"].c_btn {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: 'Noto Sans JP', "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-family: "シネマレター", "Cinema Letter", "M PLUS Rounded 1c", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	/* border: none; */
	transition: .2s;
}
button[type="submit"].c_btn:hover,
button[type="button"].c_btn:hover {
	opacity: .7;
	cursor: pointer;
}
@media print,screen and (max-width: 767px) {
	button[type="submit"].c_btn:hover,
	button[type="button"].c_btn:hover {
		opacity: 1;
	}
}

/****	---- 08. company ----
===================================****/

/****	---- 09. legal ----
===================================****/

/****	---- 10. privacy ----
===================================****/
.privacy_container {
	background: #fafafa;
	border: 4px solid #ccc;
	padding: 20px 40px;
	margin: 20px 0;
}
@media print,screen and (max-width: 767px) {
	.privacy_container {
		border: 2px solid #ccc;
		padding: 10px;
		margin: 10px 0;
	}
}
.privacy_container .c_list.num li {
	margin: 0 0 1em 0;
}
.privacy_container .c_list.num li:last-child {
	margin: 0;
}
.privacy_container .c_list.num li li:first-child {
	margin: 1em 0;
}

/****	---- 11. terms ----
===================================****/
.terms_container {
	border: 4px solid #ccc;
	padding: 20px 40px;
	margin: 20px 0 80px;
}
@media print,screen and (max-width: 767px) {
	.terms_container {
		border: 2px solid #ccc;
		padding: 10px;
		margin: 10px 0 40px;
	}
}
.terms_list li a {
	font-size: 1.8rem;
	font-weight: bold;
	text-decoration: underline;
	line-height: 2.0;
}
@media print,screen and (max-width: 767px) {
	.terms_list li a {
		font-size: 1.6rem;
	}
}
.terms_list li a:hover {
	text-decoration: none;
	opacity: 1;
}
.terms_text {
	font-size: 1.4rem;
	margin: 2em 0;
}
@media print,screen and (max-width: 767px) {
	.terms_text {
		font-size: 1.2rem;
	}
}

.dubbing_img {
	margin: 0 0 20px 0;
}
@media print,screen and (max-width: 767px) {
	.dubbing_img {
		margin: 0 0 10px 0;
	}
}

/****	---- end ----
===================================****/