@charset "UTF-8";


@font-face {
  font-family: musashiStd;
  src: url(../../fonts/musashiStd.otf);
}
.musashi{
	font-family: musashiStd;
}


#main .content .gallery .fltR.first  {

}
#main .content .gallery .fltR.first  .awardLogo{
	margin-bottom: 11px;
}
#main .content .gallery .fltR.first  .awardLogo.mb {
	margin-bottom: 6px;
}
#main .content .gallery .fltR.first  .awardLogo a{
	display: block;
}
#main .content .gallery .fltR.first  .awardLogo a:hover{
	opacity: 0.7;
}
#main .content .gallery .fltR.first  .awardLogo .logo{
	width: 32px;
	display: inline-block;
}
#main .content .gallery .fltR.first  .awardLogo .logo img{
	width: 100%;
}
#main .content .gallery .fltR.first  .awardLogo .text{
	font-size: 18px;
	display: inline-block;
	color: #a37c52;
	vertical-align: -4px;
}
#main .content h4.link {
	font-weight: normal;
}
#main .content h4.link a {
	border-bottom: 1px solid #acacac;
}
#main .content h4.mb0 {
	margin: 0 0 6px !important;
}
#main .content .gallery .fltR h4 .award img {
	width: 100%;
	max-width: 100%;
}
#main .content .gallery .fltR h4 img {
}

#main .content .gallery .fltR p {
	letter-spacing: -0.1px;
}
#main .content .gallery .fltR{
	margin-top: -2px;
}
#main .content .gallery img.fltL{
	border: 1px solid #b2b2b2;
}

#main .content .gallery .fltR h4 .newIcon{
	font-size: 16px;
	color: #fff;
	background: #d90000;
	padding: 0px 6px 2px;
	font-weight: normal;
}
#main .content .gallery .fltR h4 .ttitleP {
	display: inline-block;
	vertical-align: 8px;
	margin-left: 6px;
}
#main .content .gallery .fltR h4 .ttitleP.halfW {
	width: 80%;
}

#main .content .gallery .fltR h4 .ttitleP img{
	display: inline-block;
}

.content .download {
	margin-bottom: 50px;
}
#main .content h4.link.tc {
	text-align: center;
	margin-bottom: 150px;
}

@media (max-width: 1097px) and (min-width: 769px) {
	#intro .fltL {
	    width: 65.75%;
	}
	.fltL {
	    width: 47.1%;
	    height: auto;
	}
}

@media (max-width: 1000px) and (min-width: 769px) {
	.fltL {
	    width: 41%;
	    height: auto;
	}
	#main .content .gallery .fltR {
		margin-right: 40px;
	}
	#main .content .gallery .fltR .thumbs {
		right: 40px;
	}
	#main .content .thumbs > img {
		width: 115px;
		height: auto;
	}
}

@media (max-width: 897px) and (min-width: 769px) {
	.fltL {
		float: none;
	    width: 70%;
	    margin: 0 auto 30px;
	    height: auto;
	}
	#main .content .gallery {
		text-align: center;
	}
	#main .content .gallery .fltR {
		float: none;
		margin: 0 auto;
		text-align: left;
	}
	#main .content .gallery .fltR .thumbs {
		right: auto;
	}

	.content .download {
		text-align: center;
	}

	#main .content .col2 > div {
		float: none;
		margin: 30px auto 0;
	}
	#main .content p {
		width: 100%;
		padding-right: 0;
	}
}

/*SP STYLE*/
@media (max-width: 768px) {
	.btn_download {
		display: none;
	}
	#main .content {
	    margin-top: 40px;
	    padding-top: 40px;
	}
	
	#main .content h3 img, #main .content h4 img {
		max-width: 100%;
		height: auto;
	}
	.content .download .fltL {
		width: 100%;
		text-align: center;
	}
	.content .download .fltL img {
		width: 100%;
		max-width: 420px;
		height: auto;
	}
	#main .content:first-child h3 > img {
		width: 65%;
	} 
	#main .content:first-child .col3 div {
		width: 48%;
	}
	#main .content:first-child .col3 div:last-child {
		margin-left: 4% !important;
	}
	#main .content:first-child .col3 div img {
		width: 100%;
		height: auto;
	}
	
	#main .content .gallery .fltR {
		position: relative;
		margin-top: 20px;
		padding-bottom: 0;
		padding-top: 28vw;
	}

	#main .content .gallery .fltR .thumbs {
		width: 100%;
		bottom: auto;
		top: 0;
	}
	#main .content .thumbs > img {
		width: 31%;
		height: auto;
		margin-left: 3.5%;
	}
	#main .content .gallery {
		margin-bottom: 35px;
	}
	#main .content hr {
		margin-bottom: 45px;
		width: 109%;
		margin-left: -4.7%;
	}

	#main .content .col2 > div {
		width: 100%;
	}

	.content .download {
		margin: 30px 0 60px;
	}
	.content .download .fltR {
		margin-top: 15px;
	}
	#main .content .gallery .fltR h4 .ttitleP{
		vertical-align: 2px;
	}
	#main .content .gallery .fltR h4 .ttitleP.spStyle {
		vertical-align: 6px;
	}
	#main .content .gallery .fltR h4 .ttitleP img{
		/*width: 90%;*/
	}

	#main .content .gallery .fltR h4 .ttitleP.halfW {
		width: 100%;
    	margin-top: 5px;
    	margin-left: 0;
	}
	#main .content .gallery .fltR.first  .awardLogo.mb {
		margin-bottom: 11px;
	}
	#main .content h4.mb0 {
		margin:  0 0 20px !important;
	}
	#main .content h4.link.tc {
	    margin-bottom: 50px;
	}

}