@charset "utf-8";
.type .lnkBox{
	width: 1020px;
	margin: 70px -20px 0;
	font-size: 0;
	}
.type .lnkBox li{
	display: inline-block;
	margin: 0 20px;
}
.type .lnkBox li a{
	position: relative;
	display: block;
	background-color: #000;
	width: 300px;
	margin: 0;
	padding: 30px;
	font-size: 29px;
	color: #fff;
	line-height: 1;
	box-sizing: border-box;
	overflow: visible;
}
.type .lnkBox li a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 30px;
	display: block;
	content: "";
	background: url(../img/common/fig_00_52.png) no-repeat;
	background-size: 100%;
	width: 44px;
	height: 44px;
	margin: auto;
}
.type .lnkBox li a:hover{ opacity: .7; }

.type .bnrBox{ margin: -40px auto 80px; }
.type .bnrBox a:hover{ opacity: .7; }

@media screen and (max-width: 750px) {
.type #footBtnSp{ display: none; }
.type .lnkBox{
	border-top: 12px solid #e5e5e6;
	width: 100%;
	margin: 0 auto;
	padding: 10.667% 0;
	text-align: center;
	}
.type .lnkBox li{
	width: 82.934%;
	margin: 0 auto 3.732%;
	}
.type .lnkBox li a{
	width: 100%;
	margin: 0;
	padding: 6.216%;
	font-size: 18px;
	text-align: left;
}
.type .lnkBox li a::after{
	right: 6.216%;
	background: url(../img/common/fig_00_52.png) no-repeat;
	background-size: contain;
	width: 9.033%;
	height: 0;
	padding-bottom: 9.033%;
}
.type .lnkBox li a:hover{ opacity: .7; }
	
.type .bnrBox{ width: 82.933%;  margin: -5.333% auto 10.667%; }
.type .bnrBox img{ width: 100%; }
.type .bnrBox a:hover{ opacity: 1; }
}


/*colorbox（モーダルウィンドウ）の調整*/
.cboxPhoto{
	border:solid 1px #ccc;
	box-sizing:border-box;
	}
#cboxContent{
	padding:60px; 
	}
#cboxLoadedContent{
	margin-bottom:0; 
	}
#cboxTitle{
	position:relative; top:10px;
	line-height:1.428; 
	}
#cboxPrevious{
	left:18px; 
	}
#cboxNext{
	right:18px;
	}
.typeMd .cboxPhoto{
	border:none;
	}
.typeMd #cboxLoadedContent{
	margin-bottom:40px; 
	}
.typeMd #cboxTitle{ 
	margin-top: -40px; 
	}
@media screen and (max-width: 500px) {
	#cboxContent{
		padding: 40px; 
		}
	#cboxPrevious{
		left:8px; 
		}
	#cboxNext{
		right:8px;
		}
	}
/*==================================
ベース
==================================*/

/*ページ概要*/
.typeInner #contents h2{
	margin-bottom:55px; 
	}
.typeInner #contents p.copy{
	font-size:35px;
	line-height:1.628;
	margin-bottom:20px;
	}
.typeInner #contents p.text{
	margin-bottom:35px; 
	}

@media screen and (max-width: 750px) {
	.typeInner #contents h2{
		margin-bottom:30px; 
		}
	.typeInner #contents p.copy{
		font-size:18px;
		line-height:1.628;
		margin-bottom:8px;
		}
	}
/*特徴*/
.typeInner .featBox{
	margin-bottom:55px;
	}
.typeInner .featBox li{
	float:left;
	margin-bottom:15px;
	}
.typeInner .featBox li.main{
	margin-right:15px; 
	}
.typeInner .featBox li span{
	display:none; 
	}
@media screen and (max-width: 750px) {
	.typeInner .featBox{
		margin-bottom: 25px;
		margin: 0 -4px 25px -4px ;
		}
	.typeInner .featBox li:nth-child(odd){
		clear: both;
		}
	.typeInner .featBox li,
	.typeInner .featBox li.main{
		width: 50%;
		box-sizing: border-box;
		/*margin: 0 0 8px 0;*/
		padding: 4px;
		margin: 0;
		}
	.typeInner .featBox li img{
		width: 100%;
		}
	.typeInner .featBox li:nth-child(odd) img{
		/*margin-right: 4px;*/
		}
	.typeInner .featBox li:nth-child(even) img{
		/*margin-left: 4px;*/
		}
	}

/*特徴の紹介（.lineBox）*/

