@charset "utf-8";


#wedding_tree {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 0 30px;
	text-align: center;
	color: #3c3c3c;
	font-family:"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","Quicksand","游ゴシック体","Yu Gothic",YuGothic,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#main {
	box-sizing: border-box;
	margin: 50px auto 0;
	padding: 0 0 40px;
	background: url("../../presentboard/img/kids_baby/border_content.png") no-repeat scroll center bottom;
}
@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx) {
	#main {
	background: url("../../presentboard/img/kids_baby/border_content@2x.png") no-repeat scroll center bottom;
		background-size: 915px auto;
	}
}

#main h1#main_title {
	margin: 0 0 0px;
	font-weight: normal;
	font-size: 2.9em;
	line-height: 1.7em;
	letter-spacing: 0.1em;
}
#main p#main_title_sub {
	margin-bottom: 30px;
	font-weight: normal;
	font-size: 2.9em;
	line-height: 1.7em;
	letter-spacing: 0.1em;
}
#main p#main_text {
	margin: 18px auto 25px;
	font-size: 1.5em;
	line-height: 1.7em;
}


#scene {
	margin: 0 0 0;
}

.scene_block {
	box-sizing: border-box;
	margin: 40px auto 0;
	padding: 0 0 65px;
	background: url("../../presentboard/img/kids_baby/border_content.png") no-repeat scroll center bottom;
}
@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx) {
	.scene_block {
	background: url("../../presentboard/img/kids_baby/border_content@2x.png") no-repeat scroll center bottom;
		background-size: 915px auto;
	}
}

#scene .scene_block:last-child {
	background: none;
}


.scene_block .scene_title {
	box-sizing: border-box;
	margin: 0;
	padding: 0 0 15px;
	font-weight: normal;
	font-size: 3.4em;
	line-height: 1.7em;
	letter-spacing: 0.1em;
	background: url("../img/wedding_tree/border_green.png") no-repeat center bottom;
}
@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx) {
	.scene_block .scene_title {
		background: url("../img/wedding_tree/border_green@2x.png") no-repeat center bottom;
		background-size: 273px auto;
	}
}

.scene_block .scene_title span {
	font-size: 0.55em;
	letter-spacing: 0em;
}

.scene_block .scene_img {
	margin: 30px 0 0;
}

.scene_block .scene_img_list {margin:30px auto 0;overflow: hidden;max-width:910px;}
.scene_block .scene_img_list .li {float: left;width: 32%;margin-right: 2%;}
.scene_block .scene_img_list .li:last-child {margin-right: 0;}
.scene_block .scene_img_list .li img {width:100%;}

.scene_img_artist {
	max-width: 910px;
	text-align: right;
	font-size: 1.4em;
	margin: 0 auto;
}

.scene_block p {
	margin: 20px auto 0;
	font-size: 1.7em;
	line-height: 1.8em;
}


.scene_block.scene_pickup .scene_title {
	position: relative;
}
.scene_block.scene_pickup .scene_title .icon_pickup {
	position: absolute;top: -30px;left: 150px;width: 198px;
}
.scene_block.scene_pickup .seal_detail {overflow: hidden;max-width: 910px;margin:20px auto 0;}
.scene_block.scene_pickup .seal_detail img {float: left;width:45%;}
.scene_block.scene_pickup .seal_detail p {float: left;width:55%;padding-left: 5%;text-align: left;box-sizing: border-box;margin-top:40px;}
.scene_block .order_flow {
	clear: both;
	margin: 20px auto 0;
	padding: 15px 0 0;
	color: #ff0000;
	border-bottom: solid 1px #ff0000;
}

.scene_block .order_flow .order_flow_title {
	font-weight: bold;
	font-size: 1.6em;
	border-bottom: solid 1px #ff0000;
	position: relative;
}
.scene_block .order_flow .order_flow_title span {
	background: #ffffff;
	padding: 0 15px;
	position: relative;
	top: 10px;
}

