@charset "utf-8";
#wrapper { overflow:hidden; }

/**
 * レスポンシブ：
	初音ミク木版画
 *
 **/


/* meadia query set
@media only screen and (min-width: 769px) {

}
@media screen and (max-width: 1180px) and (min-width: 769px) {

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

}
*/

/*　いろいろ　*/
#hastunemiku .txt-c { text-align:center;}
#hastunemiku .font120 { font-size:120%; }
#hastunemiku .font140 { font-size:140%; }
#hastunemiku .font-b { font-weight:bold; }
#hastunemiku .font-gold { color:#DFAF3A; }
#hastunemiku .font-red { color:#BE0032; }
#hastunemiku .font-yellow { color:#F3CB1B; }
#hastunemiku ul , #hastunemiku li { list-style:none;}
#hastunemiku img { display:block; }

@media only screen and (max-width: 768px) {
	#headerBtm .blockSearch table {
	margin-bottom: 0px;
	}
}

/* breadcrumb */
#template2015 {
	background-color: #32AAB4;
	color:#f0f0f0;
	padding:0;
	margin:0;	
}
#template2015 #breadcrumb {
	color:#f0f0f0;
}
#template2015 #breadcrumb p a {
	color:#f0f0f0;
}


/*　frame　*/
#hastunemiku {
	position: relative;
	width: 100%;
	padding:0; 
	margin:0;
	color: #000;
	background-color: #fff;
	font-size: 13px !important;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif !important;
}


/* feature-header BEGIN */
#hastunemiku .feature-header {
	text-align: center;
	padding:15px 0;
	background-color: #fff;
	border-top:5px solid #32AAB4;
}
#hastunemiku .feature-header_main {
	padding:0px;
}
#hastunemiku .feature-header_main-inner {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0px;
}
#hastunemiku .feature-header_main-inner h1 {
	position: relative;
	margin:0 auto;
	max-width:870px;
	height:auto;
}
#hastunemiku .feature-header_main-inner h1 img {
	width:100%;
	height:auto;
	margin:0 auto;
}
#hastunemiku .feature-header_main-inner h1 img + img {
	display:none;
}
#hastunemiku .feature-header_main-inner .mainph {
	width:100%;
	margin:20px 0;
}
#hastunemiku .feature-header_main-inner .mainph_inner {
	max-width: 1180px;
	margin:0 auto;
}
#hastunemiku .feature-header_main-inner .mainph_inner img {
	display:block;
	width:100%;
	height:auto;
}

@media only screen and (max-width: 768px) {
	#hastunemiku .feature-header {
		padding:10px 0 0;
	}	
	#hastunemiku .feature-header_main-inner h1 {
		position: relative;
		margin:0 auto;
		padding:0 10px;
		max-width:500px;
		height:auto;
	}	
	#hastunemiku .feature-header_main-inner h1 img {
		display:none;
	}
	#hastunemiku .feature-header_main-inner h1 img + img {
		display:block;
		position:relative;
		width:100%;
		height:auto;
	}
}
/* feature-header END */



/* feature-detail BEGIN */
#hastunemiku .feature-detail {
	padding: 0;
	max-width: 1180px;
	margin: 0 auto;
	position: relative;
}
#hastunemiku #product ,
#hastunemiku #step {
	max-width: 1180px;
	margin: 0px auto 80px;
	position: relative;
}
#hastunemiku #product .inner {
	padding:40px;
}

/*769-1180　枠の左右にマージン作る*/
@media screen and (max-width: 1180px) and (min-width: 769px) {
	#hastunemiku #product ,
	#hastunemiku #step {
		margin: 20px 20px 0;
	}
	#hastunemiku #product .inner {
		padding:40px 0px;
	}	
}


/*768までの枠*/
@media only screen and (max-width: 768px) {
	#hastunemiku .feature-detail {
		padding: 0 ;
		margin:20px 10px;/*画面左右のマージン*/
	}
	#hastunemiku #product ,
	#hastunemiku #step {
		margin-bottom: 40px;	
	}
	#hastunemiku #product .inner{
		padding:20px 10px;
		font-size:12px;
	}		
}
/* feature-detail END */


