@charset "utf-8";

/* INITIALIZE
2017.04.13 Reset CSS including HTML5 tags (with box-sizing to border-box)
Masayuki Fukumoto (OSSI Inc.)
==================================================== */
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,main,summary,time,mark,audio,video,a{margin:0; padding:0; border:0; background:transparent; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:''; content:none;}
pre,code,kbd,samp{font-family:monospace,monospace; font-size:inherit;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal; font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
sup,sub{font-size:75%; position:relative; line-height:1; vertical-align:baseline;}
sup{bottom:.75ex;}
sub{bottom:.0ex;}

input,textarea,select{vertical-align:middle; font-family:inherit; font-size:inherit; font-weight:inherit;}
button{cursor:pointer;}
a{outline:none;}
audio:not([controls]){display:none;}
time{display:inline;}
[hidden]{display:none;}
input::-ms-clear,input::-ms-reveal,input:focus::-ms-clear,input:focus::-ms-reveal{visibility:hidden; display:none;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{padding:0; border:0;}
input,textarea,select{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
i,em{font-style:normal;}

/* BASE CONFIGURATIONS
==================================================== */
html,body{height:100%;}
a:link{color:#000; text-decoration:underline;}
a:visited{color:#000; text-decoration:underline;}
a:hover{color:#c22; text-decoration:underline;}
a:active{color:#999;}
body.cp a:hover{color:#2a549b;}


a img,button,input[type=button],input[type=submit],input[type=reset],a div{transition:all 0.3s ease;}
a img:hover,a:hover img,button:hover,input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover,a div:hover{opacity:0.7;}
img{backface-visibility:hidden;}
/* force alignment */
.a-ct{text-align:center;}
.a-rt{text-align:right;}
.a-lt{text-align:left;}
/* force float */
.f-rt{float:right;}
.f-lt{float:left;}
figure.f-rt{margin:0 0 40px 40px;}
figure.f-lt{margin:0 40px 40px 0;}
/* center image */
figure.ctrImg{margin:0 auto 40px; display:table; text-align:center;}
figure.ctrImg img{margin:0 auto; display:block; max-width:100%; height:auto;}
figure.ctrImg figcaption{padding:10px 0;}

/* media branch */
.sp-only,.br-sp{display:none;}
.br-pc{display:inline;}
/* clear elements */
.clr{clear:both;}
.clrFx{clear:both;}
.clrFx:after{content:''; clear:both; display:block;}
main,article,section,footer,#wrapper,#container{clear:both;}
main:after,article:after,section:after,footer:after,#wrapper:after,#container:after{content:''; clear:both; display:block;}
/* script access element */
#sensor{width:5px; height:5px; position:absolute; left:-50px; bottom:-50px; visibility:hidden;}

.clearfix:after {content: "";display: block;clear: both;}

/* font global
==================================================== */
@font-face{
  font-family:'mnicons';
  src:url('/common/fonts/mnicons.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face{
   font-family:'noto';
   font-style: normal;
   font-weight:normal;
   src: url('/common/fonts/NotoSansCJKjp-DemiLight.woff') format('woff');
}
@font-face{
   font-family:'noto';
   font-style: normal;
   font-weight:bold;
   src: url('/common/fonts/NotoSansCJKjp-Medium.woff') format('woff');
}
body{-webkit-text-size-adjust:100%;}
body,
input,
textarea,
select,
button{font-size:14px; line-height:1.5; color:#000; letter-spacing:.025em; font-feature-settings:"pkna"; text-justify:auto; font-weight:normal; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; font-family:noto,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif !important}

.isIE body,
.isIE input,
.isIE textarea,
.isIE select,
.isIE button{font-family:"メイリオ", Meiryo,noto,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif}

*:before,
*:after{font-family:mnicons;}

/* basic elements
==================================================== */
/* container */
#wrapper{}
body.blur{}
body.blur #pageBody,
body.blur #siteFooter{filter: blur(10px);}

/* headings */
.primaryHeader{position:relative; text-align:center; margin-bottom:40px;}
.primaryHeader:before{content:''; position:absolute; left:0; top:50%; width:100%; height:1px; background:#000; z-index:0;}
.primaryHeader.nb:before{display:none;}
.primaryHeader h1{font-size:40px; text-align:center; display:inline-block; background:#fff; padding:0 40px; z-index:1; position:relative; line-height:1.4;}
.primaryHeader h2{font-size:30px; text-align:center; display:inline-block; background:#fff; padding:0 40px; z-index:1; position:relative; line-height:1.4;}
.primaryHeader h2.productName{display:block; margin-top:15px;}
.primaryHeader p{font-size:20px; margin-top:20px;}
section .primaryHeader{ padding-bottom: 20px;}
section.regular + section .primaryHeader h2{ display: none}
/*section .primaryHeader h2{ display: none}*/
#pageBody section.regular > header{position:relative; text-align:center; margin-bottom:30px;}
#pageBody section.regular > header:before{position:absolute; left:0; top:50%; width:100%; height:1px; background:#b45454; z-index:0; content:''; display:block;}
#pageBody section.regular > header h2{color:#c22; font-size:30px; text-align:center; display:inline-block; padding:0 40px; background:#fff; position:relative; z-index:1; line-height:40px;}
#pageBody h3{font-weight:bold; margin-bottom:10px;}
/*#pageBody h3.regular{margin:50px 0 10px; font-size:18px;}*/
body.cp #pageBody h3.regular,
#pageBody h3.cpRegular{background:#e6eaef; color:#3c5978; padding:10px; font-size:16px; margin:40px 0 20px;}
#pageBody section.regular > header + h3.regular{margin-top:0;}
#pageBody h4{}
#pageBody h5{}
#pageBody h6{}
.cp #pageBody{}

/* general elements */
p{margin-bottom:1.5em;}
p.lead{font-size:20px; line-height:1.5;}
p.note{font-size:12px; line-height:1.5;}
p.footNote{font-size:12px; line-height:1.5; position:relative; top:-20px;}
ul,
ol{margin:0 0 1.5em 1.5em;}
ul li,
ol li{margin-bottom:.5em;}
dl{border-bottom:1px #ddd solid; margin-top:-1px;}
dl dt{background:#ededed; padding:5px 10px; border-top:1px #999 solid;}
dl dd{padding:5px 10px;}

dl.regular{border-bottom:none; margin-top:0; margin-bottom:30px;}
dl.regular dt{background:none transparent; padding:0; border-top:0; font-size:16px; font-weight:bold; margin-bottom:10px;}
dl.regular dd{padding:0; margin-bottom:20px;}
ul.notes{font-size:12px;}
ul.notes li{text-indent:-1em; padding-left:1em; list-style:none;}
ul.notes.num li{text-indent:-1.5em; padding-left:1.5em;}


small{font-size:12px;}
figure{margin-bottom:1.5em;}
figure img{display:block; max-width:100%; height:auto; margin-bottom:5px;}
figure figcaption{padding-bottom:5px;}
table{width:100%; margin-bottom:1.5em;}
table th,
table td{padding:10px;}
table th{font-weight:bold;}
table thead th{text-align:center;}

table.regular th,
table.regular td{padding:15px;}
table.regular th{color:#2e4c6e;}
table.regular thead th{text-align:center;}
table.regular tbody tr:nth-child(odd) th,
table.regular tbody tr:nth-child(odd) td{background:#f7f8f9;}

table.cpInfo th,
table.cpInfo td{padding:15px; border:1px #aec0d5 solid;}
table.cpInfo th{color:#2e4c6e;}
table.cpInfo thead th{text-align:center; background:#f5f6f7;}
table.cpInfo tbody th{background:#f5f6f7;}

table.infoTable th,
table.infoTable td{padding:15px; border:1px #ccc solid;}
table.infoTable th{color:#fbf6ee;}
table.infoTable thead th{text-align:center; background:#fbf6ee; color:#613d00;}
table.infoTable tbody th{background:#fbf6ee; color:#613d00;}
table.infoTable.zebra tbody tr:nth-child(even) th,
table.infoTable.zebra tbody tr:nth-child(even) td{background:#f5f5f5;}

table.infoTable.compact th,
table.infoTable.compact td{font-size:12px; padding:10px;}

/* form objects */
#pageBody label.select{position:relative; min-height:35px; display:inline-block;}
#pageBody label.select:after{content:'\e90b'; color:#666; width:14px; height:14px; position:absolute; right:10px; top:50%; margin-top:-7px; display:block; text-align:center; line-height:14px; font-size:16px; pointer-events:none;}
#pageBody label.select select{background:none #f5f6f7; border:0 none; padding:5px; vertical-align:middle; min-height:35px; -webkit-appearance:none; -moz-appearance:none; appearance:none; width:100%;}

/* link button */
a.btn{background:#f7f8f9; border:1px #999 solid; text-decoration:none; display:block; padding:10px; position:relative; line-height:1;}
a.btn.single{margin:0 auto; width:460px;}
ul.linkList{ display: flex; flex-wrap: wrap; justify-content: space-between; margin:0;}
ul.linkList li{ margin-bottom:40px; list-style:none;}

/*
ul.linkList{clear:both; margin:0;}
ul.linkList:after{content:''; display:block; clear:both;}
ul.linkList li{float:left; margin-bottom:40px; list-style:none;}
*/
ul.linkList.single li{width:100%; margin-bottom:20px; float:none; clear:both;}
ul.linkList.double li{width:450px; margin-bottom:30px;}
ul.linkList.double li:nth-child(even){float:right;}
ul.linkList.trio li{width:300px; margin:0 20px 20px 0;}
ul.linkList.trio li:nth-child(3n){margin-right:0;}
ul.linkList.quad li{width:220px; margin:0 20px 20px 0;}
ul.linkList.quad li:nth-child(4n){margin-right:0;}

ul.linkList.linkL a{padding:20px 30px 20px 20px;}
ul.linkList a.linkA{background:#3e6c95; border:1px solid #3e6c95; color:#fff;}
/*.pdflink::before{content:'\e91f'; color:#fff; font-size:18px; display:inline-block; margin:0 5px 0 0; vertical-align:middle;}
.pdflink:hover::before{color:#3e6c95;}*/

ul.linkList li a{background:#f7f8f9; border:1px #999 solid; text-decoration:none; display:block; padding:10px 30px 10px 10px; position:relative; line-height:1;}
ul.linkList li a:after,
a.btn:after{content:'\e902'; width:18px; height:18px; line-height:18px; position:absolute; right:8px; top:50%; margin-top:-9px;}
ul.linkList li a:hover,
a.btn:hover{color:#c22; border-color:#c22; background:#fff;}
body.cp ul.linkList li a:hover,
body.cp a.btn:hover{background:#fff; color:#2a549b; border-color:#2a549b;}
div.more a.btn{width:220px; margin:0 auto;}
div.more a.btn:after{content:'\e900';}
ul.linkList li a.active{background:#fff; color:#c22; border-color:#c22;}
body.cp ul.linkList li a.active{background:#fff; color:#2a549b; border-color:#2a549b;}
ul.linkList li.pdf a{position: relative; padding-left:35px;}
ul.linkList li.pdf a:after{content:'\e91f'; width:18px; height:18px; line-height:18px; position:absolute; left:8px; top:50%; margin:-9px 0 0 0; color:#c22; font-size:18px;}
a.btn.pdf{width:50%; padding-left:30px;}
a.btn.pdf:after{content:'\e91f'; width:18px; height:18px; line-height:18px; position:absolute; left:8px; top:50%; margin:-9px 10px 0 0; color:#c22; font-size:18px;}

ul.linkBtns{clear:both; margin:0;}
ul.linkBtns:after{content:''; display:block; clear:both;}
ul.linkBtns li{float:left; margin-bottom:20px; list-style:none; margin-right:20px; white-space:nowrap;}
ul.linkBtns li a{background:#f7f8f9; border:1px #999 solid; text-decoration:none; display:block; padding:10px 30px 10px 10px; position:relative; line-height:1;}
ul.linkBtns li a:after{content:'\e902'; width:18px; height:18px; line-height:18px; position:absolute; right:8px; top:50%; margin-top:-9px;}
ul.linkBtns li a:hover{color:#c22; border-color:#c22; background:#fff;}
body.cp ul.linkBtns li a:hover{background:#fff; color:#2a549b; border-color:#2a549b;}
ul.linkBtns.anchor li a:after{content:'\e900';}


/* page anchor */
ul.linkList.pgAnchor{margin-left:0;}
ul.linkList.pgAnchor li{list-style:none; margin-bottom:20px;}
ul.linkList.pgAnchor li a:after{content:'\e900'; width:18px; height:18px; line-height:18px; position:absolute; right:8px; top:50%; margin-top:-9px;}

/* return btn */ 	
div.rtn{padding-bottom:60px;} 	
div.rtn a.btn{padding-left:40px;} 	
div.rtn a.btn:after{content:'\e901'; left:16px; ight:auto;}

/* link with image */
.imgLink a{text-decoration:none;}
.imgLink a:hover{text-decoration:underline;}
.imgLink a b{font-weight:bold; color:#c22;}
body.cp .imgLink a b{color:#2a549b; display:block;}
.imgLink a:hover p{text-decoration:none !important; color:#000;}
body.cp .mc.duo.imgLink a b{font-size:18px; margin:10px 0;}

/* external */
a.ext:before{content:'\e90c';}

/* table like definition list */
#pageBody .tableContainer{clear:both; padding-bottom:10px;}
#pageBody .tableContainer:after{clear:both; content:''; display:block;}
#pageBody .tableContainer.trio dl{width:300px; float:left; margin-right:20px;}
#pageBody .tableContainer.trio dl:nth-child(3n){margin-right:0;}
#pageBody .tableContainer.trio dl:nth-child(3n+1){clear:both;}
#pageBody .tableContainer.duo dl{width:460px; float:left; margin-right:20px;}
#pageBody .tableContainer.duo dl:nth-child(2n){margin-right:0;}
#pageBody .tableContainer.duo dl:nth-child(2n+1){clear:both;}
#pageBody p.tableCaption{margin-bottom:5px;}
#pageBody p.tableFoot{clear:both;}

/* multi column */
.mc{clear:both;}
.mc:after{clear:both; display:block; content:'';}
.mc .col{float:left; margin-right:20px;}
.mc.duo  .col{width:450px;}
.mc.trio .col{width:300px; float:left;}
.mc.quad .col{width:220px; float:left;}
.mc.hex  .col{width:140px; float:left;}
.mc.duo  .col:nth-child(2n),
.mc.trio .col:nth-child(3n),
.mc.quad .col:nth-child(4n),
.mc.hex  .col:nth-child(6n){margin-right:0;}
.mc.duo  .col:nth-child(2n+1),
.mc.trio .col:nth-child(3n+1),
.mc.quad .col:nth-child(4n+1),
.mc.hex  .col:nth-child(6n+1){clear:both;}




/* site header
==================================================== */
#siteHeader{height:82px; z-index:2; background:#fff; transition:all .2s ease-in;}
/*#siteHeader{height:80px; z-index:2; background:#fff; transition:all .2s ease-in;}*/
#siteHeader .inner{width:940px; height:80px; margin:0 auto; position:relative;}
#siteID{width:339px; height:48px; position:absolute; left:0; top:13px;}
/*#siteID{width:227px; height:48px; position:absolute; left:0; top:15px;}*/
#siteID img{display:block; width:100%; height:auto;}
#siteHeader nav{float:right; width:600px; height:30px; text-align:right; margin-top:18px;}
#siteHeader nav .headSearch{float:right; position:relative; width:180px; height:30px;}
#siteHeader nav .headSearch input{width:180px; height:30px; border:1px #999 solid; position:absolute; right:0; top:0; padding:5px 10px;}
#siteHeader nav .headSearch button{display:block; width:28px; height:28px; position:absolute; right:1px; top:1px; background:none; border:0; text-indent:-9999px; overflow:hidden;}
#siteHeader nav .headSearch button:after{content:'\e910'; color:#999; width:28px; height:28px; position:absolute; left:0; top:0; text-align:center; line-height:28px; text-indent:0; font-size:16px;}
#siteHeader nav ul{display:inline-block; text-align:center; margin:0;}
#siteHeader nav ul li{display:inline-block; line-height:18px; margin-right:20px; padding-top:6px; border-bottom:1px #666 solid; }
#siteHeader nav ul li a{position:relative; color:#666; display:block; text-decoration:none;}
#siteHeader nav ul li a:after{content:''; display:inline-block; margin-left:10px; font-size:18px; vertical-align:middle; position:relative; top:-2px;}

#siteHeader nav ul li.customer { background:#da2929; padding:4px; border-radius:3px;}
#siteHeader nav ul li.customer a,
#siteHeader nav ul li.customer a:hover{ color:#fff; border-bottom:2px solid #fff;}
#siteHeader nav ul li.customer a:after {background-image:url(/common/img/icn_qa.png); width:24px; height:15px; margin-left:4px;}

/*#siteHeader nav ul li.customer a:after{content:'\e907';}*/
#siteHeader nav ul li.global {border-bottom:1px #666 solid;}
#siteHeader nav ul li.global a:after{content:'\e913'; margin-left:10px; }
#siteHeader nav ul li.home a:after{content:'\e909';}
#siteHeader div.homeSetting{width:30px; height:30px; float:right; margin-left:10px;}
#siteHeader div.homeSetting a{width:30px; height:30px; overflow:hidden; border:1px #999 solid; text-indent:-9999px; position:relative; text-align:left; display:block;}
#siteHeader div.homeSetting a:before{content:'\e90d'; text-align:center; text-indent:0; position:absolute; left:0; top:0; width:30px; height:30px; line-height:28px; color:#999; display:block; font-size:21px;}
#siteHeader div.homeSetting a:hover{color:#c22; border-color:#c22;}
#siteHeader div.homeSetting a:hover:before{color:#c22;}
#siteHeader .toggle{display:none;}
#siteHeader.fixed{position:fixed; top:0; left:0; width:100%; height:65px; box-shadow:0px 9px 13px -9px rgba(0,0,0,0.3);}
#siteHeader.fixed nav{display:none;}
#siteHeader.fixed #siteID{top:14px; width:240px;}
/*#siteHeader.fixed #siteID{top:14px; width:180px;}*/

#homePageSetting{width:940px; height:auto; max-height:80%; overflow-y:auto; background:#fff; position:fixed; z-index:10001; left:50%; top:10%; margin-left:-470px; padding:40px; text-align:center; display:none;}
#homePageSetting header{font-size:20px; line-height:1; margin:0 0 20px; padding:0;}
#homePageSetting header:before{content:'\e90d'; font-size:60px; color:#666; display:block; margin:0 0 10px;}
#homePageSetting ul.confHome{text-align:center; margin:0 0 20px;}
#homePageSetting ul.confHome li{display:inline-block; margin:0 10px;}
#homePageSetting ul.confHome li a{background:#e1eaf1; padding:10px; display:block; margin-bottom:5px;}
#homePageSetting ul.confHome li a:hover,
#homePageSetting ul.confHome li a.active{background:#c22; opacity:1;}
#homePageSetting ul.confHome li img{display:block;}
#homePageSetting ul.confHome li a:hover img{opacity:1;}
#homePageSetting .homeImage a img{ border:  solid 1px #ccc;}
#homePageSetting figure{display:inline-block; margin:0 10px;}
#homePageSettingOverlay{background:rgba(0,0,0,.5); width:100%; height:100%; position:fixed; left:0; top:0; z-index:10000; display:none;}


/* global navigation
==================================================== */
#globalNav .navSearch{display:none;}
#globalNav{background:#f5f6f7; height:45px; position:relative; z-index:100;}
#globalNav ul.primary{width:940px; height:45px; margin:0 auto; text-align:center; padding-top:10px;}
#globalNav ul.primary li{display:inline-block; margin:0; font-size:15px; border:1px #95989a solid; border-width:0 0 0 1px;}
#globalNav ul.primary li:last-child{border-right-width:1px;}
#globalNav ul.primary li a{text-decoration:none; display:inline-block; height:27px; padding:0 37px; line-height:27px; position:relative;}

body.cp #globalNav ul.primary li a{padding:0 15px;}


#globalNav ul.primary li.customer{display:none;}

#globalNav.fixed{background:transparent; position:fixed; z-index:4; width:800px; height:55px; padding-top:10px; left:50%; margin-left:-280px;}
#globalNav.fixed ul.primary{width:100%; text-align:right; height:35px; padding-top:10px;}
#globalNav.fixed ul.primary li{font-size:14px;}
#globalNav.fixed ul.primary li a{padding:0 15px; height:25px; line-height:25px;}
body.cp #globalNav.fixed ul.primary li a{padding:0 7px;}

#globalNav ul.primary li a.active{color:#333;}

#globalNav .ddm{position:absolute; left:0; top:45px; width:100%; background:#fff; padding:40px 0; box-shadow:0px 9px 13px -9px rgba(0,0,0,0.3) inset, 0px 200px 300px 0px rgba(0,0,0,0.2); display:none; z-index:10000;}
#globalNav.fixed .ddm{top:65px; position:fixed; left:0; width:100%;}
#globalNav .ddm a.close{width:40px; height:40px; position:absolute; left:50%; top:40px; margin-left:430px; text-indent:-9999px; overflow:hidden; text-decoration:none;}
#globalNav .ddm a.close:after{content:'\e904'; font-size:36px; line-height:36px; text-align:center; text-indent:0; display:block; width:40px; height:40px; position:absolute; left:0; top:0;}
#globalNav .ddm p{width:940px; margin:0 auto; font-size:16px; margin-bottom:20px;}
#globalNav .ddm p a{width:220px; border-bottom:1px #999 solid; display:block; padding:10px 0; text-decoration:none; position:relative;}


#globalNav .ddm p a:after{content:'\e902'; width:18px; height:18px; position:absolute; right:0; top:50%; margin-top:-9px;}
#globalNav .ddm ul{width:940px; margin:0 auto; clear:both;}
#globalNav .ddm ul:after{content:''; display:block; clear:both;}
#globalNav .ddm ul.corp_top{ margin-top: 20px;}
#globalNav .ddm ul li{width:220px; margin:0 20px 20px 0; float:left;}
#globalNav .ddm ul li.double{width:460px;}
#globalNav .ddm ul li a{text-decoration:none;}
#globalNav .ddm li{letter-spacing:0;}
#globalNav .ddm li.spMenu{display:none;}
#globalNav .ddm.products li a{border:1px #999 solid; width:220px; height:80px; padding:0 10px 0 100px; display:table-cell; vertical-align:middle; background-position:10px center; background-repeat:no-repeat; background-size:80px auto;}
#globalNav .ddm.products li.tin a{background-image:url(/common/img/ddm/prd-tin.jpg);}
#globalNav .ddm.products li.freeze a{background-image:url(/common/img/ddm/prd-frozen.jpg);}
#globalNav .ddm.products li.bottled a{background-image:url(/common/img/ddm/prd-bottled.jpg);}
/*#globalNav .ddm.products li.chilled a{background-image:url(/common/img/ddm/prd-chilled.jpg);}*/
#globalNav .ddm.products li.pouch a{background-image:url(/common/img/ddm/prd-pouch.jpg);}
#globalNav .ddm.products li.paste a{background-image:url(/common/img/ddm/prd-paste.jpg);}
#globalNav .ddm.products li.sausage a{background-image:url(/common/img/ddm/prd-fish-sausage.jpg);}
#globalNav .ddm.products li.retort a{background-image:url(/common/img/ddm/prd-retort.jpg);}
#globalNav .ddm.products li.jelly a{background-image:url(/common/img/ddm/prd-jelly.jpg);}
#globalNav .ddm.products li.desert a{background-image:url(/common/img/ddm/prd-desert.jpg);}
#globalNav .ddm.products li.health a{background-image:url(/common/img/ddm/prd-health.jpg);}
#globalNav .ddm.products li.care a{background-image:url(/common/img/ddm/prd-care-foods.jpg);}
#globalNav .ddm.products li.pouch,
#globalNav .ddm.products li.jelly,
#globalNav .ddm.products li:last-child{margin-right:0;}
#globalNav .ddm.products li.plain{margin-bottom:0;}
#globalNav .ddm.products li.plain a{border:none; height:auto; border-bottom:1px #999 solid; text-decoration:none; display:block; padding:10px 20px 10px 0; position:relative;}
#globalNav .ddm.products li.plain  a:after{width:14px; height:14px; position:absolute; right:0; top:50%; margin-top:-7px; content:'\e902';}

#globalNav .ddm.recipe li a{border:1px #999 solid; width:220px; height:80px; padding:0 10px 0 80px; display:table-cell; vertical-align:middle; background-position:2px center; background-repeat:no-repeat; background-size:72px auto;}
#globalNav .ddm.recipe li.jellice a{background-image:url(/common/img/ddm/rcp-jellice.jpg);}
#globalNav .ddm.recipe li.cafestyle a{background-image:url(/common/img/ddm/rcp-cafestyle.jpg)}
#globalNav .ddm.recipe li.sausage a{background-image:url(/common/img/ddm/rcp-sausage.jpg);}
#globalNav .ddm.recipe li.lunchbox a{background-image:url(/common/img/ddm/rcp-lunchbox.jpg);}
#globalNav .ddm.recipe li.cantashi a{background-image:url(/common/img/ddm/rcp-cantashi.jpg);}
#globalNav .ddm.recipe li.healthy a{background-image:url(/common/img/ddm/rcp-healthy.jpg);}
#globalNav .ddm.recipe li.aqli a{background-image:url(/common/img/ddm/rcp-aqli.jpg);}
#globalNav .ddm.recipe li.french a{background-image:url(/common/img/ddm/rcp-french.jpg);}
#globalNav .ddm.recipe ul.image li a,
#globalNav .ddm.product ul li.image a{padding:0; background-position:center center; background-size:auto; text-align:center; font-size:16px; color:#fff; font-weight:bold; text-shadow:0 0 2px rgba(0,0,0,.5); height:80px;}
#globalNav .ddm.recipe ul.image li.general a,
#globalNav .ddm.product ul li.image.general a{background-image:url(/common/img/ddm/rcp-standard.jpg);}
#globalNav .ddm.recipe ul.image li.movie a,
#globalNav .ddm.product ul li.image.movie a{background-image:url(/common/img/ddm/rcp-movie.jpg);}
#globalNav .ddm.recipe ul.image li.ranking a,
#globalNav .ddm.product ul li.image.ranking a{background-image:url(/common/img/ddm/rcp-ranking.jpg);}
#globalNav .ddm.recipe ul.image li.newarrival a,
#globalNav .ddm.product ul li.image.newarrival a{background-image:url(/common/img/ddm/rcp-newarrival.jpg);}
#globalNav .ddm.recipe ul.image li.finest a,
#globalNav .ddm.product ul li.image.finest a{background-image:url(/common/img/ddm/rcp-finest.jpg);}
#globalNav .ddm.recipe li.lunchbox,
#globalNav .ddm.recipe li.french,
#globalNav .ddm.recipe ul.image li.finest{margin-right:0;}

#globalNav .ddm.contents p{margin-bottom:10px;}
#globalNav .ddm.contents p.header{font-size:12px; font-weight:bold;}
#globalNav .ddm.contents p.header:before{content:'―'; font-weight:normal; padding-right:10px;}
#globalNav .ddm.contents li a{background-position:center center; background-size:auto; text-indent:-9999px; display:block; width:220px; height:80px; border:1px #999 solid;}
#globalNav .ddm.contents li.cpGude a{background-image:url(/common/img/ddm/klg-cp-gudetama.jpg);}
#globalNav .ddm.contents li.cpSausage a{background-image:url(/common/img/ddm/klg-cp-sausage.jpg);}
#globalNav .ddm.contents li.cpZukan a{background-image:url(/common/img/ddm/klg-cp-zukan.jpg);}
#globalNav .ddm.contents li.spSausage a{background-image:url(/common/img/ddm/klg-sp-fishsausage.jpg);}
#globalNav .ddm.contents li.spSalmon a{background-image:url(/common/img/ddm/klg-sp-salmon.jpg);}
#globalNav .ddm.contents li.spSmartClub a{background-image:url(/common/img/ddm/klg-sp-smartclub.jpg);}
#globalNav .ddm.contents li.spGallery a{background-image:url(/common/img/ddm/klg-sp-gallery.jpg);}
#globalNav .ddm.contents li.spPoster a{background-image:url(/common/img/ddm/klg-sp-poster.jpg);}
#globalNav .ddm.contents li.spDha a{background-image:url(/common/img/ddm/klg-sp-dha.jpg);}
#globalNav .ddm.contents li.spSakecan a{background-image:url(/common/img/ddm/klg-sp-sakecan.jpg);}
#globalNav .ddm.contents li.spChinese a{background-image:url(/common/img/ddm/klg-sp-chinese.jpg);}
#globalNav .ddm.contents li.spKani a{background-image:url(/common/img/ddm/klg-sp-akebono.jpg);}
#globalNav .ddm.contents li.spFuku a{background-image:url(/common/img/ddm/klg-sp-fuku.jpg);}
#globalNav .ddm.contents li.spChahan a{background-image:url(/common/img/ddm/klg-sp-chahan.jpg);}
#globalNav .ddm.contents li.spCantashi a{background-image:url(/common/img/ddm/klg-sp-cantashi.jpg);}
#globalNav .ddm.contents li.spResara a{background-image:url(/common/img/ddm/klg-sp-resara.jpg);}
/*#globalNav .ddm.contents li.spNikugabutto a{background-image:url(/common/img/ddm/klg-cp-nikugabu.gif);}*/
#globalNav .ddm.contents li.sp140th a{background-image:url(/common/img/ddm/klg-sp-140th.png);}


#globalNav .ddm.contents li.spNikugabutto a{background-image:url(/common/img/ddm/klg-cp-nikugabu02.gif);}/*9月2日13時公開*/

/*#globalNav .ddm.contents li.cp01 a{background-image:url(/common/img/ddm/klg-cp-nikugabu201904.jpg);}*/
#globalNav .ddm.contents li.cp02 a{background-image:url(/common/img/ddm/klg-cp-wildish-open.jpg);}
#globalNav .ddm.contents li.cp03 a{background-image:url(/common/img/ddm/klg-cp-wildish-close.jpg);}

#globalNav .ddm.contents li.cpZerais a{background-image:url(/common/img/ddm/klg-cp-zerais.jpg);}

#globalNav .ddm.contents li.cpSports a{background-image:url(/common/img/ddm/klg-cp-sports.jpg);}
#globalNav .ddm.contents li.spSports a{background-image:url(/common/img/ddm/klg-sp-sports.jpg);}
#globalNav .ddm.contents li.spSmartClub,
#globalNav .ddm.contents li.spDha{margin-right:0;}
#globalNav .ddm.shop ul li{width:460px; margin:0 0 20px 0; float:left;}
#globalNav .ddm.shop ul li:last-child{float:right; margin-right:0;}
#globalNav .ddm.shop ul li a{width:460px; height:80px; display:table-cell; vertical-align:middle; text-align:center; color:#fff; font-weight:bold; font-size:16px; text-shadow:0 0 2px rgba(0,0,0,.5)}
#globalNav .ddm.shop ul li.ajiwai a{background-image:url(/common/img/ddm/shp-ajiwai.jpg);}
#globalNav .ddm.shop ul li.medicare a{background-image:url(/common/img/ddm/shp-medicare.jpg);}
#globalNav .ddm.shop ul li a span{padding:5px; background:rgba(0,0,0,.4); display:block;}

#globalNav .ddm.company ul li{margin-bottom:10px;}
#globalNav .ddm.company ul li a{border-bottom:1px #999 solid; text-decoration:none; display:block; padding:10px 20px 10px 0; position:relative;}
#globalNav .ddm.company ul li a:after{width:14px; height:14px; position:absolute; right:0; top:50%; margin-top:-7px; content:'\e902';}
#globalNav .ddm.company ul li.image{margin-top:15px;}
#globalNav .ddm.company ul li.image a{text-align:center; width:220px; height:80px; background-position:center; background-repeat:no-repeat; color:#fff; font-weight:bold; border:none; padding:0; display:table-cell; vertical-align:middle;}
#globalNav .ddm.company ul li.image a:after{display:none;}
#globalNav .ddm.company ul li.image a span{padding:5px; background:rgba(0,0,0,.4); display:block;}
#globalNav .ddm.company ul li.image.advantage{clear:both; margin-right:20px;}
#globalNav .ddm.company ul li.image.advantage a{background-image:url(/common/img/ddm/cpr-strength.jpg);}
#globalNav .ddm.company ul li.image.ir a{background-image:url(/common/img/ddm/cpr-ir.jpg);}
#globalNav .ddm.company ul li.image.management a{background-image:url(/common/img/ddm/cpr-management.jpg);}
#globalNav .ddm.company ul li.image.spread{margin-right:0;}
#globalNav .ddm.company ul li.image.spread a{background-image:url(/common/img/ddm/cpr-spread.jpg);}
#globalNav .ddm.company ul li:nth-child(5),
#globalNav .ddm.company ul li:nth-child(9),
#globalNav .ddm.company ul li:nth-child(13){margin-right:0;}

#globalNav .ddm.default ul li{margin-bottom:10px;}
#globalNav .ddm.default ul li a{border-bottom:1px #999 solid; text-decoration:none; display:block; padding:10px 20px 10px 0; position:relative;}
#globalNav .ddm.default ul li a:after{width:14px; height:14px; position:absolute; right:0; top:50%; margin-top:-7px; content:'\e902';}
#globalNav .ddm.default ul li:nth-child(5),
#globalNav .ddm.default ul li:nth-child(9),
#globalNav .ddm.default ul li:nth-child(13){margin-right:0;}

#globalNav .spBottom{display:none;}
#globalNav .ddm2 p a{display:none;}

body.cp #globalNav .ddm{background:no-repeat center center #000; background-size:cover; height:330px;}
body.cp #globalNav .ddm.corporate{background-image:url(/corporate/img/ddm-bg-corp.jpg);}
body.cp #globalNav .ddm.management{background-image:url(/corporate/img/ddm-bg-management.jpg);}
body.cp #globalNav .ddm.sustainability{background-image:url(/corporate/img/ddm-bg-sustainability.jpg);}
body.cp #globalNav .ddm.ir{background-image:url(/corporate/img/ddm-bg-ir.jpg);}
body.cp #globalNav .ddm.safety{background-image:url(/corporate/img/ddm-bg-safety.jpg);}
body.cp #globalNav .ddm.news{background-image:url(/corporate/img/ddm-bg-news.jpg);}
body.cp #globalNav .ddm.recruit{background-image:url(/corporate/img/ddm-bg-recruit.jpg);}
body.cp #globalNav .ddm.product{background-image:url(/corporate/img/ddm-bg-product.jpg);}
body.cp #globalNav .ddm p a{border-bottom:1px #fff solid; color:#fff;}
body.cp #globalNav .ddm.default ul li a{border-bottom:1px #fff solid; color:#fff;}
body.cp #globalNav .ddm a.close{color:#fff;}
body.cp #globalNav .ddm.news ul li,
body.cp #globalNav .ddm.recruit ul li{width:300px;}
body.cp #globalNav .ddm.corporate p a{ width: 320px;}

body.cp #globalNav .ddm.default.news ul li:nth-child(5),
body.cp #globalNav .ddm.default.news ul li:nth-child(9),
body.cp #globalNav .ddm.default.news ul li:nth-child(13),
body.cp #globalNav .ddm.default.recruit ul li:nth-child(5),
body.cp #globalNav .ddm.default.recruit ul li:nth-child(9),
body.cp #globalNav .ddm.default.recruit ul li:nth-child(13){margin-right:20px;}
body.cp #globalNav .ddm.default.news ul li:nth-child(4),
body.cp #globalNav .ddm.default.news ul li:nth-child(7),
body.cp #globalNav .ddm.default.news ul li:nth-child(10),
body.cp #globalNav .ddm.default.recruit ul li:nth-child(4),
body.cp #globalNav .ddm.default.recruit ul li:nth-child(7),
body.cp #globalNav .ddm.default.recruit ul li:nth-child(10){margin-right:0;}
body.cp #globalNav .ddm.default.product ul li{margin-top:20px;}
body.cp #globalNav .ddm.default.product ul li.image a{border-bottom:0 none; color:#fff; display:table-cell; width:220px; vertical-align:middle;}
body.cp #globalNav .ddm.default.product ul li.image a:after{content:'';}
@media (min-width:768px){
body.cp #globalNav .ddm.product p a,
body.cp #globalNav .ddm.product ul li a{border-bottom:1px #000 solid; color:#000;}
body.cp #globalNav .ddm.product a.close{color:#000;}
body.cp #globalNav .ddm.product p a:hover,
body.cp #globalNav .ddm.product ul li a:hover{border-bottom:1px #c22 solid !important; color:#c22 !important;}
body.cp #globalNav .ddm.product a.close:hover{color:#c22;}
body.isPC #globalNav .ddm.sustainability{height: 360px;}
}
	@media screen and (min-width:768px){
	body{min-width:960px;}
	#siteHeader nav ul li a:hover{color:#c22; border-bottom-color:#c22;}
	body.cp #siteHeader nav ul li a:hover{color:#c22; border-bottom-color:#2a549b;}
	#globalNav ul.primary li a:hover{color:#c22;}
	#globalNav ul.primary li a.active:after{height:2px; background:#c22; width:calc(100% - 10px); position:absolute; left:5px; bottom:-2px; display:block; content:'';}
	body.cp #globalNav ul.primary li a:hover{color:#2a549b;}
	body.cp #globalNav ul.primary li a.active{}
	#globalNav .ddm p a:hover{border-bottom-color:#c22;}
	body.cp #globalNav .ddm p a:hover{border-bottom-color:#2a549b;}
	#globalNav .ddm.products li a:hover{border-color:#c22;}
	#globalNav .ddm.contents li a:hover{border:1px #c22 solid; opacity:.7;}
	#globalNav .ddm.shop ul li a:hover{opacity:.7;}
	#globalNav .ddm.company ul li a:hover{border-bottom-color:#c22;}
	body.cp #globalNav .ddm.company ul li a:hover{border-bottom-color:#2a549b;}
	#globalNav .ddm.company ul li.image a:hover{opacity:.7;}
	#globalNav .ddm.default ul li a:hover{border-bottom-color:#c22;}
	body.cp #globalNav .ddm.default ul li a:hover{border-bottom-color:#2a549b;}
	#globalNav .ddm.product ul.image li a:hover,
	#globalNav .ddm.recipe ul li.image a:hover{opacity:.7; border-color:#c22;}
	body.cp #globalNav .ddm p a:hover,
	body.cp #globalNav .ddm.default ul li a:hover{border-bottom:1px #aec0d5 solid; color:#aec0d5;}
	body.cp #globalNav .ddm.default.product ul li.iamge a:hover{opacity:.7;}
	#message #local ul li:first-child a{ position: relative;}
	/*#message #local ul li:first-child a:after{height:2px; background:#ff8888; width:calc(100% - 10px); position:absolute; left:5px; bottom:-7px; display:block; content:'';}*/
	}



/* site footer
==================================================== */
#siteFooter{background:#eb7f7f;}
#siteFooter nav.main{background:#e9aca4; height:60px; padding:20px 0;}
#siteFooter nav.main ul{width:940px; margin:0 auto; text-align:right; height:20px; line-height:20px;}
#siteFooter nav ul li{display:inline-block; margin-left:20px;}
#siteFooter nav ul li a{color:#fff; font-size:12px; text-decoration:none;}
#siteFooter nav ul li a:hover{text-decoration:underline;}
#siteFooter .bottom{height:60px; padding:18px 0; width:940px; margin:0 auto;}
#siteFooter .bottom nav{float:right;}
#siteFooter .bottom ul{display:inline-block; text-align:right; margin:0;}
#siteFooter .bottom ul li{line-height:24px;}
#siteFooter .bottom ul.social li{margin-left:10px; width:24px; height:24px;}
#siteFooter .bottom ul.social li a{width:24px; height:24px; display:block; text-indent:-9999px; position:relative; color:#fff; text-align:left;}
#siteFooter .bottom ul.social li a:after{content:''; width:24px; height:24px; display:block; position:absolute; left:0; top:0; text-indent:0; text-align:center; line-height:24px; font-size:24px;}
#siteFooter .bottom ul.social li a.fb:after{content:'\e905';}
#siteFooter .bottom ul.social li a.yt:after{content:'\e914';}
#siteFooter .bottom ul.social li a.tw:after{content:'\e911';}
#siteFooter .bottom ul.social li a:hover{opacity:.7;}
#siteFooter .bottom p{float:left; color:#fff; line-height:24px; margin:0;}
.pgTop{width:40px; height:40px; position:fixed; right:10px; bottom:10px; display:none;}
.pgTop a{width:40px; height:40px; display:block; text-indent:-9999px; background:rgba(0,0,0,.3); overflow:hidden; text-align:left; white-space:nowrap; text-decoration:none;}
.pgTop a:after{text-indent:0; text-align:center; content:'\e903'; color:#fff; display:block; line-height:40px; position:absolute; left:0; top:0; width:40px; height:40px;}

/* page body
==================================================== */
#pageBody{position:relative; z-index:0;}

/* section block
==================================================== */
section.regular,
nav.regular{width:940px; margin:0 auto 70px;}
section .inner{width:940px; margin:0 auto;}
section.keepMrgn{margin-bottom:40px;}
.topicBlock{border:1px #ccc solid; padding:30px;}

/* local nav
==================================================== */
#local{background:#ec9494; box-shadow:0px 10px 10px -10px rgba(0,0,0,.2) inset; min-height:35px; overflow:hidden; }
#local ul{width:940px; margin:0 auto; min-height:35px; text-align:right; display:flex; justify-content:flex-end; flex-wrap:wrap; }
#local ul li{/*display:inline-block;*/ margin:2px 0 0 0; line-height:35px; font-size:12px;}
#local ul li a{color:#fff; text-decoration:none; padding:12px 8px;}
#local ul li a.active,
#local ul li a:hover{/*border-bottom:2px #fff solid ;*/background: #2e373f}
#local.products ul li a.active,
#local.products ul li a:hover,
#local.recipe ul li a.active,
#local.recipe ul li a:hover{/*border-bottom:2px #fff solid ;*/background: #b90000}
body.cp #local ul li a.active,
body.cp #local ul li a:hover{/*border-bottom:2px #FF8888 solid;*/border-bottom:2px #fff solid 1px; background: #2e373f !important}
#btmLocal{width:940px; margin:0 auto 40px;}
section.regular + section .primaryHeader + #btmLocal ul li a{ border: double 3px #999;padding:20px 10px 20px 10px; font-size: 16px;}
section.regular + section .primaryHeader + #btmLocal ul li a.active{ background: #2e373f; color: #fff;}
a.menuLink{}


/* breadcrumbs
==================================================== */
#breadcrumbs{padding:10px 0; position:relative; z-index:1;}
#breadcrumbs ul{width:940px; margin:0 auto;}
#breadcrumbs ul li{display:inline-block; font-size:12px;}
#breadcrumbs ul li br{ display: none !important}
#breadcrumbs ul li:after{content:'　/　';}
#breadcrumbs ul li:last-child:after{content:'';}
#breadcrumbs ul li a{text-decoration:none;}
#breadcrumbs ul li a:hover{text-decoration:underline;}
#breadcrumbs ul li:first-child a{display:inline-block; text-indent:-9999px; width:14px; height:14px; position:relative; vertical-align:middle;}
#breadcrumbs ul li:first-child a:before{text-indent:0; display:block; content:'\e908'; width:14px; height:14px; position:absolute; left:0; top:0; font-size:14px; line-height:14px;}

header.mainVisual #breadcrumbs{position:absolute; left:0; top:0; width:100%; min-width:940px; margin:0 auto;}
header.mainVisual #breadcrumbs ul li,
header.mainVisual #breadcrumbs ul li a{color:#fff;}

/* news list
==================================================== */
section.regular.news{padding-bottom:20px; width:100%;}
ul.newsList{clear:both; margin:0; border-top:1px #ccc solid; margin-bottom:40px;}
ul.newsList li{border-bottom:1px #ccc solid; margin:0; list-style:none;}
ul.newsList li a{display:block; text-decoration:none; background:#f5f6f7;}
ul.newsList li a div{width:940px; margin:0 auto; padding:15px;}
ul.newsList li a div p{margin-bottom:0; padding-left:25px; position:relative;}
ul.newsList li a div i{display:block; color:#c22; margin-bottom:5px;}
ul.newsList li a:hover{background:#fff; opacity:1;}
ul.newsList li a:hover p{text-decoration:underline;}
ul.newsList li a div p:before{content:''; width:15px; height:20px; font-size:18px; position:absolute; left:0; top:-3px;}
ul.newsList li a div p.pdf:before{content:'\e91f'; color:#b53629;}
ul.newsList li a div p.web:before{content:'\e91a'; color:#4877b0;}
ul.newsList.importantNotices{}
ul.newsList.importantNotices li{border-bottom:1px #ccc solid; margin:0;}
ul.newsList.importantNotices li a{background:#ffebeb;}
ul.newsList.importantNotices li a:hover{background:#fff;}
ul.newsList.importantNotices li p{font-weight:bold;}
ul.newsList + .rss{margin:-20px auto 0; width:940px;}
ul.newsList + .rss a{float:right; width:140px;}

/* news
==================================================== */
p.sp {display:none; color:#888; font-size:0.9em; float:right;}
table.clm1 span img.profile_img { float:left; margin:10px 20px 40px 10px; }

/* privacy
==================================================== */
table.info_table th { background:#f5f6f7; color:#2e4c6e; }
table.info_table th, table.info_table td { padding: 10px; border: 1px #95989a solid;}
#privacy ol { margin: 0 0 2em 3em; }

/* modal */
@media screen and (min-width:768px){
	.modalBase{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:10000; display:none;}
	.ytStage{width:580px; height:335px; padding:10px; background:#fff; position:fixed; left:50%; top:50%; margin:-167px 0 0 -290px; z-index:10001; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.6); display:none;}
	.ytStage a.close{width:40px; height:40px; font-size:40px; color:#fff; position:absolute; right:-40px; top:-40px; text-decoration:none;}
}



@media screen and (max-width:767px){
/* basic elements
==================================================== */
/* container */
#wrapper{min-width:320px;}
/* headings */
.primaryHeader{margin:20px 0; padding:0 15px;}
.primaryHeader:before{top:16px;}
.primaryHeader h1{font-size:24px; padding:0 20px; line-height:34px; max-width:90%;}
.primaryHeader h2{font-size:18px; padding:0 20px; line-height:28px; max-width:90%;}
.primaryHeader p{font-size:14px; margin-top:10px;}
#pageBody section.regular > header{margin:0 0 20px;}
#pageBody section.regular > header h2{font-size:20px; line-height:16px; padding:0 20px; line-height:1.4; margin-left:15px; margin-right:15px;}
#pageBody h3{}
#pageBody h3.regular{margin:30px 0 20px; font-size:16px;}
#pageBody h4{}
#pageBody h5{}
#pageBody h6{}
/* general elements */
p{}
p.footNote{top:-5px;}
ul,
ol{}
ul li,
ol li{}
dl{border-bottom:1px #999 solid;}
dl dt{background:#ededed; padding:5px 10px; border-top:1px #999 solid;}
dl dt{padding:5px 10px;}
small{font-size:10px;}
figure{}
figure img{}
figure figcaption{}
table{}
table th,
table td{}
table th{}
table thead th{}
table.blockInSp th,
table.blockInSp td{display:block; width:100% !important;}
table.regular.blockInSp th{padding:10px 10px 4px 10px;}
table.regular.blockInSp td{padding:4px 10px 10px 10px;}
table.cpInfo.blockInSp{border-bottom:1px #aec0d5 solid;}
table.cpInfo.blockInSp th{padding:10px; border-bottom:0;}
table.cpInfo.blockInSp td{padding:10px; border-bottom:0;}

img{max-width:100%; height:auto;}
/*table tr td img{ max-width: inherit !important}*/

table.clm1 tr th,
table.clm1 tr td{ display: block; width: 100%; border: solid 1px #999; border-bottom: none; overflow: hidden;}
table.clm1{ border-bottom: solid 1px #999;}
table.clm1 img {max-width:100%;}
table.clm1 span {display:inline-block; width:100%;}
table.clm1 span img.profile_img { margin:10px; }

/* table like definition list */
#pageBody .tableContainer.trio dl,
#pageBody .tableContainer.duo dl{width:100%; float:none; margin-right:0; clear:both;}
#pageBody .tableContainer.trio.double-in-sp dl{width:calc(50% - 10px); clear:none;}
#pageBody .tableContainer.trio.double-in-sp dl:nth-child(odd){float:left; clear:both;}
#pageBody .tableContainer.trio.double-in-sp dl:nth-child(even){float:right;}

/* flow table */
#pageBody .ftParent{width:100%; overflow:hidden; position:relative; z-index:1; margin-bottom:30px;}
#pageBody .ftParent:before,
#pageBody .ftParent:after{width:10px; height:100%; position:absolute; top:0; z-index:3; content:''; display:block;}
#pageBody .ftParent:before{background:linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); left:0;}
#pageBody .ftParent:after{background:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); right:0;}
#pageBody .ftChild{width:100%; z-index:1; position:relative; overflow-y:hidden;}
#pageBody .ftChild table{min-width:750px; margin-bottom:0;}
#pageBody .ftChild table.w_auto{ min-width: 100% !important}
	
/* link button */
a.btn{padding:15px;}
a.btn.single{margin:0 auto; width:100%;}
ul.linkList li{float:none; margin-bottom:10px; clear:both;}
ul.linkList.double li{width:100%; margin-bottom:20px; float:none; margin-right:0; clear:both;}
ul.linkList.double li:nth-child(even){float:none;}
ul.linkList.trio li{width:100%; margin:0 0 20px 0; clear:both; float:none;}
ul.linkList.trio li:nth-child(3n){margin-right:0;}
ul.linkList.quad li{width:50%; float:left; margin:0 0 20px 0; padding-right:5px;}
ul.linkList.quad li:nth-child(2n){margin:0 0 20px 0; padding-left:5px; padding-right:0; clear:none;}
ul.linkList.quad li:nth-child(2n+1){clear:both;}

a.btn.pdf{width:auto;}
ul.linkBtns li{float:left; margin:0 0 10px 0; width:calc(50% - 5px); font-size:12px;}
ul.linkBtns li:nth-child(even){float:right;}
ul.linkBtns li a{padding:10px 30px 10px 10px;}

/* return btn */ 
div.rtn{padding:0 15px 50px;} 

/* multi column */
.mc .col{float:none; margin-right:0;}
.mc.duo  .col,
.mc.trio .col{width:100%; float:none; clear:both;}
.mc.quad .col,
.mc.hex  .col{width:48%; clear:none;}
.mc.quad .col:nth-child(2n),
.mc.hex  .col:nth-child(2n){float:right;}
.mc.quad .col:nth-child(2n+1),
.mc.hex  .col:nth-child(2n+1){clear:both;}
.mc figure img{width:100%; height:auto;}

/* center image */
figure.ctrImg{margin:0 auto 30px; display:table; text-align:center;}
figure.ctrImg img{margin:0 auto; display:block; max-width:100%; height:auto;}
figure.ctrImg figcaption{padding:0 10px;}

/* force float */
.f-rt,
.f-lt{float:none;}
figure.f-rt{margin:0 0 20px 0;}
figure.f-lt{margin:0 0 20px 0;}
figure.f-rt img,
figure.f-lt img{display:block; margin:0 auto; max-width:100%; height:auto;}


/* site header
==================================================== */
#siteHeader{width:100%; height:55px; position:fixed; left:0; top:0; background:#fff; overflow:hidden; z-index:10000; right:auto; }
#siteHeader .inner{width:100%;}
/*#siteID{width:150px; height:30px; left:10px; top:12px;}*/
#siteID{width:246px; height:37px; left:8px; top:8px;}
#siteHeader nav{display:none;}
#siteHeader .toggle{display:block; width:55px; height:55px; position:absolute; right:0; top:0;}
#siteHeader .toggle a{display:block; position:absolute; left:0; top:0; width:55px; height:55px; background:#fff; text-indent:-9999px;}
#siteHeader .toggle a:after{position:absolute; left:0; top:0; display:block; width:55px; height:55px; text-indent:0; text-align:center; font-size:30px; line-height:55px;}
#siteHeader .toggle a.open:after{content:'\e916'; color:#e34949;}
#siteHeader .toggle a.close{display:none; background:#e56767;}
#siteHeader .toggle a.close:after{content:'\e904'; color:#fff;}


/* global navigation
==================================================== */
#globalNav{background:none transparent; height:auto;}
#globalNav ul.primary{display:none;}
#ddMenu{position:fixed; width:100%; height:calc(100% - 55px); left:0; top:55px; overflow:auto; display:none; z-index:10000; background:rgba(0,0,0,.5);}
#globalNav .ddm{position:relative; left:0; top:0; background:#e69797; padding:0; box-shadow:none; display:block;}
#globalNav .ddm a.close{display:none;}
#globalNav .ddm p{width:auto; font-size:16px; margin-bottom:0; border-bottom:1px #fff solid;}
#globalNav .ddm p a{width:100%; border-bottom:0; display:block; padding:10px; background:#e56767; color:#fff;}
#globalNav .ddm p a:after{display:block; right:10px; content:'\e915';}
#globalNav .ddm p a.open:after{content:'\e917';}
#globalNav .ddm p a span{display:none;}
#globalNav .ddm ul{width:auto; display:none;}
#globalNav .ddm ul:after{display:none;}
#globalNav .ddm ul li{width:auto; margin:0; float:none; clear:both;}
#globalNav .ddm ul li a{display:block; padding:10px; color:#fff;}
#globalNav .ddm ul li a br{display:none;}
#globalNav .ddm ul li a:before{content:'―'; padding-right:10px;}
#globalNav .ddm li.spMenu{display:block;}
#globalNav .ddm.products li a,
#globalNav .ddm.recipe li a{background:none !important; border:0 none; width:auto; height:auto; display:block; padding:10px;}
#globalNav .ddm.recipe ul.image li a,
#globalNav .ddm.product ul li.image a{background:none; text-align:left; height:auto;}

#globalNav .ddm.products li.plain a{border-bottom:0; padding:10px;}
#globalNav .ddm.products li.plain  a:after{display:none;}

#globalNav .ddm.recipe ul.image li a{padding:10px; text-align:left; font-size:14px; font-weight:normal; text-shadow:none;}
#globalNav .ddm.contents p{margin-bottom:0}
#globalNav .ddm.contents p.header{display:none;}
#globalNav .ddm.contents li a{background:none !important; text-indent:0; display:block; width:auto; height:auto; border:none;}
#globalNav .ddm.contents li.cam a:after{ content: url(/common/img/gift.png) !important;   margin: 10px;    position: relative;top: 3px;}
#globalNav .ddm.contents ul.sp_contents{ display: none !important}
/*#globalNav .ddm.shop ul li{width:auto; margin:0; float:none; clear:both;}
#globalNav .ddm.shop ul li:last-child{float:none;}
#globalNav .ddm.shop ul li a{width:auto; height:auto; display:block; text-align:left; font-weight:normal; font-size:14px; text-shadow:none; background:none !important;}
#globalNav .ddm.shop ul li a span{padding:0; background:transparent; display:inline;}
*/
#globalNav .ddm2 p a{width:100%; border-bottom:0; display:block; padding:10px; background:#e56767; color:#fff; text-decoration: none; position: relative;}
#globalNav .ddm2 p{width:auto; font-size:16px; margin-bottom:0; border-bottom:1px #fff solid;}

#globalNav .ddm.company ul li{margin-bottom:0;}
#globalNav .ddm.company ul li a{border-bottom:none; padding:10px;}
#globalNav .ddm.company ul li a:after{display:none;}
#globalNav .ddm.company ul li.image{margin-top:0;}
#globalNav .ddm.company ul li.image a{text-align:left; width:auto; height:auto; background:none !important; font-weight:normal; padding:10px; display:block;}
#globalNav .ddm.company ul li.image a:after{display:none;}
#globalNav .ddm.company ul li.image a span{padding:0; background:transparent; display:inline;}
#globalNav .ddm.default ul li{margin-bottom:0;}
#globalNav .ddm.company ul li.image.ir,
#globalNav .ddm.company ul li.image.management,
#globalNav .ddm.company ul li.image.spread { display: none}

body.cp #globalNav .ddm.default ul li a{border-bottom:none; padding:10px; display:block;}
body.cp #globalNav .ddm.default ul li a:after{content:'';}
body.cp #globalNav .ddm p a{border-bottom:0;}
body.cp #globalNav .ddm{background-image:none !important; background-color:#2a549b; height:auto;}
body.cp #globalNav .ddm.default.product ul li.image a{display:block; background-image:none !important; background-color:#5B6D7E; height:auto; font-size:14px; font-weight:normal;}
body.cp #globalNav .ddm.default.product ul li{margin-top:0;}

#globalNav .navSearch{display:block; background:#e56767; padding:10px; position:relative;}
#globalNav .navSearch input{background:#e69797; width:100%; border:0 none; height:30px; padding:5px; font-size:16px;}
#globalNav .navSearch :placeholder-shown{color:#fff; opacity:1;}
#globalNav .navSearch ::-webkit-input-placeholder{color:#fff; opacity:1;}
#globalNav .navSearch :-moz-placeholder{color:#fff; opacity:1;}
#globalNav .navSearch ::-moz-placeholder{color:#fff; opacity:1;}
#globalNav .navSearch :-ms-input-placeholder{color:#fff; opacity:1;}
#globalNav .navSearch button{display:block; width:30px; height:30px; position:absolute; right:10px; top:10px; background:none; border:0; text-indent:-9999px; overflow:hidden;}
#globalNav .navSearch button:after{content:'\e910'; color:#fff; width:30px; height:30px; position:absolute; left:0; top:0; text-align:center; line-height:30px; text-indent:0; font-size:16px;}

#globalNav .spBottom{display:block; background:#E56767; margin:0; padding:0; border-top:1px #fff solid; clear:both;}
#globalNav .spBottom:after{content:''; display:block; clear:both;}
#globalNav .spBottom li{width:33%; float:left; border-right:1px #fff solid; margin:0; font-size:2.8vw;}
#globalNav .spBottom li:last-child{width:34%; border-right:0;}
#globalNav .spBottom li a{display:block; text-align:center; padding:10px 0; color:#fff; text-decoration:none; background:#ec9393;}

body.cp #globalNav .spBottom{background:#202c3a;}
body.cp #globalNav .spBottom li{width:25%;}
body.cp #globalNav .spBottom li:last-child{width:25%;}
body.cp #globalNav .spBottom li a{background:#59697c;}

#homePageSetting{width:90%; left:5%; top:50px; margin-left:0; padding:15px; font-size:12px;}
#homePageSetting header{font-size:18px; margin:0 0 10px;}
#homePageSetting header:before{font-size:30px;}
#homePageSetting ul.confHome{margin:0 0 20px; clear:both;}
#homePageSetting ul.confHome:after{content:''; display:block; clear:both;}
#homePageSetting ul.confHome li{display:block; margin:0 0 5px; padding:0 5px; float:left; width:50%;}
#homePageSetting .homeImage{clear:both;}
#homePageSetting .homeImage:after{content:''; display:block; clear:both;}
#homePageSetting figure{display:block; margin:0; clear:none; padding:0 5px; width:25%; float:left;}
#homePageSettingOverlay{background:rgba(0,0,0,.5); width:100%; height:100%; position:fixed; left:0; top:0; z-index:10000;}

/* site footer
==================================================== */
#siteFooter{background:#eb7f7f;}
#siteFooter nav.main{background:#e9aca4; height:auto; padding:0;}
#siteFooter nav.main ul{width:auto; text-align:left; height:auto; line-height:1; clear:both;}
#siteFooter nav.main ul:after{content:''; display:block; clear:both;}
#siteFooter nav ul li{display:block; margin:0; width:50%; float:left; border:1px #fff solid; border-width:0 1px 1px 0;}
#siteFooter nav ul li:nth-child(even){border-right:0;}

#siteFooter nav ul li a{font-size:12px; padding:10px 5px; display:block;}
#siteFooter .bottom{height:auto; padding:15px 5px; width:auto; background:#e34949;}
#siteFooter .bottom nav{float:none;}
#siteFooter .bottom ul{display:block; text-align:center; margin:0 0 10px 0;}
#siteFooter .bottom ul li{line-height:1; border:none; display:inline-block; font-size:10px; float:none; width:auto;}
#siteFooter .bottom ul li a{display:inline; padding:0 5px;}
#siteFooter .bottom ul.social{clear:both;}
#siteFooter .bottom ul.social li{margin:0 5px;}
#siteFooter .bottom ul.social li a{width:24px; height:24px; display:block; text-indent:-9999px; position:relative; color:#fff; text-align:left;}
#siteFooter .bottom ul.social li a:after{content:''; width:24px; height:24px; display:block; position:absolute; left:0; top:0; text-indent:0; text-align:center; line-height:24px; font-size:24px;}
#siteFooter .bottom ul.social li a.fb:after{content:'\e905';}
#siteFooter .bottom ul.social li a.yt:after{content:'\e914';}
#siteFooter .bottom ul.social li a.tw:after{content:'\e911';}
#siteFooter .bottom ul.social li a:hover{opacity:.7;}
#siteFooter .bottom p{float:none; line-height:1; margin:0; text-align:center; font-size:10px;}

/* page body
==================================================== */
#pageBody{padding-top:55px; width:auto;}

/* section block
==================================================== */
section.regular,
nav.regular{margin-bottom:40px; padding:0 15px; width:auto;}
section .inner{width:auto; padding:0 15px;}

/* local nav
==================================================== */
#local{display:none;}
#btmLocal{width:auto; padding:0 15px;}
.topicBlock{padding:15px;}

/* breadcrumbs
==================================================== */
#breadcrumbs{padding:5px 15px; background:#e56767; box-shadow:0px 10px 10px -10px rgba(0,0,0,.2) inset; position:relative; top:55px;}
#breadcrumbs ul{width:auto;}
#breadcrumbs ul li{font-size:13px; line-height:1; color:#fff;}
#breadcrumbs ul li:first-child a:before{width:10px; height:10px; font-size:12px;}
#breadcrumbs ul li a{color:#fff;}

header.mainVisual #breadcrumbs{top:55px; width:100%; min-width:0; margin:0 auto;}
body.cp header.mainVisual #breadcrumbs{background:transparent;}
header.mainVisual #breadcrumbs ul li,
header.mainVisual #breadcrumbs ul li a{color:#fff;}

/* news list
==================================================== */
section.news{padding-bottom:15px;}
ul.newsList{margin-bottom:15px;}
ul.newsList li a div{width:auto; padding:10px;}
ul.newsList+p{margin:0 15px;}
ul.newsList + .rss{margin:0 auto; width:auto; padding:0 15px;}

	
#pageBody .ftChild table {width:0;}
table.clm4 thead {display:none;}
table.clm4 thead th {display:block; width:auto; border:0;}
table.clm4 tbody {display:block; width:auto;}
table.clm4 tbody th {border:0;}
table.clm4 tbody tr {display:block; margin:0 0 20px 0;}
table.clm4 tbody td {display:block; border:0; padding:5px 10px;}
p.sp {display:block;}
	
table.clm2 thead {float:left; margin-right:12px;}
table.clm2 thead th {display:block; width:auto; border:0;}
table.clm2 thead th.line2 {height:60px;}
table.clm2 tbody {display:block; width:auto;}
table.clm2 tbody tr {display:block; margin:0 0 20px 0;}
table.clm2 tbody td {display:block; border:0; padding:10px;}
}
/*--(max-width:767px)設定ここまで--*/


/* corporate
==================================================== */
body.cp #local{background:#5B6D7E;}
body.cp #siteFooter{background:#202C3A;}
body.cp #siteFooter nav.main{background:#65788D;}
body.cp #pageBody section.regular > header h2{color:#5B6D7E}
body.cp #pageBody section.regular > header:before{background:#5B6D7E;}

body.cp #pageBody section.regular > header.highlight h2{color:#c22}
body.cp #pageBody section.regular > header.highlight:before{background:#c22;}

@media screen and (max-width:767px){
	body.cp #siteHeader .toggle a.open:after{color:#202C3A;}
	body.cp #siteHeader .toggle a.close{background:#202C3A;}
	body.cp #globalNav .ddm{background:#5B6D7E;}
	body.cp #globalNav .ddm p a{background:#202C3A;}
	body.cp #breadcrumbs{background:#202C3A;}
	body.cp #globalNav .navSearch{background:#202C3A;}
	body.cp #globalNav .navSearch input{background:#5B6D7E;}
	body.cp #siteFooter .bottom{background:#202C3A;}
	body.cp #globalNav .ddm.corporate p a{ width: auto;}
}


/* modal
==================================================== */
.modalImg{cursor:pointer; display:block;}
#modalBase{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:10000;}
.modalStage{position:fixed; background:#fff; padding:10px; left:50%; top:50%; z-index:10001; border-radius:10px;}
.modalStage a.close{width:30px; height:30px; position:absolute; right:0; top:-40px; background:#fff; border-radius:15px; display:block; text-indent:-9999px;}
.modalStage a.close:before{content:'\e904'; font-weight:bold; text-indent:0; text-align:center; width:30px; height:30px; position:absolute; left:0; top:0; line-height:30px; font-size:18px; cursor:pointer;}
.modalStage .popImage{display:block;}

@media screen and (max-width:767px){
.modalStage{left:2%; width:96%; height:auto; margin-left:0 !important;}


}

/* ポップアップページ用ヘッダ 20180608 */
.newwin{cursor:pointer; text-decoration:underline;}

#siteHeader_popup{
height: 50px;
}
#siteHeader_popup .inner{
max-width: 940px;
margin: 0 auto;
position: relative;
}
#siteHeader_popup #siteID{
width: 246px;
height:37px;
position:absolute;
top:12px;
left:0;
}
#pageBody.popup{
padding-top:28px;
}
@media screen and (max-width:767px){
#pageBody.popup{padding-top:20px;}
#siteHeader_popup #siteID {top:8px; left:8px;}
#siteHeader_popup #siteID img{width:227px;}
}