@charset "UTF-8";
/*
Theme Name: namakaji
Theme URI: http://namakaji.okinawa/wp-content/themes/namakaji
Description: 今風（なまかじ）のPC用のテーマファイルです。
Version: 1.0
Author: BBcom
Author URI: http://www.bb-c.co.jp/
*/


/*		[Reset(html5)]
-----------------------------------------------*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body { line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
nav ul,ul { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;}
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/*		[ General Setting]
-----------------------------------------------*/
body.home{
	font-family:"メイリオ", Meiryo,"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
    background:url(img/bg.jpg);
    height:15000px;
}
body{
    font-family:"メイリオ", Meiryo,"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
    background:url(img/bg.jpg);
}
a{
  overflow:hidden;
  outline:none;
}
a:link {
	color: #B88000;
	text-decoration: none;
}
a:visited {
	color: #B88000;
	text-decoration: none;
}
a:hover {
	color: #B88000;
	text-decoration: underline;
}
a:active {
	color: #B88000;
	text-decoration: underline;
}
.page #sb-site{min-height:0 !important;}

/*		[Header]
-----------------------------------------------*/
#header{

}
#header div{
    width:100%;
    height:1150px;
    background:url(img/mv_bg2.jpg) no-repeat;
    background-size:cover;
    position:fixed;
    top:0;
    z-index:2;
}

#logo a{
    width:109px;
    height:108px;
    display:block;
    background:url(img/logo2.png) no-repeat #fff center top;
    text-indent: -9999px;
    position:fixed;
    left:0;top:218px;
    z-index:51;
}
.top_movie_btn{
    width:109px;
    height:74px;
    background:url(img/top_movie.gif) no-repeat 0 0;
    background-size:109px auto;
    position:fixed;
    left:0;top:326px; 
    z-index:51;
}
.top_movie_btn a{
    width:109px;
    height:74px;
    text-indent:-9999px;
    display:block;
    background:url(img/top_movie_btn2.png) no-repeat center center;
}
.menubtn{
    width:41px;
    height:40px;
	border:solid 2px #fff;
    position:fixed;
    right:21px;top:23px;
    z-index:51;
}
.menubtn:hover{
    cursor:pointer;
}
.menubtn img{
	animation:anime 0.5s ease infinite alternate;
}
@keyframes anime{
	0%{opacity:1;}
	100%{opacity:0;}
}
.haru{
    width:165px;
    height:170px;
    position:absolute;
    right:0;top:0;
    z-index:15;
    opacity:0.9;
}
.natu{
    width:153px;
    height:172px;
    position:absolute;
    right:0;top:549px;
    z-index:1;
    opacity:0.9;
}
.aki{
    width:179px;
    height:162px;
    position:absolute;
    left:0;top:0;
    opacity:0.9;
}
.fuyu{
    width:167px;
    height:172px;
    position:absolute;
    left:0;top:549px;
    z-index:1;
    opacity:0.9;
}
.haru:hover,
.natu:hover,
.aki:hover,
.fuyu:hover{
    opacity:1;
}

#header .txt{
    width:100%;
    text-align:center;
    position:absolute;
    left:0;top:61px;
}
.fb_btn{
    position:fixed;
    right:19px;bottom:83px;
    z-index:51;
}

/*      [Side Menu]
-----------------------------------------------*/
.sb-slidebar ul li{
    font-size:15px;
    font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HG明朝E','HGS明朝E','ＭＳ Ｐ明朝', serif;
    text-align:right;
    margin:0 20px;
    background:url(img/menu_line.png) repeat-x left bottom;
}
.sb-slidebar ul li a{
    height:38px;
    line-height:38px;
    color:#fff;
    display:block;
    padding-right:12px;
    opacity:0.9;
}
.sb-slidebar ul li a:hover{
    text-decoration: none;
        opacity:1;
}
.sb-slidebar ul li.mb{margin-bottom:40px;}
.sb-slidebar .sb-close{
    text-align:right;
    margin:20px 32px 20px 20px;
}


/*      [Seasons]
-----------------------------------------------*/
#haru .inner,
#natu .inner,
#aki .inner,
#fuyu .inner{
    /*width:1018px;*/
    width:100%;
    margin:0 auto;
    position:relative;
}
.leaf li{
    position:absolute;
}
/*      春
-------------------*/
#haru{
    width:100%;
    height:700px;
    background-image:url(img/haru_bg3.jpg),url(img/haru_bg_top.png);
    background-repeat:repeat-x,repeat-x;
    background-position:left 211px,left top;
    margin-top:-211px;
    padding-top:211px;
    position:fixed;
    left:0;top:2000px;
    z-index:6;
}
#haru .inner{
    min-height:700px;
    background-image:url(img/haru_pic.jpg);
    background-repeat:no-repeat;
    background-position:-1px 70px;
}
#haru h1{
    width:127px;
    height:128px;
    text-indent:-9999px;
    background:url(img/haru2.png) no-repeat;
    position:absolute;
    right:111px;top:12px;
    z-index: 2;
}
#haru .txt{
    width:387px;
    height:247px;
    text-indent:-9999px;
    background:url(img/haru_txt.png) no-repeat;
    position:absolute;
    right:163px;top:70px;
}
/*      夏
-------------------*/
#natu{
    width:100%;
    height:700px;
    background-image:url(img/natu_bg2.jpg),url(img/natu_bg_top.png);
    background-repeat:repeat-x,repeat-x;
    background-position:left 133px,left top;
    margin-top:-133px;
    padding-top:133px;
    position:fixed;
    z-index: 7;
    left:0;top:2000px;
}
#natu .inner{
    min-height:700px;
    background:url(img/natu_pic.jpg) no-repeat right 67px;
}
#natu h1{
    width:122px;
    height:123px;
    text-indent:-9999px;
    background:url(img/natu2.png) no-repeat;
    position:absolute;
    left:453px;top:20px;
}
#natu .txt{
    width:416px;
    height:305px;
    text-indent:-9999px;
    background:url(img/natu_txt.png) no-repeat;
    position:absolute;
    left:138px;top:67px;
}

/*      秋
-------------------*/
#aki{
    width:100%;
    height:700px;
    background-image:url(img/aki_bg2.jpg),url(img/aki_bg_top.png);
    background-repeat:repeat-x,repeat-x;
    background-position:left 144px,left top;
    margin-top:-144px;
    padding-top:144px;
    position:fixed;
    z-index: 8;
    left:0;top:2000px;
}
#aki .inner{
    min-height:700px;
    background:url(img/aki_pic.jpg) no-repeat left 70px;
}
#aki h1{
    width:133px;
    height:125px;
    text-indent:-9999px;
    background:url(img/aki2.png) no-repeat;
    position:absolute;
    right:62px;top:26px;
}
#aki .txt{
    width:473px;
    height:312px;
    text-indent:-9999px;
    background:url(img/aki_txt.png) no-repeat;
    position:absolute;
    right:113px;top:70px;
}

/*      冬
-------------------*/
#fuyu{
    width:100%;
    height:700px;
    background-image:url(img/fuyu_bg2.jpg),url(img/fuyu_bg_top.png);
    background-repeat:repeat-x,repeat-x;
    background-position:left 167px,left top;
    margin-top:-167px;
    padding-top:167px;
    position:fixed;
    z-index: 9;
    left:0;top:2000px;
}
#fuyu .inner{
    min-height:700px;
    background:url(img/fuyu_pic.jpg) no-repeat right 76px;
}
#fuyu h1{
    width:131px;
    height:126px;
    text-indent:-9999px;
    background:url(img/fuyu2.png) no-repeat;
    position:absolute;
    left:452px;top:18px;
}
#fuyu .txt{
    width:387px;
    height:295px;
    text-indent:-9999px;
    background:url(img/fuyu_txt.png) no-repeat;
    position:absolute;
    left:163px;top:76px;
}

