@charset "shift_jis";

/* -------------------------------------------- */
/*html>body #hack {
color:#ff0000;
}
*/


BODY{
	color:#000000;
	line-height:1.7;
	font-size:12px;
	margin:0;
	background-repeat:repeat-x;
	background-color: #FFFFFF;
	background-image: url(image/back.gif);
	background-position: left top;
	background-attachment:scroll;
	}

H1{
	font-size:12px;
	margin:0px 0px;
	font-weight:lighter;
	}

TD,TR{
	font-size:12px;
		}

A:link {color:#139DD9;text-decoration:underline;}
A:visited {color:#139DD9;text-decoration:underline;}
A:hover {color:#0F5C9B;text-decoration:underline;}

img{border:0;}

li {line-height:2;}

/*ꖁE­—č£E£¾================================================*/

.font_red {color: #FF0000;}

.font_oraneg {color: #ff6600;}
.font_oraneg_link {color: #ff6600; font-weight:bold; text-decoration:none;}


.font_8px {font-size: 8px;}

.top_kizi_font1 {
	font-size:9px;
	color:#e8005d;
}

.top_kizi_font2 {
	font-size:12px;
	color:#860c3d;
}

/*惁EEćƒ–ćƒ«ē€č‰²================================================*/

.hyo1{
	border-top:1px solid #FFFFFF;
	background-color : #c4e9ab;
	}

.hyo2{
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	background-color : #ffe2e2;
	}

.hyo2a{
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	background-color : #ff7d7d;
	}
	
.hyo2b{
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	background-color : #FFD58E;
	}
	
.hyo2c{
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	background-color : #b5eafb;
	}

.hyo3{
	background-color:#E6E6E6;
	padding:10px 10px;
	width:516px;
	}

/*==========================================================*/


.photo {
	border:1px solid #cccccc;
	padding:4px;
	}
	
.photo:hover {
	border:1px solid #cccccc;
	padding:4px;
	background-color:#FFCC66;
	}

.photo2 {
	border:1px solid #cccccc;
	padding:2px;
	}
	
.photo2:hover {
	border:1px solid #cccccc;
	padding:2px;
	background-color:#FFCC66;
	}


.link_photo2 {
	float:left;
	margin-right:10px;
	margin-bottom:20px;
	}
	
.link_photo2:hover {
	background-color:#FFCC66;
	}

.side_back {
	background-image: url(image/side/side_back.gif);
	background-repeat: repeat-y;
}
.side_blog_r {
	background-image: url(image/side/side_blog_r.gif);
	background-repeat: repeat-y;
}
.bridal_contents_back {
	background-image: url(image/sub_contents/contents_back.gif);
	background-repeat: repeat-y;
}
.blog_bar {
	background-image: url(image/blog/title_bar.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	padding-top:2px;
	color:#333333;
	font:bold;
}

.blog_contents {
	background-image: url(image/blog/contents_line.gif);
	background-repeat: repeat-y;
}


.link_detail_window {
	clear:both;
	width:570px;
	margin-bottom:20px;
}

.top_kizi_back1 {
	width:224px;
	min-height:32px;
	background-image:url(image/contents/top/kizi_back1.gif);
	background-repeat:repeat-y;
	border-bottom:1px solid #FFF;
	padding-left:40px;
	padding-bottom:5px;
	line-height:110%;
	padding-top:4px;
}

.top_kizi_back2 {
	width:224px;
	min-height:32px;
	background-image:url(image/contents/top/kizi_back2.gif);
	background-repeat:repeat-y;
	border-bottom:1px solid #FFF;
	padding-left:40px;
	padding-bottom:5px;
	line-height:110%;
	padding-top:4px;
}

div.hud_window {
	clear:both;
	margin:0;
	padding:0;
	width:100%;
	height:236px;
	background-image:url(image/hud_back.gif);
	background-repeat:repeat-x;
	text-align:center;
}

div.hud_text_mainbox {
	width:860px;
	margin-left:auto;
	margin-right:auto;
}

div.hud_window_text {
	text-align:left;	
	color:#ffffff;
	width:370px;
	padding-top:70px;
	float:left;
}

div.hud_window_text ul {
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
div.hud_window_text li {
	float:left;
	text-align:left;
	padding-right:15px;
}

.hud_right {
	width:469px;
	float:right;
}

div.hud_window_text a {
	color:#ffffff;
}

div.hud_window_text a:hover {
	color:#ffee5c;
}

.hud_under_text {
	clear:both;
	color:#FFF;
	width:860px;
	text-align:left;
}

.log_button{
	margin:5px 0 0 0;
}

.bs_box {
	background-image:url(image/contents/top/bs_box_r.gif);
	background-repeat:repeat-y;
	width:815px;
	padding-left:23px;
	padding-right:23px;
}

.bs_box table td {
	position:relative;
}

.bs_box table td a {
	position:relative;
}

.bs_box table td .pickup a {
	display:block;
	position:absolute;
	width:48px;
	height:51px;
	background-image:url(image/contents/top/goodsicon/pickup.png);
	right:-8px;
	top:-8px;
}

.bs_box a img:hover {
	opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}

.boxshadow{
	position:relative;
	box-shadow: -3px 8px 14px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: -3px 8px 14px rgba(0, 0, 0, 0.38);
    -webkit-box-shadow: -3px 8px 14px rgba(0, 0, 0, 0.38);
}

.mainvisual {
	background-image:url("image/mainvisual20240802.jpg");
	width:859px;
	height:484px;
	position:relative;
}

.mainvisual div {
	position:absolute;
	width:214px;
	height:160px;
	display:block;
}

.mainvisual div a {
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	top:0;
	left:0;
	background-color:rgba(255,255,255,0);
	transition:0.3s;
}

.mainvisual div a:hover {
	background-color:rgba(255,255,255,0.3);
}

.mainvisual .panel01 { top:0; left:0; }
.mainvisual .panel02 { top:0; left:215px; }
.mainvisual .panel03 { top:0; left:430px; }
.mainvisual .panel04 { top:0; left:645px; }
.mainvisual .panel05 { top:161px; left:0; }
.mainvisual .panel06 { top:161px; left:215px; }
.mainvisual .panel07 { top:161px; left:430px; }
.mainvisual .panel08 { top:161px; left:645px; }
.mainvisual .panel09 { top:322px; left:0; }
.mainvisual .panel10 { top:322px; left:215px; }
.mainvisual .panel11 { top:322px; left:430px; }
.mainvisual .panel12 { top:322px; left:645px; }

.reserved-comment {
	background-color: #ff4242;
	padding: 10px;
	margin-bottom: 30px;
}

.reserved-comment p {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
}

.giant_shabon {
	position: relative;
	background-color: #fffce3;
	padding: 30px;
	padding-bottom: 0;
	margin-bottom: 30px;
	box-sizing: border-box;
	border-radius: 20px;
	border: 1px solid #ebe6c6;
}

.giant_shabon h2 {
	display: block;
	background-color: #e5005a;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dc0459+0,e46e94+100 */
	background: -webkit-linear-gradient(#dc0459 0%, #e46e94 100%);
	background: -o-linear-gradient(#dc0459 0%, #e46e94 100%);
	background: linear-gradient(#dc0459 0%, #e46e94 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 10px;
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 30px;
}

.giant_shabon p {
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}

.giant_shabon .img-auto-width {
	width: calc(100% + 30px);
}

.giant_shabon .img-auto-width a {
	width: calc(25% - 30px);
	height: 200px;
	margin-right: 30px;
	margin-bottom: 30px;
	float: left;
	display: block;
}

.giant_shabon .img-auto-width a img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}