@charset "UTF-8";
/* 全体 */

* {
	margin: 0;
	padding: 0;
}

html {
	text-align:center;
	height:100%;
	background-color:#fff;
}

body {
    margin: 0;
    padding: 0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	letter-spacing: 0.03em;
	font-size:1em;
    color:#666;
}


/* IE6*/
* html body {
	font-size:1.1em;
}

/*IE7*/
:first-child+html body (font-size:1.25em;)


h1, h2, h3, h4, h5, h6,
p, pre, blockquote,
ul, ol, dl, address {
    margin: 0;
    padding: 0;
}

/*リンク関連*/
a { color: #666; text-decoration: underline; }
a:visited { color:#666; }
a:hover { color: #ee88b5; text-decoration: underline; }

img { border:none; max-width: 100%; height:auto; width:auto; /* ie8 */ vertical-align:bottom; }
a:hover img { opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha( opacity=80 )"; }
ul.home li a:hover img { opacity:1;filter: alpha(opacity=100);-ms-filter: "alpha( opacity=100 )"; cursor:default; }
ul.fashion li a:hover img { opacity:1;filter: alpha(opacity=100);-ms-filter: "alpha( opacity=100 )"; cursor:default; }

/*クリア*/
.clear { clear:both; }
.clear:after { visibility: hidden; content : ""; display : block; height : 0; clear : both; }


/*文字関連*/
h1 { padding:0; margin:0; }
h1.ttl { width:1000px; padding:40px 0 0 0; margin:0 auto; text-align:left; }
h2 { padding:0; margin:0 0 2em 0; text-align:left;}


/*本文基本文字サイズ*/
p { font-size:0.8em; line-height:1.8; margin: 0 0 15px 0; text-align:center; color:#333; }


/*全体レイアウト関連*/
#wrapper {
	width:100%;
	margin:0 auto;
	text-align:center;
}

/*ヘッダー*/
#header {
	width:1000px;
	margin:0 auto 15px auto;
	padding:0;
	background-color:none;
}

.mfg { float:right; margin:0 0 15px 0;}
.pc_content { width:852px; margin:0 auto; padding:0;}

/*本文*/
.content { width:100%; margin:0 auto; clear:both; padding:0;}
.content a:after { display:inline; }
.content span:after { display:inline; }


ul.gnavi { list-style:none; margin:0 auto; padding:0; width:765px;}
ul.gnavi li { float:left; margin:0 6px 12px 0; width:251px; height:348px; overflow:hidden;}
ul.gnavi li:last-child { margin:0 0 12px 0; }

.tm20 { margin-top:20px; }
.bm20 { margin-bottom:20px; }
.bm10 { margin-bottom:10px; }
.tm50 { margin:50px 0 0 0; }
.pink { color:#f19ebc; }
.blue { color:#2ea7e0; }
.orange { color:#f39800; }
p.center { font-size:0.8em; line-height:1.3; text-align:center; margin:0 auto; }

/*フローティング*/

div#floating-menu {
	display:block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
	width:36px;
	height:36px;
}

#footer {
	width:1000px;
	padding:20px 10px;
	background-color:#FFF;
	color: #333;
	margin:20px auto; 
	clear:both;
	position:static;
}



ul.ft_menu { list-style:none; margin:20px auto; width:1000px; text-align:center; font-size:0.8em; }
ul.ft_menu li { display:inline-block; margin:0 20px 20px 0; text-align:center; border-left:1px solid #333; padding:0 0 0 20px; }
ul.ft_menu li:last-child { display:inline-block; margin:0 0 20px 0; text-align:center; border-right:1px solid #333; padding:0 20px 0 20px; }

/*フッターリンク*/
.copyright { clear:both; width:100%; text-align:center; font-size:0.65em; line-height:1.5; padding:10px 0; background-color:#a99054; margin:0 auto; color:#FFF; }


.txt { font-size:0.75em; line-height:1.5; margin:0 auto 20px auto; text-align:left; width:660px; }
.large { font-size:1.1em; font-weight:bold; }
.subbox { width:100%; text-align:center; margin:0 auto 20px auto; }
.cap { font-size:0.85em; line-height:1.5; text-align:left; }


ul.vol1 { list-style:none; width:800px; margin:50px auto; }
ul.vol1 li:nth-child(1) { width:330px; display:inline-block; text-align:right; margin:0; padding:0; }
ul.vol1 li:nth-child(2) { width:470px; display:inline-block; text-align:left; margin:0; padding:0; vertical-align:top; }
.btn { width:100%; text-align:center; }

.subttl { width:1000px; margin:0 auto; text-align:center; padding:0; }


.gift { width:860px; margin:20px auto; text-align:center; }

.white { width:100%; margin:30px auto 0 auto; clear:both; position: static; overflow:hidden; padding:60px 0;}


figure {
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
}


figure img.photo {
    height: auto;
    -webkit-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    width: 100%;
    vertical-align: bottom;
}

figcaption {
	position: absolute;
    top: 0;
	z-index:1;
    
}

a:hover>figure img.photo {
        transform: scale(1.15,1.15);
        -webkit-transform:scale(1.15,1.15);
        -moz-transform:scale(1.15,1.15);
        -ms-transform:scale(1.15,1.15);
        -o-transform:scale(1.15,1.15);
}

ul.pc { display:block;}
ul.sp { display:none;}

.bannar { margin:0 auto 40px auto; }
.bn { margin:20px auto; text-align:center; width:760px; }
ul.backnumber { list-style:none; width:760px; margin:20px auto;}
ul.backnumber li { float:left; width:236px; margin:0 26px 0 0; }
ul.backnumber li:nth-child(3n) { width:236px; margin:0 0 0 0; }

/*vo8*/
.catch { width:100%; text-align:center; margin:5px auto; }


.txt1 { font-size:0.75em; line-height:1.8; margin:0; text-align:left; position:relative; top: 50%; -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);}

.txt2 { font-size:0.75em; line-height:1.8; margin:0 0 20px 0; text-align:left; }
.subtxt { width:220px; margin:15px auto; }
.subtxt768 { width:768px; margin:15px auto; }
.subcatch { width:780px; margin:20px auto; text-align:center; }
.txtblock { background-image:url("../img/vol7-1_2.jpg"); background-repeat:repeat-y; }

.txt3 { font-size:0.75em; line-height:1.8; margin:0 auto; text-align:left; width:700px; padding:10px 0; }
.txt4 { font-size:0.75em; line-height:1.8; margin:0 auto; text-align:left; width:550px; padding:10px 0; }

.gray { background-color:#f4f6f7; padding:80px 0; width:100%; margin:0; position:static;}
.sp1 { display:none; }
.sp2 { display:none; }
.sp3 { display:none; }
.sp4 { display:none; }

.bm50 { margin-bottom:50px; }
.bm100 { margin-bottom:100px; }
.tm150 { margin-top:150px; }
.tm-200 { margin-top:-200px; }

/*vo9*/
.block01 { width:850px; margin:0 auto; clear:both; }
.container { width: 850px; column-count: 2; font-size:0.85em; line-height:1.7; text-align:justify; column-gap: 2em;}

ul.fashion { width:100%; list-style:none; padding:0; }
ul.fashion li { width:272px; height:auto; float:left; margin:0 17px 17px 0; }
ul.fashion li:nth-child(1) { width:562px; float:left; margin:0 0 17px 0;}
ul.fashion li:nth-child(2) { width:272px; height:auto; float:right; margin:0 0 17px 0; }
ul.fashion li:nth-child(3) { width:272px; height:auto; float:right; margin:0 0 17px 0; }
ul.fashion li:nth-child(6) { width:272px; height:auto; float:left; margin:0 0 17px 0; }

ul.home { width:100%; list-style:none; padding:0; }
ul.home li { width:272px; height:auto; float:left; margin:0 17px 17px 0; }
ul.home li:nth-child(3) { width:272px; height:auto; float:left; margin:0 0 17px 0; }
ul.home li:nth-child(4) { width:272px; height:auto; float:left; margin:0 0 17px 0; }
ul.home li:nth-child(5) { width:562px; float:right; margin:0;}
ul.home li:nth-child(6) { width:272px; height:auto; float:left; margin:0 0 17px 0; }

.bold { font-size:1.15em; font-weight:bold; }
.red { color:#F00; font-weight:bold;}
.brown { color:#966d48; font-weight:normal;}

.kikonas { width:585px; margin:20px auto; }
.kikonas-txt { width:488px; margin:5px auto; text-align:left; font-size:0.9em; line-height:1.5; }
.kikonas-body { background-image:url("../img/vol7-kikonas_3.jpg"); background-repeat:repeat-y; }

.buruburu {
    display: inline-block;
    animation: hurueru .7s  infinite;
}

@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(2px, 2px) rotateZ(1deg)}
    50% {transform: translate(0px, 2px) rotateZ(0deg)}
    75% {transform: translate(2px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

a:hover img.effect, input[type="image"]:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
	transition-duration: 0.2s;
}

#fa1-pc { display:block; }
#fa1-sp { display:none; }
#home6-pc { display:block; }
#home6-sp { display:none; }

@media screen and (max-width: 600px) {

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

body {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	-webkit-text-size-adjust: 100%;
}

#wrapper {
	width:100%;
	margin:0 auto;
	text-align:left;
	padding:0%;
	display:block;
	overflow:hidden;
	
}

h2 { width:90%; padding:0; margin:2% auto; text-align:center;}

#header { width:100%; height:auto; padding:0; }
.content { width:100%; margin:0 auto; clear:both; overflow:hidden; padding:0 0 0 0;  }

#footer {
	padding:2%;
	background-color:#fff;
	color: #333;
	width:100%;
	margin:0 auto; 
	clear:both; 
}

p.center { font-size:0.8em; line-height:1.3; text-align:center; margin:2% auto; }

ul.ft_menu { list-style:none; margin:3% auto; width:100%; text-align:center; font-size:0.8em; }
ul.ft_menu li { display:inline-block; margin:0 3% 2% 0; text-align:center; border-left:none; padding:0 0 0 0;}
ul.ft_menu li:last-child { margin:0 0 2% 0; text-align:center; border-right:none; padding:0 0 0 0; }



.gray { background-color:#f4f6f7; padding:1% 1% 2% 1%;}
.graybox { width:100%; margin:0 auto; text-align:left; }
.gray1 { background-color:#f4f6f7; padding:2% 0; width:100%; position:static; clear:both; margin:0; height:auto;}
.gray2 { background-color:#f4f6f7; padding:2% 0; width:100%; clear:both; margin:0;}

ul.vol1 { list-style:none; width:100%; margin:3% auto; }
ul.vol1 li:nth-child(1) { width:70%; margin:0 auto; display:block; text-align:center; padding:0; }
ul.vol1 li:nth-child(2) { width:80%; margin:0 auto; display:block; text-align:center; padding:0; vertical-align:top; }

h1.ttl { width:90%; padding:5% 0 0 0; margin:0 auto; text-align:left; }
.subttl { width:100%; margin:0 auto; text-align:center; padding:3% 0 0 0;}
.gift { width:100%; margin:5% auto; text-align:center; }

ul.gnavi { list-style:none; margin:0 auto; padding:0; width:95%;}
ul.gnavi li { float:left; margin:0 2% 2% 0; width:49%; height:auto; }
ul.gnavi li:nth-child(2n) { margin:0 0 2% 0; }

.white { width:100%; margin:2% auto; padding:0; position: static; height:auto;}
.white820 { width:100%; margin:0 auto; text-align:center; }
.white ul { list-style:none; width:100%; margin:0 auto; }
.white ul li:nth-child(1) { width:100%; display:block; text-align:center; }
.white ul li:nth-child(2) { width:100%; display:block; text-align:center; vertical-align:top; padding:5% 0 0 0; }
.arrow { width:100%; margin:0; padding:0; text-align:center; }
ul.gr { list-style:none; width:100%; margin:5% auto; }
ul.gr li:nth-child(1) { width:100%; display:block; text-align:center; }
ul.gr li:nth-child(2) { width:100%; display:block; text-align:center; margin:0 0 5% 0; }

ul.giftlist { list-style:none; width:90%; margin:3% auto; }
ul.giftlist li { width:100%; display:block; margin:0 0 2% 0; }
ul.giftlist li:nth-child(4) { display:block; margin:0 0 2% 0; }
ul.giftlist li:nth-child(5) { display:block; margin:0 0 2% 0; }
ul.giftlist li:nth-child(6) { display:block; margin:0 0 2% 0; }

ul.pc { display:none;}
ul.sp { display:block;}

.bannar { margin:0 auto 5% auto; }
.catch { width:98%; text-align:left; margin:2% auto; }
.txt { font-size:0.7em; line-height:1.3; margin:0 auto 2% auto; text-align:left; width:98%; }

.bn { margin:3% auto; text-align:center; width:90%; }
ul.backnumber { list-style:none; width:100%; margin:3% auto; text-align:center; }
ul.backnumber li { float:none; width:70%; margin:0 auto 2% auto; text-align:center; }
ul.backnumber li:nth-child(3n) { width:70%; margin:0 auto; text-align:center; }


.bg1 { display:none; }
.bg2 { display:none; }
.bg3 { display:none; }
.bg4 { display:none; }

.sp1 { display:block; width:100%; }
.sp2 { display:block; width:100%; }
.sp3 { display:block; width:100%; }
.sp4 { display:block; width:100%; }


/*vo5*/
.catch { width:100%; text-align:center; margin:2% auto; }


.a-left { width:100%; float:none; text-align:center; position:static; }

.a-right { width:100%; float:none; text-align:center; }
.txt1 { font-size:0.75em; line-height:1.5; margin:2%; text-align:left; position:static; top:0; -webkit-transform: translateY(0%); /* Safari用 */
  transform: translateY(0%);}

.b-left { width:100%; float:none; height:auto; }
.b-right { width:100%; float:none; text-align:center; }
.txt2 { font-size:0.75em; line-height:1.8; margin:4% 2% 2% 2%; text-align:left; position:static; float:none; top: 0; -webkit-transform: translateY(0%); /* Safari用 */
  transform: translateY(0%);}



.sp-c { display:block; text-align:left;}

.block01 { width:100%; margin:0 auto; position: static; clear:both;  }

.subtxt768 { width:90%; margin:1em auto; }
.subtxt { width:90%; margin:2% auto; }
.subcatch { width:100%; margin:2% auto; text-align:center; }

.txtblock { background-image:url("../img/vol7-1_2.jpg"); background-repeat:repeat-y; margin:0; }
.main-item { width:100%; margin:1% auto; }

.txt3 { font-size:0.75em; line-height:1.8; margin:0 auto; text-align:left; width:90%; padding:1% 0; }
.txt4 { font-size:0.75em; line-height:1.8; margin:0 auto; text-align:left; width:90%; padding:1% 0; }

.kikonas { width:95%; margin:2% auto; }
.kikonas-txt { width:90%; margin:1% auto; text-align:left; font-size:0.9em; line-height:1.5; }
.kikonas-body { background-image:url("../img/vol7-kikonas_3.jpg"); background-repeat:repeat-y; background-size:100% 100%; padding:0 5%; }

img.w85 { width:85%; } 
img.w70 { width:70%; } 
img.w50 { width:50%; } 

.tm20 { margin-top:1em; }
.bm20 { margin-bottom:1em; }
.bm10 { margin-bottom:1em; }
.tm50 { margin:50px 0 0 0; }
.bm50 { margin-bottom:0; }
.tm150 { margin-top:3em; }
.tm-200 { margin-top:0; }

ul.fashion { width:90%; list-style:none; padding:0; margin:0 auto; }
ul.fashion li { width:100%; height:auto; float:none; margin:0 0 1% 0; }
ul.fashion li:nth-child(1) { width:100%; float:none; margin:0 0 -4% 0;}
ul.fashion li:nth-child(2) { width:100%; height:auto; float:none; margin:0 0 1% 0; }
ul.fashion li:nth-child(3) { width:100%; height:auto; float:none; margin:0 0 1% 0; }
ul.fashion li:nth-child(6) { width:100%; height:auto; float:none; margin:0 0 1% 0; }

ul.home { width:90%; list-style:none; padding:0; margin:0 auto; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
ul.home li { width:100%; height:auto; float:none; margin:0 0 1% 0; }
ul.home li:nth-child(1) { width:100%; float:none; margin:0 0 -4% 0;}
ul.home li:nth-child(3) { width:100%; height:auto; float:none; margin:0 0 1% 0; }
ul.home li:nth-child(4) { width:100%; height:auto; float:none; margin:0 0 1% 0; }
ul.home li:nth-child(5) { width:100%; float:none; margin:0 0 1% 0; -webkit-box-ordinal-group:6; -ms-flex-order:6; -webkit-order:6; order:6;}
ul.home li:nth-child(6) { width:100%; height:auto; float:none; margin:0 0 1% 0; -webkit-box-ordinal-group:5; -ms-flex-order:5; -webkit-order:5; order:5;}
.container { width: 90%; column-count: 1; font-size:0.85em; line-height:1.7; text-align:justify; column-gap: 0; margin:0 auto; }
.cap { width:90%; margin:2em auto 0 auto; font-size:0.85em; line-height:1.5; text-align:left; }

#fa1-pc { display:none; }
#fa1-sp { display:block; }
#home6-pc { display:none; }
#home6-sp { display:block; }

}