/*		[Products]
-----------------------------------------------*/
#products{
    width:100%;
    height:1080px;
    background-image:url(img/fuyu_bg_btm.png),url(img/products_bg.jpg);
    background-repeat:repeat-x,repeat-x;
    background-position:center top,left 167px;
    margin-top:-167px;
    padding-top:167px;
    position:fixed;
    z-index: 10;
    left:0;top:2000px;
}
#products .inner{
    width:960px;
    margin:0 auto;
    padding-top:59px;
}
#products h1{
    height:30px;
    text-indent:-9999px;
    background:url(img/title_products_list.png) no-repeat center top;
    margin:0 0 23px;
}
#products h1 + p{
    font-size:12px;
    color:#A07C00;
    text-align:center;
    margin-bottom:44px;
}

#haru_natu{
	height:530px;
    background-image:url(img/line.png),url(img/line.png),url(img/bg_products.png);
    background-position:top left,bottom left,center center;
    background-repeat:repeat-x,repeat-x,no-repeat;
}
#aki_fuyu{
	height:358px;
    background-image:url(img/line.png),url(img/bg_products2.png);
    background-position:bottom left,center center;
    background-repeat:repeat-x,no-repeat;
}
#haru_natu ul,
#aki_fuyu ul{
    display:flex;
    flex-wrap:wrap;
}
#haru_natu li,
#aki_fuyu li{
	width:200px;
	height:140px;
	margin:10px 0 15px;
	text-align:center;
}
#haru_natu li:nth-of-type(4n-1),
#aki_fuyu li:nth-of-type(4n-1){
	margin-left:160px;
}
.pro_1 img{
	width:auto;
	height:128px;
	padding-top:12px;
}
.pro_2 img{
	width:auto;
	height:118px;
	padding-top:22px;
}
.pro_3 img{
	width:auto;
	height:115px;
	padding-top:25px;
}
.pro_4 img{
	width:auto;
	height:140px;
	padding-top:12px;
}
.pro_5 img{
	width:auto;
	height:139px;
	padding-top:1px;
}
.pro_6 img{
	width:auto;
	height:119px;
	padding-top:21px;
}
.pro_7 img{
    width:auto;
    height:123px;
    padding-top:21px;
}
.pro_8 img{
    width:auto;
    height:121px;
    padding-top:20px;
}
.pro_9 img{
    width:auto;
    height:122px;
    padding-top:15px;
}
.pro_10 img{
    width:auto;
    height:144px;
    padding-top:5px;
}
.pro_11 img{
	width:auto;
	height:129px;
	padding-top:16px;
}
.pro_12 img{
	width:auto;
	height:140px;
	padding-top:5px;
}
.pro_13 img{
	width:auto;
	height:140px;
	padding-top:5px;
}
.pro_14 img{
	width:auto;
	height:139px;
	padding-top:6px;
}
.pro_15 img{
	width:auto;
	height:119px;
	padding-top:21px;
}
.pro_16 img{
	width:auto;
	height:118px;
	padding-top:22px;
}
.pro_17 img{
    width:auto;
    height:123px;
    padding-top:23px;
}
/*      [concept]
-----------------------------------------------*/
#concept{
    width:100%;
    height:876px;
    background-image:url(img/concept_bg_l.jpg),url(img/concept_bg_r.jpg),url(img/bg.jpg);
    background-position:left 186px,right 186px,left top;
    background-repeat:no-repeat,no-repeat,repeat;
    position:fixed;
    z-index: 11;
    left:0;top:2000px;
}
#concept h1{
    text-align:center;
    padding:111px 0 56px;
}
#concept .txt{
    height:233px;
    text-indent:-9999px;
    background:url(img/concept_txt.png) no-repeat center top;
    margin-bottom:149px;
}
#point_area{
    height:122px;
    background:url(img/concept_bg.png) no-repeat center top #9A6A00;
}
.point_inner{
    width:960px;
    margin:0 auto;
    position:relative;
}
.point_inner div{
    width:320px;
    height:103px;
    text-align:center;
    float:left;
    margin-top:11px;
}
.point_inner div h2{
    width:320px;
    position:absolute;
    top:-72px;
}
.point_inner div p{
    color:#fff;
    font-size:12px;
    line-height:1.5em;
    margin-top:22px;
}
.point_inner div.point1{
    background:url(img/concept_dotted.png) repeat-y left top;
}
.point_inner div.point2{
    background-image:url(img/concept_dotted.png),url(img/concept_dotted.png);
    background-repeat:repeat-y,repeat-y;
    background-position:left top,right top;
}
.point_inner div.point3{
    background:url(img/concept_dotted.png) repeat-y right top;
}

/*      [shop]
-----------------------------------------------*/
#shop{
    width:100%;
    background:url(img/bg.jpg);
    position:fixed;
    clear:both;
    padding-top:80px;
    padding-bottom:100px;
    left:0;top:2000px;
    z-index: 12;
    display: none;
}
#shop h1{
    height:31px;
    text-indent:-9999px;
    background:url(img/title_shop.png) no-repeat center top;
    margin:0 0 19px;
}
#shop h1 + p{
    font-size:12px;
    color:#B88000;
    line-height:1.8em;
    text-align:center;
    margin-bottom:45px;
}
#map_area{
    width:931px;
    margin: 0 auto 79px;
    position:relative;
}
#map_area h2{
    width:510px;
    padding-left:81px;
    float:left;
}
#map_icons li{
    width:8px;
    height:8px;
    position:absolute; 
}
.map_icon1{left:194px;top:486px;}
.map_icon2{left:120px;top:545px;}
.map_icon3{left:100px;top:565px;}
.map_icon4{left:125px;top:560px;}
.map_icon5{left:120px;top:579px;}
.map_icon6{left:455px;top:646px;}
.map_icon7{left:100px;top:575px;}
.map_icon8{left:115px;top:555px;}
.map_icon9{left:293px;top:23px;}

#map_area #shop_list{
    width:340px;
    float:right;
    margin-top:60px;
}
#shop_list{
    font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HG明朝E','HGS明朝E','ＭＳ Ｐ明朝', serif;
}
#shop_list ul{margin-bottom:26px;}
#shop_list li{
    font-size:14px;
    margin-bottom:9px;
    opacity:0.8;
}
#shop_list h4{
    color:#B88000;
    font-size:18px;
    margin-bottom:10px;
}
#shop_list .special{margin-bottom:40px;}
#shop_list .special h3{margin-bottom:24px;}
#shop_list .agency h3{margin-bottom:20px;}
.popup,
.popup2{
    width:880px;
    height:436px;
    margin:0 auto;
    background:#fff;
    border:solid 2px #908A89;
    position:relative;
}
.ie .popup,
.ie .popup2{
    width:880px;
    height:720px;
    margin:0 auto;
    background:#fff;
    border:solid 2px #908A89;
    position:relative;
}
.ie_map{margin-left:-12px;}