.scene_block .order_flow p {
	text-align: left;
	display: inline-block;
	box-sizing: border-box;
	margin: 0 auto 0;
	padding: 25px 0 20px;
	line-height: 1.8em;
}




#point {
	box-sizing: border-box;
	margin: 40px auto 0;
	padding: 45px 0 50px;
	width: 910px;
	background: #fffbf1;
	border: solid 1px #775a52;
	color: #3e3a39;
}

#point h2 {
	box-sizing: border-box;
	margin: 0;
	padding: 0 0 10px;
	font-weight: normal;
	font-size: 2.8em;
	line-height: 1.5em;
	background: url("../img/wedding_tree/point_title_border.png") no-repeat center bottom;
}
@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx) {
	#point h2 {
		background: url("../img/wedding_tree/point_title_border@2x.png") no-repeat center bottom;
		background-size: 737px auto;
	}
}

#point section {
	box-sizing: border-box;
	margin: 30px auto;
	padding: 0 70px 0 26px;
	overflow: hidden;
	text-align: left;
}

#point section img {
	float: left;
	width: 300px;
	height: auto;
	margin: 0 60px 0 0;
}

#point section h3 {
	margin: 12px 0 0;
	font-weight: normal;
	font-size: 2.0em;
	line-height: 1.0em;
}

#point section p {
	margin: 38px 0 0;
	font-size: 1.4em;
	line-height: 1.7em;
}

#point_comment {
	box-sizing: border-box;
	margin: 55px 0 0;
	padding: 0 0 8px;
	font-size: 2.2em;
	line-height: 1.0em;
	color: #000000;
	letter-spacing: 0;
	background: url("../img/wedding_tree/point_comment_border.png") no-repeat center bottom;
}
@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx) {
	#point_comment {
		background: url("../img/wedding_tree/point_comment_border@2x.png") no-repeat center bottom;
		background-size: 587px auto;
	}
}





#artist {
	box-sizing: border-box;
	margin: 0px auto 0;
	padding: 60px 0 0;
	background: url("../../presentboard/img/kids_baby/border_content.png") no-repeat scroll center top;
}
@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx) {
#artist {
	background: url("../../presentboard/img/kids_baby/border_content@2x.png") no-repeat scroll center top;
		background-size: 915px auto;
	}
}

#artist h2 {
	margin: 0;
	font-weight: normal;
	font-size: 3.2em;
	line-height: 1.0em;
}

#artist h2 span {
	display: block;
	margin: 10px 0 0;
	font-weight: bold;
	font-size: 0.5em;
}

#artist h2 span:before {
	display: inline-block;
	content: "";
	width: 77px;
	height: 23px;
	margin-right: 20px;
	background: url("../img/wedding_tree/reef_before.png") no-repeat;
}
@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx) {
	#artist h2 span:before {
		background: url("../img/wedding_tree/reef_before@2x.png") no-repeat;
		background-size: contain;
	}
}

#artist h2 span:after {
	display: inline-block;
	content: "";
	width: 77px;
	height: 23px;
	margin-left: 20px;
	background: url("../img/wedding_tree/reef_after.png") no-repeat;
}
@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx) {
	#artist h2 span:after {
		background: url("../img/wedding_tree/reef_after@2x.png") no-repeat;
		background-size: contain;
	}
}

#artist_area {
	margin: 0 auto;
}

#artist_area section {
	margin: 100px auto;
	width: 910px;
	overflow: hidden;
}
#artist_area section:first-child {
	margin-top: 40px;
}
#artist_area section:last-child {
	margin-bottom: 20px;
}

#artist_area .artist_left {
	float: left;
	width: 310px;
/*	background: #dcdcdc;*/
}

#artist_area section .artist_img {
	width: 203px;
	height: auto;
	margin-left: 0px;
}

#artist_area section h3 {
	margin: 15px 0 0;
	padding: 0 0 12px;
	font-weight: normal;
	font-size: 2.3em;
	line-height: 1.0em;
	border-bottom: solid 1px #666666;
}

