@charset "utf-8";


/*I作成ページ全体設定*/
a .font-red{color:#b0160e;}
.page-contents{}
.pageTitleh2 {margin-bottom: 30px;color: #000000;display: block;font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: bold;font-size: 26px;border-bottom: 2px solid #c9161c;}
.contentsTitle {margin:0; padding:60px 0 60px; font-size:30px; text-align:center; font-weight:bold;font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.contentsTitle span{font-size:40%;}
@media screen and (max-width: 768px) {
.contentsTitle {padding:30px 0 20px;}
}
.font-mincho{block;font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.center{text-align:center;}
#sp-only{display:none;}
*,
*:before,
*:after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

.wrapper{overflow:visible!important;}
.block-goods-comment4{margin: 0 calc(50% - 50vw); width:calc(100vw - 10px);}
/*ボタン設定*/
.btn-01{width:400px; border-radius:60px; text-align:center; background:#b68b00;display: block; margin: 60px auto 0;line-height: 3em; font-size: 20px; color: #fff; position: relative;
  display:block; padding-bottom:3px;}
@media screen and (max-width: 768px) {
.btn-01{width:90%; margin-top:30px;}
}
.btn-01:before {
  content: '';
  width: 15px;
    height: 15px;
    border: 0;
    border-top: solid 4px #fff;
    border-right: solid 4px #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    margin: auto;
}

/*contents設定*/
.page-contents{font-size:16px;}
@media screen and (max-width: 768px) {
.page-contents{margin-top:-30px;}
}
.page-contents h2:first-child, .page-contents.h2:first-child{margin-top:0;}
.link_box{
    position:relative;
transition-property: opacity;
  transition-duration: 0.5s;
}
 
.link_box a{
    position:absolute; z-index:10;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}
/*.link_box a:hover{
    background-color:#FFF;
    filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}*/
/*float解除*/

.clearfix{zoom:1;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;/* 隙間対応 */font-size: 0.1em;/* 隙間対応 */line-height: 0;/* 隙間対応 */}
.page-contents p{font-size:14px;}
.page-contents li{list-style:none;margin:0;padding:0; font-size:16px;}
.page-contents .box_1200{width:1200px;margin:30px auto 0;}
.page-contents img {border: none;vertical-align: bottom;}
.page-contents table{border-collapse:collapse!important;}
.page-contents a:hover img {opacity: 0.6;filter: alpha(opacity=60);-ms-filter: "alpha(opacity=60)";}

/*TOPページ設定*/
/*トップページ用*/
#main-visual{background-image:url(https://itamae.jp/honten2026/img/page/bg-gold_01.jpg); background-size: cover; background-position:center center; padding:30px 0;}
.slide-box{position:relative;}
.slide-box .swiper-slide img{width:100%; height:auto;}
.swiper1, .swiper2{overflow:hidden;}
.swiper2 .swiper-wrapper {transition-timing-function: linear;}
.swiper2{margin-top:66px;}
.swiper-button-next, .swiper-rtl .swiper-button-prev {color:#fff!;}
.swiper-button-prev {colorr:#fff!important;}
body .wrapper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #252525;
    opacity: 1;
    margin: 0 5px;
}
body .wrapper .swiper-pagination-bullet-active{background:#b0160e;}
.front-information{width:100%; max-width:1000px; margin:3em auto 0;}
.front-information ul{display:flex; background:#fff; border-radius:20px;line-height: 3em; margin-bottom: 1em; padding:0;}
.front-information ul li:first-child{background:#b0160e; color:#fff; width:20%; text-align:center; border-radius:20px 0 0 20px;}
.front-information ul li:nth-child(2){padding-left:20px;}
.front-information_sp{padding:30px 20px 20px; text-align:left;background: rgba(255, 255, 255, 0.9); width:90%; margin: 30px auto 0;}
.front-information_sp li{border-bottom:1px solid #ddd;font-size:14px;line-height:2em;padding:5px;}
.front-information_sp li span{background:#b5140a;color:#fff;font-size:12px;padding:3px 10px;border-radius: 5px;margin-right:10px;}
.front-information_sp li a{color:#00


0;}
.osusume_coment{background:url(https://itamae.jp/honten2024/img/page/osechi-pc_coment.png); background-repeat:no-repeat; height:68px; width:228px; padding:14px 0; text-align:center; margin:0 0 4px;}
@media screen and (max-width: 768px) {
.swiper2{margin-top:34px;}
.osusume_coment{font-size:14px;}
}
.front-serch{display:flex; width:100%; max-width:1200px; margin:0 auto; padding-top:60px;flex-wrap:wrap;}
.front-serch li:first-child{width:60%; position:relative; padding-top:10px;}
.front-serch li:nth-child(2){width:40%; padding-left:4%;}
.front-serch li .btn-01{width:100%; margin-top:0;}

/*検索フォームデザイン*/
.search-box{background:#f1e9d2;padding:0 0!important;}
dl.search2{position:relative;width:100%;max-width:760px;background-color:#fff;border:1px solid #aaa;border-radius:4px;}
@media screen and (max-width: 768px) {
.front-serch{display:block; width:90%; margin:0 auto; padding-top:30px; }
.front-serch li:first-child{width:100%; position:relative; padding-top:10px; margin-bottom:2em;}
.front-serch li:nth-child(2){width:100%; padding-left:0;}
.search-box{padding:0 10px!important;}
}


/*dl.search2 dt{padding:3px;}*/
dl.search2 dt input{height:42px;width:100%;max-width:760px;line-height:30px;background:none;border:none;}
dl.search2 dt input[type="text"] {border:none;padding:0 10px;}
dl.search2 dd{position:absolute;top:-6px;right:0;}
dl.search2 dd button{display:block;padding:6px;background:none;border:none;}
dl.search2 dd button span{display:block;width:42px;height:42px;background:url('https://www.1osechi.com//upload/img21/lib/icon-search.png') no-repeat scroll 0 0;}


#front-lineup{margin:0; padding:0;}
#front-lineup img{width:100%; height:auto;}
#front-lineup a{color:#fff;}
#front-lineup h2{background-image:url(https://itamae.jp/honten2026/img/page/bg-line_red.jpg); background-size: cover; color:#fff; text-align:center; line-height:2.4em; font-size:28px; margin-bottom:0;}
#front-lineup h2 span{font-size:36px; padding-right:1px;}
.bg-01{width:100%; background:#f1e9d2; margin:0; padding:0 0 60px; margin-top:60px;}
.bg-02{width:100%; background:#eaddba; margin:0; padding:0 0 3em;}
#front-character{width:90%; max-width:1200px; margin:0 auto; text-align:center; padding-bottom:5em;}
#front-character img{width:auto; height:auto;}
#front-lineup .bg-01 .contentsTitle{padding-bottom:20px;}
@media screen and (max-width: 768px) {
#front-character{padding-bottom:30px;}
#front-character img{width:100%; height:auto;}
#front-lineup h2{line-height: 1.4em; font-weight:bold; padding: 0.5em 0; padding:24px 0 20px; margin-bottom:12px;}
#front-lineup .contentsTitle{padding-top:8px;}
#front-lineup .bg-01 .contentsTitle{padding: 30px 0 5px;}
.bg-01{padding:0 0 40px; margin-top:0;}
}

#front-choice{text-align:center; background:#000; color:#fff; padding-bottom:5em;}
#front-choice h3{color:#fff; margin-top:1em;}
#front-choice h2{letter-spacing:5px; padding-bottom:16px;}
#front-choice h2 span{letter-spacing:2px; font-weight:normal;}
#front-choice p{font-size:18px; line-height:1.6em;}
@media screen and (max-width: 768px) {
#front-choice{padding-bottom:34px;}
#front-choice h3{margin-top:1em;}
#front-choice p{font-size:16px;line-height: 1.8; letter-spacing: 2px;}
}
#front-arrange{background-image:url(https://itamae.jp/honten2026/img/page/bg-gold_02.jpg); background-size: cover; padding-bottom:66px;}
.list-arrange{width:100%; max-width:1200px; margin:0 auto; display:flex; flex-wrap:wrap; gap:30px 16px; padding:0;}
.list-arrange li{width:calc((100% - 64px) / 5); text-align:center;}
.list-arrange li:hover img{background-color:#FFF;filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
.list-arrange li:hover h3{opacity:0.7;}
.list-arrange li img{border-radius:12px;}
@media screen and (max-width: 768px) {
#front-arrange{padding-bottom:34px;background-image:url(https://itamae.jp/honten2026/img/page/bg-gold_02_sp.jpg); background-size:100% auto;}
.list-arrange{width:90%; gap:0 16px;}
.list-arrange li{width:calc((100% - 16px) / 2); text-align:center;}
}
.list-num{width:90%; max-width:1200px; margin:0 auto; display:flex; flex-wrap:wrap; gap:16px; padding:0; color:#fff;}
.list-num li{width:calc((100% - 64px) / 5); text-align:center; line-height:3em; border-radius:50px;}
.list-num li a:hover{background-color:#FFF;filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; border-radius:50px;}
.list-num li:first-child{background:#d35d69;}
.list-num li:nth-child(2){background:#b70005;}
.list-num li:nth-child(3){background:#f29702;}
.list-num li:nth-child(4){background:#016934;}
.list-num li:nth-child(5){background:#e17a01;}
.list-num li:nth-child(6){background:#d8336f;}
.list-num li:nth-child(7){background:#0058a2;}
.list-num li:nth-child(8){background:#5e1984;}
.list-num li:nth-child(9){background:#c9901d;}
@media screen and (max-width: 768px) {
.list-num{font-size:16px;}
.list-num li{width:calc((100% - 16px) / 2);}
.list-num li:nth-child(9){width:100%;}
}

.list-price{width:90%; max-width:1200px; margin:0 auto; display:flex; flex-wrap:wrap; padding:0; background:#fff; line-height:3em; border-radius:40px;}
#front-lineup .list-price li a{color:#000;}
.list-price li{width:25%; text-align:center; border-radius:50px; font-size:20px;}
.list-price li a:hover{background-color:#ccae4c;filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border-radius:50px;}
.list-price li:hover{background:#ccae4c;}
#front-lineup .list-price li:hover a{color:#fff;}
@media screen and (max-width: 768px) {
.list-price{border-radius:0; line-height:2em; background:none; gap:0.5em 0;}
.list-price li{width:100%; background:#fff; border-radius:50px; font-size:16px; line-height:3em;}
.list-price li:hover{border-radius:20px; background:#ccae4c;}
}

.list-naiyou{width:90%; max-width:1200px; margin:0 auto; display:flex; flex-wrap:wrap; gap:20px; padding:0;}
.list-naiyou li{width:calc((100% - 100px) / 6); text-align:center; background:#ccae4c; border-radius:0 0 20px 20px; color:#fff; font-size:18px;}
.list-naiyou li a:hover{background-color:#FFF;filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; border-radius:0 0 20px 20px;}
.list-naiyou li div{height:4em; position:relative;}
.list-naiyou li div h4{position:absolute; width:100%;  top: 50%; left: 50%; transform:translate(-50%, -50%);}
.list-naiyou li div h4 span{color:#b6140f;}
@media screen and (max-width: 768px) {
.list-naiyou li{width:calc((100% - 40px) / 3); font-size:16px;}
.list-naiyou li div h4{font-weight:normal;}
}

.list-theme{width:90%; max-width:1200px; margin:0 auto; display:flex; flex-wrap:wrap; gap:20px; padding:0;}
.list-theme li{width:calc((100% - 80px) / 5); text-align:center; background:#ccae4c; border-radius:0 0 20px 20px; color:#fff; font-size:18px;}
.list-theme li a:hover{background-color:#FFF;filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; border-radius:0 0 20px 20px;}
.list-theme li div{height:4em; position:relative;}
.list-theme li div h4{position:absolute; width:100%;  top: 50%; left: 50%; transform:translate(-50%, -50%);}
.list-theme li div h4 span{color:#b6140f;}
@media screen and (max-width: 768px) {
.list-theme li{width:calc((100% - 20px) / 2); font-size:16px;}
.list-theme li div h4{font-weight:normal;}
}


.list-takumi{width:90%; max-width:1200px; margin:0 auto; display:flex; flex-wrap:wrap; gap:16px; padding:0;}
.list-takumi li{width:calc((100% - 48px) / 4); text-align:center; background:#ccae4c; border-radius:0 0 20px 20px;}
@media screen and (max-width: 768px) {
.list-takumi li{width:calc((100% - 16px) / 2);}
}
.list-info{width:90%; max-width:1200px; margin:0 auto;}
.list-info ul{display:flex; flex-wrap:wrap; gap:40px 20px; padding:0;}
.list-info li{width:calc((100% - 60px) / 4); text-align:left; padding-bottom: 20px; font-size: 16px;}
@media screen and (max-width: 768px) {
.list-info ul{gap:20px 20px;}
.list-info li{width:calc((100% - 40px) / 3);}
}

/*おせち一覧(TOPページ、商品一覧、各商品ページ)*/
.kakaku:before{font-size:16px;}
.lineup_itembox h5{font-weight: bold; color: #000; line-height: 1em; margin-top: 18px; font-size: 22px; font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.lineup_itembox h5 span{font-size:60%;}
.catch {font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif; font-weight: normal; font-size: 12px;line-height: 1.2em; margin: 18px auto 0;}
.kakaku {color: #b20007; font-size: 24px; font-weight: bold; line-height: 1em; margin-bottom: 10px;letter-spacing: 2px;}
.kakaku span{font-size:75%;}
.lineup_itembox .img-auto{width:auto!important; margin-bottom:10px;}
.lineup_itembox{display:flex;width:100%;max-width:1200px;margin:0 auto 30px;justify-content:flex-start; flex-wrap: wrap;text-align: center; gap:15px;}
.lineup_itembox div{width: calc((100% - 60px) / 5);}
.lineup_itembox div img{width:100%; height:auto;}
@media screen and (max-width: 768px) {
.lineup_itembox{overflow-x: scroll; flex-wrap:nowrap; }
.lineup_itembox div{width:60%; flex-shrink: 0;}
.lineup_itembox div:first-child{margin-left:5%;}
}

.item-number{width:100%; display:flex; color:#fff; gap:10px;border-radius:20px; margin-bottom: 1em;line-height: 1.8em; padding:0; margin:0;}
.item-number_07{background:#d35d69;}
.item-number_1{background:#b70005;}
.item-number_2{background:#f29702;}
.item-number_3{background:#016934;}
.item-number_4{background:#e17a01;}
.item-number_5{background:#d8336f;}
.item-number_6{background:#0058a2;}
.item-number_7{background:#5e1984;}
.item-number_party{background:#c9901d;}
.item-number_party3{background:#c9901d; display:block; color:#fff;gap:10px;border-radius:20px; margin-bottom: 1em;line-height: 1.8em; padding:0; margin:0;}
.item-number li{width:calc((100% - 10px) /2); text-align:left;}
.item-number li:nth-child(2){text-align:right;}
.item-number_100{width: 100% !important; text-align: center !important;}
.item-number_party3 li{width:100%; text-align:center;}
.item-hinmoku{width:100%; display:flex; flex-wrap:wrap; gap:6px; margin-bottom:1em; padding:0; margin:0.4em 0 1em;}
.item-hinmoku li{font-size:12px; display:block; background:#f1f1d2; border:1px solid #000; border-radius:20px; padding:0 12px;}
.item-hinmoku li a{color:#000;}
.item-hinmoku .item-hinmoku_kokusan{background:#f1f1d2;}
.item-hinmoku .item-hinmoku_chuka{background:#fad6af;}
.item-hinmoku .item-hinmoku_yawaraka{background:#e5d2f4;}
.item-hinmoku .item-hinmoku_mini{background:#ffea95;}
#front-lineup .item-hinmoku li a{color:#000;}
.list-osechi-item .item-hinmoku li a{color:#000;}

@media screen and (max-width: 768px) {
.item-hinmoku{margin-bottom:10px;}
.item-number{line-height:1.8em; font-size:14px;}
}

/*おせち一覧デザイン設定*/
.container-osechilist {display: flex;width:1200px;margin:0 auto;}
.main-osechilist{width:1000px;}
.sticky-aside {width:200px;flex-shrink: 0;height: 60vh;position: sticky;top: 200px;}
.osechi-all .kakaku:before{font-size:14px;}
.osechi-all .kakaku span{font-size:14px;}
.osechi-all .kakaku #sp-only{display:block;}
/*おせち一覧*/
.container-osechilist .pc-lineup_users{padding-right:30px;}
.container-osechilist .pc-lineup_users h4{color:#fff; background:#333; padding:10px; font-size:16px;}
.container-osechilist .pc-lineup_users a{color:#000;}
.container-osechilist .pc-lineup_users li{padding-left:10px; line-height:2.6em; border-bottom:2px solid #333; padding-top:12px; font-size:14px;}
.container-osechilist .pc-lineup_users li a{display: flex; align-items: center; width: 100%; height: 40px; position: relative; font-size: 14px; letter-spacing: 0.1em; line-height: 1.3; text-align: left; text-decoration: none; transition-duration: 0.3s;}
.container-osechilist .pc-lineup_users li a:before {content: ''; width: 8px; height: 8px; border: 0; border-top: 2px solid #333; border-right: 2px solid #333; transform: rotate(45deg); position: absolute; top: 50%; right: 5px; margin-top: -6px;}
.container-osechilist .pc-lineup_users li a:hover {background: #fff;color: #333;}
.container-osechilist .pc-lineup_users li a:hover:before {border-top: 2px solid #c9161c; border-right: 2px solid #c9161c;}
.container-osechilist h3{font-size:20px;}
.container-osechilist h3 span{font-size:60%;}
/*.list-osechi-item div ul{margin-bottom:150px;}*/

/*PC用(3カラム)固定ページ共通設定*/
.itemLeftColumn{ width:calc((100% - 750px) / 2); min-width:200px; height:100vh; min-height:1000px; /*border-right: 8px solid #df485b;*/ height:100vh;text-align:center; position: sticky; top: 0;padding-top:3em;}
.leftContents{padding:50px 50px 0; max-width:300px; margin:0 auto;text-align: left;  padding:0;}

/*商品ページ設定*/
.page-item{background:#f1e9d2; display:flex; margin-bottom:50px;}
.page-item .leftContents{background: #fff;}
.leftContents .list-osechi-item div{width:100%; text-align:center;}
.itemMainContainer{width:100%; max-width:750px; height:auto;box-shadow: 30px 0px 30px -30px rgba(100, 100, 100, 1), -30px 0px 30px -30px rgba(100, 100, 100, 1); z-index:1; position:relative;}
.itemMainContainer img{width:100%; height:auto;}
@media screen and (min-width:768px) and ( max-width:1024px) {
.itemMainContainer{width:100%; max-width:650px;}
}
.itemRightColumn{ width:calc((100% - 750px) / 2);}
.rightContents{height: 100vh; position: sticky; top:0; overflow:hidden;}
.rightContants img{height:100%; width:auto}

/*価格表*/
.priceeria{padding:10px; background:#c7161e;}
.priceeria h3{font-size:36px; color:#fff; margin-bottom:10px; text-align:center; font-weight:bold;font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;}
.priceteika td{color:#000!important;}
.yajirushi{background:#fff; color:#ff0000;}
.priceeria th{padding:10px;}
.priceeria td{padding:10px;}
.priceeria .pricelist {vertical-align: middle; width: 100%; border-collapse: collapse; color: #000; font-size: 16px; font-weight: bold; background: #e6e6e6; text-align: center;}
.priceeria .pricelist span {font-size: 80%; padding: 0 4px;}
.priceeria .pricelist-title {font-size: 80%; background: #595758!important; color: #fff;}
.priceeria .pricelist-title td{border-right:1px solid #fff;}
.priceeria .pricelist-title td:nth-child(3n){border-right:none;}
.priceeria .pricelist tr:nth-child(2n) {background: #fff;}
.priceeria .list-kakaku {font-size: 22px; line-height: 1.4em; color: #cb0100;}
.priceeria .tsujyo {font-size: 20px;}
.priceeria .waribiki {vertical-align: middle; background: #fff200; color: #cc0001; width: 28%; font-size: 18px; text-align: center;}
.priceeria .made {width:20%; text-align:center;}
@media screen and (max-width: 768px) {
.priceeria .made {width:22%;}
.priceeria h3{font-size:22px;}
}
@media screen and (min-width: 800px) {
.priceeria .made br{display:none;}
}
.priceeria .list-kakaku {font-size:140%; font-weight:bold;  vertical-align: middle; width: 25%; text-align: center;}
.priceeria .list-kakaku span {font-size: 60%!important;}
.priceeria .pricelist td {padding: 5px 0; vertical-align: middle; line-height:1em; border-bottom:1px solid #595758;}
.priceeria .pricelist tr:nth-of-type(2) {color: #cf0003;}
.priceeria .hyoujyun {font-size: 20px!important;}
.priceeria .hayawari-month {font-size: 24px!important;}
.priceeria .hayawari-day {font-size: 24px!important;}

/*固定ページ(板前魂の魅力)左側設定*/
.left-eria_aboutmenu a{color:#000;}
.left-eria_aboutmenu li{padding:10px 5px; text-align:left; font-size:14px; border-bottom:1px solid #333;}
.left-eria_aboutmenu li a{display: flex; align-items: center; width: 100%; height: 40px; position: relative; font-size: 14px; letter-spacing: 0.1em; line-height: 1.3; text-align: left; text-decoration: none; transition-duration: 0.3s;}
.left-eria_aboutmenu li a:before {content: ''; width: 8px; height: 8px; border: 0; border-top: 2px solid #333; border-right: 2px solid #333; transform: rotate(45deg); position: absolute; top: 50%; right: 5px; margin-top: -6px;}
.left-eria_aboutmenu li a:hover:before {border-top: 2px solid #c9161c; border-right: 2px solid #c9161c;}