@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) {

}
*/

/*　いろいろ　*/
#takeyutaka .font120 { font-size:120%; }
#takeyutaka .font140 { font-size:140%; }
#takeyutaka .font-b { font-weight:bold; }
#takeyutaka .font-red { color:#BE0032; }
#takeyutaka .font-navy { color:#03004C;}
#takeyutaka ul , #takeyutaka li { list-style:none;}
#takeyutaka img { display:block; }

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


/*　frame　*/
#takeyutaka {
	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 */
#takeyutaka .feature-header {
	text-align: center;
	padding:15px 0;
	background-color: #fff;
	border-top:10px solid #03004C;
}
#takeyutaka .feature-header_main {
	padding:0px;
}
#takeyutaka .feature-header_main-inner {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0px;
}
#takeyutaka .feature-header_main-inner h1 {
	position: relative;
	margin:30px auto 0;
	max-width:760px;
	height:auto;
}
#takeyutaka .feature-header_main-inner h1 img {
	width:100%;
	height:auto;
	margin:0 auto;
}
#takeyutaka .feature-header_main-inner h1 img + img {
	display:none;
}
#takeyutaka .feature-header_main-inner .mainph {
	width:100%;
	margin:20px 0;
}
#takeyutaka .feature-header_main-inner .mainph_inner {
	max-width: 1180px;
	margin:0 auto;
}
#takeyutaka .feature-header_main-inner .mainph_inner img {
	display:block;
	width:100%;
	height:auto;
}

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



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

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


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


/* product */
#takeyutaka #product .term {
	font-size:20px;
	text-align:center;
	padding:10px 0;
	border:1px solid #03004C;
	color:#03004C;	
}
#takeyutaka #product .outline {
	text-align:center;
	margin:40px 0 0;
	line-height:165%;
	font-size:110%;
}
#takeyutaka #product .outline span {
	font-size:150%;
	color:#03004C;	
	white-space: nowrap;
}
#takeyutaka #product .mokhanga-wrapper {
	width:100%;
	display:table;
	margin-top:60px;
}
#takeyutaka #product .mokuhanga1 ,
#takeyutaka #product .mokuhanga2 {
	width:100%;
	text-align:center;
	/*background-color:#dedede;*/
}
#takeyutaka #product .mokuhanga1 {
	/*border-bottom:1px solid #32AAB4;*/
	/*padding-bottom:50px;*/
	margin-bottom:0px;
}
#takeyutaka #product .tit {
	display:block;
	position:relative;
	margin:0 auto 20px;
	width:100%;
	height:150px;
}
#takeyutaka #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;	
}
#takeyutaka #product .busuu {
	text-align:center;
	margin-top:15px;
}
#takeyutaka #product .busuu span {
	background-color:#cc0000;
	padding:5px 10px;
	color:#fff;
	font-weight:bold;
	font-size:150%;
}
#takeyutaka #product .takeyutaka_seihin {
	max-width:700px;
	height:auto;
	position:relative;
	margin:20px auto;
	border:1px solid #cecece;
}
#takeyutaka #product .takeyutaka_seihin img {
	width:100%;
	height:auto;
}

