/* = home
-------------------------------------------------------------- */

.gallerySlide{
	display:block !important;
	opacity:0;
}
.gallerySlideSP{
	display:none !important;
}

#gallery{
	padding-top:85px;
}

#gallery .contentWrap{
	padding-bottom:40px;
}

.keyVisual{
	position:relative;
	z-index:0;
}

.keyVisualWave{
	position:absolute;
	left:0;
	height:44px;
	top:-44px;
	width:100%;
	background-image:url(/share/imgs/cp/images/pageWaveWhite@2x.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	z-index:1000;
}
#gallery.single .keyVisualWave{
	display:none;
}
.keyVisualWave::after{
	content:"";
	position:absolute;
	left:0;
	bottom:-2px;
	width:100%;
	height:4px;
	background-color:#ffffff;
	z-index:1000;
}
#gallery.single .keyVisualWave::after{
	display:none;
}
.galleryCatchWrap{
	background-color:#ffffff;
	padding-top:46px;
	padding-bottom:37px;
}
#gallery.single .galleryCatchWrap{
	background-color:#F7F5F5;
	width:1050px;
	margin:0 auto;
}
.titleGallery{
	text-align:center;
}
#gallery.single .titleGallery{
	text-align:left;
}
.titleGallery span{
	position:relative;
	top:-22px;
	margin-left:20px;
	color:#444444;
}
.titleGallery img{
	width:281.89px;
}
.textGallery{
	font-size:16px;
	line-height:1.875em;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:center;
	margin-top:35px;
}

#gallery .contentWrap .inner{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
            justify-content:space-between;
    padding:85px 0;
}
#gallery.single .contentWrap .inner{
    padding:20px 0;
    padding-bottom:85px;
}
.grid{
	width:720px;
}
.sidebar{
	width:280px;
}

.thumWrap{
	width:100%;
	display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
            justify-content:space-between;
}

.thumWrap::after{
	width:220px;
	content:"";
	display:block;
	position:relative;
}
.thumWrap li{
	width:220px;
	margin-bottom:30px;
	max-width:100%;
}
.thumWrap li a{
	width:100%;
	display:block;
	background-color:#ffffff;
	padding:10px;
	box-shadow: 0 0 6px rgba(0,0,0,0.2);
}

.thumWrap li h2{
	font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" ;
	font-size:14px;
	line-height:24px;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:center;
	text-decoration:underline;
	padding:20px 0;
	color:#444444;
}