.popup .inner,
.popup2 .inner{
    width:754px;
    margin:42px auto 0;
}
.popup .inner h1{
    width:155px;
    font-size:27px;
    text-indent:-9999px;
    background:url(img/shop.png) no-repeat left center;
    display:inline-block;
    margin-right:12px;
}
.popup2 .inner h1{
    width:155px;
    font-size:27px;
    text-indent:-9999px;
    background:url(img/shop2.png) no-repeat left center;
    display:inline-block;
    margin-right:12px;
}
.popup .inner h2,
.popup2 .inner h2{
    font-size:26px;
    font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HG明朝E','HGS明朝E','ＭＳ Ｐ明朝', serif;
    color:#8F6826;
    display:inline-block;
}
.popup .inner .info,
.popup2 .inner .info{
    margin-top:40px;
}
.popup .inner .pic{
    width:386px;
    float:left;
}
.popup .inner .txt_area{
    width:340px;
    float:right;
}
.popup .inner dl,
.popup2 .inner dl{
    width:100%;
    height:39px;
    line-height:1.4em;
   color:#595757;
   font-size:12px;  
    display:table;
    background:url(img/dotted.png) repeat-x left bottom;
}
.popup .inner dt,
.popup2 .inner dt{
    width:70px;
    display:table-cell;
    vertical-align:middle;
}
.popup .inner dd,
.popup2 .inner dd{
    width:270px;
    display:table-cell;
    vertical-align:middle;
}
#popup-7.popup2 .inner dd,
#popup-8.popup2 .inner dd,
#popup-9.popup2 .inner dd,
#popup-10.popup2 .inner dd{
    width:auto;
}
.popup .btn_close,
.popup2 .btn_close{
    width:33px;
    height:32px;
    position:absolute;
    right:31px;bottom:27px;
    cursor: pointer;
}
.popup .map_link,
.popup2 .map_link{margin-top:17px;}
.popup .inner .info_map,
.popup2 .inner .info_map{
    margin-top:19px;
}
.map_link:hover{
    cursor: pointer;
}
.popup .inner .txt,
.popup2 .inner .txt{
    font-size:12px;
    color:#595757;
    text-align:center;
    margin:17px 0 11px;
}
.popup .inner .map_g,
.popup2 .inner .map_g{text-align:center;}
.popup .inner .map_g a,
.popup2 .inner .map_g a{
     font-size:12px;
     color:#267E91;
}
.popup2 .shop_box{
    width:340px;
    float:left;
}
.popup2 .shop_box h3{
    color:#8F6826;
    font-size:20px;
    height:50px;
    line-height:1.2em;
    font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HG明朝E','HGS明朝E','ＭＳ Ｐ明朝', serif;
}
.popup2 .shop_box:first-child{
    margin-right:74px;
}
#popup-5.popup2 .shop_box,
#popup-7.popup2 .shop_box,
#popup-8.popup2 .shop_box,
#popup-9.popup2 .shop_box,
#popup-10.popup2 .shop_box,
#popup-11.popup2 .shop_box,
#popup-12.popup2 .shop_box{
    width:auto;
    float:none;
    margin-right:0;
}
.pic_products1{
    width:99px;
    height:123px;
    position:absolute;
    right:42px;top:24px;
}
.pic_products2{
    width:142px;
    height:94px;
    position:absolute;
    right:36px;top:28px;
}
#inline_content1,
#inline_content2,
#inline_content3,
#inline_content4,
#inline_content5,
#inline_content6,
#inline_content7,
#inline_content8,
#inline_content9,
#inline_content10,
#inline_content11,
#inline_content12{
    width:884px;
    margin:0 auto;
    position:relative;
}
.btn_close{
    width:33px;
    height:32px;
    position:absolute;
    right:31px;bottom:51px;
    cursor: pointer;
}
#logo_popup{
    width:567px;
    height:181px;
    margin:0 auto;
    text-align:center;
    line-height:2em;
    background:rgba(255,255,255,0.7);
    border:solid 1px #000;
}
#logo_popup p{
    padding-top:40px;
}


/*      [商品詳細]
-----------------------------------------------*/
.page #wrap{
    width:100%;
    position:relative; 
}
.page .post{
    width:327px;
    position:absolute;
    left:75%;top:76px;
    font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HG明朝E','HGS明朝E','ＭＳ Ｐ明朝', serif;
    margin-left:-165px;
}
.page .post h2{
	margin-bottom:20px;
}
.explanation{
	font-size:14px;
	line-height:1.6em;
	margin-bottom:20px;
}
.explanation2{
	font-size:11px;
	line-height:1.5em;
	margin-bottom:30px;
}
.page .post .detail a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity: 0.80;
	opacity:0.80;	
}
.keep{
    height:1px;
}
#pagenate li.prev{
    width:44px;
    height:43px;
    position:absolute;
    left:0;top:45%;
}
#pagenate li.next{
    width:42px;
    height:43px;
    position:absolute;
    right:0;top:45%;
}
#pagenate li a:hover img{
    filter:alpha(opacity=80);
    -moz-opacity:0.80;
    -khtml-opacity: 0.80;
    opacity:0.80;
}
#panel{
	width:735px;
	height:495px;
	background:url(img/products/panel_bg.png);
	display:none;
	position:fixed;
	left:50%;top:0;
	margin-left:-368px;
    z-index:3;
}
.page #panel{color:#000;}
.detail2{
	width:52px;
	height:45px;
	position:fixed;
	left:50%;top:0;
	margin-left:-26px;
	filter:alpha(opacity=80);
    -moz-opacity:0.80;
    -khtml-opacity: 0.80;
    opacity:0.80;
    display:none;
}
.detail2:hover{
	filter:alpha(opacity=60);
    -moz-opacity:0.60;
    -khtml-opacity: 0.60;
    opacity:0.60;	
}
.detail3{
	width:52px;
	margin:0 auto;
}
.detail3:hover{
	filter:alpha(opacity=80);
    -moz-opacity:0.80;
    -khtml-opacity: 0.80;
    opacity:0.80;
}
#panel h3{
    /*margin:19px 0 13px;*/
    text-indent:-9999px;
}
#panel h3 + p{
    font-size:12px;
    text-align:center;
    margin-top:13px;
}
#panel dt{
    color:#7F3014;
    font-weight:bold;
    font-size:15px;
    margin-bottom:3px;
}
#panel dd{
    font-size:11px;
    line-height:1.5em;
}
.popup_close{
    width:100%;
    height:800px;
    position:fixed;
    left:0;top:0;
    z-index:-1;
}
.explanation,.explanation2{
	font-weight:bold;
}

/*      [かまぼこー春夏商品]
-----------------------------------------------*/
.page-id-4 #wrap{
	height:530px;
	background-image:url(img/products/haru_natu.png),url(img/products/kamaboko.jpg),url(img/products/line.png);
	background-repeat:no-repeat,no-repeat,no-repeat;
	background-position:right bottom,left top,center 507px;
}
.page .post{
    width:337px;
    position:absolute;
    right:50px;top:76px;
}
.page-id-4 .post h1{
	width:258px;
	height:79px;
	background:url(img/products/kamaboko_title.png) no-repeat;
	text-indent:-9999px;
}
.page-id-4 .post h2{
	height:0;
	text-indent:-9999px;
}

.page-id-4 #panel{
	/*height:555px;*/
}
.page-id-4 #panel dt{
    font-size:18px;
    margin-bottom:8px;
}
.page-id-4 #panel dd{
	padding-right:15px;
}
.page-id-4 #panel .detail3 + p{
	display:none;
}
.page-id-4 #panel h3{
    height:26px;
    background: url(img/products/popup_title_kamaboko.png) center top no-repeat;
}
.page-id-4 #panel #wrap_box{
    /*margin:47px 0 0 0;*/
    margin:20px 0 0 0;
}
.page-id-4 #panel #photo{
    width:313px;
    float:left;
}
.page-id-4 #panel #vari_area{
    width:405px;
    margin-top:2px;
    float:right;
}
.page-id-4 dl{
    margin-bottom:15px;
}

/*      [ブラジュー春夏商品]
-----------------------------------------------*/
.page-id-15 #wrap{
	height:530px;
	background-image:url(img/products/haru_natu.png),url(img/products/blaje.jpg),url(img/products/line.png);
	background-repeat:no-repeat,no-repeat,no-repeat;
	background-position:right bottom,left top,center 507px;
}
.page-id-15 .post h1{
	width:186px;
	height:58px;
	background:url(img/products/blaje_title.png) no-repeat;
	text-indent:-9999px;
}
.page-id-15 .post h2{
	height:0;
	text-indent:-9999px;
}
.page-id-15 .explanation,.page-id-15 .explanation2{
	color:#fff;
}