.typeInner .featBox + .lineBox{
	margin-bottom:60px;
	}
.typeInner .featBox + .lineBox li:last-child{
	margin-bottom:0 !important;
	}
.typeInner .featBox + .lineBox .lnkBtnR{
	width:266px;
	margin-left:2em;
	}
@media screen and (max-width: 750px) {
	.typeInner .featBox + .lineBox{
		margin-bottom:40px;
		}
	.typeInner .featBox + .lineBox .lnkBtnR{
		width: 90%;
		margin-bottom:20px;
		margin-left: 20px;
		padding-right: 35px;
		box-sizing: border-box;
		}
	}

/*オプション一覧(.opBox)*/
.typeInner .freeprBox,
.typeInner .opBox{ margin: 0 -5px; }
.typeInner .freeprBox{ margin-bottom: 50px; }
.typeInner .freeprBox li,
.typeInner .opBox li{
	float:left;
	padding: 5px;
	text-align:center;
	width: 16.667%;
	box-sizing: border-box;
	}
.typeInner .freeprBox li{ width: 25%; }
.typeInner .freeprBox li a,
.typeInner .opBox li a{
	display:block;
	padding:12px 0;
	font-size:16px;
	color:#111;
	letter-spacing:.07em;
	-webkit-font-smoothing:subpixel-antialiased;
	-moz-osx-font-smoothing:auto;
	border:solid 2px #00a63c;
	}
.typeInner .opBox li span{ font-size:11px; }
.typeInner .opBox li.collorY a{ border-color:#ffbc00; }
.typeInner .opBox li.collorR a{ border-color:#f97a70; }
.typeInner .opBox li.collorB a{ border-color:#23ace8; }
.typeInner .opBox li.collorP a{ border-color:#83059e; }
.typeInner .freeprBox li.collorB2 a{ border-color:#416cdf; }

@media screen and (max-width: 750px) {
	.typeInner .freeprBox li:first-child,
	.typeInner .freeprBox li,
	.typeInner .opBox li:first-child,
	.typeInner .opBox li{
		width: 50%;
		}
		.typeInner .freeprBox li a,
		.typeInner .opBox li a{
			padding: 9px 0;
			}
	}

/*エリア＃b102（価格）*/
.typeInner #bl02 h3{
	display:inline-block;
	margin-bottom:0;
	}
.typeInner #bl02 .lnkBtnR{
	float:right;
	width:200px;
	margin-top:-12px;
	}
@media screen and (max-width: 750px) {
	.typeInner #bl02 h3{
		display:block;
		}
	.typeInner #bl02 .lnkBtnR{
		float:none;
		width:170px;
		margin:15px 0 0 24px;
		}
	}
/*エリア＃b103（実例）*/
.typeInner #bl03 ul{
	width:720px;
	margin-left:-10px;
	}
.typeInner #bl03 li{
	box-sizing: border-box;
	width: 16.66%;
	float:left;
	padding:0 10px 20px;
	}
.typeInner #bl03 li span{
	display:none;
	}
@media screen and (max-width: 750px) {
	.typeInner #bl03 ul{
		width:inherit;
		margin: 0 -13px;
		box-sizing: border-box;
		}
	.typeInner #bl03 li{
		width: 50%;
		padding:0 13px 26px;
		}
	.typeInner #bl03 li a img{
		width: 100%;
		height: inherit;
		}
	}

/*==================================
本格タイプ
==================================*/
.honkaku #contents .lnkBtn {
	margin-bottom: 60px;
	}
@media screen and (max-width: 750px) {
	.honkaku #contents .lnkBtn {
		margin-bottom: 30px;
		}
	}

/*==================================
小数部タイプ
==================================*/

.small #contents .lnkBtn {
	margin-bottom: 60px;
	}
@media screen and (max-width: 750px) {
	.small #contents .lnkBtn {
		margin-bottom: 30px;
		}
	}
.small .opBox li.collorR a{
	padding:7px 0 5px;
	line-height:1;
	}
.small .opBox li.collorR span{
	letter-spacing:normal;
	}
@media screen and (max-width: 750px) {
	.small .opBox li.collorR a{
	padding:6px 0 6px;
	line-height:0.8;
		}
	}
  .small .lineBox ul{
	margin-bottom: 10px;
	}
/*==================================
記念本タイプ
==================================*/
.memorial #contents .lnkBtn {
	margin-bottom: 60px;
	}
@media screen and (max-width: 750px) {
	.memorial #contents .lnkBtn {
		margin-bottom: 30px;
		}
	}
