@charset "utf-8";

/*----------------------------------------------------
 block_archive_top
--------------------------------------------------- */

.block_archive_top{
	position: relative;
	width:100%;
	height: 450px;
}
.block_archive_top:before{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
}
.block_archive_top .wwd{
	position: absolute;
	top: 21px;
	left: 21px;
	z-index: 10;
}
.block_archive_top .archive_title {
	position: relative;
}
.block_archive_top .title{
	text-align: center;
	position: relative;
	z-index: 1;
	margin: 0 auto;
	opacity: 0;
	width: 420px;
}
.block_archive_top.view .title{
	opacity: 1;
    -webkit-transition: all 0.8s 0.2s ease;
       -moz-transition: all 0.8s 0.2s ease;
        -ms-transition: all 0.8s 0.2s ease;
         -o-transition: all 0.8s 0.2s ease;
            transition: all 0.8s 0.2s ease;
}
.block_archive_top .sub_title,
.block_archive_top .lead{
	position: relative;
	opacity: 0;
	top: 3.0rem;
	color: rgb(85,85,85);
	text-align: center;
}
.block_archive_top.view .sub_title,
.block_archive_top.view .lead {
	opacity: 1;
	top: 0;
}
.block_archive_top .sub_title{
	margin: 0 auto;
	padding-top: 1.5rem;
	font-family: "trajan-pro-3",serif;
	font-size: 4.5rem;
	line-height: 1.0;
}
.block_archive_top.view .sub_title{
	-webkit-transition: all 0.8s 0.6s ease;
     -moz-transition: all 0.8s 0.6s ease;
      -ms-transition: all 0.8s 0.6s ease;
       -o-transition: all 0.8s 0.6s ease;
          transition: all 0.8s 0.6s ease;
}
.block_archive_top .lead{
	margin: 0 auto;
	padding-top: 0.8rem;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.6;
}
.block_archive_top.view .lead{
	-webkit-transition: all 0.8s 0.7s ease;
     -moz-transition: all 0.8s 0.7s ease;
      -ms-transition: all 0.8s 0.7s ease;
       -o-transition: all 0.8s 0.7s ease;
          transition: all 0.8s 0.7s ease;
}
#proverb-board {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1360px;
	margin-left: -680px;
}
#proverb-board::before {
	position: absolute;
	z-index: 9;
	top: 0;
	left: 50%;
	content: "";
	display: block;
	width: 1360px;
	margin-left: -680px;
	height: 450px;
}
#proverb-board .board-inner {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
}
#proverb-board .board-inner .prov,
#proverb-board .board-inner .prov img {
    -webkit-transition: all 0.2s linear 0;
       -moz-transition: all 0.2s linear 0;
        -ms-transition: all 0.2s linear 0;
         -o-transition: all 0.2s linear 0;
            transition: all 0.2s linear 0;
}
#proverb-board .board-inner .prov { position: absolute; }
#proverb-board .board-inner .prov img { width: 100%; }

#proverb-board .prov01 { width: 265px; top: 40px; left: 300px; }
#proverb-board .prov02 { width: 255px; top: 260px; right: 10px; }
#proverb-board .prov03 { width: 240px; top: 300px; left: 30px; }
#proverb-board .prov04 { width: 305px; top: 93px; right: 41px; }
#proverb-board .prov05 { width: 240px; top: 212px; left: 178px; }
#proverb-board .prov06 { width: 220px; top: 168px; right: 168px; }
#proverb-board .prov07 { width: 206px; top: 100px; left: 10px; }
#proverb-board .prov08 { width: 366px; top: 23px; right: 350px; }