.page-id-15 #panel{
    /*height:575px;*/
    height:498px;
}
.page-id-15 #panel .detail3 + p{
	display:none;
}
.page-id-15 #panel h3{
    height:56px;
    background: url(img/products/popup_title_blaje.png) center top no-repeat;
    margin-left:4px;
}
.page-id-15 #panel h3 + p{
    line-height:1.6em;
}
.page-id-15 #panel #wrap_box{
    /*margin:47px 0 0 0;*/
    margin:20px 0 0 0;
}
.page-id-15 #panel #vari_area{
    margin-left:46px;
}
.page-id-15 #panel dl{
    width:192px;
    padding-top:121px;
    float:left;
    margin-left:32px;
}
.page-id-15 #panel dl:first-child{
    margin-left:0;
}
.page-id-15 .variation_1{background:url(img/products/blaje_pic1.png) no-repeat center top;}
.page-id-15 .variation_2{background:url(img/products/blaje_pic2.png) no-repeat center top;}
.page-id-15 .variation_3{background:url(img/products/blaje_pic3.png) no-repeat center top;}
.page-id-15 #panel dt{
    height:37px;
    font-size:18px;
    line-height:1.3em;
    text-align:center;
    margin-bottom:15px;
}
.page-id-15 #panel p.btm_txt{
    clear:both;
    font-size:11px;
    text-align:center;
    /*margin-top:45px;*/
    margin-top:20px;
}

/*      [ティークック春夏商品]
-----------------------------------------------*/
.page-id-8 #wrap{
	height:530px;
	background-image:url(img/products/haru_natu.png),url(img/products/tea_cook_spring2.jpg),url(img/products/line.png);
	background-repeat:no-repeat,no-repeat,no-repeat;
	background-position:right bottom,left top,center 507px;
}
.page-id-8 .post h1{
	width:234px;
	height:58px;
	text-indent:-9999px;
	background:url(img/products/tea_cook_title.png) no-repeat;
}
.page-id-8 .post h2{
	height:0;
	text-indent:-9999px;
}

.page-id-8 #panel h3{
    height:28px;
    background: url(img/products/popup_title_tea_cook.png) center top no-repeat;
}
.page-id-8 #panel #wrap_box{
    /*margin:52px 0 0 64px;*/
    margin:32px 0 0 64px;
}
.page-id-8 #panel #photo{
    width:258px;
    float:left;
}
.page-id-8 #panel #vari_area{
    width:370px;
    float:right;
}
.page-id-8 dl{
    padding-left:57px;
    margin-bottom:22px;
}
.page-id-8 .variation_1{background:url(img/products/tea_pic1.png) no-repeat;}
.page-id-8 .variation_2{background:url(img/products/tea_pic2.png) no-repeat;}
.page-id-8 .variation_3{background:url(img/products/tea_pic3.png) no-repeat;}
.page-id-8 .variation_4{background:url(img/products/tea_pic4.png) no-repeat;}


/*      [パインアップルガトーショコラ春夏商品]
-----------------------------------------------*/
.page-id-19 #wrap{
	height:530px;
	background-image:url(img/products/haru_natu.png),url(img/products/pine.jpg),url(img/products/line.png);
	background-repeat:no-repeat,no-repeat,no-repeat;
	background-position:right bottom,left top,center 507px;
}
.page-id-19 .post h1{
	width:225px;
	height:105px;
	background:url(img/products/pine_title.png) no-repeat;
	text-indent:-9999px;
}
.page-id-19 .post h2{
	height:0;
	text-indent:-9999px;
}
.page-id-19 #panel .detail3 + p{
	display:none;
}
.page-id-19 #panel h3{
    height:28px;
    background: url(img/products/popup_title_pine.png) center top no-repeat;
}
.page-id-19 #panel h3 + p{
    line-height:1.5em;
}
.page-id-19 #panel #wrap_box{
    margin:19px 0 0 0;
}
.page-id-19 #panel #photo{
    width:346px;
    float:left;
}
.page-id-19 #panel #vari_area{
    width:346px;
    float:right;
    margin-top:17px;
    padding-right:40px;
}
.page-id-19 #panel dt{
    font-size:18px;
    margin-bottom:5px;
}
.page-id-19 #panel dl{
    margin-bottom:20px;
}

/*      [Azurete春夏商品]
-----------------------------------------------*/
.page-id-268 #wrap{
	height:530px;
	background-image:url(img/products/azurete_logo.png),url(img/products/haru_natu.png),url(img/products/line.jpg),url(img/products/azurete.jpg);
	background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
	background-position:left bottom,right bottom,center 507px,center center;
	background-size:160px auto,169px auto,2000px auto,cover;
}
.page-id-268 .post{
	width:347px;
}
.page-id-268 .post h1{
	width:238px;
	height:174px;
	text-indent:-9999px;
	background:url(img/products/azurete_title.png) no-repeat;
}
.page-id-268 .post h2{
	height:0;
	text-indent:-9999px;
}
.page-id-268 .explanation {
	color:#fff;
}
.page-id-268 #panel h3{
    height:26px;
    background: url(img/products/popup_title_azurete.png) center top no-repeat;
}
.page-id-268 #panel #wrap_box{
    margin:20px 0 0 40px;
}
.page-id-268 #panel #photo{
    width:609px;
    margin-top:5px;
}
.page-id-268 #panel #vari_area{
	margin-top:20px;
}
.page-id-268 .l_box{
	float:left;
}
.page-id-268 .r_box{
	float:left;
	margin-left:20px;
}
.page-id-268 dl{
	width:170px;
	min-height:100px;
	margin-bottom:22px;
    padding-left:150px;
}
.page-id-268 .variation_1{
    background: url(img/products/azurete_pic1.jpg) left top no-repeat;
}
.page-id-268 .variation_2{
    background: url(img/products/azurete_pic2.jpg) left top no-repeat;
}
.page-id-268 .variation_3{
    background: url(img/products/azurete_pic3.jpg) left top no-repeat;
}
.page-id-268 .variation_4{
    background: url(img/products/azurete_pic4.jpg) left top no-repeat;
}
.page-id-268 #vari_area dd{
	font-size:10px;
	margin-top:1em;
}

/*      [コーディアル春夏商品]
-----------------------------------------------*/
.page-id-247 #wrap{
	height:530px;
	background-image:url(img/products/cordial_logo.png),url(img/products/haru_natu.png),url(img/products/line.jpg),url(img/products/cordial1.jpg);
	background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
	background-position:left bottom,right bottom,center 507px,center center;
	background-size:162px auto,169px auto,2000px auto,cover;
}
.page-id-247 .post h1{
	width:280px;
	height:124px;
	text-indent:-9999px;
	background:url(img/products/cordial_title1.png) no-repeat;
}
.page-id-247 .post h2{
	height:0;
	text-indent:-9999px;
}
.page-id-247 .explanation{
	color:#000;
	margin-bottom:1em;
}
.page-id-247 #panel{
	height:483px;
}
.page-id-247 #panel h3{
    height:26px;
    background: url(img/products/popup_title_cordial.png) center top no-repeat;
}
.page-id-247 #panel #wrap_box{
    margin:20px 0 0 95px;
}
.page-id-247 #panel #photo{
    width:460px;
	margin:0 auto;
}
.page-id-247 #panel #vari_area{
	margin-top:20px;
}
.page-id-247 dl{
	width:260px;
    padding-top:267px;
    float:left;
}
.page-id-247 .variation_1{
    background: url(img/products/cordial_pic1.png) left top no-repeat;
}
.page-id-247 .variation_2{
    background: url(img/products/cordial_pic2.png) left top no-repeat;
    margin-left:40px;
}
.page-id-247 #vari_area dd{
	margin-top:1em;
}

/*      [リエット春夏商品]
-----------------------------------------------*/
.page-id-254 #wrap{
	height:530px;
	background-image:url(img/products/rillettes_logo.png),url(img/products/haru_natu.png),url(img/products/line.jpg),url(img/products/rillettes1.jpg);
	background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
	background-position:left bottom,right bottom,center 507px,center center;
	background-size:155px auto,169px auto,2000px auto,cover;
}
.page-id-254 .post h1{
	width:245px;
	height:106px;
	text-indent:-9999px;
	background:url(img/products/rillettes_title.png) no-repeat;
}
.page-id-254 .post h2{
	height:0;
	text-indent:-9999px;
}
.page-id-254 .explanation {
	color:#fff;
}
.page-id-254 #panel{
	height:480px;
}
.page-id-254 #panel h3{
    height:26px;
    background: url(img/products/popup_title_rillettes.png) center top no-repeat;
}
.page-id-254 #panel #wrap_box{
    margin:20px 0 0 64px;
}
.page-id-254 #panel #photo{
    width:460px;
	margin:0 auto;
}
.page-id-254 #panel #vari_area{
	margin-top:20px;
}
.page-id-254 dl{
	width:300px;
    float:left;
}
.page-id-254 .variation_2{
	width:260px;
	margin-left:40px;
}
.page-id-254 #vari_area dd{
	margin-top:0.5em;
}