#artist_area section p {
	margin: 15px 0 0;
	font-size: 1.4em;
	line-height: 1.7em;
	text-align: left;
	letter-spacing: 0;
}

#artist_area section .artist_detail {
	box-sizing: border-box;
	background: #f6eede;
	margin: 20px 0 0;
	padding: 18px;
	color: #000000;
	text-align: left;
	font-size: 1.3em;
	line-height: 1.7em;
	letter-spacing: 0;
}
#artist_area section .artist_detail span {
	font-size: 1.1em;
}


#artist_area section .b_artist {
	box-sizing: border-box;
	display: block;
	width: 100%;
	margin: 20px auto 0;
	padding: 20px 0;
	border: solid 1px #775a52;
	background: #775a52;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	font-size: 13.5px;
	line-height: 1.0em;
	position: relative;
}

#artist_area section .b_artist:before {
	display: block;
	content: "";
	position: absolute;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	top: 50%;
	right: 11px;
	width: 13px;
	height: 13px;
	margin-top: -6px;
	background: #ffffff;
}

#artist_area section .b_artist:after {
	content: "";
	position: absolute;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	top: 50%;
	right: 12px;
	width: 13px;
	height: 13px;
	margin-top: -6px;
	background: #775a52;
}

#artist_area section .b_artist:hover {
	border: solid 1px #4c3d34;
	background: #ffffff;
	color: #4c3d34;
}
#artist_area section .b_artist:hover:before {
	background: #4c3d34;
}
#artist_area section .b_artist:hover:after {
	background: #ffffff;
}



#artist_area .artist_right {
	float: right;
	width: 570px;
}

#artist_area section .artist_sample_area {
	overflow: hidden;
	position: relative;
}


#artist_area section .artist_sample_main {
	list-style: none;
	margin: 0 0 0;
	padding: 0 0 0;
	border: solid 1px #a9a9a9;
	position: relative;
	z-index: 1;
}
#artist_area section .artist_sample_main li {
	display: block;
	position: relative;
	height: 460px;
	overflow: hidden;
}
#artist_area section .artist_sample_main li img {
	position: absolute;
	top: 0;
	left: 0;
	vertical-align: top;
	width: 568px;
	height: auto;
}

#artist_area section .artist_sample_main_on {
	display: none;
}



#artist_area section .b_sample_change_area {
	box-sizing: border-box;
	position: relative;
	margin: 30px 0 0;
	padding-bottom: 30px;
}

#artist_area section .b_sample_change_area p {
	color: #7a7f7f;
	font-size: 1.3em;
	margin: 0 0 0 20px;
}

#artist_area section .b_sample_change_area .b_sample_change {
	position: absolute;
	bottom: 0px;
	right: 24px;
	z-index: 2;
}
#artist_area section .b_sample_change_area .b_sample_change img {
	width: 124px;
	height: auto;
}
/*
#artist_area section .b_sample_change_area .b_sample_change img:active {
	position: relative;
	top: 1px;
	left: 1px;
}
*/


#artist_area section .artist_sample_side {
	margin: 50px 0 0;
	overflow: hidden;
	display: -webkit-box; /*--- Androidブラウザ用 ---*/
	display: -ms-flexbox; /*--- IE10 ---*/
	display: -webkit-flex; /*--- safari（PC）用 ---*/
	display: flex;

	box-lines: multiple; /*--- Androidブラウザ用 ---*/
	box-pack: justify; /*---webkit-box対応*/
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;

	-ms-flex-wrap: wrap; /*--- IE10用 ---*/
	-webkit-flex-wrap: wrap; /*--- safari（PC）用 ---*/
	flex-wrap: wrap;
}

#artist_area section .artist_sample_side a {
	display: inline-block;
	margin: 0 0 25px;
	vertical-align: top;
}
#artist_area section .artist_sample_side a span {
	display: inline-block;
	background: #696969;
	border: solid 1px #a9a9a9;
	overflow: hidden;
}

