@charset "utf-8";

.text18{font-size:18px;}

/* products
===================================================================================== */
/* top */
nav.productCategories ul{clear:both;}
nav.productCategories ul:after{content:''; display:block; clear:both;}
nav.productCategories ul li{width:25%; height:190px; float:left; border:1px #999 solid; border-width:0 1px 1px 0; text-align:center; margin:0;}
nav.productCategories ul li:nth-child(4n){border-right:0;}
nav.productCategories ul li a{display:block; text-decoration:none; padding:15px;}

nav.productCategories ul li a img{display:block; margin-bottom:10px;}
nav.productCategories ul li a:hover img{opacity:.7;}
nav.productCategories ul li.lastLine{border-bottom:0;}
nav.productCategories ul li.newArrival{width:75%; border-right:0; text-align:left;}
nav.productCategories ul li.newArrival img{float:left; margin:0 40px 0 0;}
nav.productCategories ul li.newArrival p{margin-top:15px;}
nav.productCategories ul li.newArrival p i{display:block; padding-top:1em;}
nav.productCategories ul li.newArrival a {padding:0 15px;}
ul.series{ clear:both;  margin:0;}
ul.series:after{content:''; display:block; clear:both;}
ul.series li{width:33.333%; float:left; list-style:none; border-right: solid 2px #fff;padding:0; margin:0;}
ul.series li a{text-decoration:none;}
ul.series li figcaption{padding:10px 20px;}
ul.series li a figcaption h3{color:#c22; margin-bottom:10px; text-align:center;}

ol.ranking{margin:0 0 20px; clear:both;}
ol.ranking:after{content:''; display:block; clear:both;}
ol.ranking li{width:300px; margin:0 20px 0 0; float:left; list-style:none;}
ol.ranking li:last-child{margin-right:0;}
ol.ranking li a{display:block; text-decoration:none; position:relative;}
ol.ranking li a i{position:absolute; left:0; top:0; width:120px; height:100px; background:url(/products/img/ranking-tip.png) no-repeat 0 0; z-index:2; padding:20px 0 0 10px; font-size:36px; font-weight:bold; color:#fff; text-align:left;}
ol.ranking li a i small{font-size:22px;}
ol.ranking li a figure{position:relative; z-index:0;}

ol.ranking li a figure img{display:block; border:1px #999 solid; margin-bottom:10px; object-fit:cover;}/* 20190819 トリミング修正（商品・レシピランキング画像） */
.recipeIndex ol.ranking li a figure img{width:310px; height:240px;} /* 20190819（レシピの写真サイズ調整） */

ol.ranking li a:hover i{opacity:.7;}
ol.ranking.lower li{width:220px;}
ol.ranking.lower li:nth-child(4n){margin-right:0;}
ol.ranking.lower li:nth-child(4n+1){clear:both;}
ol.ranking.lower li a i{width:100px; height:80px; background:url(/products/img/ranking-tip2.png) no-repeat 0 0; padding:15px 0 0 10px; font-size:24px;}
ol.ranking li a i small{font-size:18px;}
ol.ranking.lower li a figure img {height:200px; }/* 20190723 トリミング修正（写真高さ調整） */

@media screen and (max-width:767px){
nav.productCategories ul{margin:0;}
nav.productCategories ul li{width:33.3333%; font-size:12px; line-height:1.4; height:auto;}
nav.productCategories ul li:nth-child(4n){border-right:1px #999 solid;}
nav.productCategories ul li:nth-child(3n){border-right:0;}
nav.productCategories ul li a{padding:10px;}
nav.productCategories ul li a img{display:block; width:100%; height:auto; margin-bottom:5px;}
nav.productCategories ul li.newArrival{/*width:33.3%;*/ width:50%; text-align:center;}
nav.productCategories ul li.newArrival img{float:none; margin:0 0 5px;}
nav.productCategories ul li.newArrival p{margin:0;}
nav.productCategories ul li.newArrival p i{display:none;}
ul.series{margin:0 -15px 20px;}
ul.series li{width:100%; float:none; margin:0; display:block; clear:both;}
ul.series li:after{content:''; display:block; clear:both;}
ul.series li a{display:block; width:100%; clear:both;}
ul.series li a:after{content:''; display:block; clear:both;}
ul.series li a figure{clear:both; margin:0;}
ul.series li a figure:after{content:''; display:block; clear:both;}
ul.series li a figure img{float:left; width:50%; margin:0;}
ul.series li a figcaption{padding:10px; width:50%; float:right;}
ul.series li a figcaption h3{color:#c22; margin-bottom:10px; text-align:left;}
ul.series li:nth-child(odd){background:#f5f6f7;}
ol.ranking li a i{width:60px; height:50px; background-size:cover; padding:1px 0 0 3px; font-size:18px;}
ol.ranking li a i small{font-size:10px;}
ol.ranking.lower li a i{width:60px; height:50px; background-size:cover; padding:1px 0 0 3px; font-size:18px;}
ol.ranking li a i small{font-size:10px;}
}

/* category top */
#pageBody section.regular > header.selector{clear:both; border-bottom:1px #000 solid; padding-bottom:10px; height:40px;}
#pageBody section.regular > header.selector:after{content:''; display:block; clear:both;}
#pageBody section.regular > header.selector ul.ctgLinks{float:left; margin:0; height:35px;}
#pageBody section.regular > header.selector ul.ctgLinks li{display:inline-block; margin-right:20px; line-height:35px;}
#pageBody section.regular > header.selector ul.ctgLinks li a.active{color:#c22;}
#pageBody section.regular > header.selector .select{float:right; min-width:250px;}
#pageBody section.regular > header.selector:before{display:none;}
.productCategory{clear:both; margin-bottom:25px;}
.productCategory h2{margin-bottom:20px;}
.productCategory ul{display:flex; flex-wrap:wrap; justify-content:flex-start; margin:0; width:940px;}
.productCategory ul li{width:168px; list-style:none; border:1px #999 solid; margin:0 25px 25px 0; text-align:center; font-size:12px; background:#f7fbfe;}
.productCategory ul li:nth-child(5n){margin-right:0;}
.productCategory ul li a{padding:10px; display:block; text-decoration:none; height:auto;}
.productCategory ul li a .ico_new {font-size:11px; color:#fff; background:#e33b0a; padding:2px 4px 1px; display:inline-block; margin:0 0 7px;}
.productCategory ul li a .ico_update {font-size:10.5px; color:#fff; background:#e33b0a; padding:2px 4px 1px 3px; display:inline-block; margin:0 0 7px; letter-spacing:0; }
.productCategory ul li a .ico_end {font-size:10.5px; color:#fff; background:#555; padding:2px 3px 1px 3px; display:inline-block; margin:0 0 7px; letter-spacing:0; }


.productCategory ul li img{display:block; margin:0 auto 10px; width:inherit; }

@media screen and (max-width:767px){
#pageBody section.regular > header.selector{border-bottom:none; padding:0 15px;}
#pageBody section.regular > header.selector ul.ctgLinks{float:none; height:auto; text-align:center; width:auto; margin-bottom:10px;}
#pageBody section.regular > header.selector ul.ctgLinks li{margin:0 5px; line-height:20px; font-size:12px;}
#pageBody section.regular > header.selector select{float:none; min-width:0; width:100%;}
.productCategory{margin-bottom:15px;}
.productCategory h2{margin-bottom:10px;}
.productCategory ul{margin:0; width:100%;}
.productCategory ul li{width:calc(50% - 5px); margin:0 10px 10px 0;}
.productCategory ul li:nth-child(5n){margin-right:10px;}
.productCategory ul li:nth-child(even){margin:0 0 10px 0;}
.productCategory ul li img{max-width:100%; height:auto;}

/* 201908追記 */
body.isMB #pageBody section.regular > header.selector {height:auto; }
.recipeSearch .searchBox2 label select {font-size:12px;}

}




/* detail */
section.productIntro{clear:both; margin-bottom:50px; width:940px; margin:0 auto;}
section.productIntro figure.mainImg{float:left; width:310px;}
section.productIntro figure.mainImg div.slide{border:1px #999 solid;}
section.productIntro figure.mainImg div.slide img{display:block; width:100%; height:auto; margin:0;}

section.productIntro figure .slick-dots{text-align:center; margin-top:20px;}
section.productIntro figure .slick-dots li{display:inline-block; margin:0 5px;}
section.productIntro figure .slick-dots li button{background:#95989a; text-indent:-9999px; display:block; width:20px; height:20px; border-radius:10px; margin:0 5px; outline:0; border:0 none;}
section.productIntro figure .slick-dots li button:hover,
section.productIntro figure .slick-dots li.slick-active button{background:#e34949;}

section.productIntro div.content{width:600px; float:right;}
section.productIntro div.content h2{font-size:30px; margin-bottom:15px;}

section.productIntro div.content h2 .ico_new {font-size:12px; color:#fff; background:#e33b0a; padding:3px 5px; margin-left:10px;}
section.productIntro div.content h2 .ico_update {font-size:12px; letter-spacing:-1px; color:#fff; background:#f35729; padding:3px 6px 3px 4px; margin-left:10px; }
section.productIntro div.content h2 .ico_end {font-size:12px; color:#fff; background:#555; padding:3px 5px 3px 6px; margin-left:10px;}

section.productIntro ul.spec{clear:both; margin:0 0 20px;}
section.productIntro ul.spec li{list-style:none; margin-right:5px; display:inline-block;}
ul.socialLinks{margin:0;}
ul.socialLinks li{list-style:none; margin-right:10px; display:inline-block; width:30px; height:30px;}
ul.socialLinks li a{width:30px; height:30px; display:block; position:relative; text-indent:-9999px; overflow:hidden;}
ul.socialLinks li a:before{content:''; display:block; width:30px; height:30px; display:block; font-size:30px; line-height:30px; text-align:center; text-indent:0; color:#999;}
ul.socialLinks li.tw a:before{content:'\e911';}
ul.socialLinks li.ln{ display: none}
ul.socialLinks li.ln a:before{content:'\e90a';}
ul.socialLinks li.gp a:before{content:'\e906';}
ul.socialLinks li.fb a:before{content:'\e905';}
#pageBody table.allergy{table-layout:fixed;}
#pageBody table.allergy td{border:1px #999 solid; text-align:center; color:#999;}
#pageBody table.allergy td.on{background:#f7d2d2; color:#000;}
.gyokairui_on {background:#f7d2d2; padding:10px; border:1px solid #999; width:187px; text-align:center; margin-bottom:20px;}
.gyokairui_off {background: rgba(0,0,0,0); padding:10px; border:1px solid #999; width:187px; text-align:center; margin-bottom:20px; color: #999;}
#pageBody i.on{border:1px #999 solid; background:#f7d2d2; width:1em; height:1em; display:inline-block; vertical-align:middle; margin:0 1px;}
#pageBody div.note{background:#ededed; padding:10px 15px;}
#pageBody div.note p:last-child{margin-bottom:0;}

@media screen and (max-width:767px){
ul.socialLinks li.ln{ display: inline-block}
section.productIntro{margin-bottom:20px; width:auto;}
section.productIntro figure.mainImg{float:none; width:100%;}
section.productIntro figure.mainImg div.slide{border:none;}
/*-section.productIntro figure ul.slick-dots{box-shadow: inset 0px 10px 11px -6px rgba(0,0,0,0.2);}-*/
section.productIntro div.content{width:auto; float:none; padding:50px 15px 0; position:relative;}
section.productIntro div.content h2{font-size:20px; margin-bottom:10px;}
section.productIntro ul.socialLinks{position:absolute; left:15px; top:0;}
section.productIntro ul.socialLinks li a:before{color:#4b4b4b;}
#pageBody table.allergy td{padding:5px; font-size:10px;}
#pageBody div.note{margin:0 -15px;}
}

/* delivery */
.janSearchPanel{background:#ffeded; padding:20px 150px; margin-top:40px;}
.janSearchPanel dl{width:100%; border:none; margin-bottom:20px;}
.janSearchPanel dl dt{background:none; border:none; display:inline-block; width:120px; text-align:center;}
.janSearchPanel dl dd{width:460px; display:inline-block; position:relative; padding:0;}
.janSearchPanel dl dd input{width:100%; background:#f9f9f9; border:1px #999 solid; height:40px; padding:5px;}
.janSearchPanel dl dd button{display:block; width:40px; height:40px; position:absolute; right:0; top:0; background:none; border:0; text-indent:-9999px; overflow:hidden;}
.janSearchPanel dl dd button:after{content:'\e910'; color:#999; width:40px; height:40px; position:absolute; left:0; top:0; text-align:center; line-height:40px; text-indent:0; font-size:25px;}
.janSearchPanel p{clear:both; margin:0;}
.janSearchPanel p:after{content:''; display:block; clear:both;}
.janSearchPanel p img, .jancode img{float:left; vertical-align:middle; margin-right:25px;}
@media screen and (max-width:767px){
.janSearchPanel{padding:20px 15px; margin:0 -15px;}
.janSearchPanel dl{width:auto;}
.janSearchPanel dl dt{display:block; width:auto; text-align:center;}
.janSearchPanel dl dd{width:100%; display:block;}
.janSearchPanel dl dd input{font-size:16px;}
.janSearchPanel p img{margin-right:15px;}
}

ul.medMenu{width:405px; margin:40px auto;}
ul.medMenu li{float:left; width:135px; list-style:none;}
@media screen and (max-width:767px){
ul.medMenu{width:100%; margin:20px -15px;}
ul.medMenu li{width:25%;}
}

/* recipe
===================================================================================== */
/* top */
main.recipeIndex{background:url(/recipe/img/top-bg.jpg) no-repeat center top;}
section.recipeSlider{width:980px; margin:-20px auto 20px;}
section.recipeSlider figure{width:450px; height:300px; margin:20px; box-shadow:0 0 10px rgba(0,0,0,.7); position:relative;}
section.recipeSlider figure img{min-width:100%; min-height:100%; width:auto; height:auto; margin:0;}
section.recipeSlider figure figcaption{padding:20px; font-size:18px; color:#fff; background:rgba(0,0,0,.4); position:absolute; left:0; bottom:0; width:100%;}
section.recipeSlider figure figcaption i.movie{width:40px; height:40px; vertical-align:middle; margin-right:10px; position:relative; top:-2px;}
section.recipeSlider figure figcaption i.movie:before{content:'\e912'; font-size:40px; vertical-align:middle;}
section.recipeSlider .slick-dots{text-align:center;}
section.recipeSlider .slick-dots li{display:inline-block; margin:0 5px;}
section.recipeSlider .slick-dots li button{background:#95989a; text-indent:-9999px; display:block; width:20px; height:20px; border-radius:10px; margin:0 5px; outline:0; border:0 none;}
section.recipeSlider .slick-dots li button:hover,
section.recipeSlider .slick-dots li.slick-active button{background:#e34949;}

.recipeSearch{clear:both;}
.recipeSearch .searchBox{width:620px; height:47px; background:#f9f9f9; border:1px #999 solid; float:left; padding:5px; clear:both;}
.recipeSearch .products{width:300px; float:left; height:35px; margin-bottom:15px;}
#pageBody .recipeSearch .products select{background:#ededed; width:100%; height:35px;}
.recipeSearch .searchBox{position:relative; margin-bottom:15px;}
.recipeSearch .searchBox .keywd{width:94%; float:left; margin:0 0 0 10px; border:0; background:transparent;}
.recipeSearch .searchBox .keywd input{width:100%; background:transparent; border:0; height:35px; padding:5px;}
.recipeSearch .searchBox button{display:block; width:35px; height:35px; position:absolute; right:5px; top:5px; background:none; border:0; text-indent:-9999px; overflow:hidden;}
.recipeSearch .searchBox button:after{content:'\e910'; color:#666; width:35px; height:35px; position:absolute; left:0; top:0; text-align:center; line-height:35px; text-indent:0; font-size:22px;}
.recipeSearch .details{width:300px; float:right; height:47px; margin-bottom:15px;}
.recipeSearch .details a{height:47px; line-height:45px; padding:0 10px; display:block;}
#pageBody .recipeSearch .standard .select{width:172px; height:37px; border:1px #999 solid; display:block; float:left; margin-right:20px;}
#pageBody .recipeSearch .standard .select:last-child{margin-right:0;}
section.regular.recipeBigBnr{width:100%;}
section.regular.recipeBigBnr > header{width:940px; margin:0 auto;}
section.regular.recipeBigBnr .recipeBnr{max-width:1280px; margin:0 auto;}
section.regular.recipeBigBnr .recipeBnr img{display:block; max-width:100%; height:auto;}
section.regular.recipeBigBnr .recipeBnr img+img{display:none;}
.productCategorizedRecipe{clear:both;}
.productCategorizedRecipe:after{content:''; display:block; clear:both;}
.productCategorizedRecipe figure{width:220px; float:left; margin-right:20px;}
.productCategorizedRecipe figure:nth-child(4n){margin-right:0;}
.productCategorizedRecipe figure img{width:100%; height:auto;}
.productCategorizedRecipe figure a{text-decoration:none;}
#pageBody .productCategorizedRecipe figure a h3{color:#c22; margin-bottom:5px;}

#recipe_search_box {margin-top:-150px; padding-top:190px;}


@media screen and (max-width:767px){
main.recipeIndex{background:none;}
section.recipeSlider{width:auto; margin:-10px 0 20px;}
section.recipeSlider figure{width:100%; height:auto; margin:0; box-shadow:none;}
section.recipeSlider figure img{width:100%; min-width:0; max-height:none; min-height:0;}
section.recipeSlider figure figcaption{padding:10px; font-size:16px;}
section.recipeSlider figure figcaption i.movie{width:24px; height:24px; margin-right:5px; top:-2px;}
section.recipeSlider figure figcaption i.movie:before{font-size:24px; vertical-align:middle;}
#pageBody section.recipeSlider ul.slick-dots{padding:20px 0 0;}
.recipeSearch .searchBox{width:100%; height:auto; padding:10px;}
.recipeSearch .products{width:100%; float:none; height:35px; margin-bottom:10px;}
#pageBody .recipeSearch .products select{width:100%; height:35px;}
.recipeSearch .searchBox{margin-bottom:10px;}
.recipeSearch .searchBox .keywd{width:calc(100% - 40px); float:none; margin:0;}
.recipeSearch .searchBox button{width:40px; height:40px; right:10px; top:auto; bottom:10px;}
.recipeSearch .searchBox button:after{width:40px; height:40px; line-height:40px; font-size:24px;}
.recipeSearch .details{width:100%; float:none; clear:both; height:40px; margin-bottom:10px;}
.recipeSearch .details a{height:40px; line-height:38px;}
#pageBody .recipeSearch .standard .select{width:calc(50% - 5px); margin:0 0 10px; height:40px;}
#pageBody .recipeSearch .standard .select:nth-child(even){float:right;}
#pageBody .recipeSearch .standard .select select{height:38px;}
section.regular.recipeBigBnr{padding:0;}
#pageBody section.regular.recipeBigBnr > header{width:100%; margin:0 auto 20px;}
section.regular.recipeBigBnr .recipeBnr{max-width:none;}
section.regular.recipeBigBnr .recipeBnr img{display:none;}
section.regular.recipeBigBnr .recipeBnr img+img{display:block; width:100%; height:auto;}
.productCategorizedRecipe{margin:0 -15px;}
.productCategorizedRecipe figure{width:100%; float:none; margin:0; clear:both; display:block;}
.productCategorizedRecipe figure:after{content:''; display:block; clear:both;}
.productCategorizedRecipe figure img{width:50%; height:auto; float:left; margin:0;}
#pageBody .productCategorizedRecipe figure figcaption{width:50%; float:right; padding:10px; font-size:12px;}
#pageBody .productCategorizedRecipe figure figcaption p{margin-bottom:0;}
#pageBody .productCategorizedRecipe figure a h3{font-size:14px;}
#pageBody .productCategorizedRecipe figure:nth-child(odd){background:#f5f6f7;}
}
/* search result */
dl.searchMeta{float:left; text-align:left; border:0;}
dl.searchMeta dt{border:0; background:transparent; padding:0;}
dl.searchMeta dd{border:0; padding:0; color:#c22;}

dl.searchMeta + #sort_form{ position: absolute; right: 0;}
dl.searchMeta + #sort_form select{ padding: 5px; height: 30px;}

ul.recipeList{margin:0 0 20px; clear:both;}
ul.recipeList:after{content:''; display:block; clear:both;}
ul.recipeList li{width:220px; margin:0 20px 0 0; float:left; list-style:none;}
ul.recipeList li:nth-child(4n){margin-right:0;}
ul.recipeList li:nth-child(4n+1){clear:both;}
ul.recipeList li a{display:block; text-decoration:none; position:relative;}
ul.recipeList li a figure{position:relative; z-index:0;}
ul.recipeList li a figure img{display:block; margin-bottom:10px; width:220px; height:150px; object-fit:cover;}/*20181214 トリミング修正*/
ul.recipeList li a:hover i{opacity:.7;}
ul.recipeList li a figure figcaption i.movie{width:30px; height:30px; vertical-align:middle; margin-right:10px; position:relative; top:2px; background:none; padding:0; float:left; margin-bottom:15px;}
ul.recipeList li a figure figcaption i.movie:before{content:'\e912'; font-size:30px; vertical-align:middle; color:#999;}

@media screen and (max-width:767px){
dl.searchMeta{float:none; margin-bottom:10px;}
	
dl.searchMeta + #sort_form{ position: relative; right: 0;}
ul.recipeList{margin:0 -15px 20px;}
ul.recipeList li{width:100%; margin:0; float:none; clear:both;}
ul.recipeList li a figure{width:100%; float:none; margin:0; clear:both; display:block;}
ul.recipeList li a figure:after{content:''; display:block; clear:both;}
ul.recipeList li a figure img{width:50%; height:auto; float:left; margin:0; border:0;}
ul.recipeList li a figure figcaption{width:50%; float:right; padding:10px; font-size:12px; height:100%; position:relative;}
ul.recipeList li a figure figcaption i.movie{width:20px; height:100%; margin-right:5px; top:-2px; margin-bottom:50px; background:none !important; padding:0 !important;}
ul.recipeList li a figure figcaption i.movie:before{font-size:20px;}
ul.recipeList li:nth-child(odd){background:#f5f6f7;}
}

/* ranking */
.ranking figure figcaption i.movie,
.ranking.lower figure figcaption i.movie{width:30px; height:30px; vertical-align:middle; margin-right:10px; position:relative; top:2px; background:none; padding:0; float:left; margin-bottom:15px;}
.ranking figure figcaption i.movie:before{content:'\e912'; font-size:30px; vertical-align:middle; color:#999;}

@media screen and (max-width:767px){
ol.ranking{margin:0 -15px 20px;}
ol.ranking li{width:100%; margin:0; float:none;}
ol.ranking li a figure{width:100%; float:none; margin:0; clear:both; display:block;}
ol.ranking li a figure:after{content:''; display:block; clear:both;}
ol.ranking li a figure img{width:50%; height:auto; float:left; margin:0; border:0;}
ol.ranking li a:hover i{opacity:.7;}
ol.ranking li a figure figcaption{width:50%; float:right; padding:10px; font-size:12px;}
.ranking figure figcaption i.movie{width:20px; height:100%; margin-right:5px; top:-2px; margin-bottom:70px; background:none !important; padding:0 !important;}
.ranking figure figcaption i.movie:before{font-size:20px;}
ol.ranking.lower li{width:100%; clear:both;}
ol.ranking li:nth-child(odd){background:#f5f6f7;}
ol.ranking.lower li:nth-child(odd){background:#fff;}
ol.ranking.lower li:nth-child(even){background:#f5f6f7;}
}

/* detail */
section.recipeIntro{clear:both; width:940px; margin:0 auto 50px;}
section.recipeIntro:after{content:''; display:block; clear:both;}
section.recipeIntro figure{float:left; width:640px;}
section.recipeIntro figure img{display:block; width:100%; height:auto; margin:0;}
section.recipeIntro div.content{width:280px; float:right;}
.recipeContainer{clear:both;}
.recipeContainer:after{content:''; display:block; clear:both;}
.recipeContainer table{float:left; width:450px; margin-bottom:0;}
.recipeContainer table:nth-child(2n){float:right;}
.recipeContainer table th,
.recipeContainer table td{border-bottom:1px #CCC solid; padding:5px 0; font-weight:normal;}
.recipeContainer table td{text-align:right;}
div.recipeProcess{clear:both;}
div.recipeProcess:after{clear:both; display:block; content:'';}
div.recipeProcess div{float:left; padding:10px 0; width:450px; border-bottom:1px #CCC solid;}
div.recipeProcess div:nth-child(2n){float:right;}
div.recipeProcess div p{float:left; width:200px; padding-left:1em; text-indent:-1em; margin:0;}
div.recipeProcess div p i{font-weight:bold; width:1em;}
div.recipeProcess div img{float:right;}
@media screen and (max-width:767px){
section.recipeIntro{width:auto; margin:0 auto 20px;}
section.recipeIntro figure{float:none; width:100%; margin:0 0 15px;}
section.recipeIntro div.content{width:100%; float:none; padding:0 15px;}
.recipeContainer table{float:none; width:100%;}
.recipeContainer table:nth-child(2n){float:right;}
.recipeContainer table th,
.recipeContainer table td{padding:5px 0; border-bottom:1px #999 solid; font-weight:normal;}
.recipeContainer table td{text-align:right;}
div.recipeProcess{clear:both; margin:0 0 20px;}
div.recipeProcess div{float:none; clear:both; width:auto;}
div.recipeProcess div:after{content:''; clear:both; display:block;}
div.recipeProcess div:nth-child(2n){float:none;}
div.recipeProcess div p{width:50%;}
div.recipeProcess div img{width:45%; height:auto;}
}
/* detail search */
.checkArray{clear:both;}
.checkArray:after{clear:both; display:block; content:'';}
.checkArray label{background:#ededed; padding:10px 5px 10px 10px; width:172px; margin:0 20px 20px 0; display:block; float:left; letter-spacing:0;}
.checkArray label:nth-child(5n){margin-right:0;}
.checkArray label input{border:1px #999 solid; background:none #fff;}
.checkArray label.double{width:365px;}
.formButtons{text-align:center; margin-bottom:50px;}
.formButtons button{width:300px; height:75px; font-size:20px; margin:0 20px; background:none; border:none; text-align:center;}
.formButtons button[type=reset]{background:#ededed;}
.formButtons button[type=submit]{background:#e56767; color:#fff;}
@media screen and (max-width:767px){
/*.mc.duo .col{margin-bottom:10px;}*/
.checkArray label{width:calc(50% - 5px); margin:0 5px 10px 0; font-size:12px; padding:7px 5px 7px 7px;}
.checkArray label:nth-child(2n){margin-right:0; float:right;}
.checkArray label.double{width:calc(50% - 5px);}
.formButtons{margin-bottom:50px; position:relative; padding-top:90px;}
.formButtons button{margin:0; display:block; margin:0 auto 15px;}
.formButtons button[type=reset]{width:240px; height:50px; font-size:14px;}
.formButtons button[type=submit]{position:absolute; top:0; left:50%; margin-left:-150px;}
}

/* corporate
=============================================================================== */
/* index header */
header.mainVisual{height:310px; background-repeat:no-repeat; background-position:center center; background-size:cover; margin-bottom:40px;}
header.mainVisual h1{text-align:center; line-height:310px; font-size:50px; color:#fff; font-weight: bold; text-shadow:0 0 5px rgba(0,0,0,.5);}
header.mainVisual.outline{background-image:url(/corporate/img/mv-corp.jpg);}
header.mainVisual.ir{background-image:url(/corporate/ir/img/mv-ir.jpg);}
header.mainVisual.sustainability{background-image:url(/corporate/sustainability/img/mv-sustainability2.jpg);}
header.mainVisual.safe{background-image:url(/corporate/safe/img/mv-safe.jpg);}
header.mainVisual.recruit{background-image:url(/corporate/recruit/img/mv-recruit.jpg);}
header.mainVisual.newscenter{background-image:url(/corporate/news_center/img/mv-newscenter.jpg);}
header.mainVisual.management{background-image:url(/corporate/management/img/mv-management.jpg);}
header.mainVisual.advantage{background-image:url(/corporate/management/advantage/img/mv-advantage.jpg);}

@media screen and (max-width:767px){
header.mainVisual{height:200px; margin-bottom:20px; overflow:hidden;}
header.mainVisual h1{line-height:200px; font-size:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
}
/* index memu */
.indexNav{margin-bottom:40px;}
.indexNav ul{clear:both; margin:0;}
.indexNav ul:after{content:''; display:block; clear:both;}
.indexNav li{width:50%; float:left; margin:0; margin-bottom:1px; padding-right:1px;}
.indexNav li a{display:block; position:relative; text-decoration:none;}
.indexNav li img{display:block; width:100%; height:auto;}
.indexNav li span{display:block; position:absolute; left:0; top:50%; margin-top:-30px; width:100%; height:60px; line-height:60px; color:#fff; text-align:center; font-size:30px; background:rgba(0,0,0,.4);}
.indexNav li.eatfish span{height:80px; line-height:40px;}
.indexNav li.stockprice{position:relative;}
.indexNav li.stockprice p{position:absolute; width:460px; bottom:7.5%; left:50%; margin-left:-230px; margin-bottom:0;}
.indexNav li.stockprice span{display:inline; position:relative; left:auto; top:auto; margin-top:0; width:auto; height:auto; line-height:1; color:#222; font-size:14px; background:transparent;}
.indexNav li.stockprice img.realtime{margin: 0 20px;position: absolute;z-index: 10;top: 70px;left: 0;width: 95%}

.relatedNav{width:980px; margin:0  auto 40px;}
.relatedNav ul{clear:both; margin:0;}
.relatedNav ul:after{content:''; display:block; clear:both;}
.relatedNav li{width:450px; float:left; margin:0 20px;}
.relatedNav li a{display:block; position:relative; text-decoration:none;}
.relatedNav li img{display:block; width:100%; height:auto;}
.relatedNav li span{display:block; position:absolute; left:0; top:50%; margin-top:-25px; width:100%; height:50px; line-height:50px; color:#fff; text-align:center; font-size:28px; background:rgba(0,0,0,.4);}
.relatedNav li.eatfish span{margin-top:-35px; padding-top: 5px; height:80px; line-height:35px;}



@media screen and (max-width:767px){
.indexNav{margin-bottom:30px;}
.indexNav li{width:95%; float: none; margin:0 auto; margin-bottom:2px;}
.indexNav li span{margin-top:-15px; height:50px; line-height:50px; font-size:20px; text-shadow:0 0 5px rgba(0,0,0,.5);}
.indexNav li.eatfish span{height:60px; line-height:30px;}
.indexNav li.stockprice p{width:100%; height:100%; bottom:auto; top:0; left:0; margin-left:0;}
.indexNav li.stockprice p a{width:100%; height:100%; display:block; border:0; background:transparent; position:relative; padding:0;}
.indexNav li.stockprice p a:hover{background:transparent;}
.indexNav li.stockprice p a:after{display:none;}
.indexNav li.stockprice span{display:none;}
.indexNav li.stockprice img.realtime{z-index: 0; top: 50px; left: -5px;}
.relatedNav{width:auto; margin:0 auto 30px; padding:0;}
.relatedNav ul{clear:both; margin:0;}
.relatedNav li{width:47.6%; float:left; margin: 0 0 0 5px ;}
.relatedNav li span{margin-top:-15px; height:30px; line-height:30px; font-size:12px;}
.relatedNav li.eatfish span{margin-top:-25px; padding-top: 5px;  height:50px; line-height:20px;}
}

/* top */
.cpMainVisual{height:490px; background:url(/corporate/img/main-visual.jpg) no-repeat center center; background-size:cover; margin-bottom:40px;}
.cpMainVisual h1{line-height:490px; font-size:56px; text-align:center; color:#fff;}
section.regular a.info{ display: block; padding: 10px; border: solid 5px #ccc; color: #000; text-decoration: none}
section.regular a.info:hover{ border: solid 5px #aaa; text-decoration: underline}
section.regular a.aqli{ display: block; padding:20px; background: #fcfcfc; border: double 3px #ccc; color: #000; text-decoration: none}
section.regular a.aqli:hover{ display: block; padding: 20px; background: #eee; border: double 3px #666;  color: #000; text-decoration: underline}

section.regular div.info{ color:#000; margin:20px 0 60px; border-top:solid 1px #999;}
section.regular div.info ul{ border-bottom:solid 1px #999; padding:20px 15px; margin:0;}
section.regular div.info ul li{ list-style:none;}
section.regular div.info ul li:first-child{ font-size:13px; margin:0 3px 3px 0; width:110px; float:left;}
section.regular div.info ul li:nth-child(2){padding-left:110px;}

section.regular.important_info {}
section.regular.important_info ul{padding: 10px 10px 5px 10px; border: double 3px #c99; margin: 0 auto ;}
section.regular.important_info ul li{ list-style: none;}
section.regular.important_info ul li a{display: block; padding-left: 25px; position: relative}
section.regular.important_info ul li a.pdf:before{content: '\e91f';color: #b53629; text-decoration: none;  width: 15px;height: 20px; font-size: 18px; position: absolute;left: 0; top: -3px;}
section.regular.important_info ul li a.web:before{content: '\e91a';color: #4877b0; text-decoration: none;  width: 15px;height: 20px; font-size: 18px; position: absolute;left: 0; top: -3px;}


@media screen and (max-width:767px){
.cpMainVisual{height:200px; background-size:cover; margin-bottom:20px;}
.cpMainVisual h1{line-height:200px; font-size:18px;}

}

/* outline */
.anim{margin:0 100px;}
section.regular.cpIg{margin:0 auto 180px;}
.cpIg figure{margin:0 auto; position:relative;}
.cpIg figure div{position:absolute; left:0; top:0;}
.cpIg figure div:first-of-type{position:relative;}
.cpIg figure figcaption{display:none;}
.cpIg figure img{opacity:0; width:100%; height:auto; position:relative;}

.cpIg h2{background:url(/corporate/outline/img/title-bar.png) no-repeat; height:90px; text-align:center; font-size:24px; color:#fff; line-height:70px; margin-bottom:20px;}
.cpIg h2 + p{text-align:center; font-size:16px; margin-bottom:30px;}
.cpIg div div span{display:none; font-family:noto, sans-serif;}

.ig103 img + img {display:none;}
#ig01 + p{display:none;}

.ig203{position:relative; width:940px; margin:0 auto;}
.ig203 img{position:relative; z-index:0;}
.ig203 div{height:160px; position:absolute; bottom:0; z-index:1; font-family: 'Teko', sans-serif; font-size:184px; color:#ff493a; line-height:1; letter-spacing:0.05em; text-align:right;}
.ig203 .count1{width:240px; left:0;}
.ig203 .count2{width:450px; right:20px;}

.ig306{position:relative; width:940px; margin:-60px auto;}
.ig306 img{position:relative; z-index:0;}
.ig306 div{height:160px; width:160px; position:absolute; bottom:-20px; z-index:1; font-family: 'Teko', sans-serif; font-size:184px; color:#ff493a; line-height:1; letter-spacing:0.01em; text-align:right;}
.ig306 .count3{left:30px;}
.ig306 .count4{right:140px;}

.ig504{position:relative;}
.ig504 img{position:relative; z-index:0;}
.cpIg figure#ig05 .ig504 div.count5{height:160px; width:430px; position:absolute; top:auto; bottom:30px; left:60px; z-index:1; font-family: 'Teko', sans-serif; font-size:184px; color:#ff493a; line-height:1; letter-spacing:0.05em; text-align:right;}

.ig601{position:relative;}
.ig601 img{position:relative; z-index:0;}
.cpIg figure#ig06 .ig601 div{height:160px; position:absolute; top:40px; bottom:auto; z-index:1; font-family: 'Teko', sans-serif; font-size:184px; color:#ff493a; line-height:1; letter-spacing:0em; text-align:right;}
.cpIg figure#ig06 .ig601 div.count6{left:0; width:375px;}
.cpIg figure#ig06 .ig601 div.count7{left:600px; width:250px;}




@media screen and (max-width:767px){
.anim{margin:0;}
section.regular.cpIg{margin:30px auto 150px;}
.cpIg h2{background:none #ff493a; height:auto; font-size:18px; line-height:1.4;  padding:10px; margin:0 -15px 15px;}
.cpIg figure{margin-left:-10px; margin-right:-10px;}
.cpIg h2 + p{text-align:left; font-size:14px; margin-bottom:20px;}
.cpIg h2 + p br{display:none;}
.cpIg div div span{display:inline-block; font-size:12px;}

.ig103 img{display:none;}
.ig103 img + img {display:block;}
.ig104{display:none;}
#ig01 + p{display:block; padding-top:15px; margin:0; opacity:0;}

.ig203{width:auto; clear:both;}
.ig203:after{content:''; display:block; clear:both;}
.ig203 img{display:none;}
.ig203 div{height:auto; position:relative; bottom:auto; font-size:60px; letter-spacing:0; text-align:left;}
.ig203 .count1{width:50%; left:auto; float:left;}
.ig203 .count2{width:50%; right:auto; float:right;}
.cpIg div.ig203 div span{font-size:16px;}
.cpIg div.ig203 div span.head,
.cpIg div.ig203 div span.bottom{display:block;}

.ig306{width:auto; margin:0 auto; clear:both;}
.ig306:after{content:''; display:block; clear:both;}
.ig306 img{display:none;}
.ig306 div{height:auto; width:auto; position:relative; bottom:auto; font-size:70px; letter-spacing:0; text-align:left;}
.ig306 .count3{left:auto; width:50%; float:left;}
.ig306 .count4{right:auto; width:50%; float:left;}
.cpIg div.ig306 div span{font-size:12px;}
.cpIg div.ig306 div span.head{display:block; font-size:10px;}

.ig504 img{visibility:hidden;}
.cpIg figure#ig05 .ig504 div.count5{height:auto; width:60%; bottom:0; left:10px; font-size:44px; text-align:left; }
.cpIg figure#ig05 .ig504 div.count5 span{font-size:14px;}
.cpIg figure#ig05 .ig504 div.count5 span.head{display:block;}

.ig601{height:90px; clear:both;}
.ig601:after{content:''; display:block; clear:both;}
.ig601 img{display:none; height:auto;}
.cpIg div.ig602{height:calc((100vw - 10px) * 0.638); width:100%; position:relative; margin-top:-70px;}
.cpIg div.ig603,
.cpIg div.ig604{height:calc((100vw - 10px) * 0.638); width:100%; top:0;}
.cpIg div.ig602 img,
.cpIg div.ig603 img,
.cpIg div.ig604 img{position:absolute; left:0; bottom:0; width:100%; height:auto;}


.cpIg figure#ig06 .ig601 div{height:auto; position:relative; top:auto; bottom:auto; font-size:50px; text-align:left;}
.cpIg figure#ig06 .ig601 div.count6{left:auto; width:50%; float:left; padding:0 10px;}
.cpIg figure#ig06 .ig601 div.count7{left:auto; width:50%; float:left; padding:0 10px;}
.cpIg figure#ig06 div.ig601 div span{font-size:15px;}
.cpIg figure#ig06 div.ig601 div span.bottom{font-size:10px; display:block;}
.cpIg figure#ig06 .ig601 span.head{display:block;}



.cpIg figure{width:auto;}
}

/* philosophy */
h2.msg{color:#2a549b; font-size:18px; margin-bottom:30px; font-size:24px; line-height:1.5; font-weight:bold;}
p.slogan{color:#345172; text-align:center; font-size:18px;}
dl.behavior{clear:both; border:none; width:600px; margin:0 auto 40px;}
dl.behavior dt{border:none; background:none; padding:0; float:left; width:10em; font-weight:bold; color:#345172; clear:both;}
dl.behavior dd{padding:0 0 20px 10em; margin-bottom:20px;}
p.motto{width:16em; margin:0 auto; font-size:18px; line-height:2.5;}
h3.cpNormal{padding:10px; margin:30px 0 20px; font-weight:bold; color:#345172; background:#e6eaef; font-size:16px;}
p.top_msg{line-height: 2.3}

@media screen and (max-width:767px){
p.top_msg{line-height: 1.8}
p.top_msg br{ display: none}
}

/* group business introduction */
#pageBody section.groupIntro{max-width:1280px; min-width:940px; margin:0 auto 70px; padding:0 20px;}
#pageBody section.groupIntro .item{float:left; width:calc(50% - 10px); margin-bottom:40px;}
#pageBody section.groupIntro .item:nth-child(2n){float:right;}
#pageBody section.groupIntro .item:nth-child(2n+1){clear:both;}
#pageBody section.groupIntro .item figure img{width:100%; height:auto;}
#pageBody section.groupIntro .item h3{font-size:20px; position:relative; padding-left:30px; margin-bottom:20px; font-weight:normal; line-height:1.0}
#pageBody section.groupIntro .item h3:before{content:""; display:block; position:absolute; width:20px; height:1px; left:0; top:50%;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#pageBody section.groupIntro .item h3:before{top:5px;\9; /* IE10以上 */}
}
body.cp #pageBody section.groupIntro .item h3{color:#5B6D7E;}
body.cp #pageBody section.groupIntro .item h3:before{background:#5B6D7E;}
body.cp #pageBody section.groupIntro .item h4{ font-weight: bold; font-size: 16px; margin-bottom: 10px;}

#pageBody nav.advantage{position:relative; width:100%; padding:40px 0; background:url(/corporate/outline/group/img/bg_footer.jpg) center bottom no-repeat; background-size:100% auto;}
#pageBody nav.advantage:after{content:''; display:block; left:0; top:0; width:100%; height:100%; position:absolute; background-color:rgba(255,255,255,0.8); z-index:0;}
#pageBody nav.advantage p{position:relative; font-size:30px; z-index:2; text-align:center; margin:0; line-height:1.0;}
#pageBody nav.advantage p a{position:relative; display:block; color:#fff; margin:0 auto; width:640px; text-decoration:none; z-index:1}
#pageBody nav.advantage p a img{width:100%; height:auto;}
#pageBody nav.advantage p a span{position:absolute; left:0; top:50%; width:100%; margin-top:-15px;}

@media screen and (max-width:767px){
#pageBody section.groupIntro{width:100%; margin-bottom:40px; max-width:none; min-width:0;}
#pageBody section.groupIntro .item,
#pageBody section.groupIntro .item:nth-child(2n){float:none; width:100%;}
#pageBody section.groupIntro .item{margin-bottom:20px;}
#pageBody section.groupIntro .item figure{margin:0 -15px 1em;}
#pageBody section.groupIntro .item figure img{width:100%; height:auto;}
#pageBody section.groupIntro .item h3{font-size:16px; position:relative; padding-left:15px; margin-bottom:10px;}
#pageBody section.groupIntro .item h3:before{content:""; display:block; position:absolute; width:10px; height:1px; left:0; top:50%;}
#pageBody nav.advantage{position:relative; width:100%; padding:15px; background-size:767px auto;}
#pageBody nav.advantage p{font-size:20px;}
#pageBody nav.advantage p a{width:auto;}
#pageBody nav.advantage p a span{margin-top:-10px;}

/* philosophy */
h2.msg{font-size:18px;}
dl.behavior{width:auto; margin:0 auto 20px;}
dl.behavior dt{float:none; width:auto;}
dl.behavior dd{padding:0 0 10px 0; margin-bottom:10px;}
p.motto{width:auto;}
h3.cpNormal{padding:8px 10px; margin:20px 0 15px;}
}

/* management system */
#pageBody section.groupList{}
#pageBody section.groupList h3.area{font-size:20px; margin-top:20px;}
#pageBody section.groupList h3.area:before{content:'― ';}
#pageBody section.groupList .item{padding:15px; clear:both; position:relative;}
#pageBody section.groupList .item:after{content:''; display:block; clear:both;}
#pageBody section.groupList .item:nth-of-type(odd){background:#f7f8f9;}
#pageBody section.groupList .item h3,
#pageBody section.groupList .item h4{float:left;}
#pageBody section.groupList .item h3 i{display:block;}
#pageBody section.groupList .item h3 a{color:#1853b8; text-decoration:none;}
#pageBody section.groupList .item h3 a:hover{text-decoration:underline;}
#pageBody section.groupList p{width:600px; float:right; line-height:1.75; margin-bottom:0;}
#pageBody section.groupList.office p{width:750px;}
#pageBody section.groupList span.zip{display:block;}
/* officers */
#pageBody dl.officers{clear:both; border:0 none; width:100%;}
#pageBody dl.officers dt{float:left; width:200px; clear:both; padding:15px; border:0; font-weight:bold; color:#2e4c6e;}
#pageBody dl.officers dt i{padding-left:1.5em;}
#pageBody dl.officers dd{padding:15px; min-height:1.5em; float:left; width:140px;}
#pageBody dl.officers dd + dd{padding:15px; width:auto; float:none; padding-left:340px;}
#pageBody dl.officers dt:nth-of-type(odd){background:#f7f8f9;}
#pageBody dl.officers dt:nth-of-type(even){background:#fff;}
#pageBody dl.officers dt:nth-of-type(odd) + dd,
#pageBody dl.officers dt:nth-of-type(odd) + dd + dd{background:#f7f8f9;}
#pageBody dl.officers dt:nth-of-type(even),
#pageBody dl.officers dt:nth-of-type(even) + dd,
#pageBody dl.officers dt:nth-of-type(even) + dd + dd{background:#fff;}
/* outline */
#pageBody table.outline th,
#pageBody table.outline td{vertical-align:top;}
#pageBody table.outline th{width:250px;}
/* history */
#pageBody table.history th,
#pageBody table.history td{}
#pageBody table.history th{width:100px;}
#pageBody table.history td ul{margin-bottom:0;}
#pageBody table.history td ul li{list-style:none; padding-left:40px; position:relative; margin:.5em 0;}
#pageBody table.history td ul li:before{content:''; width:30px; height:1px; position:absolute; left:0; top:.75em; background:#333;}
#pageBody table.history td b{color:#c22;}
#pageBody table.history td figure{float:left; margin:0 20px 0 0;}

@media screen and (max-width:767px){
/* management system */
#pageBody section.groupList .item{padding:10px;}
#pageBody section.groupList h3{float:none; margin-bottom:0;}
#pageBody section.groupList h3 i{display:inline-block; padding-left:1em;}
#pageBody section.groupList p{width:auto !important; float:none;}
/* officers */
#pageBody dl.officers dt{width:65%; padding:10px;}
#pageBody dl.officers dd{padding:10px; width:35%;}
#pageBody dl.officers dd + dd{padding:0 10px 10px 10px; min-height:0; clear:both;}
#pageBody dl.officers dd.empty{display:none;}
/* history */
#pageBody table.history th{vertical-align:top; white-space:nowrap; width:auto;}
#pageBody table.history td ul{margin:0;}
#pageBody table.history td ul li{padding-left:15px; margin:0 0 .5em;}
#pageBody table.history td ul li:before{width:10px; top:.75em;}
#pageBody table.history td b{color:#c22;}
#pageBody table.history td figure{float:none; margin:0 20px 0 0;}

}

/* news center
=============================================================================== */
header.mainVisual.newsIndex{background-image:url(/corporate/img/mv-news.jpg);}
section.news{margin-bottom:40px;}
section.regular.news{width:100%;}
section.regular.news header{width:940px; margin:0 auto;}
ul.newsCategories,
ul.newsArchives{margin:0 auto; clear:both;}
ul.newsCategories:after,
ul.newsArchives:after{content:''; display:block; clear:both;}
ul.newsArchives{margin-bottom:20px;}
ul.newsCategories li,
ul.newsArchives li{float:left; list-style:none; margin:0 20px 20px 0;}
ul.newsCategories li:nth-child(5n),
ul.newsArchives li:nth-child(6n){margin-right:0;}
ul.newsCategories li a,
ul.newsArchives li a{background:#f7f8f9; border:1px #999 solid; text-decoration:none; display:block; padding:10px; position:relative; line-height:1;}
ul.newsCategories li a:after,
ul.newsArchives li a:after{content:'\e902'; width:18px; height:18px; line-height:18px; position:absolute; right:8px; top:50%; margin-top:-9px;}
ul.newsCategories li a:hover,
ul.newsArchives li a:hover,
ul.newsCategories li a.active,
ul.newsArchives li a.active{background:#fff; color:#2a549b; border-color:#2a549b;}
ul.newsCategories li{width:172px;}
ul.newsArchives li{width:140px;}
.newsBody{width:940px; margin:0 auto;}
.newsBody .snsLinks{display: none}
.newsBody > header{border-bottom:1px #aec0d5 solid; margin-bottom:20px;}
.newsBody > header .snsLinks{float:left; margin:0 0 10px;}
.newsBody > header .snsLinks ul{margin:0;}
.newsBody > header .snsLinks li{float:left; list-style:none;}
.newsBody > header p.date{margin:0; float:right; text-align:right;}
.newsBody > header .title{clear:both; margin:10px 0 0; border-top:1px #000 solid; padding:15px 0 0; text-align:center;}
.newsBody > header .title p{margin-bottom:15px; font-size:16px;}
.newsBody > header .title h1{font-size:24px; margin:0 0 20px; line-height:1.4;}
.newsBody > header .title h1 span {font-size:16px; display:block; margin:6px 0;}
.newsBody > header .title h1 span.ttlmiddle {font-size:18px;}
.newsBody h3,
.newsBody h4{background:#e6eaef; color:#2e4c6e; padding:10px; margin-bottom:20px;}
.newsBody h5{font-size:16px; font-weight:bold; }
.newsBody table{margin-bottom:40px;}
.newsBody table th,
.newsBody table td{padding:10px; border:1px #95989a solid;}
.newsBody table th{background:#f5f6f7; color:#2e4c6e; width:20%;}
.newsBody table table{margin-bottom:0;}

.newsBody table tr td .flx01{ display: flex; justify-content: space-between}
.newsBody table tr td .flx01 img{ margin-right: 20px; height: fit-content}
.newsBody table tr td .flx01 p { margin: 0}
.newsBody table tr td .flx01 p + img{ margin-left: 20px; margin-right: 0}

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

.newsBody table tr td .flx01{ display: block;}
.newsBody table tr td .flx01 img{ display: block; margin: 0 auto 10px auto}
	
}

/*.newsBody table:last-child tr th,
.newsBody table:last-child tr td{ display: block; width: 100% !important; white-space: normal !important;}*/
nav.newsBottom{width:940px; margin:30px auto;}

.regular.news > .highlight + ul + div > .inner { border-top: solid 1px #5B6D7E; padding-top:20px; margin-top: 80px; }


.researchArchive figcaption:before,
.researchArchive figcaption b:before{font-weight:normal; margin-right:5px; font-size:125%; vertical-align:middle; position:relative; top:-2px;}
.researchArchive figcaption.web:before,
.researchArchive figcaption b.web:before{content:'\e91a'; color:#4877b0;}
.researchArchive figcaption.pdf:before,
.researchArchive figcaption b.pdf:before{content:'\e91f'; color:#b53629;}
.researchArchive.quad figcaption{text-indent:-1.5em; padding-left:1.5em;}
.researchArchive a:hover{text-decoration:none;}

.reserchPdfArchive{width:460px; margin:0 auto;}
.reserchPdfArchive header{background:#f7f8f9; border:1px #999 solid; padding:10px; position:relative; line-height:1; cursor:pointer;}
.reserchPdfArchive header:after{content:'▼'; font-size:12px; position:absolute; right:0; top:0; width:30px; height:30px; text-align:center; line-height:30px;}
.reserchPdfArchive.open header:after{content:'▲';}
.reserchPdfArchive ul{margin:0; display:none;}
.reserchPdfArchive ul li{border:1px #999 solid; border-top:0; margin:0;}
.reserchPdfArchive ul li a{background:#f7f8f9; display:block; padding:8px;}

@media screen and (max-width:767px){
#slides{position:relative; width: 780px; margin: 0 auto;}
#slides a.prev,
.prev{display: none;}
.next{display: none;}
}
.snsLinks {padding:0 0 20px; clear:both; zoom:1; height:21px; overflow:hidden;}
.snsLinks:after{content:''; clear:both; display:block;}
.snsLinks li{ float:left; padding:0;}
#slides a.next{display: block; width: 40px; height: 210px; position: absolute; top: 30px;}
.prev{left:-60px;}
.next{right:-60px;}
#slides .slides_container {height:250px;}
#slides .slides_container div {width:780px;}
#slides .slides_container div  ul li{ float:left; margin:2px 10px; text-align:center; list-style: none;}
.pagination .current a {color:red;}
.pagination{ text-align:center;}
.pagination li{display:inline;padding-right:1em;}

/*div ul li a.rollover {line-height:125%;}*/

@media screen and (max-width:767px){
section.regular.news{padding-left:0; padding-right:0;}
section.regular.news header{width:auto;}
.newsBody{width:auto;}
.newsBody section.release_area{padding:0 15px;}
.newsBody > header{margin:0 15px 20px;}
.newsBody > table tr td img{widows: 100%; max-width: inherit !important}
ul.newsCategories,
ul.newsArchives{margin-bottom:10px;}
ul.newsCategories li,
ul.newsArchives li{float:none; margin:0; width:100%; margin-top:-1px; display:none;}
ul.newsCategories li.on,
ul.newsArchives li.on,
ul.newsCategories.open li,
ul.newsArchives.open li{display:block;}
ul.newsCategories li a.active:after,
ul.newsArchives li a.active:after{content:'\e900';}
ul.newsCategories.open li a.active:after,
ul.newsArchives.open li a.active:after{content:'\e903';}
nav.newsBottom{width:auto; margin:20px auto; padding:0 15px;}

.reserchPdfArchive{width:100%;}
.reserchPdfArchive header{background:#f7f8f9; border:1px #999 solid; padding:10px; position:relative; line-height:1; cursor:pointer;}
.reserchPdfArchive header:after{content:'▼'; font-size:12px; position:absolute; right:0; top:0; width:30px; height:30px; text-align:center; line-height:30px;}
.reserchPdfArchive header:hover:after{content:'▲';}
.reserchPdfArchive ul{margin:0;}
.reserchPdfArchive ul li{border:1px #999 solid; border-top:0; margin:0; height:0; opacity:0; overflow:hidden;  transition:all .5s ease;}
.reserchPdfArchive ul li a{background:#f7f8f9; display:block; padding:8px;}
.reserchPdfArchive:hover ul li{height:36px; opacity:1;}
}


/* IR
=============================================================================== */
table.dataTable caption{text-align:right; margin-bottom:5px;}
table.dataTable tbody td{text-align:right;}
table.dataTable thead th,
table.dataTable tbody th,
table.dataTable tbody td{border:1px #aec0d5 solid; padding:10px;}
table.dataTable thead.groupHead th{padding:5px 10px; background:#eee; text-align:left;}
table.dataTable thead.subGroupHead th{padding:5px 10px; background:#ddd; text-align:left;}

table.dataTable tfoot th{padding:5px 10px; text-align:right; border:1px #aec0d5 solid;}
table.dataTable tfoot td{padding:5px 10px; text-align:right; font-weight:bold; border:1px #aec0d5 solid;}

.graphArray,
.graphSingle{clear:both; margin:50px 0; }
.graphArray:after{clear:both; display:block; content:'';}
.graphArray figure{width:50%; float:left; margin-bottom:30px;}
.graphArray figure img,
.graphSingle figure img{margin:0 auto 10px;}
.graphArray figure i{display:block; text-align:right;}
.graphArray figure figcaption,
.graphArray figure figcaption{text-align:center; font-size:16px;}
.graphSingle{text-align:center;}
.graphSingle i{display:block; text-align:right;}

#pageBody section.regular.financialSection.result > header,
#pageBody section.regular.financialSection.yuho > header,
#pageBody section.regular.financialSection.presentation > header{margin-bottom:10px;}
body.cp .corporate .regular.financialSection dl{margin-bottom:50px; border-bottom:0;}
.financialSection dl dt{clear:both; float:left; background:none; border:none; padding:15px 10px; width:10em;}
.financialSection dl dd{padding:10px 10px 10px calc(10em + 20px); border-bottom:1px #aec0d5 solid;}
.financialSection dl dd p{margin:5px 0; width:48.5%; display:inline-block;}
.financialSection dl dd p:before{content:'\e91f'; color:#b53629; font-size:20px; vertical-align:middle; margin-right:5px;}
.financialSection.yuho ul{margin:0 0 50px 0;}
.financialSection.yuho li{list-style:none;}
.financialSection.yuho li:before{content:'\e91f'; color:#b53629; font-size:20px; vertical-align:middle; margin-right:5px;}
.financialSection.yuho ul li ul{margin:0 0 0 20px;}
.financialSection.yuho ul li ul li{padding-left:25px; text-indent:-25px;}
.financialSection.yuho ul li ul li:before{content:'└'; color:#aec0d5;}
.financialSection.presentation h3{font-size:18px; border-bottom:1px #aec0d5 solid; padding-bottom:5px;}
.financialSection.presentation dl{margin-bottom:50px; border-bottom:0;}
.financialSection.presentation dl dt{float:none; border:none; padding:10px 0; width:auto; font-size:16px; font-weight:bold;}
.financialSection.presentation dl dd{padding:0 0 10px 0;}
.financialSection.presentation ul{margin:0;}
.financialSection.presentation dl dd ul li{display:inline-block; width:35%;}
.financialSection ul{margin-left:0;}
.financialSection li{list-style:none;}
.financialSection li.pdf,
.financialSection li.web{text-indent:-25px; padding-left:25px;}
.financialSection li:before{font-size:20px; vertical-align:middle; margin-right:5px;}
.financialSection li.pdf:before{content:'\e91f'; color:#b53629;}
.financialSection li.web:before{content:'\e91a'; color:#4877b0;}
.financialSection.presentation dl dd+dd{padding-top:10px; padding-left:20px;}
.financialSection.presentation dl dd+dd li{width:auto; display:block;}
.financialSection.presentation .headline{background:#f5f6f7; border:1px #aec0d5 solid; padding:20px; margin-bottom:50px;}
.financialSection.presentation .headline h2{font-weight:bold;}
.financialSection.presentation .headline ul{margin-bottom:0;}
.financialSection.presentation .headline ul li{margin-bottom:0; display:inline-block; width:35%; line-height:1.2;}
.financialSection.report .headline{background:#f5f6f7; border:1px #aec0d5 solid; padding:20px; margin-bottom:50px;}
.financialSection.report .headline ul{margin:0;}
.financialSection.report .headline ul li{margin-bottom:0; list-style:none;}
.financialSection.report .reportIndex{clear:both; position:relative; padding-left:240px; margin-bottom:30px; border-bottom:1px #aec0d5 solid;}
.financialSection.report .reportIndex:after{content:''; display:block; clear:both;}
.financialSection.report .reportIndex img{position:absolute; left:0; top:0;}
.financialSection.report .reportIndex h2{font-size:18px; margin-bottom:20px;}
.financialSection.report .reportIndex ul{margin-left:1.5em;}
.financialSection.report .reportIndex ul li{list-style:disc;}
.financialSection.calendar{}
#pageBody .financialSection.calendar h3{padding:5px 10px; font-size:16px; margin-bottom:0; border-bottom:1px #aec0d5 solid; margin-bottom:1px;}
.financialSection.calendar dl dt{padding:10px; width:15em; background:#f5f6f7; color:#2a549b;}
.financialSection.calendar dl dd{padding:10px 10px 10px calc(15em + 20px); border-bottom:1px #aec0d5 solid;}
.financialSection.calendar dl dt em.done{color:#b51520;}
.financialSection.calendar dl dt em.plan{color:#093;}
.financialSection.faq dl{border-top:1px #aec0d5 solid;}
.financialSection.faq dl dt{padding:10px; background:#f5f6f7; color:#2a549b; float:none; width:auto; font-size:16px;}
.financialSection.faq dl dd{padding:15px 10px 40px 60px; border-bottom:1px #aec0d5 solid; position:relative;}
.financialSection.faq dl dd i{position:absolute; left:10px; top:10px; font-size:16px; font-weight:bold; color:#b51520;}
.financialSection.faq dl dd p{margin:0 0 15px; width:auto;}
.financialSection.faq dl dd p:before{display:none;}
.financialSection.faq dl dd figure{margin-top:15px;}
.financialSection.faq dl dd p.footNote{padding:10px; border:1px #aec0d5 solid; background:#f5f6f7; margin-top:15px;}
.financialSection .pdfList{margin-bottom:50px;}
.financialSection .pdfList li{text-indent:-25px; padding-left:25px;}
.financialSection .pdfList li:before{font-size:20px; vertical-align:middle; margin-right:5px; content:'\e91f'; color:#b53629;}

.presentationSection{margin-bottom:50px; clear:both;}
.presentationSection:after{content:''; display:block; clear:both;}
.presentationSection #presentation{width:660px; float:right;}

#slideimg{width:100%; height:auto; position:relative; padding:0 40px;}
#slideimg img{display:block; margin:0 auto; width:100%; height:auto;}
#slideimg #arrow_prev,
#slideimg #arrow_next{width:40px; height:100%; position:absolute; top:0; text-indent:-9999px;}
#slideimg #arrow_prev a,
#slideimg #arrow_next a{background:#eee; text-indent:-9999px; display:block; width:100%; height:100%; position:relative; color:#999;}
#slideimg #arrow_prev a:hover,
#slideimg #arrow_next a:hover{background:#f5f5f5; color:#c22;}
#slideimg #arrow_prev{left:0;}
#slideimg #arrow_next{right:0}
#slideimg #arrow_prev a:before,
#slideimg #arrow_next a:before{display:block; width:100%; height:40px; text-indent:0; text-align:center; font-size:20px; position:absolute; left:0; top:50%; margin-top:-20px;}
#slideimg #arrow_prev a:before{content:'\e901';}
#slideimg #arrow_next :before{content:'\e902';}
.slideSummary{margin-bottom:30px; line-height:1.75; }
ul.pager{margin:0; padding:0; list-style:none; text-align:center;}
ul.pager li{display:inline-block; margin:0 10px;}
ul.pager li:first-child:before{content:'≪ '; vertical-align:top;}
ul.pager li:last-child:after{content:' ≫'; vertical-align:top;}
ul.pager li a{color:#2A549B; text-decoration:none;}
ul.pager li a:hover{text-decoration:underline;}
.presentationSection aside{float:left; width:250px;}
.presentationSection aside section.regular{width:auto;}
.presentationSection aside section > header{display:none;}
.presentationSection aside ul.ln{margin:0;}
.presentationSection aside ul.ln li{list-style:none; border-bottom:1px #ccc solid; margin:0;}
.presentationSection aside ul.ln li a{display:block; padding:10px; text-decoration:none; color:#2A549B;}
.presentationSection aside ul.ln li a:hover{background:#f5f5f5;}
.presentationSection aside ul.ln li ul{margin:0 0 0 15px; border-top:1px #ccc solid;}
.presentationSection aside ul.ln li ul li:last-child{border-bottom:0;}



@media screen and (max-width:767px){
.graphArray{clear:both; margin:30px 0; }
.graphArray figure{width:auto; float:none; width:341px; margin:0 auto 20px;}
.financialSection dl{margin-bottom:30px;}
.financialSection dl dt{float:none; padding:0; width:auto; font-size:16px;}
.financialSection dl dd{padding:0 0 5px 0; margin-bottom:10px;}
.financialSection dl dd p{margin:0 0 5px; width:auto; display:block;}
.financialSection dl dd p:before{content:'\e91f'; color:#b53629; font-size:20px; vertical-align:middle; margin-right:5px;}
.financialSection.yuho ul{margin:0 0 30px 0;}
.financialSection.yuho ul li ul{margin:0 0 0 20px;}

.financialSection.presentation h3{font-size:16px;}
.financialSection.presentation dl{margin-bottom:30px;}
.financialSection.presentation dl dt{padding:10px 0 5px; font-size:14px;}
.financialSection.presentation dl dd ul li{display:block; width:auto;}
.financialSection.presentation .headline{padding:10px; margin-bottom:30px;}
.financialSection.presentation .headline ul li{display:block; width:auto;}

.financialSection.report .reportIndex{padding-left:0; margin-bottom:30px;}
.financialSection.report .reportIndex img{position:relative; left:auto; top:auto; display:block; width:100%; height:auto; margin-bottom:20px;}

.financialSection.calendar dl dt{padding:10px; width:auto; float:none; }
.financialSection.calendar dl dd{padding:10px; margin:0;}
.financialSection.calendar dl dt i{color:#b51520;}

.financialSection.faq dl dd{margin-bottom:0; padding:10px 10px 30px 45px;}
.financialSection.faq dl dd i{font-size:14px;}

.presentationSection{margin-bottom:30px;}
.presentationSection #presentation{width:auto; float:none;}

#slideimg{margin:0 -15px 15px; width:auto; padding:0 20px; border:1px #ccc solid; border-width:1px 0;}
#slideimg img{display:block; margin:0 auto; box-shadow:none;}
#slideimg #arrow_prev,
#slideimg #arrow_next{width:20px;}
#slideimg #arrow_prev a:before,
#slideimg #arrow_next a:before{height:20px; font-size:20px; position:absolute; left:0; top:50%; margin-top:-10px;}

.presentationSection aside{float:none; width:auto; clear:both; margin:30px -15px; border-top:1px #ccc solid;}
}


/* SAFE
=============================================================================== */
/* PC向け */

figure.ctrImg ul.linkList li{width:100%;}
.fdStandard{border:1px #ccc solid; padding:30px 0 0;}
.fdStandard h3{text-align:center;}

.incidentList{margin:0 0 30px; border:none;}
.incidentList dt{clear:both; float:left; width:10em; background:none; border:none; padding:15px 0;}
.incidentList dd{border-bottom:1px #ccc solid; padding:15px 0 15px 10em;}

.pdfLink{margin-left:0; line-height:1.5;}
.pdfLink li{list-style-type:none; position:relative; padding-left:25px;}
.pdfLink li:before{content:'\e91f'; color:#b53629; width:15px; height:20px; font-size:20px; position:absolute; left:0; top:-3px;}
table.infoTable caption{margin-bottom:10px; font-weight:bold;}
table.infoTable caption span{float:right; font-weight:normal;}
table.pointTable thead th{background:#fff;}
table.pointTable thead th.blue{color:#062054; background:#cbe5ff;}
table.pointTable thead th.pink{color:#9d0000; background:#ffd8d8;}
table.pointTable tbody td.blue{background:#eef6ff;}
table.pointTable tbody td.pink{background:#fff3f3;}
table.pointTable tbody td.pink2{background:#ffe7e7;}

body.cp #pageBody h3.regular.highlight{background:#fbeeee; color:#c43838;}
body.cp #pageBody h3.regular02 + .clrFx .f-lt{width:730px;}
body.cp #pageBody h4.regular{margin-bottom:15px; padding-bottom:10px; font-size:15px; font-weight:bold; color:#3c5978; border-bottom:1px #aec0d5 solid;}

body.cp #pageBody .regular .message{padding:45px 60px; border:#bb9977 1px solid; /*background:#fffcf2 url(../../corporate/safe/quality_assurance/img/photo01.png) no-repeat 675px bottom;*/ background:#fffcf2; }
body.cp #pageBody .regular .message h3{color:#c50; font-size:24px; font-weight:normal; text-align:center; }
body.cp #pageBody .regular .message p{font-size:16px; line-height:2; width:580px; margin:25px auto 10px; }
body.cp #pageBody .regular .message .signature{display:block; margin:20px 0 0 0; text-align:right;}
body.cp #pageBody .regular .point{margin-bottom:25px; padding:40px 60px; border:#bb9977 1px solid; background:#fffcf2;}
body.cp #pageBody .regular .point h2,
body.cp #pageBody .regular .point h3{margin-bottom:30px; text-align:center; font-size:24px; font-weight:normal;}
body.cp #pageBody .regular .point h4{margin-bottom:30px; text-align:center; color:#c43838; font-size:20px; font-weight:bold;}
body.cp #pageBody .regular .point h5{margin-bottom:30px; text-align:center; font-size:23px;}
body.cp #pageBody .regular .point ol{display:table; margin:0 auto; padding:0 20px;}
body.cp #pageBody .regular .point ol ul{margin:.5em 1em;}
body.cp #pageBody .regular .point ol ul li{list-style:disc;}

.pdfArchives{background:#f5f6f7; border:1px #aec0d5 solid; margin-bottom:30px; padding:20px;}
.pdfArchives ul{margin-bottom:0;}
.pdfArchives h2{font-weight:bold; margin-bottom:10px; font-size:16px;}
.pdfArchives ul.trio li{width:33%; display:inline-block;}

body.cp .corporate .regular .textHead {font-size:20px; font-weight:bold;}
body.cp .corporate .regular .textHead span,body.cp .aqli_info .regular li span{color:#c00;}
body.cp .corporate .regular dl {margin-bottom:2em;}

/*contact（中田記述）*/
body.cp .contact .regular .b-footNote{font-size: 14px;}
body.cp .contact .regular .t-red{color:#ff2c2a;}
ul.linkList.b-wrap {margin-bottom:30px; border-bottom:1px solid #ccc;}
.privacy {margin-bottom:40px; padding:30px 20px; background:#fffcf2;}
.formBtns{text-align:center;}
.formBtns button{width:300px; padding:10px 0; text-align:center; border:1px solid #999; cursor:pointer; outline:none;}
.formBtns button[type=submit]{margin-right:20px; color:#fff; background:#2a549b;}
.formBtns button[type=reset]{color:#404040; background:#efefef;}
table.formTable th,
table.formTable td{color:#613d00; background:#fbf6ee;}
table.formTable td{color:#666; word-break:break-all;}
table.formTable input,table.formTable textarea{display:block; margin-bottom:10px; border:1px solid #ccc; background:#f9fcff;}
table.formTable input{width:400px; height:40px;}
table.formTable textarea{width:100%; height:120px;}
table.formTable .b-error{background:#ffecec;}
table.formTable .t-error{display:block; font-weight:bold; color:#ff2c2a;}
/*contact（TDKD記述）*/
table.regular tr td input{ padding: 5px;}
table.regular tr td select{ padding: 10px;}
table.regular tr td input#name11,
table.regular tr td input#name12,
table.regular tr td input#name21,
table.regular tr td input#name22{ width: 30%}
.txt002.formText01.formWide01{ width: 100%}
#errorList{ margin: 20px 0; padding: 20px; border:  solid 5px #FF575A}
#errorList li{ color: #FF0000; list-style: circle; margin-left: 20px; font-weight: bold;}
table.regular tr.err th,
table.regular tr.err td{ background: #FFD2D3!important;}
table.regular tr.err td em{ display: block; color: #FF0004; font-weight: bold;}
table.form_tmp:first-child{ margin-bottom: 0 !important}
table.form_tmp tr th{width: 30% !important;}
table.form_tmp tr th span,
.tcNote001,
.t-red{ font-weight: normal !important; font-size: 12px !important; color: #c00 !important}


/* スマホ向け */
@media screen and (max-width:767px){
figure.ctrImg ul.linkList{margin-top:10px;}
body.cp #pageBody .regular .message{padding:4.6875vw; background-image:none;}
body.cp #pageBody .regular .message h3{font-size:3.59375vw;}
body.cp #pageBody .regular .message p{width:100%; margin-bottom:0;}
body.cp #pageBody .regular .message .sign{margin-top:1em;}
body.cp #pageBody .regular .point{margin-bottom:20px; padding:15px;}
body.cp #pageBody .regular .point h3{margin-bottom:20px; font-size:3.90625vw;}
body.cp #pageBody .regular .point h4{margin-bottom:20px; font-size:3.125vw;}
body.cp #pageBody .regular .point h5{margin-bottom:15px; font-size:3.59375vw;}
body.cp #pageBody .regular .point ol{width:100%;}
.incidentList{margin:0 0 20px;}
.incidentList dt{float:none; width:auto; padding:0; margin-bottom:5px;}
.incidentList dd{padding:0 0 10px; margin-bottom:10px;}
.pdfArchives ul.trio li{width:auto; display:block;}
body.cp .corporate .regular .textHead {font-size:3.90625vw;}

/*contact（中田記述）*/
ul.linkList.b-wrap {margin-bottom:20px;}
.privacy {margin-bottom:6.25vw; padding:4.6875vw 3.125vw;}
.formBtns button{width:100%;}
.formBtns button[type=submit]{margin:0 0 4.6875vw 0;}
table.formTable td{border-top:none; border-bottom:none;}
table.formTable tr:last-child td{border-top:none; border-bottom:1px solid #ccc;}
table.formTable input,table.formTable textarea{margin-bottom:0;}
table.formTable input{width:100%; height:9.375vw;}
table.formTable textarea{height:23.4375vw;}
/* 中田～～　ここまで */
	
/*contact（TDKD記述）*/
table.regular tr th,
table.regular tr td{ /*display: block;*/ width: 100%;}
table.regular tr td .txt003{display: block}
table.regular tr th{ padding-bottom: 0}
table.regular tr td input.formWide01{ width: 100%;}
	table.regular tr td input#name11,
table.regular tr td input#name12,
table.regular tr td input#name21,
table.regular tr td input#name22{ width: 49%}
table.form_tmp tr th,
table.form_tmp tr td{display: block; width: 100% !important}
}





/* poster */
body.cp #pageBody.poster table{margin-bottom:40px;}
body.cp #pageBody.poster table td ol{margin-bottom:0;}
.snsLinks{height:21px; margin-bottom:20px;}
.snsLinks div,
.snsLinks iframe{vertical-align:middle; height:21px; margin-right:10px;}
.posterSlider{margin:0; position:relative;}
.posterSlider li{list-style:none;}
.posterSlider ul img{width:100%; height:auto;}
.posterSlider{overflow:hidden; background:#fff; text-align:center; border:5px solid #cce5f6; box-shadow:0 0 4px #ccc; padding:20px 0;}
.posterSlider .slick-track{display:flex; justify-content:center; align-items:center;}
.posterSlider .sliderbox{position:relative;}
.posterSlider .slick-arrow{background-color:transparent; cursor:pointer; outline:none; width:40px; height:40px; border:none; text-indent:-9999px; background:#06F; position:absolute; top:90px; display:block; z-index:9999;}
.posterSlider .slick-prev{left:5px;}
.posterSlider .slick-next{right:5px;}
.posterSlider .slick-arrow:after{position:absolute; left:0; top:0; width:40px; height:40px; text-align:center; line-height:40px; color:#fff; font-size:24px; text-indent:0;}
.posterSlider .slick-prev:after{content:'\e901';}
.posterSlider .slick-next:after{content:'\e902';}
.posterSlider ul.slick-dots{text-align:center; padding:20px 0 0; margin:0;}
.posterSlider ul.slick-dots li{list-style:none; display:inline-block; margin:0 10px; width:20px; height:20px;}
.posterSlider ul.slick-dots li button{background:none #999; border:0 none; display:block; width:20px; height:20px; text-indent:-9999px;}
.posterSlider ul.slick-dots li.slick-active button{background:#06F;}
.cf:after { content:" "; display:block;clear:both;}
.regular.cf{ margin-bottom: 0 !important;}
.regular.cf figure{ margin-bottom: 0 !important;}

@media screen and (max-width:767px){
.posterSlider .slick-arrow{top:50%; margin-top:-60px;}
.posterSlider ul.slick-dots li{width:15px; height:15px; margin:0 5px; overflow:hidden;}
.posterSlider ul.slick-dots li button{width:15px; height:15px;}
.posterSlider{border:0 none; position:relative; box-shadow:none;}
.posterSlider .slick-prev{left:0;}
.posterSlider .slick-next{right:0;}
}

@media screen and (max-width:420px){
.posterSlider{padding: 5px!important;}
}

/* 調整用 */
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.new_products ul.linkList {margin:0 0 20px 0;}

/* エラー画面 */
.errpage {text-align:center; padding:150px 0; font-family:"メイリオ", Meiryo;}
.errpage h1 {font-size:102px; font-weight:bold; line-height:0.8; color:#ccc;}
.errpage h2 {font-size:21px; font-weight:bold; margin-bottom:30px; color:#ccc;}
.errpage p {font-size:28px; line-height:40px; color:#ccc;}
.errpage a.gototop {font-size:21px; color:#d70c18; padding:10px 40px; border:2px solid #d70c18; text-decoration:none; border-radius:10px; margin-top:90px; display:inline-block; }
.errpage a.gototop:hover {color:#fff; background:#d70c18; }

@media screen and (max-width:767px){
.errpage h1 {font-size:70px; }
.errpage h2 {margin-bottom:20px;}
.errpage p {font-size:21px; line-height:30px; }
.errpage a.gototop {font-size:18px; }
}