/*      [黄金のガトーショコラ春夏商品]
-----------------------------------------------*/
.page-id-241 #wrap{
	height:530px;
	background-image:url(img/products/gold-gateau_logo1.png),url(img/products/haru_natu.png),url(img/products/line.jpg),url(img/products/gold-gateau1.jpg);
	background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
	background-position:left bottom,right bottom,center 507px,center center;
	background-size:133px auto,169px auto,2000px auto,cover;
}
.page-id-241 .post h1{
	width:277px;
	height:105px;
	text-indent:-9999px;
	background:url(img/products/gold-gateau_title.png) no-repeat;
}
.page-id-241 .post h2{
	height:0;
	text-indent:-9999px;
}
.page-id-241 .explanation{
	color:#fff;
}
.page-id-241 .explanation span{
	display:block;
	margin:1em 0;
}
.page-id-241 #panel{
	height:485px;
}
.page-id-241 #panel h3{
    height:25px;
    background:url(img/products/popup_title_gold-gateau.png) center top no-repeat;
}
.page-id-241 #panel #wrap_box{
    margin:40px 0 0 42px;
}
.page-id-241 #panel #photo{
    width:450px;
	margin:0 auto;
}
.page-id-241 #panel #vari_area{
	margin-top:20px;
}
.page-id-241 .l_box{
	float:left;
	width:320px;
}
.page-id-241 .r_box{
	float:left;
	width:335px;
	margin-left:10px;
}
.page-id-241 dl{
	min-height:86px;
	margin-bottom:22px;
	padding-left:100px;
}
.page-id-241 .variation_1{
	background:url(img/products/gold-gateau_pic1.jpg) left top no-repeat;
}
.page-id-241 .variation_2{
	background:url(img/products/gold-gateau_pic2.jpg) left top no-repeat;
}
.page-id-241 .variation_3{
	background:url(img/products/gold-gateau_pic3.jpg) left top no-repeat;
}
.page-id-241 .variation_4{
	background:url(img/products/gold-gateau_pic4.jpg) left top no-repeat;
}
.page-id-241 .variation_5{
	background:url(img/products/gold-gateau_pic5.jpg) left top no-repeat;
}
.page-id-241 .variation_6{
	background:url(img/products/gold-gateau_pic6.jpg) left top no-repeat;
}
.page-id-241 #panel dd{
	font-size:10px;
	margin-top:1em;
}

/*      [クレピネットケーゼ春夏商品]
-----------------------------------------------*/
.page-id-263 #wrap{
	height:530px;
	background-image:url(img/products/crepinette_logo.png),url(img/products/haru_natu.png),url(img/products/line.jpg),url(img/products/crepinette1.jpg);
	background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
	background-position:left bottom,right bottom,center 507px,center center;
	background-size:167px auto,169px auto,2000px auto,cover;
}
.page-id-263 .post h1{
	width:277px;
	height:105px;
	text-indent:-9999px;
	background:url(img/products/crepinette_title.png) no-repeat;
}
.page-id-263 .post h2{
	height:0;
	text-indent:-9999px;
}
.page-id-263 .explanation {
	color:#fff;
}
.page-id-263 #panel{
	height:483px;
}
.page-id-263 #panel h3{
    height:59px;
    background:url(img/products/popup_title_crepinette.png) center top no-repeat;
}
.page-id-263 #panel #wrap_box{
    margin:25px 0 0 64px;
}
.page-id-263 #panel #photo{
    width:450px;
	margin:0 auto;
}
.page-id-263 #panel #vari_area{
	margin-top:20px;
}
.page-id-263 dl{
	width:300px;
	margin-bottom:22px;
	padding-top:240px;
	float:left;
}
.page-id-263 .variation_1{
	background:url(img/products/crepinette_pic1.png) left top no-repeat;
	margin-right:20px;
}
.page-id-263 .variation_2{
	background:url(img/products/crepinette_pic2.png) left top no-repeat;
}
.page-id-263 #vari_area dd{
	margin-top:1em;
}

/*      [パスチョオキナワ春夏商品]
-----------------------------------------------*/
.page-id-334 #wrap{
    height:530px;
    background-image:url(img/products/pascho_logo.png),url(img/products/haru_natu.png),url(img/products/line.jpg),url(img/products/pascho.jpg);
    background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
    background-position:left 0px bottom 23px,right bottom,center 507px,center center;
    background-size:160px auto,169px auto,2000px auto,cover;
}
.page-id-334 .post h1{
    width:201px;
    height:140px;
    text-indent:-9999px;
    background:url(img/products/pascho_title.png) no-repeat;
}
.page-id-334 .post h2{
    height:0;
    text-indent:-9999px;
}
.page-id-334 .explanation{
    color:#fff;
    margin-bottom:1em;
}
.page-id-334 .explanation2{
    color:#fff;
    margin-bottom:15px;
}
.page-id-334 #panel{
    height:483px;
}
.page-id-334 #panel h3{
    height:113px;
    background: url(img/products/pascho_pop_title.png) center top no-repeat;
}
.page-id-334 #panel h3 + p{
	font-size:13px;
	line-height:1.5em;
	margin-top:15px;
}

.page-id-334 #panel #wrap_box{
    margin:10px 49px 0 32px;
}
.page-id-334 #panel #photo{
    width:460px;
    margin:0 auto;
}
.page-id-334 #panel #vari_area{
	width:588px;
    margin:0 auto 0;
}
.page-id-334 #panel #vari_area li{
    float:left;
}
.page-id-334 #panel #vari_area li.pic2{
    float:right;
}
.page-id-334 .btm_txt{
	width:525px;
	margin:5px auto 0;
    font-size:11px;
    line-height:1.3em;
    padding-left:63px;
    text-indent:-53px;
}

/*      [メリーアイスサンドイッチ春夏商品]
-----------------------------------------------*/
.page-id-348 #wrap{
    height:530px;
    background-image:url(img/products/ice_logo.png),url(img/products/haru_natu.png),url(img/products/line.jpg),url(img/products/ice.jpg);
    background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
    background-position:left 0px bottom 23px,right bottom,center 507px,center center;
    background-size:231px auto,169px auto,2000px auto,cover;
}
.page-id-348 .post h1{
    width:230px;
    height:174px;
    text-indent:-9999px;
    background:url(img/products/ice_title.png) no-repeat;
}
.page-id-348 .post h2{
    height:0;
    text-indent:-9999px;
}
.page-id-348 .explanation{
    color:#fff;
    margin-bottom:1em;
}
.page-id-348 #panel{
    height:483px;
}
.page-id-348 #panel h3{
    height:25px;
    background: url(img/products/ice_pop_title.png) center top no-repeat;
}
.page-id-348 #panel #wrap_box{
    margin:23px 15px 0 32px;
}
.page-id-348 #panel #vari_area{
    width:629px;
    margin:0 auto 0;
}
.page-id-348 #panel #vari_area li{
    float:left;
}
.page-id-348 #panel #vari_area li.pic2{
    float:right;
}
.page-id-348.page .post{
    left:83%;
    top:55px;
}