#artist_area section .artist_sample_side a img {
	vertical-align: top;
}
#artist_area section .artist_sample_side a.select img {
	opacity: 0.8;
}

#artist_area section .artist_sample_side a .artist_sample_side_type {
	margin: 5px 0 0;
	color: #231815;
	font-size: 1.3em;
}





#wedding_tree .page_top {
	box-sizing: border-box;
	margin: 37px auto 0;
	text-align: right;
	font-size: 1.5em;
	letter-spacing: 0;
}

#wedding_tree .page_top a {
	color: #000000;
	text-decoration: none;
}
#wedding_tree .page_top a:before {
	content: "▲";
	margin: 0 5px 0 0;
}
#wedding_tree .page_top a:hover {
	opacity: 0.7;
}





#artist_area section .order_flow {
	clear: both;
	margin: 0 auto 0;
	padding: 15px 0 0;
	color: #ff0000;
	border-bottom: solid 1px #ff0000;
}

#artist_area section .order_flow .order_flow_title {
	font-weight: bold;
	font-size: 1.6em;
	border-bottom: solid 1px #ff0000;
	position: relative;
}
#artist_area section .order_flow .order_flow_title span {
	background: #ffffff;
	padding: 0 15px;
	position: relative;
	top: 10px;
}

#artist_area section .order_flow p {
	display: inline-block;
	box-sizing: border-box;
	margin: 0 auto 0;
	padding: 25px 0 20px;
	line-height: 1.8em;
}

#artist_area section .order_flow p span {
/*	border-bottom: dashed 1px #ff0000;
	font-weight: bold;*/
}




#artist_link_area {
	margin: 50px 0 0;
}
#artist_link_area .b_artist {
	box-sizing: border-box;
	display: inline-block;
	width: 310px;
	margin: 0px 4px 0;
	padding: 20px 0;
	border: solid 1px #775a52;
	background: #775a52;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	font-size: 1.7em;
	line-height: 1.0em;
	position: relative;
}

#artist_link_area .b_artist:before {
	display: block;
	content: "";
	position: absolute;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	top: 50%;
	right: 20px;
	width: 13px;
	height: 13px;
	margin-top: -6px;
	background: #ffffff;
}

#artist_link_area .b_artist:after {
	content: "";
	position: absolute;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	top: 50%;
	right: 21px;
	width: 13px;
	height: 13px;
	margin-top: -6px;
	background: #775a52;
}

#artist_link_area .b_artist:hover {
	border: solid 1px #4c3d34;
	background: #ffffff;
	color: #4c3d34;
}
#artist_link_area .b_artist:hover:before {
	background: #4c3d34;
}
#artist_link_area .b_artist:hover:after {
	background: #ffffff;
}


#check_size {
	margin: 80px auto;
}
#check_size h2 span img {
	width: 171px;
	height: auto;
}
#check_size h2 {
	border-top: dotted 2px #000000;
	margin: 0 auto;
	position: relative;
	font-weight: normal;
	font-size: 2.5em;
	line-height: 1.0em;
}
#check_size h2 span {
	display: inline-block;
	height: 54px;
	position: relative;
	top: -27px;
	box-sizing: border-box;
	padding: 5px 60px 0;
	background: url("../../img/artist_profile_new/check_title_before.gif") no-repeat center left, url("../../img/artist_profile_new/check_title_after.gif") no-repeat center right #fff;
}
@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx) {
	#check_size h2 span {
		background: url("../../img/artist_profile_new/check_title_before@2x.gif") no-repeat center left, url("../../img/artist_profile_new/check_title_after@2x.gif") no-repeat center right #fff;
		background-size: contain;
	}
}
#check_size_price {
	position: relative;
	width: 974px;
	margin: auto;
}
#price_postage {
	margin: 15px auto 0;
	color: #5a5555;
	font-size: 1.7em;
	text-align: left;
}
#price_postage span {
	color: #302c2e;
	font-size: 1.2em;
}
#price_product_art {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 1.7em;
}
#price_product_art a {
	color: #171eff;
	text-decoration: underline;
}