.imgPhoto{
	height:134px;
	text-align:center;
	line-height:134px;
	vertical-align:middle;
	overflow:hidden;
	position:relative;
}
.imgPhoto img{
	max-height:100%;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.cateWrap{
	border-top:solid 2px #058DBF;
	background-color:#ffffff;
	padding:0 24px;
}
.cateTitle{
	font-size:16px;
	line-height:24px;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:left;
	padding:16px 0;
	color:#444444;
}
.cateList li{
	border-top:solid 1px #058DBF;
	padding:3px 0;
}
.cateList li a{
	position:relative;
	font-size:16px;
	line-height:40px;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:left;
	color:#444444;
	padding-left:12px;
	width:100;
	height:100%;
	display:block;
}
.cateList li a::before{
	position:absolute;
	content:"";
	width:6px;
	height:40px;
	background-image:url(/share/imgs/cp/images/triangle.png);
	background-repeat:no-repeat;
	background-size:7px;
	background-position:center;
	top:0;
	left:0;
}
.noteWrap{
	padding:22px 24px;
	background-color:#ffffff;
	margin-top:40px;
}
.noteWrap h4{
	font-size:12px;
	line-height:22px;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:left;
	color:#444444;
}
.noteWrap p.noteText{
	font-size:12px;
	line-height:22px;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:left;
	color:#444444;
}
.noteWrap p.caution{
	font-size:10px;
	line-height:22px;
	letter-spacing:.1em;
	font-weight:normal;
	text-align:left;
	color:#444444;
	margin-bottom:24px;
}
.noteWrap p a{
	text-decoration:underline;
}
.noteWrap p span{
	color:#D00D0D !important;
}
.noteWrap p span a{
	color:#D00D0D !important;
}

.pageNavWrap{
	text-align:center;
	width:100%;
	margin-top:73px;
}
.pageNav{
	display:inline-block;
}
.pagePrev{
	float:left;
	margin-right:25px;
}
.pageNext{
	float:left;
}
.pageNav ul{
	float:left;
	margin-right:25px;
}
.pageNav ul li{
	float:left;
	margin-right:23px;
	position:relative;
}
.pageNav ul p{
	font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" ;
	font-size:14px;
	line-height:23px;
	letter-spacing:.1em;
	font-weight:normal;
	text-align:left;
	color:#444444;
	position:relative;
	z-index:10;
	display:block;
}
.pageNav ul li:last-child{
	margin-right:0;
}
.pageNav ul li.thisPage p{
	color:#ffffff;
}
.pageNav ul li.thisPage::before{
	position:absolute;
	content:"";
	width:23px;
	height:23px;
	background:#444444;
	top:-1px;
	left:-8px;
	z-index:0;
	border-radius:13px;
}
.pageNav ul li.thisPage.digits-2::before{
	left: -4px;
}
.pageNav ul li a{
	font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" ;
	font-size:14px;
	line-height:23px;
	letter-spacing:.1em;
	font-weight:normal;
	text-align:left;
	color:#444444;
	display:block;
}

.photoWrap{
	width:720px;
}

.mainPhoto{
	width:100%;
	border:solid 11px #ffffff;
}
.mainPhoto img{
	width:100%;
}
.photoInfo{
	width:100%;
	margin-top:47px;
}
.photoInfo tr{
	border-bottom:solid 1px #444444;
}
.photoInfo th{
	font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" ;
	font-size:14px;
	line-height:40px;
	letter-spacing:.1em;
	font-weight:normal;
	text-align:left;
	color:#444444;
	width:132px;
}
.photoInfo td{
	font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" ;
	font-size:14px;
	line-height:40px;
	letter-spacing:.1em;
	font-weight:normal;
	text-align:left;
	color:#444444;
}
.btnDownload{
	wisth:100%;
	text-align:center;
	margin-top:46px;
}
.btnDownload a{
	font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" ;
	display:inline-block;
	font-size:12px;
	line-height:60px;
	letter-spacing:.1em;
	font-weight:normal;
	text-align:left;
	color:#444444;
	background:#ffffff;
	border:solid 1px #707070;
	padding:0 50px;
}
.btnDownload a img{
	margin-right:10px;
	position:relative;
	top:4px;
}


/* = Media (Responsive Setting)
-------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1079px) {

#gallery{
	padding-top:58px;
}
#gallery .contentWrap{
	padding-bottom:28px;
}
.keyVisualWave{
	height:30.8px;
	top:-30.8px;
}
.galleryCatchWrap{
	padding-top:32.2px;
	padding-bottom:25.9px;
}
#gallery.single .galleryCatchWrap{
	width:736px;
}
.titleGallery span{
	top:-15.4px;
	margin-left:14px;
}
.titleGallery img{
	width:197.323px;
}
.textGallery{
	font-size:13px;
	margin-top:24.5px;
}
#gallery .contentWrap .inner{
    padding:59.5px 0;
}
#gallery.single .contentWrap .inner{
    padding:14px 0;
    padding-bottom:59.5px;
}
.grid{
	width:504px;
}
.sidebar{
	width:196px;
}

.thumWrap::after{
	width:154px;
}
.thumWrap li{
	width:154px;
	margin-bottom:21px;
}

.thumWrap li a{
	padding:7px;
}
.thumWrap li h3{
	font-size:12px;
	line-height:16.8px;
	padding:14px 0;
}
.imgPhoto{
	height:93.8px;
	line-height:93.8px;
}
.cateWrap{
	padding:0 16.8px;
}
.cateTitle{
	font-size:13px;
	line-height:16.8px;
	padding:11.2px 0;
}
.cateList li a{
	font-size:13px;
	line-height:28px;
	padding-left:8.4px;
}
.cateList li a::before{
	width:4.2px;
	height:28px;
	background-size:4.9px;
}
.noteWrap{
	padding:15.4px 16.8px;
	margin-top:28px;
}
.noteWrap h4{
	font-size:12px;
	line-height:15.4px;
}
.noteWrap p.noteText{
	font-size:12px;
	line-height:15.4px;
}
.noteWrap p.caution{
	font-size:12px;
	line-height:15.4px;
	margin-bottom:16.8px;
}
.pageNavWrap{
	margin-top:51.1px;
}
.pagePrev{
	margin-right:17.5px;
}
.pageNav ul{
	margin-right:17.5px;
}
.pageNav ul li{
	margin-right:20px;
}
.pageNav ul p{
	font-size:12px;
	line-height:16.1px;
	margin-top:0px;
}
.pageNav ul li.thisPage::before{
	width:16.1px;
	height:16.1px;
	top:-.5px;
	left:-5px;
	border-radius:9.1px;
}
.pageNav ul li.thisPage.digits-2::before{
	left: -1.5px;
}
.pageNav ul li a{
	font-size:12px;
	line-height:16.1px;
}

.photoWrap{
	width:504px;
}

.mainPhoto{
	border:solid 7.7px #ffffff;
}
.photoInfo{
	margin-top:32.9px;
}
.photoInfo th{
	font-size:12px;
	line-height:28px;
	width:92.4px;
}
.photoInfo td{
	font-size:12px;
	line-height:28px;
}
.btnDownload{
	margin-top:32.2px;
}
.btnDownload a{
	font-size:13px;
	line-height:42px;
	padding:0 35px;
}
.btnDownload a img{
	margin-right:7px;
	top:2.8px;
}

} /*Query End*/
@media only screen and (max-width: 767px) {

.gallerySlide{
	display:none !important;
}
.gallerySlideSP{
	display:block !important;
}

#gallery{
	padding-top:47px;
}
#gallery .contentWrap{
	padding-bottom:28px;
}
.keyVisualWave{
	height:30.8px;
	top:-30.8px;
}
.galleryCatchWrap{
	padding-top:32.2px;
	padding-bottom:25.9px;
}
#gallery.single .galleryCatchWrap{
	width:320px;
}
.titleGallery span{
	top:16px;
	margin-left:0px;
	display:block;
	margin-bottom:48px;
}
.titleGallery img{
	width:197.323px;
}
.textGallery{
	font-size:13px;
	margin-top:24.5px;
}
#gallery .contentWrap .inner{
    padding:0;
}
#gallery.single .contentWrap .inner{
    padding:14px 0;
    padding-bottom:24px;
}
.grid{
	width:100%;
}
.sidebar{
	width:100%;
}