/*==================================
表紙デザイン
==================================*/

.coverDes #contents h2 + .text{
	margin-bottom: 50px;
	}
@media screen and (max-width: 750px) {
	.coverDes #contents h2 + .text{
		margin-bottom: 25px;
		}
	}
.coverDes #contents .lnkBtn {
	margin-bottom: 60px;
	}
@media screen and (max-width: 750px) {
	.coverDes #contents .lnkBtn {
		margin-bottom: 30px;
		}
	}

/*スマホ用toggleの設定*/
.coverDes #contents .toggleBox{
	display: block ;
	padding-top: 0;
	
	}
@media screen and (max-width: 750px) {
	.coverDes #contents .toggleBox{
		display: none ;
		padding-top: 30px;
		}
	.coverDes .lnkBtn{
		display: none;
	}
}

/*各パーツ*/
.coverDes h3{
	display:inline-block;
	margin-bottom:0;
	}
@media screen and (max-width: 750px) {
	.coverDes h3{
		display: none;
		}
	}
.coverDes .lnkBtnR{
	float:right;
	width:166px;
	margin-top:-85px;
	}
.coverDes .lnkBtnR a{
	display:none; 
	}
.coverDes .lnkBtnR a:first-child{
	display:block;
	}
@media screen and (max-width: 750px) {
	.coverDes .lnkBtnR{
		float:none;
		margin:0 auto 30px;
		display: inherit;
		}
	}
/*一覧表示共通*/
.coverDes #contents .secBlk ol{
	width:720px;
	margin: -9px -9px 0 -9px;
	}
.coverDes #contents .secBlk ol li{
	font-size:10px;
	float:left;
	width: 16.66%;
	padding: 9px 9px 40px 9px;
	box-sizing: border-box;
	}
.coverDes #contents .secBlk ol li a{
	display:block;
	border:solid 1px #cbcccc;
	overflow:hidden;
	margin-bottom:8px;
	}
.coverDes #contents .secBlk ol li img{
	border:none;
	max-width:none;
	width: 100%;
	height: inherit;
	}
@media screen and (max-width: 750px) {
	.coverDes #contents .secBlk ol{
		width:inherit;
		margin: 0 -12px 0 -12px;
	}
	.coverDes #contents .secBlk ol li{
		width: 50%;
		padding: 12px 12px 5px 12px;
		}
	}
/*エリア＃b101（写真を使用するデザイン）*/
@media screen and (max-width: 750px) {
	.coverDes #bl01 p.mb20{ 
		margin-bottom:10px !important;
		}
	.coverDes #bl01 p.mt20{ 
		margin-top:10px !important;
		}
	}
/*エリア＃b102（カラーが豊富なデザイン）*/

.coverDes #contents .secBlk#bl02{
	margin-top:60px;
	}
@media screen and (max-width: 750px) {
	.coverDes #contents .secBlk#bl02{
		margin-top:12px;
		padding-top: 12px;
		border: none;
		}
	}
/*エリア＃b103（個性的で美しいデザイン）*/
.coverDes #contents .secBlk#bl03{
	margin-top:60px;
	}
@media screen and (max-width: 750px) {
	.coverDes #contents .secBlk#bl03{
		margin-top:12px;
		padding-top: 12px;
		border: none;
		margin-bottom: 30px;
		}
	}

.coverDes #contents .secBlk#bl03 + div .cap li{
	font-size: 14px;
}

/*カラーが豊富なデザイン（モーダル内）*/
.coverDesMd #contents{
	width:583px;
	margin:0 auto;
	float: inherit;
	}
.coverDesMd .imgBox p{ 
	display:none; 
}
.coverDesMd .imgBox p:first-child{
	display:block; 
}
.coverDesMd .imgBox p img{
	border:solid 1px #ccc;
	margin-bottom:5px;
	width: 100%;
	}
.coverDesMd .num{
	margin-bottom:15px; 
}
.coverDesMd .ttl{
	margin-bottom:5px;
}
.coverDesMd .tab{
	margin: 0 -5px 
}
.coverDesMd .tab li{
	padding: 5px;
	width:12.5%;
	box-sizing: border-box;
	float: left;
	font-size:14px;
	letter-spacing:-.04em;
	white-space:nowrap;
	cursor:pointer;
	}
.coverDesMd .tab li:hover{
	opacity:.7;
	}
.coverDesMd .tab li.select{
	cursor:default;
	}
