@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 )"; }


/*クリア*/
.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; }


/*本文基本文字サイズ*/
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; }
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; 
}



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; }


.gray { background-color:#f4f6f7; padding:0 0 20px 0; width:100%; }
.graybox { width:693px; margin:0 auto; text-align:left; }
.gray1 { background-color:#f4f6f7; padding:40px 0; width:100%; }

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:20px 0 0 0; }


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

.white { width:860px; margin:0 auto; }
.white820 { width:820px; margin:0 auto; }
.white ul { list-style:none; width:693px; margin:0 auto; }
.white ul li:nth-child(1) { width:387px; display:inline-block; }
.white ul li:nth-child(2) { width:306px; display:inline-block; vertical-align:top; padding:150px 0 0 0; }
.arrow { width:385px; margin:0; padding:0; }
ul.gr { list-style:none; width:486px; margin:40px auto; }
ul.gr li:nth-child(1) { width:246px; display:inline-block; }
ul.gr li:nth-child(2) { width:240px; display:inline-block; margin:0 0 40px 0; }

ul.giftlist { list-style:none; width:813px; margin:20px auto; }
ul.giftlist li { width:271px; display:inline-block; margin:0 0 40px 0; }
ul.giftlist li:nth-child(4) { display:inline-block; margin:0 0 20px 0; }
ul.giftlist li:nth-child(5) { display:inline-block; margin:0 0 20px 0; }
ul.giftlist li:nth-child(6) { display:inline-block; margin:0 0 20px 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:last-child { width:236px; margin:0 0 0 0; }

@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;
	
}

#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:0 0 5% 0;}
.graybox { width:100%; margin:0 auto; text-align:left; }
.gray1 { background-color:#f4f6f7; padding:5% 0; width:100%; }

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:95%; margin:0 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; }
.txt { font-size:0.7em; line-height:1.3; margin:0 auto 2% auto; text-align:left; width:100%; }

.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:last-child { width:70%; margin:0 auto; text-align:center; }

}