@charset "shift_jis";

/* ======================================================
	* PC
====================================================== */
@media print,screen and (min-width: 751px) {
	/* ------------------------------------------------------
	 * contents
	------------------------------------------------------ */
	/* main */
	.MainBody {
		background:url(../img/index_bg01.png) repeat;
		background-position:left top;
		padding-bottom:120px;
	}
	.pageHead {
		padding-top:40px;
		text-align:center;
	}
	.pageHead h1 + p {
		margin-top:40px;
	}
	[data-sidebar="true"] .contents {
		float:none;
		margin-left:auto;
		margin-right:auto;
		width:750px;
	}
	.icn_pdf {
		background:url(../img/ic_pdf.png) no-repeat;
		background-position:left top;
		background-size:100% auto;
		display:inline-block;
		height:20px;
		margin:0 2px;
		vertical-align:middle;
		width:17px;
	}
	.contents > :first-child {
		margin-top:20px !important;
	}
	.anchor_link:after {
		clear:both;
		content:"";
		display:block;
	}
	.anchor_link li {
		border-radius:8px;
		float:left;
		margin-left:15px;
		position:relative;
		width:240px;
		z-index:0;
	}
	.anchor_link li:first-child {
		margin-left:0;
	}
	.anchor_link li a {
		background-color:#fff;
		border-radius:8px;
		color:#333;
		display:block;
		font-size:1.7rem;
		font-weight:bold;
		padding:15px 15px 12px;
		position:relative;
		text-align:center;
		text-decoration:none;
	}
	.anchor_link li a:hover {
		background-color:#52921e;
		color:#fff;
	}
	.anchor_link li a:before {
		background-color:#999;
		border-radius:8px;
		content:"";
		height:100%;
		width:100%;
		position:absolute;
		left:0;
		bottom:-3px;
		z-index:-1;
	}
	.anchor_link li a:hover:before {
		background-color:#37680f;
	}
	.anchor_link li a span {
		display:block;
		position:relative;
	}
	.anchor_link li a span:before,
	.anchor_link li a span:after {
		content:"";
		display:inline-block;
		position:absolute;
		top:50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.anchor_link li a span:before {
		background-color:#fc9a01;
		border:2px solid #fff;
		border-radius:50%;
		height:30px;
		left:0;
		width:30px;
		z-index:1;
	}
	.anchor_link li a span:after {
		border-color:#fff transparent transparent transparent;
		border-style:solid;
		border-width:8px 6px 0 6px;
		height:0;
		left:9px;
		margin-top:1px;
		width:0;
		z-index:2;
	}
	.box_contents {
		margin-top:35px;
	}
	.box_contents .box_inner {
		background-color:#fff;
		padding:30px;
		position:relative;
	}
	.box_contents .box_inner:after {
		clear:both;
		content:"";
		display:block;
	}
	.box_contents.cts1 .each_comm {
		float:left;
		position:relative;
		width:50%;
	}
	.box_contents.cts1 .each_comm .icn_list li {
		font-weight:bold;
		margin-top:5px;
		padding-left:22px;
		position:relative;
	}
	.box_contents.cts1 .each_comm .icn_list li:first-child {
		margin-top:0;
	}
	.box_contents.cts1 .each_comm .icn_list li:before {
		border-radius:50%;
		content:"";
		height:12px;
		position:absolute;
		left:0;
		top:50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width:12px;
	}
	.box_contents.cts1 .each_comm:nth-child(1) .icn_list li:before {
		background-color:#52921e;
	}
	.box_contents.cts1 .each_comm:nth-child(2) .icn_list li:before {
		background-color:#f47d0e;
	}
	.box_contents.cts1 .each_comm .icn_list li a {
		display:inline-block;
		position:relative;
		text-decoration:none;
	}
	.box_contents.cts1 .each_comm .icn_list li a:after {
		background:url(../img/index_bdr01.png) repeat-x;
		background-position:left top;
		background-size:auto 100%;
		content:"";
		height:3px;
		position:absolute;
		bottom:2px;
		left:0;
		width:100%;
	}
	.box_contents.cts1 .each_comm:nth-child(2) {
		padding-left:175px;
	}
	.box_contents.cts1 .each_comm:nth-child(2) > p {
		position:absolute;
		top:-15px;
		left:0;
	}
	.box_contents.cts2 .each_step {
		margin-top:30px;
	}
	.box_contents.cts2 .each_step h3 + * {
		margin-top:20px;
	}
	.box_contents.cts2 .step1 .box_howto > .img {
		position:absolute;
		top:20px;
		right:20px;
	}
	.box_contents.cts2 .step1 .box_howto > .btn_download {
		margin-top:30px;
		margin-left:auto;
		margin-right:auto;
	}
	.box_contents.cts2 .step1 .box_howto > .btn_download + p {
		margin-top:20px;
		text-align:center;
	}
	.box_contents.cts2 .step1 .box_howto + .img {
		margin-top:20px;
		text-align:center;
	}
	.box_contents.cts2 .step2 .box_howto > .each_comm {
		border-top:1px dotted #ad9778;
		margin-top:30px;
		padding-top:30px;
		position:relative;
	}
	.box_contents.cts2 .step2 .box_howto > .each_comm:after {
		clear:both;
		content:"";
		display:block;
	}
	.box_contents.cts2 .step2 .box_howto > .each_comm:first-child {
		border-top:none;
		margin-top:0;
		padding-top:0;
	}
	.box_contents.cts2 .step2 .box_howto > .each_comm.cts1 .img {
		float:right;
		margin-top:-20px;
		margin-right:70px;
	}
	.box_contents.cts2 .step2 .box_howto > .each_comm.cts2 .each_procedure.box1 > .tx {
		float:left;
		width:auto;
	}
	.box_contents.cts2 .step2 .box_howto > .each_comm.cts2 .each_procedure.box1 > .btn_jwid {
		float:right;
	}
	.box_contents.cts2 .step2 .box_howto > .each_comm.cts2 .each_procedure .tx_attention,
	.box_contents.cts2 .step2 .box_howto > .each_comm.cts2 .each_procedure * ~ .img {
		margin-top:20px;
		text-align:center;
	}
	.box_contents.cts2 .step2 .box_howto > .each_comm.cts3 .img1 {
		margin-top:20px;
		position:absolute;
		left:53px;
	}
	.box_contents.cts2 .step2 .box_howto > .each_comm.cts3 .img2 {
		float:right;
		margin-top:-20px;
		margin-right:70px;
	}
	.box_contents.cts2 .step3 .box_howto > .tx_lead {
		float:left;
		font-weight:bold;
	}
	.box_contents.cts2 .step3 .box_howto > .img {
		float:right;
		margin-right:45px;
	}
	.box_contents.cts2 .step3 .box_howto + .img {
		margin-top:30px;
		text-align:center;
	}
	.box_contents.cts2 .each_procedure {
		background-color:#fff;
		margin-top:20px;
		padding:20px 35px 20px 55px;
		position:relative;
	}
	.box_contents.cts2 .each_procedure:after {
		clear:both;
		content:"";
		display:block;
	}
	.box_contents.cts2 .each_procedure .num {
		position:absolute;
		top:0;
		left:0;
	}
	.box_contents .box_howto {
		background-color:#fffde1;
		border-radius:10px;
		padding:20px;
		position:relative;
	}
	.box_contents .box_howto:after {
		clear:both;
		content:"";
		display:block;
	}
	.box_contents .box_howto .num_list li {
		font-weight:bold;
		margin-top:15px;
		padding-left:40px;
		position:relative;
	}
	.box_contents .box_howto .num_list li:first-child {
		margin-top:0;
	}
	.box_contents .box_howto .num_list li .icn_num {
		position:absolute;
		top:-2px;
		left:0;
	}
	.box_contents.cts3 .box_point {
		background-color:#fff3f3;
		border-radius:10px;
		margin-top:20px;
		padding:20px;
		display: flex;
		justify-content:space-between;
		align-items:center;
		flex-wrap: wrap;
	}
	.box_contents.cts3 .box_point .point_list {
		width:480px;
	}
	.box_contents.cts3 .box_point .point_list li {
		line-height:1.5;
		margin-top:25px;
		padding-left:52px;
		position:relative;
	}
	.box_contents.cts3 .box_point .point_list li:first-child {
		margin-top:0;
	}
	.box_contents.cts3 .box_point .point_list li:before {
		background:url(../img/index_ic01.png) no-repeat;
		background-position:left top;
		background-size:100% auto;
		content:"";
		height:32px;
		position:absolute;
		left:0;
		top:50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width:32px;
	}
	.box_contents.cts3 .box_point + .img {
		margin-top:25px;
		text-align:center;
	}
	
	.box_contents.cts4 .box_banner {
		background-color:#e0f3f3;
		border-radius:10px;
		margin-top:15px;
		padding:20px;
		text-align:center;
	}
	.box_contents.cts4 .box_banner dt {
		font-size:2.0rem;
		font-weight:bold;
		padding-top:10px;
	}
	.box_contents.cts4 .box_banner .list_banner {
		letter-spacing:-0.4em;
		margin-top:20px;
	}
	.box_contents.cts4 .box_banner .list_banner li {
		display:inline-block;
		letter-spacing:normal;
		margin-left:25px;
		vertical-align:middle;
	}
	.box_contents.cts4 .box_banner .list_banner li:first-child {
		margin-left:0;
	}
	
	/* btn */
	.btn_download {
		margin-top:30px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		width:315px;
		z-index:0;
	}
	.btn_download a {
		background-color:#f47d0e;
		border-radius:8px;
		color:#fff;
		display:block;
		font-size:1.7rem;
		font-weight:bold;
		position:relative;
		text-align:center;
		text-decoration:none;
	}
	.btn_download a:hover {
		background-color:#f4c60e;
	}
	.btn_download a:before {
		background-color:#ca6400;
		border-radius:8px;
		content:"";
		height:100%;
		width:100%;
		position:absolute;
		left:0;
		bottom:-3px;
		z-index:-1;
	}
	.btn_download a:hover:before {
		background-color:#c09a05;
	}
	.btn_download a span {
		display:block;
		padding:18px 15px 15px 50px;
		position:relative;
	}
	.btn_download a span:before,
	.btn_download a span:after {
		content:"";
		display:inline-block;
		position:absolute;
		top:50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.btn_download a span:before {
		background-color:#fc9a01;
		border:2px solid #fff;
		border-radius:50%;
		height:30px;
		left:12px;
		width:30px;
		z-index:1;
	}
	.btn_download a span:after {
		border-color: transparent transparent transparent #fff;
		border-style:solid;
		border-width:5px 0 5px 8px;
		height:0;
		left:24px;
		width:0;
		z-index:2;
	}
	.btn_jwid {
		position:relative;
		-webkit-transition: all .2s ease-out 0s;
		transition: all .2s ease-out 0s;
		width:280px;
		z-index:0;
	}
	.btn_jwid a {
		background-color:#d9c122;
		border-radius:8px;
		color:#333;
		display:block;
		font-size:1.7rem;
		font-weight:bold;
		position:relative;
		text-align:center;
		text-decoration:none;
	}
	.btn_jwid a:before {
		background-color:#b19b08;
		border-radius:8px;
		content:"";
		height:100%;
		width:100%;
		position:absolute;
		left:0;
		bottom:-3px;
		z-index:-1;
	}
	.btn_jwid a span {
		display:block;
		padding:15px 18px 8px 50px;
		position:relative;
	}
	.btn_jwid a span:before,
	.btn_jwid a span:after {
		content:"";
		display:inline-block;
		position:absolute;
		top:50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.btn_jwid a span:before {
		background-color:#165eac;
		border:2px solid #fff;
		border-radius:50%;
		height:30px;
		left:10px;
		width:30px;
		z-index:1;
	}
	.btn_jwid a span:after {
		border-color: transparent transparent transparent #fff;
		border-style:solid;
		border-width:5px 0 5px 8px;
		height:0;
		left:22px;
		width:0;
		z-index:2;
	}
	.btn_jwid:hover {
		opacity:0.6;
		filter: alpha(opacity=60);
	}
	.btn_zoom {
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		width:280px;
		z-index:0;
	}
	.btn_zoom a {
		background:#fff url(../img/index_zoom_ic01.png) no-repeat;
		background-position:center right 35px;
		border:1px solid #999;
		border-radius:8px;
		color:#333;
		display:block;
		font-size:1.7rem;
		font-weight:bold;
		padding:15px 35px 12px 15px;
		position:relative;
		text-align:center;
		text-decoration:none;
	}
	.btn_zoom a:hover {
		background:#52921e url(../img/index_zoom_ic02.png) no-repeat;
		background-position:center right 35px;
		border-color:#37680f;
		color:#fff;
	}
	.btn_zoom a:before {
		background-color:#999;
		border-radius:8px;
		content:"";
		height:100%;
		width:100%;
		position:absolute;
		left:0;
		bottom:-3px;
		z-index:-1;
	}
	.btn_zoom a:hover:before {
		background-color:#37680f;
	}
	
	ruby rt {
		font-size:62.5%;
	}
	
	/* colorbox */
	#cboxContent {
		border-radius:10px;
		text-align:center;
	}
	.box_modal {
		padding-bottom:30px;
	}
	.box_modal .btn_modal_close.upper {
		height:53px;
		top:10px;
		right:10px;
		width:53px;
	}
	.box_modal .btn_modal_close.upper a {
		background-image:url(../../../../park/common/img/modal_bt02.png);
		height:53px;
		width:53px;
	}
	.box_modal .btn_close {
		margin-top:30px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		width:280px;
		z-index:0;
	}
	.box_modal .btn_close a {
		background-color:#fff;
		border:1px solid #999;
		border-radius:8px;
		color:#333;
		display:block;
		font-size:1.7rem;
		font-weight:bold;
		position:relative;
		text-align:center;
		text-decoration:none;
	}
	.box_modal .btn_close a:hover {
		background-color:#52921e;
		border-color:#37680f;
		color:#fff;
	}
	.box_modal .btn_close a:before {
		background-color:#999;
		border-radius:8px;
		content:"";
		height:100%;
		width:100%;
		position:absolute;
		left:0;
		bottom:-3px;
		z-index:-1;
	}
	.box_modal .btn_close a:hover:before {
		background-color:#37680f;
	}
	.box_modal .btn_close a span {
		display:block;
		padding:15px 15px 12px;
		position:relative;
	}
	.box_modal .btn_close a span:before,
	.box_modal .btn_close a span:after {
		background-color:#675f5f;
		height:16px;
		width:2px;
		content:"";
		left:28px;
		margin-top:-8px;
		position:absolute;
		top:50%;
	}
	.box_modal .btn_close a span:before {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.box_modal .btn_close a span:after {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.box_modal .btn_close a:hover span:before,
	.box_modal .btn_close a:hover span:after {
		background-color:#fff;
	}

	.box_modal#modal1 figure img {
		height: auto;
		width: 650px;
	}
	
}

/* ======================================================
 * PC Media Queries
====================================================== */
/***
@media screen and (min-width: 1921px) {
}
@media screen and (min-width: 751px) and (max-width: 1920px) {
}
***/

/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 750px) {
	/* ------------------------------------------------------
	 * contents
	------------------------------------------------------ */
	/* main */
	.MainBody {
		background:url(../img/index_bg01.png) repeat;
		background-position:left top;
		padding-bottom:60px;
	}
	.pageHead {
		padding:25px 15px 0;
		text-align:center;
	}
	.pageHead h1 + p {
		margin:15px 15px 0;
	}
	.icn_pdf {
		background:url(../img/ic_pdf.png) no-repeat;
		background-position:left top;
		background-size:100% auto;
		display:inline-block;
		height:16px;
		margin:0 2px;
		vertical-align:middle;
		width:13px;
	}
	.anchor_link:after {
		clear:both;
		content:"";
		display:block;
	}
	.anchor_link li {
		border-radius:5px;
		margin-top:15px;
		position:relative;
		z-index:0;
	}
	.anchor_link li:first-child {
		margin-left:0;
	}
	.anchor_link li a {
		background-color:#fff;
		border-radius:5px;
		color:#333;
		display:block;
		font-size:1.4rem;
		font-weight:bold;
		padding:15px 15px 12px;
		position:relative;
		text-align:center;
		text-decoration:none;
	}
	.anchor_link li a:before {
		background-color:#999;
		border-radius:8px;
		content:"";
		height:100%;
		width:100%;
		position:absolute;
		left:0;
		bottom:-3px;
		z-index:-1;
	}
	.anchor_link li a span {
		display:block;
		position:relative;
	}
	.anchor_link li a span:before,
	.anchor_link li a span:after {
		content:"";
		display:inline-block;
		position:absolute;
		top:50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.anchor_link li a span:before {
		background-color:#fc9a01;
		border-radius:50%;
		height:20px;
		left:0;
		width:20px;
		z-index:1;
	}
	.anchor_link li a span:after {
		border-color:#fff transparent transparent transparent;
		border-style:solid;
		border-width:6px 4px 0 4px;
		height:0;
		left:6px;
		margin-top:1px;
		width:0;
		z-index:2;
	}
	.box_contents {
		margin-top:20px;
	}
	.box_contents .box_inner {
		background-color:#fff;
		padding:10px 15px 15px;
		position:relative;
	}
	.box_contents .box_inner:after {
		clear:both;
		content:"";
		display:block;
	}
	.box_contents.cts1 .each_comm .icn_list li {
		font-weight:bold;
		margin-top:2px;
		padding-left:15px;
		position:relative;
	}
	.box_contents.cts1 .each_comm .icn_list li:first-child {
		margin-top:0;
	}
	.box_contents.cts1 .each_comm .icn_list li:before {
		border-radius:50%;
		content:"";
		height:8px;
		position:absolute;
		left:0;
		top:50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width:8px;
	}
	.box_contents.cts1 .each_comm:nth-child(1) .icn_list li:before {
		background-color:#52921e;
	}
	.box_contents.cts1 .each_comm:nth-child(2) .icn_list li:before {
		background-color:#f47d0e;
	}
	.box_contents.cts1 .each_comm .icn_list li a {
		display:inline-block;
		position:relative;
		text-decoration:none;
	}
	.box_contents.cts1 .each_comm .icn_list li a:after {
		background:url(../img/index_bdr01.png) repeat-x;
		background-position:left top;
		background-size:auto 100%;
		content:"";
		height:3px;
		position:absolute;
		bottom:2px;
		left:0;
		width:100%;
	}
	.box_contents.cts1 .each_comm:nth-child(2) {
		margin-top:10px;
	}
	.box_contents.cts1 .each_comm:nth-child(2) > p {
		position:absolute;
		bottom:15px;
		left:90px;
		width:110px;
	}
	.box_contents.cts2 .each_step {
		margin-top:15px;
	}
	.box_contents.cts2 .each_step h3 + * {
		margin-top:10px;
	}
	.box_contents.cts2 .step1 .box_howto > .img {
		margin-top:12px;
		text-align:center;
	}
	.box_contents.cts2 .step1 .box_howto > .btn_download + p {
		margin-top:15px;
	}
	.box_contents.cts2 .step1 .box_howto + .img {
		margin-top:15px;
		text-align:center;
	}
	.box_contents.cts2 .step2 .box_howto > .each_comm {
		border-top:1px dotted #ad9778;
		margin-top:15px;
		padding-top:15px;
		position:relative;
	}
	.box_contents.cts2 .step2 .box_howto > .each_comm:after {
		clear:both;
		content:"";
		display:block;
	}
	.box_contents.cts2 .step2 .box_howto > .each_comm:first-child {
		border-top:none;
		margin-top:0;
		padding-top:0;
	}
	.box_contents.cts2 .step2 .box_howto > .each_comm.cts1 .img {
		margin-top:15px;
		margin-left:80px;
		margin-right:80px;
		text-align:center;
	}
	.box_contents.cts2 .step2 .box_howto > .each_comm.cts3 .img1 {
		margin-top:30px;
		margin-left:10px;
		position:absolute;
		width:45.6%;
	}
	.box_contents.cts2 .step2 .box_howto > .each_comm.cts3 .img2 {
		float:right;
		margin-top:15px;
		margin-right:17px;
		width:31.5%;
	}
	.box_contents.cts2 .step3 .box_howto > .tx_lead {
		float:left;
		font-weight:bold;
		width:42%;
	}
	.box_contents.cts2 .step3 .box_howto > .img {
		float:right;
		margin-right:10px;
		width:51.7%;
	}
	.box_contents.cts2 .step3 .box_howto + .img {
		margin-top:15px;
		text-align:center;
	}
	.box_contents.cts2 .each_procedure {
		background-color:#fff;
		margin-top:15px;
		padding:15px;
		position:relative;
	}
	.box_contents.cts2 .each_procedure > .tx {
		padding-left:20px;
	}
	.box_contents.cts2 .each_procedure > .tx ~ *{
		margin-top:15px;
		text-align:center;
	}
	.box_contents.cts2 .each_procedure:after {
		clear:both;
		content:"";
		display:block;
	}
	.box_contents.cts2 .each_procedure .num {
		position:absolute;
		top:0;
		left:0;
		width:18px;
	}
	.box_contents .box_howto {
		background-color:#fffde1;
		border-radius:10px;
		padding:15px;
		position:relative;
	}
	.box_contents .box_howto:after {
		clear:both;
		content:"";
		display:block;
	}
	.box_contents .box_howto .num_list li {
		font-weight:bold;
		margin-top:8px;
		padding-left:25px;
		position:relative;
	}
	.box_contents .box_howto .num_list li:first-child {
		margin-top:0;
	}
	.box_contents .box_howto .num_list li .icn_num {
		position:absolute;
		top:2px;
		left:0;
		width:16px;
	}
	.box_contents.cts3 .box_point {
		background-color:#fff3f3;
		border-radius:10px;
		margin-top:15px;
		padding:15px;
	}
	.box_contents.cts3 .box_point > p {
		margin-left:80px;
		margin-right:90px;
		text-align:center;
	}
	.box_contents.cts3 .box_point .point_list li {
		line-height:1.5;
		margin-top:10px;
		padding-left:27px;
		position:relative;
	}
	.box_contents.cts3 .box_point .point_list li:before {
		background:url(../img/index_ic01.png) no-repeat;
		background-position:left top;
		background-size:100% auto;
		content:"";
		height:16px;
		position:absolute;
		left:0;
		top:5px;
		width:16px;
	}
	.box_contents.cts3 .box_point + .img {
		margin:15px 20px 0;
		text-align:center;
	}
	.box_contents.cts4 .box_banner {
		background-color:#e0f3f3;
		border-radius:10px;
		margin-top:15px;
		padding:15px;
	}
	.box_contents.cts4 .box_banner dt {
		font-size:1.8rem;
		font-weight:bold;
		padding-top:5px;
	}
	.box_contents.cts4 .box_banner .list_banner {
		margin:15px 65px 0;
	}
	.box_contents.cts4 .box_banner .list_banner li {
		margin-top:20px;
	}
	.box_contents.cts4 .box_banner .list_banner li:first-child {
		margin-top:0;
	}
	
	/* btn */
	.btn_download {
		margin-top:15px;
		position:relative;
		width:auto;
		z-index:0;
	}
	.btn_download a {
		background-color:#f47d0e;
		border-radius:8px;
		color:#fff;
		display:block;
		font-size:1.4rem;
		font-weight:bold;
		position:relative;
		text-align:center;
		text-decoration:none;
	}
	.btn_download a:before {
		background-color:#ca6400;
		border-radius:8px;
		content:"";
		height:100%;
		width:100%;
		position:absolute;
		left:0;
		bottom:-3px;
		z-index:-1;
	}
	.btn_download a span {
		display:block;
		padding:18px 5px 15px 40px;
		position:relative;
	}
	.btn_download a span:before,
	.btn_download a span:after {
		content:"";
		display:inline-block;
		position:absolute;
		top:50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.btn_download a span:before {
		background-color:#fc9a01;
		border:1px solid #fff;
		border-radius:50%;
		height:22px;
		left:15px;
		width:22px;
		z-index:1;
	}
	.btn_download a span:after {
		border-color: transparent transparent transparent #fff;
		border-style:solid;
		border-width:4px 0 4px 7px;
		height:0;
		left:24px;
		width:0;
		z-index:2;
	}
	.btn_jwid {
		position:relative;
		z-index:0;
	}
	.btn_jwid a {
		background-color:#d9c122;
		border-radius:8px;
		color:#333;
		display:block;
		font-size:1.7rem;
		font-weight:bold;
		position:relative;
		text-align:center;
		text-decoration:none;
	}
	.btn_jwid a:before {
		background-color:#b19b08;
		border-radius:8px;
		content:"";
		height:100%;
		width:100%;
		position:absolute;
		left:0;
		bottom:-3px;
		z-index:-1;
	}
	.btn_jwid a span {
		display:block;
		padding:7px 0 5px;
		position:relative;
	}
	.btn_jwid a span:before,
	.btn_jwid a span:after {
		content:"";
		display:inline-block;
		position:absolute;
		top:50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.btn_jwid a span:before {
		background-color:#165eac;
		border:1px solid #fff;
		border-radius:50%;
		height:22px;
		left:15px;
		width:22px;
		z-index:1;
	}
	.btn_jwid a span:after {
		border-color: transparent transparent transparent #fff;
		border-style:solid;
		border-width:4px 0 4px 7px;
		height:0;
		left:23px;
		width:0;
		z-index:2;
	}
	.btn_zoom {
		position:relative;
		z-index:0;
	}
	.btn_zoom a {
		background:#fff url(../img/index_zoom_ic01.png) no-repeat;
		background-position:center right 35px;
		border:1px solid #999;
		border-radius:8px;
		color:#333;
		display:block;
		font-size:1.4rem;
		font-weight:bold;
		padding:15px 35px 12px 15px;
		position:relative;
		text-align:center;
		text-decoration:none;
	}
	.btn_zoom a:before {
		background-color:#999;
		border-radius:8px;
		content:"";
		height:100%;
		width:100%;
		position:absolute;
		left:0;
		bottom:-3px;
		z-index:-1;
	}
	
	ruby rt {
		font-size:62.5%;
	}
	
	/* colorbox */
	#cboxContent {
		border-radius:10px;
		text-align:center;
	}
	.box_modal {
		padding-bottom:15px;
	}
	.box_modal .btn_modal_close.upper {
		height:30px;
		top:10px;
		right:10px;
		width:30px;
	}
	.box_modal .btn_modal_close.upper a {
		background: url(../../../../park/common/img/modal_bt02.png) no-repeat 0 0;
		background-size:100% auto;
		height:30px;
		width:30px;
	}
	.box_modal .btn_close {
		background:none;
		height:auto !important;
		margin-top:15px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		width:58%;
		z-index:0;
	}
	.box_modal .btn_close a {
		background-color:#fff;
		border:1px solid #999;
		border-radius:8px;
		color:#333;
		display:block;
		font-size:1.4rem;
		font-weight:bold;
		position:relative;
		text-align:center;
		text-decoration:none;
	}
	.box_modal .btn_close a:before {
		background-color:#999;
		border-radius:8px;
		content:"";
		height:100%;
		width:100%;
		position:absolute;
		left:0;
		bottom:-3px;
		z-index:-1;
	}
	.box_modal .btn_close a span {
		display:block;
		padding:15px 15px 12px;
		position:relative;
	}
	.box_modal .btn_close a span:before,
	.box_modal .btn_close a span:after {
		background-color:#675f5f;
		height:16px;
		width:2px;
		content:"";
		left:15px;
		margin-top:-8px;
		position:absolute;
		top:50%;
	}
	.box_modal .btn_close a span:before {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.box_modal .btn_close a span:after {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
}

/* ======================================================
 * SP Media Queries
====================================================== */
/***
@media only screen and (min-width: 320px) and (max-width: 750px) {
}
@media only screen and (max-width: 736px) {
}
@media only screen and (max-width: 667px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 568px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}
***/


/* ======================================================
 * Print
====================================================== */
@media print {
	.sp-hidden {
		display:block !important;
	}
}