/*      [石垣島しまのす春夏商品]
-----------------------------------------------*/
.page-id-353 #wrap{
    height:530px;
    background-image:url(img/products/shimanosu_logo.png),url(img/products/haru_natu.png),url(img/products/line.jpg),url(img/products/shimanosu.jpg);
    background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
    background-position:left 0px bottom 23px,right bottom,center 507px,center center;
    background-size:104px auto,169px auto,2000px auto,cover;
}
.page-id-353 .post h1{
    width:278px;
    height:134px;
    text-indent:-9999px;
    background:url(img/products/shimanosu_title.png) no-repeat;
}
.page-id-353 .post h2{
    height:0;
    text-indent:-9999px;
}
.page-id-353 .explanation{
    color:#fff;
    margin-bottom:1em;
}
.page-id-353 #panel{
    height:483px;
}
.page-id-353 #panel h3{
    height:26px;
    background: url(img/products/shimanosu_pop_title.png) center top no-repeat;
}
.page-id-353 #panel #wrap_box{
    margin:23px 15px 0 32px;
}
.page-id-353 #panel #vari_area{
    width:620px;
    margin:0 auto 0;
}
.page-id-353 #vari_area dl{
    width:140px;
    margin:0 17px 0 0;
    float:left;
}
.page-id-353 #vari_area dt span{
    margin:8px 0 3px;
    line-height:1.4em;
    display:inline-block;
}
.page-id-353 #vari_area .pic{
    padding-top:70px;
}
.page-id-353.page .post{
    left:82%;
    top:65px;
}

/*      [ティークック秋冬商品]
-----------------------------------------------*/
.page-id-13 #wrap{
	height:531px;
	background-image:url(img/products/aki_fuyu.png),url(img/products/tea_cook_autumn2.jpg),url(img/products/line2.png);
	background-repeat:no-repeat,no-repeat,no-repeat;
	background-position:right bottom,left top,center 508px;
}
.page-id-13 .post{
    width:305px;
    position:absolute;
    right:90px;top:76px;	
}
.page-id-13 .post h1{
	width:234px;
	height:57px;
	background:url(img/products/tea_cook2_title.png) no-repeat;
	text-indent:-9999px;
}
.page-id-13 .post h2{
	height:0;
	text-indent:-9999px;
}
.page-id-13 .explanation,
.page-id-13 .explanation2{
	color:#fff;
}
.page-id-13 #panel h3{
    height:28px;
    background: url(img/products/popup_title_tea_cook.png) center top no-repeat;
}
.page-id-13 #panel dd{
	padding-right:15px;
}
.page-id-13 #panel #wrap_box{
    /*margin:52px 0 0 64px;*/
    margin:32px 0 0 64px;
}
.page-id-13 #panel #photo{
    width:258px;
    float:left;
}
.page-id-13 #panel #vari_area{
    width:370px;
    float:right;
}
.page-id-13 dl{
    padding-left:55px;
    margin-bottom:20px;
}
.page-id-13 .variation_1{background:url(img/products/tea2_pic1.png) no-repeat;}
.page-id-13 .variation_2{background:url(img/products/tea2_pic2.png) no-repeat;}
.page-id-13 .variation_3{background:url(img/products/tea2_pic3.png) no-repeat;}
.page-id-13 .variation_4{background:url(img/products/tea2_pic4.png) no-repeat;}

/*      [かまぼこ秋冬商品]
-----------------------------------------------*/
.page-id-6 #wrap{
	height:530px;
	background-image:url(img/products/aki_fuyu.png),url(img/products/kamaboko2.jpg),url(img/products/line2.png);
	background-repeat:no-repeat,no-repeat,no-repeat;
	background-position:right bottom,left top,center 507px;
}
.page-id-6 .post h1{
	width:258px;
	height:78px;
	background:url(img/products/kamaboko_title2.png);
	text-indent:-9999px;
}
.page-id-6 .post h2{
	height:0;
	text-indent:-9999px;
}
.page-id-6 .explanation,
.page-id-6 .explanation2{
	color:#fff;
}
.page-id-6 #panel{
	/*height:565px;*/
	height:507px;
}
.page-id-6 #panel .detail3 + p{
	display:none;
}
.page-id-6 #panel h3{
    height:25px;
    background: url(img/products/popup_title_kamaboko.png) center top no-repeat;
}
.page-id-6 #panel dt{
    font-size:18px;
    margin-bottom:8px;
}
.page-id-6 #panel dd{
	padding-right:0px;
}
.page-id-6 #panel #wrap_box{
    /*margin:47px 0 0 0;*/
    margin:20px 0 0 0;
}
.page-id-6 #panel #photo{
    width:312px;
    float:left;
}
.page-id-6 #panel #vari_area{
    width:405px;
    margin-top:-3px;
    float:right;
}
.page-id-6 dl{
    margin-bottom:28px;
}
.page-id-6 dl.variation_2{
    margin-bottom:22px;    
}

/*      [カレー秋冬商品]
-----------------------------------------------*/
.page-id-21 #wrap{
    height:530px;
    background-image:url(img/products/aki_fuyu.png),url(img/products/curry.jpg),url(img/products/line2.png);
    background-repeat:no-repeat,no-repeat,no-repeat;
    background-position:right bottom,left top,center 507px;
}
.page-id-21 .post{
    width:320px;
    position:absolute;
    right:90px;top:70px;    
}
.page-id-21 .post h1{
    width:281px;
    height:110px;
    background:url(img/products/curry_title.png) no-repeat;
    text-indent:-9999px;
}
.page-id-21 .post h2{
    height:0;
    text-indent:-9999px;
}
.page-id-21 .explanation,
.page-id-21 .explanation2{
    color:#231815;
}
.page-id-21 .explanation2{margin-bottom:25px;}
.page-id-21 #panel{
	height:500px;
}
.page-id-21 #panel h3{
    height:25px;
    background: url(img/products/popup_title_cuyyr.png) center top no-repeat;
}
.page-id-21 #panel h3 + p{line-height:1.5em;}
.page-id-21 #panel dd{
    padding-right:15px;
}
.page-id-21 dl dt{padding-top:10px;}
.page-id-21 #panel #wrap_box{
    margin:30px 0 0 30px;
}
.page-id-21 .l_box{
    width:320px;
    float:left;
    margin-right:15px;
}
.page-id-21 .r_box{
    width:320px;
    float:left;
}
.page-id-21 .val_1,
.page-id-21 .val_2{
    padding-left:88px;
    margin-bottom:17px;
}
.page-id-21 .val_3,
.page-id-21 .val_4,
.page-id-21 .val_5{
    padding-left:84px;
    margin-bottom:12px;
}
.page-id-21 .val_1{background:url(img/products/curry_sozai1.png) no-repeat left 2px;}
.page-id-21 .val_2{background:url(img/products/curry_sozai2.png) no-repeat left 10px;}
.page-id-21 .val_3{background:url(img/products/curry_sozai3.png) no-repeat left 1px;}
.page-id-21 .val_4{background:url(img/products/curry_sozai4.png) no-repeat left 6px;}
.page-id-21 .val_5{background:url(img/products/curry_sozai5.png) no-repeat left 7px;}

/*      [チョコレート秋冬商品]
-----------------------------------------------*/
.page-id-238 #wrap{
	height:530px;
	background-image:url(img/products/chocolate_logo.png),url(img/products/aki_fuyu.png),url(img/products/line2.jpg),url(img/products/chocolate.jpg);
	background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
	background-position:left bottom,right bottom,center 507px,center center;
	background-size:150px auto,169px auto,2000px auto,cover;
}
.page-id-238 .post h1{
	width:272px;
	height:137px;
	text-indent:-9999px;
	background:url(img/products/chocolate_title.png) no-repeat;
}
.page-id-238 .post h2{
	height:0;
	text-indent:-9999px;
}
.page-id-238 .explanation {
	color:#fff;
}
.page-id-238 #panel{
	height:483px;
}
.page-id-238 #panel h3{
    height:26px;
    background: url(img/products/popup_title_chocolate.png) center top no-repeat;
}
.page-id-238 #panel #wrap_box{
    margin:52px 0 0 50px;
}
.page-id-238 #panel #photo{
    width:460px;
	margin:0 auto;
}
.page-id-238 #panel #vari_area{
	margin-top:20px;
}
.page-id-238 dl{
	width:200px;
    padding-top:190px;
    float:left;
}
.page-id-238 .variation_1{
    background: url(img/products/chocolate_pic1.png) left top no-repeat;
}
.page-id-238 .variation_2{
    background: url(img/products/chocolate_pic2.png) left top no-repeat;
	margin-left:10px;
	width:230px;
}
.page-id-238 .variation_3{
    background: url(img/products/chocolate_pic3.png) left top no-repeat;
    margin-left:20px;
}
.page-id-238 #vari_area dd{
	margin-top:1em;
}