.block_archive_top .archive_menu {
	position: absolute;
	z-index: 10;
	bottom:-70px;
	left: 50%;
	width: 100%;
	max-width: 980px;
	max-height: 145px;
	overflow: hidden;
	margin: 0 0 0 -490px;
	padding: 0;
	display: block;
}
.block_archive_top .archive_menu ul {
	margin: 0 !important;
}
.block_archive_top .archive_menu li.menu_box {
	list-style: none;
	padding: 0 1px !important;
	text-align: center;
	overflow: hidden;
}
.block_archive_top .archive_menu li.menu_box a .menu_img {
	position: relative;
	margin: 0 auto;
	width: auto;
	height: 113px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.block_archive_top .archive_menu li.menu_box.menu01 a .menu_img { background-image: url(../img/archive/menu_1980s.jpg); }
.block_archive_top .archive_menu li.menu_box.menu02 a .menu_img { background-image: url(../img/archive/menu_1990s.jpg); }
.block_archive_top .archive_menu li.menu_box.menu03 a .menu_img { background-image: url(../img/archive/menu_2000s.jpg); }
.block_archive_top .archive_menu li.menu_box.menu04 a .menu_img { background-image: url(../img/archive/menu_2010s.jpg); }
.block_archive_top .archive_menu li.menu_box a .menu_img:after {
	content: "";
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 50%;
	height: 50%;
	background-position: right 50%;
	background-repeat: no-repeat;
	background-size: contain;
}
.block_archive_top .archive_menu li.menu_box.menu01 a .menu_img:after { background-image: url(../img/archive/menu_year_1980s.png); }
.block_archive_top .archive_menu li.menu_box.menu02 a .menu_img:after { background-image: url(../img/archive/menu_year_1990s.png); }
.block_archive_top .archive_menu li.menu_box.menu03 a .menu_img:after { background-image: url(../img/archive/menu_year_2000s.png); }
.block_archive_top .archive_menu li.menu_box.menu04 a .menu_img:after { background-image: url(../img/archive/menu_year_2010s.png); }
.block_archive_top .archive_menu li.menu_box a .menu_img img {
	display: none;
}

.block_archive_top .archive_menu li.menu_box a .btn_viewera,
.block_archive_top .archive_menu li.menu_box a .btn_viewera:after{
	color: rgb(255,255,255);
	line-height: 30px;
	-webkit-transition: all 0.8s ease;
		-moz-transition: all 0.8s ease;
		 -ms-transition: all 0.8s ease;
			-o-transition: all 0.8s ease;
				transition: all 0.8s ease;
}
.block_archive_top .archive_menu li.menu_box a .btn_viewera {
	height: 32px;
	background-color: rgb(44,44,44);
	font-family: "trajan-pro-3",serif;
	font-size: 1.25rem;
	text-align: center;
	font-weight: normal;
}
.block_archive_top .archive_menu li.menu_box a .btn_viewera:after{
	display: inline-block;
	content: "\f107";
	margin-left: 0.5rem;
	font-family: FontAwesome;
	font-size: 1.8rem;
}
.block_archive_top .archive_menu li.menu_box a:hover .btn_viewera,
.block_archive_top .archive_menu li.menu_box.current a .btn_viewera{
	background-color: rgb(210,33,33);
}

@media only screen and (max-width: 1360px) and (min-width: 768px){
	#proverb-board .board-inner .border-center {
		left: 50%;
		margin: 0 -50%;
	}
}

@media only screen and (max-width: 994px){
	.block_archive_top .archive_menu {
		left: auto;
		margin-left: 0;
		padding: 0 3%;
	}
}
@media only screen and (max-width: 768px) {

	.block_archive_top .wwd{
		top: 12px;
		left: 12px;
		width: 68px;
	}
	.block_archive_top .title{
	    padding-top: 0;
		width: 96%;
	}
	.block_archive_top .sub_title{
		padding-top: 2.0vw;
		font-size: 6.5vw;
	}
	.block_archive_top .lead{
		padding-top: 3.5vw;
		font-size: 4.5vw;
	}
	#proverb-board {
		left: 0;
		width: 100%;
		margin-left: 0;
	}
	#proverb-board { min-width: auto; }
	#proverb-board .board-inner { width: 100%; }
	#proverb-board .prov01 { width: 42%; top: 15.0%; left: 5.0%; }
	#proverb-board .prov02 { width: 42%; top: auto; right: 5%; bottom: 18.0%; left: auto; }
	#proverb-board .prov03 { width: 32%; top: auto; bottom: 15.0%; left: 5.0%; }
	#proverb-board .prov04 { width: 48%; top: 6.5%; left: auto; right: 6.0%; }
	#proverb-board .prov05 { width: 30%; top: auto; right: auto; bottom: 26.0%; left: 16%; }
	#proverb-board .prov06 { width: 40%; top: 20.0%; right: 6.0%; bottom: auto; left: auto; }
	#proverb-board .prov07,
	#proverb-board .prov08 { display: none !important; }

	.block_archive_top .archive_menu {
		left: auto;
		max-height: 100%;
		margin-left: auto;
	}
	.block_archive_top .archive_menu li.menu_box a .menu_img {
		height: auto;
	}
	.block_archive_top .archive_menu li.menu_box a .menu_img img {
		display: inline-block;
	}
	.block_archive_top .archive_menu li.menu_box a .btn_viewera{
		padding-top: 0.8rem;
		padding-bottom: 0.2rem;
		height: auto;
	}
	.block_archive_top .archive_menu li.menu_box a .btn_viewera:after{
		display: block;
		text-align: center;
	}
	.block_archive_top .archive_menu li.menu_box a .btn_viewera,
	.block_archive_top .archive_menu li.menu_box a .btn_viewera:after {
		line-height: 1.2;
	}
}
@media only screen and (max-width: 768px) and (min-width: 720px) {
	
	.block_archive_top .wwd {
		top: 5px;
		left: 21px;
		width: 104px;
	}
	.block_archive_top .wwd a{
		line-height: 1;
	}

}
@media only screen and (max-width: 720px) {
	
	.block_archive_top .wwd{
		top: 12px;
		left: 12px;
		width: 68px;
	}
}