.thumWrap{
    padding:24px 0;
    padding-bottom:0;
}
.sidebar{
	padding:24px 0;
}

.thumWrap::after{
	width:48%;
	display:none;
}

.thumWrap li{
	width:48%;
	margin-bottom:4%;
}

.thumWrap li a{
	padding:7px;
}
.thumWrap li h3{
	font-size:12px;
	line-height:16.8px;
	padding:14px 0;
}
.imgPhoto{
	height:93.8px;
	line-height:93.8px;
}
.cateWrap{
	padding:0 16.8px;
}
.cateTitle{
	font-size:13px;
	line-height:16.8px;
	padding:11.2px 0;
}
.cateList li a{
	font-size:13px;
	line-height:28px;
	padding-left:8.4px;
}
.cateList li a::before{
	width:4.2px;
	height:28px;
	background-size:4.9px;
}
.noteWrap{
	padding:15.4px 16.8px;
	margin-top:28px;
}
.noteWrap h4{
	font-size:12px;
	line-height:15.4px;
}
.noteWrap p.noteText{
	font-size:12px;
	line-height:15.4px;
}
.noteWrap p.caution{
	font-size:12px;
	line-height:15.4px;
	margin-bottom:16.8px;
}
.pageNavWrap{
	margin-top:51.1px;
}
.pagePrev{
	margin-right:17.5px;
}
.pageNav ul{
	margin-right:17.5px;
}
.pageNav ul li{
	margin-right:16px;
}
.pageNav ul p{
	font-size:12px;
	line-height:16.1px;
	margin-top:0px;
}
.pageNav ul li.thisPage::before{
	width:16.1px;
	height:16.1px;
	top:0px;
	left:-5.3px;
	border-radius:9.1px;
}
.pageNav ul li.thisPage.digits-2::before{
	left: -1.5px;
}
.pageNav ul li a{
	font-size:12px;
	line-height:16.1px;
}

.photoWrap{
	width:100%;
}
.mainPhoto{
	border:solid 7.7px #ffffff;
}
.photoInfo{
	margin-top:32.9px;
}
.photoInfo th{
	font-size:12px;
	line-height:28px;
	width:92.4px;
}
.photoInfo td{
	font-size:12px;
	line-height:28px;
}
.btnDownload{
	margin-top:32.2px;
}
.btnDownload a{
	font-size:13px;
	line-height:42px;
	padding:0 35px;
}
.btnDownload a img{
	margin-right:7px;
	top:2.8px;
}

} /*Query End*/
@media only screen and (min-width: 768px) {

.thumWrap li a:hover{
	opacity:.7;
}
.thumWrap li a:hover h3{
	color:#058DBF;
}

.btnDownload a:hover{
-webkit-transform: translate(1%, 1%);
	transform: translate(1%, 1%);
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    transform-origin:center center;
}
.cateList a:hover{
	color:#058DBF;
}


} /*Query End*/