/*      [コーディアル秋冬商品]
-----------------------------------------------*/
.page-id-251 #wrap{
	height:530px;
	background-image:url(img/products/cordial_logo.png),url(img/products/aki_fuyu.png),url(img/products/line2.jpg),url(img/products/cordial2.jpg);
	background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
	background-position:left bottom,right bottom,center 507px,center center;
	background-size:162px auto,169px auto,2000px auto,cover;
}
.page-id-251 .post h1{
	width:280px;
	height:124px;
	text-indent:-9999px;
	background:url(img/products/cordial_title2.png) no-repeat;
}
.page-id-251 .post h2{
	height:0;
	text-indent:-9999px;
}
.page-id-251 .explanation {
	color:#fff;
}
.page-id-251 #panel{
	height:483px;
}
.page-id-251 #panel h3{
    height:26px;
    background: url(img/products/popup_title_cordial.png) center top no-repeat;
}
.page-id-251 #panel #wrap_box{
    margin:30px 0 0 95px;
}
.page-id-251 #panel #photo{
    width:460px;
	margin:0 auto;
}
.page-id-251 #panel #vari_area{
	margin-top:20px;
}
.page-id-251 dl{
	width:260px;
    padding-top:267px;
    float:left;
}
.page-id-251 .variation_1{
    background: url(img/products/cordial_pic3.png) left top no-repeat;
}
.page-id-251 .variation_2{
    background: url(img/products/cordial_pic4.png) left top no-repeat;
    margin-left:40px;
}
.page-id-251 #vari_area dd{
	margin-top:1em;
}

/*      [リエット秋冬商品]
-----------------------------------------------*/
.page-id-258 #wrap{
	height:530px;
	background-image:url(img/products/rillettes_logo.png),url(img/products/aki_fuyu.png),url(img/products/line2.jpg),url(img/products/rillettes2.jpg);
	background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
	background-position:left bottom,right bottom,center 507px,center center;
	background-size:155px auto,169px auto,2000px auto,cover;
}
.page-id-258 .post h1{
	width:245px;
	height:106px;
	text-indent:-9999px;
	background:url(img/products/rillettes_title.png) no-repeat;
}
.page-id-258 .post h2{
	height:0;
	text-indent:-9999px;
}
.page-id-258 .explanation {
	color:#fff;
}
.page-id-258 #panel{
	height:480px;
}
.page-id-258 #panel h3{
    height:26px;
    background: url(img/products/popup_title_rillettes.png) center top no-repeat;
}
.page-id-258 #panel #wrap_box{
    margin:20px 0 0 64px;
}
.page-id-258 #panel #photo{
    width:450px;
	margin:0 auto;
}
.page-id-258 #panel #vari_area{
	margin-top:20px;
}
.page-id-258 dl{
	width:300px;
    float:left;
}
.page-id-258 .variation_2{
	width:260px;
	margin-left:40px;
}
.page-id-258 #vari_area dd{
	margin-top:0.5em;
}

/*      [黄金のガトーショコラ秋冬商品]
-----------------------------------------------*/
.page-id-243 #wrap{
	height:530px;
	background-image:url(img/products/gold-gateau_logo2.png),url(img/products/aki_fuyu.png),url(img/products/line2.jpg),url(img/products/gold-gateau2.jpg);
	background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
	background-position:left bottom,right bottom,center 507px,center center;
	background-size:133px auto,169px auto,2000px auto,cover;
}
.page-id-243 .post h1{
	width:277px;
	height:105px;
	text-indent:-9999px;
	background:url(img/products/gold-gateau_title.png) no-repeat;
}
.page-id-243 .post h2{
	height:0;
	text-indent:-9999px;
}
.page-id-243 .explanation{
	color:#fff;
}
.page-id-243 .explanation span{
	display:block;
	margin:1em 0;
}
.page-id-243 #panel{
	height:488px;
}
.page-id-243 #panel h3{
    height:25px;
    background:url(img/products/popup_title_gold-gateau.png) center top no-repeat;
}
.page-id-243 #panel #wrap_box{
    margin:52px 0 0 42px;
}
.page-id-243 #panel #photo{
    width:450px;
	margin:0 auto;
}
.page-id-243 #panel #vari_area{
	margin-top:20px;
}
.page-id-243 .l_box{
	float:left;
	width:320px;
}
.page-id-243 .r_box{
	float:left;
	width:335px;
	margin-left:10px;
}
.page-id-243 dl{
	min-height:86px;
	margin-bottom:22px;
	padding-left:100px;
}
.page-id-243 .variation_1{
	background:url(img/products/gold-gateau_pic1.jpg) left top no-repeat;
}
.page-id-243 .variation_2{
	background:url(img/products/gold-gateau_pic2.jpg) left top no-repeat;
}
.page-id-243 .variation_3{
	background:url(img/products/gold-gateau_pic3.jpg) left top no-repeat;
}
.page-id-243 .variation_4{
	background:url(img/products/gold-gateau_pic4.jpg) left top no-repeat;
}
.page-id-243 .variation_5{
	background:url(img/products/gold-gateau_pic5.jpg) left top no-repeat;
}
.page-id-243 .variation_6{
	background:url(img/products/gold-gateau_pic7.jpg) left top no-repeat;
}
.page-id-243 #panel dd{
	font-size:10px;
	margin-top:1em;
}

/*      [クレピネットケーゼ秋冬商品]
-----------------------------------------------*/
.page-id-266 #wrap{
	height:530px;
	background-image:url(img/products/crepinette_logo2.png),url(img/products/aki_fuyu.png),url(img/products/line2.jpg),url(img/products/crepinette2.jpg);
	background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
	background-position:left bottom,right bottom,center 507px,center center;
	background-size:167px auto,169px auto,2000px auto,cover;
}
.page-id-266 .post h1{
	width:277px;
	height:105px;
	text-indent:-9999px;
	background:url(img/products/crepinette_title2.png) no-repeat;
}
.page-id-266 .post h2{
	height:0;
	text-indent:-9999px;
}
.page-id-266 .explanation {
	color:#000;
}
.page-id-266 #panel{
	height:483px;
}
.page-id-266 #panel h3{
    height:59px;
    background:url(img/products/popup_title_crepinette.png) center top no-repeat;
}
.page-id-266 #panel #wrap_box{
    margin:25px 0 0 64px;
}
.page-id-266 #panel #photo{
    width:450px;
	margin:0 auto;
}
.page-id-266 #panel #vari_area{
	margin-top:20px;
}
.page-id-266 dl{
	width:300px;
	margin-bottom:22px;
	padding-top:240px;
	float:left;
}
.page-id-266 .variation_1{
	background:url(img/products/crepinette_pic3.png) left top no-repeat;
}
.page-id-266 .variation_2{
	background:url(img/products/crepinette_pic4.png) left top no-repeat;
}
.page-id-266 #vari_area dd{
	margin-top:1em;
}