/*----------------------------------------------------
 block_archive_summary
--------------------------------------------------- */

.block_archive_summary{
	position: relative;
	background-color: rgb(249,249,249);
}
.block_archive_summary .inner {
	margin: 0 auto;
	padding-bottom: 50px;
	max-width: 940px;
}
.block_archive_summary .row div {
	margin: 0;
	padding: 0;
}
.block_archive_summary .row div.mainColumn {
	padding-left: 20px;
}
.block_archive_summary .row div.mainColumn .photo01 {
	padding-right: 10px;
}
.block_archive_summary .row div.mainColumn .photo02 {
    padding-left: 10px;
}
.block_archive_summary .title{
	position: relative;
	z-index: 1;
	opacity: 0;
	margin-bottom: 1.5rem;
	color: rgb(85,85,85);
	font-size: 2.9rem;
	line-height: 1.25;
	text-align: left;
	font-weight: bold;
}
.block_archive_summary.view .title{
	opacity: 1;
    -webkit-transition: all 0.8s 0.2s ease;
       -moz-transition: all 0.8s 0.2s ease;
        -ms-transition: all 0.8s 0.2s ease;
         -o-transition: all 0.8s 0.2s ease;
            transition: all 0.8s 0.2s ease;
}
.block_archive_summary .lead{
	position: relative;
	z-index: 1;
	opacity: 0;
	min-height: 198px;
	color: rgb(85,85,85);
	font-size: 1.4rem;
	line-height: 1.6;
	text-align: left;
}
.block_archive_summary.view .lead{
	opacity: 1;
    -webkit-transition: all 0.8s 0.3s ease;
       -moz-transition: all 0.8s 0.3s ease;
        -ms-transition: all 0.8s 0.3s ease;
         -o-transition: all 0.8s 0.3s ease;
            transition: all 0.8s 0.3s ease;
}
.block_archive_summary dl {
	padding-top: 1.5rem;
}
.block_archive_summary dl dt {
	font-family: "trajan-pro-3",serif;
	color: rgb(103,103,103);
	font-size: 2.1rem;
	text-align: center;
	text-transform: uppercase;
}
.block_archive_summary dl dd {
	color: rgb(103,103,103);
	font-size: 1.4rem;
	text-align: center;
	font-weight: normal;
}
.block_archive_summary .credit p {
	font-family: "trajan-pro-3",serif;
	padding-top: 1.0rem;
	color: rgb(153,153,153);
	font-size: 1.2rem;
}

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

	.block_archive_summary:before{
		height: 159.7vw;
		background-size: cover;
	}
	.block_archive_summary:after{
		display: none;
	}
	.block_archive_summary .inner {
		margin: 0 6%;
		padding-bottom: 8vw;
	}
	.block_archive_summary .row div.mainColumn {
		margin-bottom: 8.0vw;
		padding-left: 0;
	}
	.block_archive_summary .row div.mainColumn .photo01 {
		padding-right: 5px;
	}
	.block_archive_summary .row div.mainColumn .photo02 {
		padding-left: 5px;
	}
	.block_archive_summary .row .photo03 {
		padding-left: 0;
	}
	.block_archive_summary .title{
		margin: 0 auto 4.0vw;
		font-size: 6.0vw;
		line-height: 1.45;
	}
	.block_archive_summary .lead{
		margin: 0 auto 8.0vw;
		min-height: auto;
		font-size: 3.6vw;
	}
	.block_archive_summary .row div.mainColumn .photo01 dl,
	.block_archive_summary .row div.mainColumn .photo02 dl {
		padding-top: 2.5vw;
	}
	.block_archive_summary .row div.mainColumn .photo01 dl dt,
	.block_archive_summary .row div.mainColumn .photo02 dl dt {
		margin-bottom: 0.8vw;
		font-size: 3.8vw;
	}
	.block_archive_summary .row div.mainColumn .photo01 dl dd,
	.block_archive_summary .row div.mainColumn .photo02 dl dd {
		font-size: 2.6vw;
	}
	.block_archive_summary .row .photo03 dl {
		padding-top: 5.0vw;
	}
	.block_archive_summary .row .photo03 dl dt {
		margin-bottom: 0.5vw;
		font-size: 6.5vw;
	}
	.block_archive_summary .row .photo03 dl dd {
		font-size: 3.2vw;
	}
	.block_archive_summary .credit p {
		text-align: center;
	}

}

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

	.block_archive_summary .row div.mainColumn {
    padding-left: 20px;
	}
	.block_archive_summary .title {
    margin-bottom: 1.5rem;
    font-size: 2.9rem;
		line-height: 1.25;
	}
	.block_archive_summary .lead {
		margin: 0 auto 4.0rem;
    font-size: 1.4rem;
    line-height: 1.6;
	}
	.block_archive_summary .row div.mainColumn {
    margin-bottom: 2.0vw;
	}
	.block_archive_summary .row div.mainColumn .photo01 dl dt,
	.block_archive_summary .row div.mainColumn .photo02 dl dt {
		margin-bottom: 0.8vw;
		font-size: 1.6rem;
	}
	.block_archive_summary .row .photo03 dl {
    padding-top: 2.5vw;
	}
	.block_archive_summary .row .photo03 dl dt {
    font-size: 1.6rem;
	}
	.block_archive_summary .row div.mainColumn .photo01 dl dd,
	.block_archive_summary .row div.mainColumn .photo02 dl dd,
	.block_archive_summary .row .photo03 dl dd {
    font-size: 1.2rem;
	}
	.block_archive_summary .credit p {
		text-align: right;
	}

}