/* product */
#hastunemiku #product .term {
	font-size:20px;
	text-align:center;
	padding:10px 0;
	border:1px solid #32AAB4;
	color:#32AAB4;	
}
#hastunemiku #product .outline {
	text-align:center;
	margin:40px 0 0;
	line-height:165%;
	font-size:110%;
}
#hastunemiku #product .outline span {
	font-size:150%;
	color:#32AAB4;	
	white-space: nowrap;
}
#hastunemiku #product .mokhanga-wrapper {
	width:100%;
	display:table;
	margin-top:60px;
}
#hastunemiku #product .mokuhanga1 ,
#hastunemiku #product .mokuhanga2 {
	width:100%;
	text-align:center;
	/*background-color:#dedede;*/
}
#hastunemiku #product .mokuhanga1 {
	/*border-bottom:1px solid #32AAB4;*/
	/*padding-bottom:50px;*/
	margin-bottom:0px;
}
#hastunemiku #product .tit {
	display:block;
	position:relative;
	margin:0 auto 20px;
	width:100%;
	height:150px;
}
#hastunemiku #product .tit img {
	width:auto;
	height:auto;
	max-height:100%;
	max-width:100%;
	position:absolute;
	top:0;	
	bottom:0;
	left:0;
	right:0;
	margin:auto;	
}
#hastunemiku #product .busuu {
	text-align:center;
	margin-top:15px;
}
#hastunemiku #product .busuu span {
	background-color:#E3007F;
	padding:5px 10px;
	color:#fff;
	font-weight:bold;
	font-size:150%;
}
#hastunemiku #product .hastunemiku_seihin {
	max-width:350px;
	height:auto;
	position:relative;
	margin:20px auto;
}
#hastunemiku #product .hastunemiku_seihin img {
	width:100%;
	height:auto;
}

/*　zoomup btn */
#hastunemiku .zoomup_btn a {
	position: relative;
	background-color: #fff;
	border:1px solid #32AAB4;
	border-radius: 4px;
	color: #32AAB4;
	height: 40px;
	line-height: 40px;
	display: block;
	width: 150px;
	margin: 10px auto 0;
	text-align:center;
	font-size: 15px;
	font-weight: bold;
	/*background-image:url(http://image.pia.jp/images2/static/pia/feature/memorialgoods/miku/images/zoom_icon.png);
	background-position:20px 10px;
	background-repeat:no-repeat;*/
	text-indent:18px;
}
#hastunemiku .zoomup_btn a:hover {
	top: 4px;
	box-shadow: none;
	text-decoration: none;
}
#hastunemiku .zoomup_btn a:active {
	top: 4px;
}	
#hastunemiku .credit {
	text-align:center;
	font-size:90%;
	margin-top:10px;
}
#hastunemiku .credit img {
	display:inline-block;
	margin:5px 0 0 10px;
}
#hastunemiku #product .price {
	text-align:center;
	font-size:180%;
	margin-top:20px;
	color:#000;
}
#hastunemiku #product p.seihin_kaisetsu {
	width:80%;
	margin:30px auto;
	line-height:150%;
}
#hastunemiku #product p.seihin_kaisetsu span {
	color: #32AAB4;
	font-size:120%;
	line-height:200%;
}
#hastunemiku #product .detail {
	width:50%;
	border:1px dotted #32AAB4;
	text-align:left;
	margin:30px auto;
} 
#hastunemiku #product .detail p {
	padding:20px;
}


#hastunemiku #product .kounyu_btn {
	width:270px;
	height:75px;	
	margin-top: 20px;
	margin: 0 auto;
}
#hastunemiku #product .kounyu_btn a {
	position: relative;
	/*background-color: #32AAB4;
	border-radius: 4px;
	color: #fff;
	height: 65px;
	line-height: 65px;
	display: block;
	width: 250px;
	margin: 0 auto;
	font-size: 18px;
	font-weight: bold;
	box-shadow: 0 4px 0 #000A1E;*/
}
#hastunemiku #product .kounyu_btn a:hover {
	top: 4px;
	/*box-shadow: none;*/
	text-decoration: none;
}
#hastunemiku #product .kounyu_btn a:active {
	top: 4px;
	/*box-shadow: none;*/
}
#hastunemiku #product .attention {
	text-align:left;
	margin-top:40px;
	padding:20px;
	background-color:#EBEBEB;
	color:#000;
}