/*　zoomup btn */
#takeyutaka .zoomup_btn a {
	position: relative;
	background-color: #fff;
	border:1px solid #03004C;
	border-radius: 4px;
	color: #03004C;
	height: 40px;
	line-height: 40px;
	display: block;
	width: 150px;
	margin: 10px auto 0;
	text-align:center;
	font-size: 15px;
	font-weight: bold;
	text-indent:18px;
}
#takeyutaka .zoomup_btn a:hover {
	top: 4px;
	box-shadow: none;
	text-decoration: none;
}
#takeyutaka .zoomup_btn a:active {
	top: 4px;
}	
#takeyutaka .credit {
	text-align:center;
	font-size:90%;
	margin-top:10px;
}
#takeyutaka .credit img {
	display:inline-block;
	margin:5px 0 0 10px;
}
#takeyutaka #product .price {
	text-align:center;
	font-size:180%;
	margin-top:20px;
	color:#000;
}
#takeyutaka #product .detail {
	width:50%;
	border:1px dotted #03004C;
	text-align:left;
	margin:30px auto;
} 
#takeyutaka #product .detail p {
	padding:20px;
}
#takeyutaka #product .kounyu_btn {
	width:270px;
	height:75px;	
	margin-top: 20px;
	margin: 0 auto;
}
#takeyutaka #product .kounyu_btn a {
	position: relative;
}
#takeyutaka #product .kounyu_btn a:hover {
	top: 4px;
}
#takeyutaka #product .kounyu_btn a:active {
	top: 4px;
}
#takeyutaka #product .attention {
	text-align:left;
	margin-top:40px;
	padding:20px;
	background-color:#EBEBEB;
	color:#000;
}

@media only screen and (max-width: 768px) {
	#takeyutaka #product .term {
		font-size:15px;
		text-align:center;
		padding:10px 0;
		margin-bottom:20px;
	}
	#takeyutaka #product .outline {
		text-align:center;
		margin:0px 0 0;
		line-height:165%;
		font-size:100%;
	}
	#takeyutaka #product .outline span {
		font-size:130%;
	}	
	#takeyutaka #product .mokhanga-wrapper {
		width:100%;
		display:table;
		margin-top:20px;
	}
	#takeyutaka #product .mokuhanga1 ,
	#takeyutaka #product .mokuhanga2 {
		width:100%;
		display:block;
		text-align:center;
		padding:0 0 40px 0;
		margin:0 0 40px 0;
	}
	#takeyutaka #product li:last-child {
		padding:0 0 0px 0;
	}
	#takeyutaka #product .tit {
		display:block;
		position:relative;
		margin:10px auto;
		width:100%;
		height:100px;
	}
	#takeyutaka #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;	
	}
	#takeyutaka #product .busuu {
		text-align:center;
		margin-top:0px;
	}
	#takeyutaka #product .takeyutaka_seihin {
		max-width:300px;
		height:auto;
		position:relative;
		margin:20px auto;	
	}
	#takeyutaka #product .takeyutaka_seihin img {
		width:100%;
		height:auto;
		display:block;
	}			
	#takeyutaka #product .price {
		text-align:center;
		font-size:130%;
		margin-top:20px;
		color:#000;
	}
	#takeyutaka #product p.seihin_kaisetsu {
		width:100%;
		margin:20px 0px;
		line-height:150%;
		text-align:left;
	}	
	#takeyutaka #product .detail {
		width:100%;
		text-align:left;
		margin:20px 0px;
	} 
	#takeyutaka #product .detail p {
		padding:10px;
	}	
	#takeyutaka #product .attention {
		margin-top:0px;
		padding:10px;
	}	
}