/*----------------------------------------------------
 block_archive_gallery
--------------------------------------------------- */

.block_archive_gallery {
	position: relative;
	width: 100%;
	background-color: rgb(249,249,249);
	padding-top: 20px;
	padding-bottom: 100px;
}
.block_archive_gallery .inner{
	position: relative;
	width: 100%;
	max-width: 1004px;
	margin: 0 auto 12px;
	/*padding: 0 6%;*/
	display: block;
}
.block_archive_gallery .title{
	margin: 0 auto 5.0rem;
	max-width: 680px;
	text-align: center;
}
.block_archive_gallery.view .title{
  -webkit-transition: all 0.8s 0.2s ease;
	 -moz-transition: all 0.8s 0.2s ease;
	  -ms-transition: all 0.8s 0.2s ease;
	   -o-transition: all 0.8s 0.2s ease;
		  transition: all 0.8s 0.2s ease;
}
.block_archive_gallery ul, .block_archive_gallery li {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 0;
}
.button {
	text-align:center;
	padding:10px;
	color:#fff;
	background:#03A9F4;
	width:200px;
}
.close { background:#666; }

/* notes */
.block_archive_gallery ul.notes {
	clear: left;
}
.block_archive_gallery ul.notes li{
	padding-top: 2.5rem;
	color: rgb(153,153,153);
	font-size: 1.2rem;
}

/* btn-viewmore */
.block_archive_gallery .btn-viewmore{
	clear: both;
	display: block;
	width: 260px;
	margin: 3.5rem auto 0;
	padding: 1.6rem 0 1.2rem;
	border: 1px solid rgb(184,184,184);

	font-family: "trajan-pro-3", serif;
	color: rgb(110,110,110);
	font-size: 1.8rem;
	text-align: center;
	line-height: 1.0;
	cursor: pointer;
	-webkit-transition: all 0.8s ease;
		-moz-transition: all 0.8s ease;
		 -ms-transition: all 0.8s ease;
			-o-transition: all 0.8s ease;
				transition: all 0.8s ease;
}
.block_archive_gallery .btn-viewmore:after{
	display: block;
	content: "\f107";
	margin-top: 0.35rem;
	font-family: FontAwesome;
	color: rgb(110,110,110);
	-webkit-transition: all 0.8s ease;
		-moz-transition: all 0.8s ease;
		 -ms-transition: all 0.8s ease;
			-o-transition: all 0.8s ease;
				transition: all 0.8s ease;
}
.block_archive_gallery .btn-viewmore:hover{
	background-color: rgb(184,184,184);
}
.block_archive_gallery .btn-viewmore:hover,
.block_archive_gallery .btn-viewmore:hover:after{
	color: #fff;
}

.block_archive_gallery ul .box img {
	width: 100%;
	-webkit-transition: all 3.0s ease;
		-moz-transition: all 3.0s ease;
		 -ms-transition: all 3.0s ease;
			-o-transition: all 3.0s ease;
				transition: all 3.0s ease; }

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

	.block_archive_gallery ul.box-items01,
	.block_archive_gallery ul.box-items02 {
		display: -ms-grid;
		display: grid;
		-ms-grid-rows: (1fr 10px)[5] 1fr;
		-ms-grid-columns: (1fr 10px)[7] 1fr;
		grid-template: auto / repeat(8, 1fr);
		grid-gap: 11px;
		margin-bottom: 11px !important;
		font-size: 0;
	}
	.block_archive_gallery ul.box-items01 .box a,
	.block_archive_gallery ul.box-items02 .box a { display: block; }

	.block_archive_gallery ul.box-items01 .large { grid-column: span 2; grid-row: span 2; }
	.block_archive_gallery ul.box-items02 .large { grid-column: 7 / span 2; grid-row: 1 / span 2; }

	.block_archive_gallery ul .box:nth-of-type(45) { -ms-grid-row: 11; -ms-grid-column: 15; }
	.block_archive_gallery ul .box:nth-of-type(44) { -ms-grid-row: 11; -ms-grid-column: 13; }
	.block_archive_gallery ul .box:nth-of-type(43) { -ms-grid-row: 11; -ms-grid-column: 11; }
	.block_archive_gallery ul .box:nth-of-type(42) { -ms-grid-row: 11; -ms-grid-column: 9; }
	.block_archive_gallery ul .box:nth-of-type(41) { -ms-grid-row: 11; -ms-grid-column: 7; }
	.block_archive_gallery ul .box:nth-of-type(40) { -ms-grid-row: 11; -ms-grid-column: 5; }
	.block_archive_gallery ul .box:nth-of-type(39) { -ms-grid-row: 11; -ms-grid-column: 3; }
	.block_archive_gallery ul .box:nth-of-type(38) { -ms-grid-row: 11; -ms-grid-column: 1; }
	.block_archive_gallery ul .box:nth-of-type(37) { -ms-grid-row: 9; -ms-grid-column: 15; }
	.block_archive_gallery ul .box:nth-of-type(36) { -ms-grid-row: 9; -ms-grid-column: 13; }
	.block_archive_gallery ul .box:nth-of-type(35) { -ms-grid-row: 9; -ms-grid-column: 11; }
	.block_archive_gallery ul .box:nth-of-type(34) { -ms-grid-row: 9; -ms-grid-column: 9; }
	.block_archive_gallery ul .box:nth-of-type(33) { -ms-grid-row: 9; -ms-grid-column: 7; }
	.block_archive_gallery ul .box:nth-of-type(32) { -ms-grid-row: 9; -ms-grid-column: 5; }
	.block_archive_gallery ul .box:nth-of-type(31) { -ms-grid-row: 9; -ms-grid-column: 3; }
	.block_archive_gallery ul .box:nth-of-type(30) { -ms-grid-row: 9; -ms-grid-column: 1; }
	.block_archive_gallery ul .box:nth-of-type(29) { -ms-grid-row: 7; -ms-grid-column: 15; }
	.block_archive_gallery ul .box:nth-of-type(28) { -ms-grid-row: 7; -ms-grid-column: 13; }
	.block_archive_gallery ul .box:nth-of-type(27) { -ms-grid-row: 7; -ms-grid-column: 11; }
	.block_archive_gallery ul .box:nth-of-type(26) { -ms-grid-row: 7; -ms-grid-column: 9; }
	.block_archive_gallery ul .box:nth-of-type(25) { -ms-grid-row: 7; -ms-grid-column: 7; }
	.block_archive_gallery ul .box:nth-of-type(24) { -ms-grid-row: 7; -ms-grid-column: 5; }
	.block_archive_gallery ul .box:nth-of-type(23) { -ms-grid-row: 7; -ms-grid-column: 3; }
	.block_archive_gallery ul .box:nth-of-type(22) { -ms-grid-row: 7; -ms-grid-column: 1; }
	.block_archive_gallery ul .box:nth-of-type(21) { -ms-grid-row: 5; -ms-grid-column: 15; }
	.block_archive_gallery ul .box:nth-of-type(20) { -ms-grid-row: 5; -ms-grid-column: 13; }
	.block_archive_gallery ul .box:nth-of-type(19) { -ms-grid-row: 5; -ms-grid-column: 11; }
	.block_archive_gallery ul .box:nth-of-type(18) { -ms-grid-row: 5; -ms-grid-column: 9; }
	.block_archive_gallery ul .box:nth-of-type(17) { -ms-grid-row: 5; -ms-grid-column: 7; }
	.block_archive_gallery ul .box:nth-of-type(16) { -ms-grid-row: 5; -ms-grid-column: 5; }
	.block_archive_gallery ul .box:nth-of-type(15) { -ms-grid-row: 5; -ms-grid-column: 3; }
	.block_archive_gallery ul .box:nth-of-type(14) { -ms-grid-row: 5; -ms-grid-column: 1; }

	/* box-items01 */
	.block_archive_gallery ul.box-items01 .box:nth-of-type(13) { -ms-grid-row: 3; -ms-grid-column: 15; }
	.block_archive_gallery ul.box-items01 .box:nth-of-type(12) { -ms-grid-row: 3; -ms-grid-column: 13; }
	.block_archive_gallery ul.box-items01 .box:nth-of-type(11) { -ms-grid-row: 3; -ms-grid-column: 11; }
	.block_archive_gallery ul.box-items01 .box:nth-of-type(10) { -ms-grid-row: 3; -ms-grid-column: 9; }
	.block_archive_gallery ul.box-items01 .box:nth-of-type(9) { -ms-grid-row: 3; -ms-grid-column: 7; }
	.block_archive_gallery ul.box-items01 .box:nth-of-type(8) { -ms-grid-row: 3; -ms-grid-column: 5; }
	.block_archive_gallery ul.box-items01 .box:nth-of-type(7) { -ms-grid-row: 1; -ms-grid-column: 15; }
	.block_archive_gallery ul.box-items01 .box:nth-of-type(6) { -ms-grid-row: 1; -ms-grid-column: 13; }
	.block_archive_gallery ul.box-items01 .box:nth-of-type(5) { -ms-grid-row: 1; -ms-grid-column: 11; }
	.block_archive_gallery ul.box-items01 .box:nth-of-type(4) { -ms-grid-row: 1; -ms-grid-column: 9; }
	.block_archive_gallery ul.box-items01 .box:nth-of-type(3) { -ms-grid-row: 1; -ms-grid-column: 7; }
	.block_archive_gallery ul.box-items01 .box:nth-of-type(2) { -ms-grid-row: 1; -ms-grid-column: 5; }
	.block_archive_gallery ul.box-items01 .box:nth-of-type(1) { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 3; -ms-grid-row-span: 3; }

	/* box-items02 */
	.block_archive_gallery ul.box-items02 .box:nth-of-type(13) { -ms-grid-row: 3; -ms-grid-column: 11; }
	.block_archive_gallery ul.box-items02 .box:nth-of-type(12) { -ms-grid-row: 3; -ms-grid-column: 9; }
	.block_archive_gallery ul.box-items02 .box:nth-of-type(11) { -ms-grid-row: 3; -ms-grid-column: 7; }
	.block_archive_gallery ul.box-items02 .box:nth-of-type(10) { -ms-grid-row: 3; -ms-grid-column: 5; }
	.block_archive_gallery ul.box-items02 .box:nth-of-type(9) { -ms-grid-row: 3; -ms-grid-column: 3; }
	.block_archive_gallery ul.box-items02 .box:nth-of-type(8) { -ms-grid-row: 3; -ms-grid-column: 1; }
	.block_archive_gallery ul.box-items02 .box:nth-of-type(7) { -ms-grid-row: 1; -ms-grid-column: 13; -ms-grid-column-span: 3; -ms-grid-row-span: 3; }
	.block_archive_gallery ul.box-items02 .box:nth-of-type(6) { -ms-grid-row: 1; -ms-grid-column: 11; }
	.block_archive_gallery ul.box-items02 .box:nth-of-type(5) { -ms-grid-row: 1; -ms-grid-column: 9; }
	.block_archive_gallery ul.box-items02 .box:nth-of-type(4) { -ms-grid-row: 1; -ms-grid-column: 7; }
	.block_archive_gallery ul.box-items02 .box:nth-of-type(3) { -ms-grid-row: 1; -ms-grid-column: 5; }
	.block_archive_gallery ul.box-items02 .box:nth-of-type(2) { -ms-grid-row: 1; -ms-grid-column: 3; }
	.block_archive_gallery ul.box-items02 .box:nth-of-type(1) { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row-span: 1; }

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

	.block_archive_gallery {
		padding-top: 8.0vw;
		padding-bottom: 12.0vw;
	}
	.block_archive_gallery .title{
		margin: 0 auto 10.0vw;
	}
	/* btn-viewmore */
	.block_archive_gallery .btn-viewmore{
		width: 100%;
	}

	.block_archive_gallery .inner { padding: 0 3%; }
	.block_archive_gallery ul.box-items01,
	.block_archive_gallery ul.box-items02 {
		display: -ms-grid;
		display: grid;
		-ms-grid-rows: (1fr 10px)[15] 1fr !important;
		-ms-grid-columns: (1fr 10px)[2] 1fr !important;
		grid-template: auto / repeat(3, 1fr);
		grid-gap: 11px;
		margin-bottom: 11px !important;
		font-size: 0;
	}
	.block_archive_gallery ul.box-items01 .box,
	.block_archive_gallery ul.box-items02 .box { width: 100%; margin: 0 0 0.8%; }
	.block_archive_gallery ul.box-items01 .box a,
	.block_archive_gallery ul.box-items02 .box a { display: block; }
	.block_archive_gallery ul.box-items01 .box img,
	.block_archive_gallery ul.box-items02 .box img { width: 100%; }
	.block_archive_gallery ul.box-items01 .large { grid-column: span 2; grid-row: span 2; }
	.block_archive_gallery ul.box-items02 .large { grid-column: 1 / span 1; grid-row: 4 / span 1; }
	.block_archive_gallery ul.box-items02 .large-sp { grid-column: 2 / span 2; grid-row: 1 / span 2; }

	.block_archive_gallery ul .box:nth-of-type(45) { -ms-grid-row: 31; -ms-grid-column: 5; }
	.block_archive_gallery ul .box:nth-of-type(44) { -ms-grid-row: 31; -ms-grid-column: 3; }
	.block_archive_gallery ul .box:nth-of-type(43) { -ms-grid-row: 31; -ms-grid-column: 1; }
	.block_archive_gallery ul .box:nth-of-type(42) { -ms-grid-row: 29; -ms-grid-column: 5; }
	.block_archive_gallery ul .box:nth-of-type(41) { -ms-grid-row: 29; -ms-grid-column: 3; }
	.block_archive_gallery ul .box:nth-of-type(40) { -ms-grid-row: 29; -ms-grid-column: 1; }
	.block_archive_gallery ul .box:nth-of-type(39) { -ms-grid-row: 27; -ms-grid-column: 5; }
	.block_archive_gallery ul .box:nth-of-type(38) { -ms-grid-row: 27; -ms-grid-column: 3; }
	.block_archive_gallery ul .box:nth-of-type(37) { -ms-grid-row: 27; -ms-grid-column: 1; }
	.block_archive_gallery ul .box:nth-of-type(36) { -ms-grid-row: 25; -ms-grid-column: 5; }
	.block_archive_gallery ul .box:nth-of-type(35) { -ms-grid-row: 25; -ms-grid-column: 3; }
	.block_archive_gallery ul .box:nth-of-type(34) { -ms-grid-row: 25; -ms-grid-column: 1; }
	.block_archive_gallery ul .box:nth-of-type(33) { -ms-grid-row: 23; -ms-grid-column: 5; }
	.block_archive_gallery ul .box:nth-of-type(32) { -ms-grid-row: 23; -ms-grid-column: 3; }
	.block_archive_gallery ul .box:nth-of-type(31) { -ms-grid-row: 23; -ms-grid-column: 1; }
	.block_archive_gallery ul .box:nth-of-type(30) { -ms-grid-row: 21; -ms-grid-column: 5; }
	.block_archive_gallery ul .box:nth-of-type(29) { -ms-grid-row: 21; -ms-grid-column: 3; }
	.block_archive_gallery ul .box:nth-of-type(28) { -ms-grid-row: 21; -ms-grid-column: 1; }
	.block_archive_gallery ul .box:nth-of-type(27) { -ms-grid-row: 19; -ms-grid-column: 5; }
	.block_archive_gallery ul .box:nth-of-type(26) { -ms-grid-row: 19; -ms-grid-column: 3; }
	.block_archive_gallery ul .box:nth-of-type(25) { -ms-grid-row: 19; -ms-grid-column: 1; }
	.block_archive_gallery ul .box:nth-of-type(24) { -ms-grid-row: 17; -ms-grid-column: 5; }
	.block_archive_gallery ul .box:nth-of-type(23) { -ms-grid-row: 17; -ms-grid-column: 3; }
	.block_archive_gallery ul .box:nth-of-type(22) { -ms-grid-row: 17; -ms-grid-column: 1; }
	.block_archive_gallery ul .box:nth-of-type(21) { -ms-grid-row: 15; -ms-grid-column: 5; }
	.block_archive_gallery ul .box:nth-of-type(20) { -ms-grid-row: 15; -ms-grid-column: 3; }
	.block_archive_gallery ul .box:nth-of-type(19) { -ms-grid-row: 15; -ms-grid-column: 1; }
	.block_archive_gallery ul .box:nth-of-type(18) { -ms-grid-row: 13; -ms-grid-column: 5; }
	.block_archive_gallery ul .box:nth-of-type(17) { -ms-grid-row: 13; -ms-grid-column: 3; }
	.block_archive_gallery ul .box:nth-of-type(16) { -ms-grid-row: 13; -ms-grid-column: 1; }
	.block_archive_gallery ul .box:nth-of-type(15) { -ms-grid-row: 11; -ms-grid-column: 5; }
	.block_archive_gallery ul .box:nth-of-type(14) { -ms-grid-row: 11; -ms-grid-column: 3; }
	.block_archive_gallery ul .box:nth-of-type(13) { -ms-grid-row: 11; -ms-grid-column: 1; }
	.block_archive_gallery ul .box:nth-of-type(12) { -ms-grid-row: 9; -ms-grid-column: 5; }
	.block_archive_gallery ul .box:nth-of-type(11) { -ms-grid-row: 9; -ms-grid-column: 3; }
	.block_archive_gallery ul .box:nth-of-type(10) { -ms-grid-row: 9; -ms-grid-column: 1; }
	.block_archive_gallery ul .box:nth-of-type(9) { -ms-grid-row: 7; -ms-grid-column: 5; }
	.block_archive_gallery ul .box:nth-of-type(8) { -ms-grid-row: 7; -ms-grid-column: 3; }
	.block_archive_gallery ul .box:nth-of-type(7) { -ms-grid-row: 7; -ms-grid-column: 1; }
	.block_archive_gallery ul .box:nth-of-type(6) { -ms-grid-row: 5; -ms-grid-column: 5; }
	.block_archive_gallery ul .box:nth-of-type(5) { -ms-grid-row: 5; -ms-grid-column: 3; }
	.block_archive_gallery ul .box:nth-of-type(4) { -ms-grid-row: 5; -ms-grid-column: 1; }

	/* box-items01 */
	.block_archive_gallery ul.box-items01 .box:nth-of-type(3) { -ms-grid-row: 3; -ms-grid-column: 5; }
	.block_archive_gallery ul.box-items01 .box:nth-of-type(2) { -ms-grid-row: 1; -ms-grid-column: 5; }
	.block_archive_gallery ul.box-items01 .box:nth-of-type(1) { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 3; -ms-grid-row-span: 3; }

	/* box-items02 */
	.block_archive_gallery ul.box-items02 .box:nth-of-type(3) { -ms-grid-row: 3; -ms-grid-column: 1; }
	.block_archive_gallery ul.box-items02 .box:nth-of-type(2) { -ms-grid-row: 1; -ms-grid-column: 3; -ms-grid-column-span: 3; -ms-grid-row-span: 3; }
	.block_archive_gallery ul.box-items02 .box:nth-of-type(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

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

	.block_archive_gallery {
		padding-top: 2.0vw;
		padding-bottom: 12.0vw;
	}
	.block_archive_gallery .title{
		width: 65%;
		margin: 0 auto 8.0vw;
	}

}

/*----------------------------------------------------
 to_top
--------------------------------------------------- */
.to_top{
	clear: both;
	padding: 60px 0 125px;
}
.to_top .btn{
	width: 400px;
	margin: 0 auto;
}
.to_top .btn a{
	display: block;
	height: 60px;
	background: #A1988C;
	line-height: 60px;
	text-align: center;
	font-size: 22px;
	letter-spacing: 1.6px;
	color: #FFF;
	position: relative;
	overflow: hidden;
}

.to_top .btn a:before {
  content: "";
  width: 200%;
  height: 200%;
  background: #C3BAAE;
  transform: rotate(-45deg);
  position: absolute;
  top: -10%;
  left: -180%;
  transition: .3s ease-in-out;
}

.to_top .btn a:hover:before {
  left: 60%;
}
@media only screen and (max-width: 768px) {
	.to_top{
		padding: 60px 0 100px;
	}
	.to_top .btn{
		width: 80%;
	}
	.to_top .btn a{
		height: 50px;
		line-height: 50px;
		font-size: 16px;
		letter-spacing: 1.2px;
	}
}
@media only screen and (max-width: 768px) and (min-width: 720px) {
	.to_top .btn a{
		height: 13.3vw;
		line-height: 13.3vw;
		font-size: 4.2vw;
	}

}