/*      [Azurete秋冬商品]
-----------------------------------------------*/
.page-id-326 #wrap{
	height:530px;
	background-image:url(img/products/azurete_logo.png),url(img/products/aki_fuyu.png),url(img/products/line2.jpg),url(img/products/azurete.jpg);
	background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
	background-position:left bottom,right bottom,center 507px,center center;
	background-size:160px auto,169px auto,2000px auto,cover;
}
.page-id-326 .post{
	width:347px;
}
.page-id-326 .post h1{
	width:238px;
	height:174px;
	text-indent:-9999px;
	background:url(img/products/azurete_title.png) no-repeat;
}
.page-id-326 .post h2{
	height:0;
	text-indent:-9999px;
}
.page-id-326 .explanation {
	color:#fff;
}
.page-id-326 #panel h3{
    height:26px;
    background: url(img/products/popup_title_azurete.png) center top no-repeat;
}
.page-id-326 #panel #wrap_box{
    margin:20px 0 0 40px;
}
.page-id-326 #panel #photo{
    width:609px;
    margin-top:5px;
}
.page-id-326 #panel #vari_area{
	margin-top:20px;
}
.page-id-326 .l_box{
	float:left;
}
.page-id-326 .r_box{
	float:left;
	margin-left:20px;
}
.page-id-326 dl{
	width:170px;
	min-height:100px;
	margin-bottom:22px;
    padding-left:150px;
}
.page-id-326 .variation_1{
    background: url(img/products/azurete_pic1.jpg) left top no-repeat;
}
.page-id-326 .variation_2{
    background: url(img/products/azurete_pic2.jpg) left top no-repeat;
}
.page-id-326 .variation_3{
    background: url(img/products/azurete_pic3.jpg) left top no-repeat;
}
.page-id-326 .variation_4{
    background: url(img/products/azurete_pic4.jpg) left top no-repeat;
}
.page-id-326 #vari_area dd{
	font-size:10px;
	margin-top:1em;
}

/*		[Footer]
-----------------------------------------------*/
.home #footer{
    width:100%;
    background:url(img/bg.jpg);
    position:fixed;
    left:0;bottom:0;
    z-index:50;
}
#footer{
    text-align:center;
}
#footer h1{
    margin-bottom:32px;
}
.copy{
    color:#fff;
    font-size:10px;
    height:32px;
    line-height:32px;
    background:url(img/footer_bg.png) no-repeat center top #9A6A00;
}

/*      [Footer - Products]
-----------------------------------------------*/
.page #footer{
    text-align:left;  
}
.page #footer_content{
    position:relative;
    padding-top:22px;
}
.page #footer_content h1{
    width:170px;
    text-align:right;
    margin:0 auto;
}
.footer_fb_btn{
    width:43px;
    position:absolute;
    right:15px;top:57px;
}
.seasonal_goods{
    width:190px;
    text-align:right;
    position:absolute;
    right:23px;top:15px;
}

.page #footer .buy a{
    position:absolute;
    left:0;top:0;
}
.footer_fb_btn a:hover img,
.seasonal_goods a:hover img,
.page #footer .buy a:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity: 0.80;
	opacity:0.80;	
}
.page-id-8 #footer .buy a,
.page-id-13 #footer .buy a{
    width:328px;
    height:121px;
    display:block;
    text-indent:-9999px;
    background:url(img/products/buy_pic1.png);
    left:20px;top:-19px;
}
.page-id-15 #footer .buy a,
.page-id-17 #footer .buy a{
    width:339px;
    height:99px;
    display:block;
    text-indent:-9999px;
    background:url(img/products/buy_pic2_2.png);
    left:23px;top:-8px;
}
.page-id-4 #footer .buy a{
    width:300px;
    height:126px;
    display:block;
    text-indent:-9999px;
    background:url(img/products/buy_pic3_2.png);
    left:47px;top:-20px;
}
.page-id-6 #footer .buy a{
    width:235px;
    height:126px;
    display:block;
    text-indent:-9999px;
    background:url(img/products/buy_pic3.png);
    left:47px;top:-20px;
}
.page-id-19 #footer .buy a{
    width:289px;
    height:89px;
    display:block;
    text-indent:-9999px;
    background:url(img/products/buy_pic4.png);
    left:51px;top:10px;
}
.page-id-21 #footer .buy a{
    width:263px;
    height:107px;
    display:block;
    text-indent:-9999px;
    background:url(img/products/buy_pic_curry.png);
    left:37px;top:1px;
}
.page-id-268 #footer .buy a,
.page-id-326 #footer .buy a{
    width:268px;
    height:95px;
    display:block;
    text-indent:-9999px;
    background:url(img/products/buy_pic_azurete.png);
    left:35px;top:10px;
}
.page-id-238 #footer .buy a{
    width:254px;
    height:100px;
    display:block;
    text-indent:-9999px;
    background:url(img/products/buy_pic_chocolate.png);
    left:37px;top:5px;
}
.page-id-247 #footer .buy a{
    width:205px;
    height:110px;
    display:block;
    text-indent:-9999px;
    background:url(img/products/buy_pic_cordial1.png);
    left:78px;top:-10px;
}
.page-id-251 #footer .buy a{
    width:205px;
    height:110px;
    display:block;
    text-indent:-9999px;
    background:url(img/products/buy_pic_cordial2.png);
    left:78px;top:-10px;
}
.page-id-254 #footer .buy a{
    width:256px;
    height:80px;
    display:block;
    text-indent:-9999px;
    background:url(img/products/buy_pic_rillettes.png);
    left:37px;top:15px;
}
.page-id-258 #footer .buy a{
    width:256px;
    height:80px;
    display:block;
    text-indent:-9999px;
    background:url(img/products/buy_pic_rillettes2.png);
    left:37px;top:15px;
}
.page-id-241 #footer .buy a{
    width:234px;
    height:118px;
    display:block;
    text-indent:-9999px;
    background:url(img/products/buy_pic_gold-gateau1.png);
    left:45px;top:-13px;
}
.page-id-243 #footer .buy a{
    width:234px;
    height:118px;
    display:block;
    text-indent:-9999px;
    background:url(img/products/buy_pic_gold-gateau2.png);
    left:45px;top:-13px;
}
.page-id-263 #footer .buy a,
.page-id-266 #footer .buy a{
    width:257px;
    height:78px;
    display:block;
    text-indent:-9999px;
    background:url(img/products/buy_pic_crepinette.png);
    left:37px;top:15px;
}
.page-id-334 #footer .buy a{
    width:283px;
    height:102px;
    display:block;
    text-indent:-9999px;
    background:url(img/products/pascho_buy1.png);
    left:31px;top:11px;
}
.page-id-348 #footer .buy a{
    width:281px;
    height:93px;
    display:block;
    text-indent:-9999px;
    background:url(img/products/ice_buy1.png);
    left:31px;top:11px;
}
.page-id-353 #footer .buy a{
    width:219px;
    height:127px;
    display:block;
    text-indent:-9999px;
    background:url(img/products/shimanosu_buy1.png);
    left:42px;top:-21px;
}
.movie_btn{
    width:141px;
    height:79px;
    position:absolute;
    right:190px;top:15px;
}
.page-id-8 .movie_btn,
.page-id-13 .movie_btn{
    background:url(img/tee_movie.gif) no-repeat;
    background-size:141px auto;
}
.page-id-4 .movie_btn,
.page-id-6 .movie_btn{
    background:url(img/kamaboko_movie.gif) no-repeat;
    background-size:141px auto;
}
.page-id-19 .movie_btn{
    background:url(img/pine_movie.gif) no-repeat;
    background-size:141px auto;
}
.page-id-21 .movie_btn{
    background:url(img/curry_movie.gif) no-repeat;
    background-size:141px auto;
}
.page-id-238 .movie_btn{
    background:url(img/movie_les.gif) no-repeat;
    background-size:141px auto;
}
.page-id-247 .movie_btn,
.page-id-251 .movie_btn{
    background:url(img/movie_cordial.gif) no-repeat;
    background-size:141px auto;
}
.page-id-263 .movie_btn,
.page-id-266 .movie_btn{
    background:url(img/movie_puka.gif) no-repeat;
    background-size:141px auto;
}
.page-id-241 .movie_btn,
.page-id-243 .movie_btn{
    background:url(img/movie_gold.gif) no-repeat;
    background-size:141px auto;
}
.page-id-268 .movie_btn,
.page-id-326 .movie_btn{
    background:url(img/movie_azurete.gif) no-repeat;
    background-size:141px auto;
}


.movie_btn a{
    width:141px;
    height:79px;
    display:block;
    text-indent:-9999px;
    background:url(img/top_movie_btn2.png) no-repeat center center;

}
.movie_btn a:hover{
    opacity:0.8;
}

/*		[Clearfix]
-----------------------------------------------*/
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.clearfix{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}
/* End Hack */ 
.clear{clear:both;}