/*  step */
#takeyutaka #step h3 {
	position: relative;
	width:100%;
	height:96px;
}
#takeyutaka #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;
}		
#takeyutaka #step .inner {
	margin:50px 0;
	position: relative;
}
#takeyutaka #step .inner:after {
	content: "";
	display: table;
	clear: both;
}
#takeyutaka #step p.step_midashi {
	font-size:35px;
	text-align:center;
	font-family: "ヒラギノ明朝 ProN W3","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;	
	color:#03004C;
	border-top:1px solid #03004C;
	border-bottom:1px solid #03004C;
	margin:20px auto;
	width:140px;
}
#takeyutaka #step p {
	font-size:115%;
	line-height:165%;
	color:#000;
}	
#takeyutaka #step .one-clm {
	width:100%;
	text-align:center;
	margin-bottom:30px;
}
#takeyutaka #step .two-clm {
	width:48%;
	padding:0 1%;
	display:inline-block;
	vertical-align:top;
}
#takeyutaka #step .two-clm img {
	width:100%;
	height:auto;
}
#takeyutaka #step .fukaya {
	width:100%;
	background-color:#EBEBEB;
	margin:10px 0 0 0;
}
#takeyutaka #step .fukaya .fukaya-inner {
	padding:10px;
}
#takeyutaka #step .fukaya .fukaya-inner:after {
	content: "";
	display: table;
	clear: both;
}
#takeyutaka #step .fukaya p.ph {
	width:30%;
	float:left;
}
#takeyutaka #step .fukaya p.ph img {
	width:100%;
	height:auto;
}
#takeyutaka #step .fukaya p.prof {
	width:67%;
	float:right;
	font-size:100%;
}
#takeyutaka #step .step_ph {
	width:100%;
	margin:0 0 20px 0;
}
#takeyutaka #step .step_ph img {
	width:50%;
	height:auto;
	display:inline-block;
}
#takeyutaka #step .washi {
	width:100%;
	background-color:#EBEBEB;
}
#takeyutaka #step .washi .washi-inner {
	padding:10px;
}
#takeyutaka #step .washi p.ph {
	width:100%;
}
#takeyutaka #step .washi p.ph img {
	width:100%;
	height:auto;
}
#takeyutaka #step .washi p.prof {
	width:100%;
	font-size:90%;		
	margin-top:10px;
}
#takeyutaka #step .fukaya p.prof span ,
#takeyutaka #step .washi p.prof span {
	font-size:140%;
	line-height:150%;
}



@media only screen and (max-width: 768px) {
	#takeyutaka #step h3 {
		position: relative;
		width:80%;
		height:90px;
		margin:0 auto;
	}
	#takeyutaka #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;		
	}		
	#takeyutaka #step .inner {
		margin:40px 0;
		font-size:12px;
	}
	#takeyutaka #step p.step_midashi {
		font-size:27px;
	}
	#takeyutaka #step p {
		font-size:100%;
		line-height:160%;
		color:#000;
		margin:0 auto;
	}	
	#takeyutaka #step .one-clm {
		width:100%;
		text-align:left;
		margin-bottom:0;
	}
	#takeyutaka #step .two-clm {
		text-align:left;
		margin-top:20px;
		display:block;
		width:100%;
		padding:0;
	}	
	#takeyutaka #step .fukaya {
		margin-top:20px;
	}
	#takeyutaka #step .fukaya .fukaya-inner {
		padding:10px;
	}
	#takeyutaka #step .fukaya p.ph {
		width:40%;
		float:left;
	}
	#takeyutaka #step .fukaya p.prof {
		width:58%;
		float:right;
		font-size:90%;		
	}
	#takeyutaka #step .step_ph img {
		width:100%;
		height:auto;
		display:block;
		margin-bottom:10px;
	}	
	#takeyutaka #step .washi {
		margin-top:20px;
	}
	#takeyutaka #step .washi .washi-inner {
		padding:10px;
	}
	#takeyutaka #step .washi p.ph {
		width:100%;
	}
	#takeyutaka #step .washi p.ph img {
		width:100%;
		height:auto;
	}
	#takeyutaka #step .washi p.prof {
		width:100%;
		font-size:90%;		
		margin-top:10px;
	}
	#takeyutaka #step .fukaya p.prof span ,
	#takeyutaka #step .washi p.prof span {
		font-size:140%;
		line-height:150%;
	}
}


/* agrement */
#takeyutaka #agreement {
	max-width: 1180px;
	margin: 0px 10px 40px;
	position: relative;
}
#takeyutaka #agreement h3 {
	font-size:150%;
	margin-bottom:20px;
}
#takeyutaka #agreement .inner {
	padding:40px 0;
}
#takeyutaka #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;		
}
#takeyutaka #agreement li { 
	list-style:disc;
	margin-left:1em;
}
#takeyutaka #agreement p { margin-bottom:0.5em; }
#takeyutaka #agreement .red { color:#ff0000; }
#takeyutaka #agreement p.midashi { 
	font-weight:bold;
	margin-bottom:0em; 
	margin-top:1em;
}

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


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