@charset "utf-8";


img {
	height: auto;
	max-width: 100%;
}

#contents {
	width: 100%;
	padding-top: 70px;
	background-color: #E0E0E0;
	overflow: hidden;
}

.left {
	float: left;
	width: 20%;
}

.logo {
	padding-left: 50px;
	padding-top: 50px;
}

.titleBox {
	position:relative;
	width: 65%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #999;
	margin-top: 6px;
	padding-top: 22%;
	padding-bottom: 22%;
	transition:all 0.3s ease;
	background-image: url(../n_images/arrow_left.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #486277;
	overflow: visible;
}

.linkBox {
	position:relative;
	width: 65%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #999;
	margin-top: 6px;
	padding-top: 2%;
	padding-bottom: 2%;
	transition:all 0.3s ease;
	background-image: url(../n_images/arrow_s.png);
	background-repeat: no-repeat;
	background-position: right center;
	color: #486277;
	display: block;
}

.formBox {
	position:relative;
	width: 65%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 6px;
	padding-top: 2%;
	padding-bottom: 2%;
	transition:all 0.3s ease;
	background-image: url(../n_images/arrow_s.png);
	background-repeat: no-repeat;
	background-position: right center;
	color: #486277;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 6px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #C66;
	display: block;
}

.titleBox .link,
.linkBox .link,
.formBox .link,
.artistBtn .link {
	display: block;
	position: absolute;
	top: 1px;
	left: -1px;
	width: 100%;
	height: 100%;
}

.titleBox:hover,
.linkBox:hover,
.formBox:hover {
	background-color: #F0F0F0;
}

.titleBox h1,
.titleBox p.h1,
.formBox p.h1 {
	font-size: 2.2vw;
	line-height: 120%;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.05em;
	float: none;
}

.linkTxt {
	font-size: 0.95vw;
	line-height: 140%;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	padding-left: 16px;
}

.linkTxtForm {
	font-size: 0.95vw;
	line-height: 140%;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	padding-left: 16px;
}

.linkTxt br,
.linkTxtForm br {
	display: block;
}

.titleBox h2,
.linkBox h2 {
	font-size: 1vw;
	line-height: 120%;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	float: none;
}

/* サイド */
.rightMain {
	float: left;
	width: 80%;
	margin-bottom: 140px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.whiteBg {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	width: 90%;
	margin-top: 80px;
	margin-right: 7%;
	margin-left: 3%;
	padding-top: 40px;
	padding-right: 50px;
	padding-bottom: 100px;
	padding-left: 50px;
	background-color: #FFF;
	overflow: hidden;
}

.whiteBg h3 {
	font-size: 2vw;
	line-height: 120%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	width: 100%;
}

.whiteBg .leftName {
	float: left;
	width: 25%;
}

.whiteBg h4 {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
	font-size: 2.8vw;
	line-height: 120%;
	padding-bottom: 8px;
}

.whiteBg h5 {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-bottom: 20px;
}

.whiteBg .profBtn a,
.whiteBg .profBtn a:visited {
	color: #FFF;
	text-decoration: none;
	background-color: #486277;
	background-image: url(../n_images/arrow_s_w_left.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	display: block;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 2px;
	font-size: 1.2vw;
	transition:all 0.3s ease;
}

.whiteBg .profBtn a:hover {
	background-color: #8AA4B9;
}

.whiteBg .main {
	float: left;
	width: 73%;
	padding-left: 2%;
}

.whiteBg .mainTitle {
	font-size: 2.8vw;
	line-height: 120%;
	color: #C30;
	text-align: center;
	font-weight: normal;
	padding-bottom: 8px;
}

.mainSmall {
	font-size: 1.2vw;
	color: #333;
	padding-left: 1em;
	vertical-align: middle;
}

.storeTxt {
	font-size: 1vw;
	line-height: 170%;
	text-align: center;
	padding-bottom: 10px;
	font-weight: normal;
}

.storeTxt br {
	display: block;
}

.square {
	margin-bottom: 20px;
	padding-bottom: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}

.figArea {
	width: 526px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

.figLeft {
	float: left;
	width: 158px;
}

.figRight {
	float: right;
	width: 345px;
	padding-top: 4px;
}

/* フォームボタン */
.formBtn a,
.formBtn a:visited {
	font-size: 18px;
	line-height: 120%;
	color: #FFF;
	background-color: #C30;
	background-image: url(../n_images/arrow_s_w.png);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 6px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
	display: block;
	margin-bottom: 40px;
}

.formBtn a:hover {
	opacity: 0.5;
}

/* 作品紹介 */
.art {
	float: left;
	width: 50%;
}

/* ズーム */
.zoom3 img {
	height: auto;
	width: 100%;
	border: 4px solid #FFF;	/*z-index: 100;*/
}
.zoom3 img {
    -moz-transition: -moz-transform 0.4s linear;
    -webkit-transition: -webkit-transform 0.4s linear;
    -o-transition: -o-transform 0.4s linear;
    -ms-transition: -ms-transform 0.4s linear;
    transition: transform 0.4s linear;
	transform-origin: 35% 50%;
}

.zoom3 img:hover {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
}

.spec {
	float: left;
	width: 47%;
	padding-left: 2.5%;
}

.specTxt {
	font-size: 14px;
	line-height: 180%;
	color: #000;
}

.price {
	font-size: 15px;
	color: #C03;
}

/* ボーダー */
.border {
	clear: both;
	width: 100%;
	padding-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	margin-bottom: 40px;
}


/* アーカイバル */
.bottomTitle {
	font-size: 18px;
	line-height: 140%;
	padding-bottom: 20px;
}

.bottomTxt {
	font-size: 13px;
	line-height: 180%;
	padding-bottom: 50px;
}



@media screen and (max-width: 992px){ /*768*/


#contents {
	width: 100%;
	padding-top: 10px;
	background-color: #E0E0E0;
	overflow: visible;
}

.left {
	float: none;
	width: 100%;
}

.logo {
	padding-left: 10px;
	padding-top: 0px;
}

.titleBox {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #999;
	margin-top: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	overflow: hidden;
	margin-bottom: 4px;
}

.linkBox,
.formBox {
	display: none;
}

.titleBox h1,
.titleBox p.h1,
.formBox p.h1 {
	font-size: 20px;
	line-height: 120%;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.05em;
	float: left;
	padding-left: 30px;
}

.titleBox h2 {
	font-size: 13px;
	line-height: 120%;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	float: left;
	padding-left: 10px;
	padding-top: 6px;
}

/* サイド */
.rightMain {
	float: none;
	width: 100%;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}

.whiteBg {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0%;
	margin-left: 0%;
	padding-top: 20px;
	padding-right: 3%;
	padding-bottom: 30px;
	padding-left: 3%;
	background-color: #FFF;
	margin-bottom: 0px;
}

.whiteBg h3 {
	font-size: 18px;
	line-height: 120%;
	margin-bottom: 14px;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	width: 100%;
}

.whiteBg .leftName {
	float: none;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

.whiteBg h4 {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
	font-size: 30px;
	line-height: 120%;
	padding-bottom: 4px;
}

.whiteBg h5 {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-bottom:10px;
}

.whiteBg .profBtn a,
.whiteBg .profBtn a:visited {
	color: #FFF;
	text-decoration: none;
	background-color: #486277;
	background-image: url(../n_images/arrow_s_w_left.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	display: block;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 2px;
	font-size: 18px;
	transition:all 0.3s ease;
	margin-bottom: 20px;
	line-height: 120%;
}

.whiteBg .profBtn a:hover {
	background-color: #8AA4B9;
}

.whiteBg .main {
	float: none;
	width: 96%;
	padding-left: 0%;
	margin-right: auto;
	margin-left: auto;
}

.whiteBg .mainTitle {
	font-size: 36px;
	line-height: 120%;
	color: #C30;
	text-align: center;
	font-weight: normal;
	padding-bottom: 8px;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
}

.mainSmall {
	font-size: 18px;
	color: #333;
	padding-left: 1em;
	vertical-align: middle;
}

.storeTxt {
	font-size: 13px;
	line-height: 160%;
	text-align: left;
	padding-bottom: 10px;
	font-weight: normal;
}

.storeTxt br {
	display: none;
}

.square {
	margin-bottom: 20px;
	padding-bottom: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}

.figArea {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	overflow: visible;
}

.figLeft {
	float: none;
	width: 60%;
}

.figRight {
	float: none;
	width: 100%;
	padding-top: 4px;
}

.figLeft img,
.figRight img {
	height: auto;
	max-width: 100%;
}

/* フォームボタン */
.formBtn a,
.formBtn a:visited {
	font-size: 14px;
	line-height: 120%;
	color: #FFF;
	background-color: #C30;
	background-image: url(../n_images/arrow_s_w.png);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 6px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
	display: block;
	margin-bottom: 30px;
}

.formBtn a:hover {
	opacity: 0.5;
}

/* 作品紹介 */
.art {
	float: none;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

/* ズーム */
.zoom3 img {
	height: auto;
	width: 100%;
	border: 4px solid #FFF;	/*z-index: 100;*/
}
.zoom3 img {
    -moz-transition: -moz-transform 0.4s linear;
    -webkit-transition: -webkit-transform 0.4s linear;
    -o-transition: -o-transform 0.4s linear;
    -ms-transition: -ms-transform 0.4s linear;
    transition: transform 0.4s linear;
	transform-origin: 35% 50%;
}

.zoom3 img:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.largeIcon {
	display: none;
}

.spec {
	float: none;
	width: 94%;
	padding-left: 0%;
	margin-right: auto;
	margin-left: auto;
}

.specTxt {
	font-size: 12px;
	line-height: 160%;
	color: #000;
}

.price {
	font-size: 13px;
	color: #C03;
}

/* ボーダー */
.border {
	clear: both;
	width: 100%;
	padding-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	margin-bottom: 40px;
}

/* アーカイバル */
.bottomTitle {
	font-size: 14px;
	line-height: 140%;
	padding-bottom: 12px;
}

.bottomTxt {
	font-size: 10px;
	line-height: 170%;
	padding-bottom: 30px;
}




}