.coverDesMd .tab li.select:hover{
	opacity:1;
	}
.coverDesMd .tab li div{
	width:64px;
	height:64px;
	margin-bottom:3px;
	box-sizing:border-box;
 }
.coverDesMd .tab li div.half{
	float:left;
	width:50%;
	}
.coverDesMd .tab li div.line{ border:1px solid #ccc; }
.coverDesMd .tab li span{
	clear:both;
	display:block;
 }
@media screen and (max-width: 500px) {
	.coverDesMd .imgBox p{ 
		padding: 5px;
	}
	.coverDesMd #contents {
	width: 100%;
		}
.coverDesMd .tab{
	margin: 0; 
}
	.coverDesMd .tab li{
		width:25%;

		}
	.coverDesMd .tab li div{
		width:100%;
		height:46px;
	 }
	.coverDesMd .tab li span{
		font-size: 10px;
		}
	}

/*---201---*/
.d201 .bg01{ background-color:#287e9e; }
.d201 .bg02{ background-color:#880150; }
.d201 .bg03{ background-color:#7b882e; }
.d201 .bg04{ background-color:#9f8923; }
.d201 .bg05{ background-color:#262873; }
.d201 .bg06{ background-color:#4d7c2c; }
.d201 .bg07{ background-color:#9c4115; }
.d201 .bg08{ background-color:#b37f12; }
/*---202---*/
.d202 .bg01{ background-color:#e5c5b6; }
.d202 .bg02{ background-color:#5d745a; }
.d202 .bg03{ background-color:#fee893; }
.d202 .bg04{ background-color:#d2c4de; }
.d202 .bg05{ background-color:#bce1e9; }
.d202 .bg06{ background-color:#d3d3d5; }
.d202 .bg07{ background-color:#bec2b3; }
/*---203---*/
.d203 .bg01L{ background-color:#f8f6df; }
.d203 .bg01R{ background-color:#6284b1; }
.d203 .bg02{ background-color:#eaeef7; }
.d203 .bg04{ background-color:#3d6b8f; }
.d203 .bg05{ background-color:#f6f2e9; }
.d203 .bg06{ background-color:#ebf7f7; }
.d203 .bg07{ background-color:#f3e1df; }
.d203 .bg08L{ background-color:#fff5e1; }
.d203 .bg08R{ background-color:#ad6c70; }
/*---204---*/
.d204 .bg01{ background-color:#ebf4e3; }
.d204 .bg02{ background-color:#ffeee4; }
.d204 .bg03{ background-color:#fffcdb; }
.d204 .bg04{ background-color:#d3e4f4; }
.d204 .bg05{ background-color:#eef0ef; }
.d204 .bg06{ background-color:#f5f1d6; }
.d204 .bg07L{ background-color:#fff; }
.d204 .bg07R{ background-color:#bbd5f0; }
.d204 .bg08L{ background-color:#fff5e1; }
.d204 .bg08R{ background-color:#ebf4e3; }
/*---205---*/
.d205 .bg01{ background-color:#feeff6; }
.d205 .bg02{ background-color:#ebf4d9; }
.d205 .bg03{ background-color:#d3edfa; }
.d205 .bg04{ background-color:#fffddc; }
/*---206---*/
.d206 .bg01{ background-color:#a3b5a5; }
.d206 .bg02{ background-color:#dcd5cb; }
.d206 .bg03{ background-color:#ebd9d5; }
.d206 .bg04{ background-color:#c5c2d7; }
/*---207---*/
.d207 .bg01{ background-color:#01215c; }
.d207 .bg02{ background-color:#014d40; }
.d207 .bg03{ background-color:#860001; }
.d207 .bg04{ background-color:#fffef2; }
.d207 .bg05L{ background-color:#aed7f3; }
.d207 .bg05R{ background-color:#fff; }
/*---208---*/
.d208 .bg01{ background-color:#dde146; }
.d208 .bg02{ background-color:#00a8c5; }
.d208 .bg03{ background-color:#eb6100; }
.d208 .bg04{ background-color:#77695c; }
/*---209---*/
.d209 .bg01{ background-color:#fff; }
.d209 .bg02{ background-color:#fee7c7; }
.d209 .bg03{ background-color:#f9d1d1; }
.d209 .bg04{ background-color:#c6bfe0; }
/*---210---*/
.d210 .bg01{ background-color:#e3017f; }
.d210 .bg02{ background-color:#00a0ea; }
.d210 .bg03{ background-color:#d1111c; }
.d210 .bg04{ background-color:#d6c201; }
/*---211---*/
.d211 .bg01{ background-color:#fcd68b; }
.d211 .bg02{ background-color:#bbe2e9; }
.d211 .bg03{ background-color:#46b034; }
.d211 .bg04{ background-color:#de0077; }
/*---212---*/
.d212 .bg01{ background-color:#bae3f9; }
.d212 .bg02{ background-color:#f9d63a; }
.d212 .bg03{ background-color:#dfdd33; }
.d212 .bg04{ background-color:#f7c8d0; }
/*---213---*/
.d213 .bg01{ background-color:#f49600; }
.d213 .bg02{ background-color:#b3cc00; }
.d213 .bg03{ background-color:#ef8575; }
.d213 .bg04{ background-color:#4b7cb4; }
/*---214---*/
.d214 .bg01{ background-color:#dfc0a1; }
.d214 .bg02{ background-color:#e6e3d0; }
.d214 .bg03{ background-color:#8f90ac; }
/*---215---*/
.d215 .bg01{ background-color:#cf7129; }
.d215 .bg02{ background-color:#ebf4d9; }
.d215 .bg03{ background-color:#de006f; }
.d215 .bg04{ background-color:#a1bbb8; }
/*---216---*/
.d216 .bg01{ background-color:#de0072; }
.d216 .bg02{ background-color:#009333; }
.d216 .bg03{ background-color:#0099b3; }
.d216 .bg04{ background-color:#fee101; }
/*---217---*/
.d217 .bg01{ background-color:#f9dad8; }
.d217 .bg02{ background-color:#fff3a8; }
.d217 .bg03{ background-color:#d7e5b0; }
.d217 .bg04{ background-color:#bbe0e8; }
/*---218---*/
.d218 .bg01{ background-color:#e90216; }
.d218 .bg02{ background-color:#008bc2; }
.d218 .bg03{ background-color:#007930; }
.d218 .bg04{ background-color:#f9bc00; }
.d218 .bg05L{ background-color:#e8001a; }
.d218 .bg05R{ background-color:#018ec6; }
.d218 .bg06L{ background-color:#8ac849; }
.d218 .bg06R{ background-color:#f290b6; }
.d218 .bg07{ background-color:#c5905c; }
.d218 .bg08{ background-color:#0e3970; }


/*アレンジの例（モーダル内）*/

.variation #cboxContent{
	padding:40px; 
	}
.variation #contents{
	margin-bottom: 0;
}
.variation .wrap{ 
	width:100%; 
	max-width: 514px;
	display: table;
	margin: 0 auto;
	}
.variation .before,
.variation .after{
	box-sizing: border-box;
	float: none;
	display: table-cell;
	vertical-align: bottom;
	}
.variation .before img,
.variation .after img{
	display: block;
	height: inherit;
	margin-bottom: 20px;
	width: 100%;
	}
.variation .before .sp,
.variation .after .sp{ display: none; }
.variation .after{
	width: 48.82%;
	}
.variation .before{
	width: 51.18%;
	padding-left: 18%;
	/*background:url(../img/common/fig_00_42.gif) no-repeat left 14% center;*/
	background:url(../img/common/icon_20_270.png) no-repeat left 10% center;
	background-size: 35px auto;
	}
@media screen and (max-width: 500px) {
	.variation .before,
	.variation .after{
		font-size: 10px;
	}
	.variation .before img,
	.variation .after img{
		margin-bottom: 10px;
		}
	.variation .after{
		width: 52%;
		}
	.variation .before{
		width: 48%;
		padding-left: 10%;
		background-size: 10px auto;
		background-position: 5% center;
		}
	.variation .after p,
	.variation .before p{
		font-size: 11px;
		}
	.variation .before .sp,
	.variation .after .sp{ display: inline-block; }
	}

/*  記念本タイプ
==================================*/

/*表紙カラーバリエーション*/
.memorial .coverC{
	margin-bottom:50px;
	margin: 0 -10px 50px -10px;
	}
.memorial .coverC li{
	float:left;
	width:16.66%;
	padding: 10px;
	box-sizing: border-box;
 	}
	.memorial .coverC li img{
		display: block;
		width: 100%;
		height: inherit;
		margin-bottom: 5px;
		}
@media screen and (max-width: 750px) {
	.memorial .coverC{
		margin: 0 -6px 50px -6px;
		}
	.memorial .coverC li{
		width: 33.33%;
		padding: 6px;
	}
}