@media only screen and (max-width: 768px) {
	#hastunemiku #product .term {
		font-size:15px;
		text-align:center;
		padding:10px 0;
		margin-bottom:20px;
	}
	#hastunemiku #product .outline {
		text-align:center;
		margin:0px 0 0;
		line-height:165%;
		font-size:100%;
	}
	#hastunemiku #product .outline span {
		font-size:130%;
	}	
	#hastunemiku #product .mokhanga-wrapper {
		width:100%;
		display:table;
		margin-top:20px;
	}
	#hastunemiku #product .mokuhanga1 ,
	#hastunemiku #product .mokuhanga2 {
		width:100%;
		display:block;
		text-align:center;
		padding:0 0 40px 0;
		margin:0 0 40px 0;
	}
	#hastunemiku #product li:last-child {
		padding:0 0 0px 0;
	}
	#hastunemiku #product .tit {
		display:block;
		position:relative;
		margin:10px auto;
		width:100%;
		height:93px;
	}
	#hastunemiku #product .tit img {
		width:auto;
		height:auto;
		max-height:100%;
		max-width:100%;
		position:absolute;
		top:0;	
		bottom:0;
		left:0;
		right:0;
		margin:auto;	
	}
	#hastunemiku #product .busuu {
		text-align:center;
		margin-top:0px;
	}
	#hastunemiku #product .hastunemiku_seihin {
		max-width:300px;
		height:auto;
		position:relative;
		margin:20px auto;	
	}
	#hastunemiku #product .hastunemiku_seihin img {
		width:100%;
		height:auto;
		display:block;
	}			
	#hastunemiku #product .price {
		text-align:center;
		font-size:130%;
		margin-top:20px;
		color:#000;
	}
	#hastunemiku #product p.seihin_kaisetsu {
		width:100%;
		margin:20px 0px;
		line-height:150%;
		text-align:left;
	}	
	#hastunemiku #product .detail {
		width:100%;
		border:1px dotted #32AAB4;
		text-align:left;
		margin:20px 0px;
	} 
	#hastunemiku #product .detail p {
		padding:10px;
	}	
	#hastunemiku #product .attention {
		margin-top:0px;
		padding:10px;
	}	
}


/*  step */
#hastunemiku #step h3 {
	position: relative;
	width:100%;
	height:96px;
}
#hastunemiku #step h3 img {
	width:auto;
	height:auto;
	max-height:100%;
	max-width:100%;
	position:absolute;
	top:0;	
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}		
#hastunemiku #step .inner {
	margin:40px 0;
}
#hastunemiku #step .inner:after {
	content: "";
	display: table;
	clear: both;
}
#hastunemiku #step p.step_midashi {
	font-size:35px;
	text-align:center;
	font-family: serif;
	color:#32AAB4;
	border-bottom:1px solid #ccc;
	margin:20px 0;
}
#hastunemiku #step p {
	font-size:115%;
	line-height:165%;
	color:#000;
}	
#hastunemiku #step p.p1 {
	width:100%;
	text-align:center;
	margin-bottom:30px;
}
#hastunemiku #step p.p2 {
	width:45%;
	float:left;
}
#hastunemiku #step .fukaya {
	width:50%;
	float:right;
	background-color:#EBEBEB;
}
#hastunemiku #step .fukaya .fukaya-inner {
	padding:10px;
}
#hastunemiku #step .fukaya .fukaya-inner:after {
	content: "";
	display: table;
	clear: both;
}

#hastunemiku #step .fukaya p.ph {
	width:30%;
	float:left;
}
#hastunemiku #step .fukaya p.ph img {
	width:100%;
	height:auto;
}
#hastunemiku #step .fukaya p.prof {
	width:67%;
	float:right;
	font-size:100%;
}

#hastunemiku #step .step_ph {
	width:100%;
	margin:0 0 20px 0;
}
#hastunemiku #step .step_ph img {
	width:50%;
	height:auto;
	display:inline-block;
}


#hastunemiku #step .washi {
	width:50%;
	float:right;
	background-color:#EBEBEB;
}
#hastunemiku #step .washi .washi-inner {
	padding:10px;
}
#hastunemiku #step .washi p.ph {
	width:100%;
}
#hastunemiku #step .washi p.ph img {
	width:100%;
	height:auto;
}
#hastunemiku #step .washi p.prof {
	width:100%;
	font-size:90%;		
	margin-top:10px;
}
#hastunemiku #step .fukaya p.prof span ,
#hastunemiku #step .washi p.prof span {
	font-size:140%;
	line-height:150%;
	color:#32AAB4;
}



@media only screen and (max-width: 768px) {
	#hastunemiku #step h3 {
		position: relative;
		width:80%;
		height:90px;
		margin:0 auto;
	}
	#hastunemiku #step h3 img {
		width:auto;
		height:auto;
		max-height:100%;
		max-width:100%;
		position:absolute;
		top:0;	
		bottom:0;
		left:0;
		right:0;
		margin:auto;		
	}		
	#hastunemiku #step .inner {
		margin:20px 0;
		font-size:12px;
	}
	#hastunemiku #step p.step_midashi {
		font-size:27px;
	}
	#hastunemiku #step p {
		font-size:100%;
		line-height:160%;
		color:#000;
		margin:0 auto;
	}	
	#hastunemiku #step p.p1 {
		width:98%;
		text-align:left;
		margin-bottom:0;
	}
	#hastunemiku #step p.p2 {
		text-align:left;
		margin-top:20px;
		float:none;
		width:98%;
	}	
	#hastunemiku #step .fukaya {
		width:100%;
		float:none;
		margin-top:20px;
	}
	#hastunemiku #step .fukaya .fukaya-inner {
		padding:10px;
	}
	#hastunemiku #step .fukaya p.ph {
		width:40%;
		float:left;
	}
	#hastunemiku #step .fukaya p.prof {
		width:58%;
		float:right;
		font-size:90%;		
	}
	#hastunemiku #step .step_ph img {
		width:100%;
		height:auto;
		display:block;
	}	
	#hastunemiku #step .washi {
		width:100%;
		float:none;
		margin-top:20px;
	}
	#hastunemiku #step .washi .washi-inner {
		padding:10px;
	}
	#hastunemiku #step .washi p.ph {
		width:100%;
	}
	#hastunemiku #step .washi p.ph img {
		width:100%;
		height:auto;
	}
	#hastunemiku #step .washi p.prof {
		width:100%;
		font-size:90%;		
		margin-top:10px;
	}
	#hastunemiku #step .fukaya p.prof span ,
	#hastunemiku #step .washi p.prof span {
		font-size:140%;
		line-height:150%;
		color:#32AAB4;
	}
}


/* agrement */
#hastunemiku #agreement {
	max-width: 1180px;
	margin: 0px 10px 40px;
	position: relative;
}
#hastunemiku #agreement h3 {
	font-size:150%;
	margin-bottom:20px;
}
#hastunemiku #agreement .inner {
	padding:40px 0;
}
#hastunemiku #agreement #agreeframe {
	height: 240px;
	margin-top: 24px;
	border: 1px solid #B6B6B7;
	line-height: 1.5em;
	padding: 20px;
	overflow-y: scroll;
	background: #fff;
	color: #000;
	-webkit-overflow-scrolling: touch;		
}
#hastunemiku #agreement li { 
	list-style:disc;
	margin-left:1em;
}
#hastunemiku #agreement p { margin-bottom:0.5em; }
#hastunemiku #agreement .red { color:#ff0000; }
#hastunemiku #agreement p.midashi { 
	font-weight:bold;
	margin-bottom:0em; 
	margin-top:1em;
}

@media only screen and (max-width: 768px) {
	#hastunemiku #agreement {
		margin: 0px 0px 40px;
	}
	#hastunemiku #agreement .inner {
		padding:0px 0;
	}
	#hastunemiku #agreement #agreeframe {
		font-size:12px;
		padding: 20px 10px;
	}	
}


/* footer */
#hastunemiku #fotter {
	width:100%;
	height:170px;
	/*background-image:url(http://image.pia.jp/images2/static/pia/feature/memorialgoods/miku/images/hastunemiku_fotter_pc.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-size: cover;*/
}
#hastunemiku #fotter .foot-inner {
	position:relative;
	max-width:1180px;
	height:170px;
	margin:0 auto;
}
#hastunemiku #fotter .credit {
	position:absolute;
	bottom:10px;
	width:100%;
	text-align:center;
	font-size:13px;
	color:#fff;
}
#hastunemiku #fotter .logo {
	width:100%;
	position:absolute;
	bottom:35px;
}
#hastunemiku #fotter .logo img {
	margin:0 auto;
}