@charset "utf-8";
html { scroll-behavior: smooth; }
.pc_view{ display: none; }
.entry { line-height: 1.5; }
.entry p { margin: 0 0 1em; line-height: 1.8; }
.entry .custom_line_height p { margin: 0; line-height: 1.8; }
.entry ul { padding-left: 1.5em; }
.entry ul li { list-style: disc; }
.entry ol { padding-left: 1.8em; }
.entry ol li { list-style: decimal; }
blockquote { box-sizing: border-box; width: 100%; position: relative; background-color: #fffeee; margin-bottom: 1em; padding: 2em; border: 1px solid #c0ae72; }
.mov,.wp-block-embed-youtube .wp-block-embed__wrapper{ position: relative; width: 100%; height: 0; padding-top: 56.25%; }
.mov iframe,.wp-block-embed-youtube .wp-block-embed__wrapper iframe{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.mymaps{ position: relative; width: 100%; height: 0; padding-top: 75%; }
.mymaps iframe{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 0; }
img.inline{ vertical-align: middle; }
.entry .fix_2, .entry .fix_3, .entry .fix_4 { flex-wrap: nowrap!important; }
.entry .fix_2:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child),
.entry .fix_3:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child),
.entry .fix_4:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child){ margin-left: var(--wp--style--block-gap, 1em); }
article section ul { font-size: 1rem; line-height: 160%; }
figure{ height: auto!important; }

/*
** カテゴリーリスト
***************************************************************************/
.cat_list { width: 100%; margin: 0 auto; padding: 0!important; overflow: hidden; }
.cat_list li { width: 100%; overflow: hidden; list-style: none!important; margin: 0!important; font-size: 1rem!important;}
/*
** 通常
***************************************************************************/
.cat_list li.default_list { padding: 15px 0; border-bottom: 1px dotted #b5b5b6; }
.cat_list li.default_list a{ display: block; padding: 15px 0; }
/*
** ブログ
***************************************************************************/
.entry .cat_list li.thumbnail_list { display: block; margin: 0 0 15%!important; box-sizing: border-box; }
.entry .thumbnail { width: 100%;margin-bottom: 20px; }
.entry .thumbnail a { display: block;  }
.entry li.thumbnail_list .date { display: flex; line-height: 1; margin-bottom: 10px; }
.entry li.thumbnail_list .date span { display: inline-flex; align-items: center; width: auto; }
.entry li.thumbnail_list .date span::before { content: ''; display: block; width: 9px; height: 10px; margin: -2px 5px 0 0; background: url("images/icon_cal.png") no-repeat 0 0; background-size: cover; }
.entry li.thumbnail_list .titles, li.thumbnail_list .cat, li.thumbnail_list .excerpt, li.thumbnail_list .date { margin: 0 10px; }
.entry li.thumbnail_list .titles { margin-bottom: 10px; font-weight: bold; line-height: 1.2; }
.entry li.thumbnail_list .cat { display: flex; line-height: 1.2; margin-bottom: 10px; }
.entry li.thumbnail_list .cat span { display: block; width: auto; padding: 0.5em 0.5em 0.33em 0.5em; background-color: rgba(35, 24, 21, 0.5); color: #fff; border-radius: 3px; }

.entry li.thumbnail_list .excerpt { margin-bottom: 10px; line-height: 1.4; }
.entry li.thumbnail_list .more { width: 100%;display: flex; justify-content: center; margin: 0!important; padding: 10px 0 0!important;}
.entry li.thumbnail_list .more a { display: block; width: 200px; background-color: rgba(35, 24, 21, 0.1); padding: 10px 0; text-align: center;}
.entry li.thumbnail_list .more img { display: inline; vertical-align: middle; }

.singleHeader{ margin: 0 0 2rem; }
.entry .entryDate { display: flex; align-items: center; line-height: 1; margin-bottom: 10px; }
.entryDate::before { content: ''; display: block; width: 9px; height: 10px; margin: -2px 5px 0 0; background: url("images/icon_cal.png") no-repeat 0 0; background-size: cover; }
#main-column .entry .singleTitle{ letter-spacing: 0; padding: 0; margin-bottom: 0; }

.wp-block-columns{ gap: 1em; }
.wp-block-image { margin-bottom: 2rem; }
.wp-block-column .wp-block-image { margin-bottom: 0; }
.single .wp-block-image img { margin: 0; }
.single .wp-block-image { margin: 0 0 1rem; }

.entry .is-style-bannlink{ border: 1px solid #000; flex-wrap: nowrap!important; margin: 0 auto 1rem; }
.entry .is-style-bannlink .wp-block-column{ margin: 0!important;}
.entry .is-style-bannlink .wp-block-column:first-child{ flex-basis: 30%!important;}
.entry .is-style-bannlink .wp-block-column:last-child{ flex-basis: 70%!important;}
.entry .is-style-bannlink .wp-block-column figure{ margin: 0!important;}
.entry .is-style-bannlink .wp-block-column img { display: block; width: 100%; height: 100%; aspect-ratio: 3 / 2; object-fit: cover;object-position: 50% 50%; margin: 0; }
.entry .is-style-bannlink .wp-block-column p {margin: 0!important; display: block; height: 100%; font-size: clamp(16px, 3.6vw, 36px);}
.entry .is-style-bannlink .wp-block-column a{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #000; }
/* ========================================================================*/
/* 会社概要 */
/* ========================================================================*/  
.iframeWarp { position: relative; width: 100%; padding-top: 56.25%; margin: 0px 0px 40px 0px; }
.iframeWarp iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* ========================================================================*/
/* お買い物ガイド */
/* ========================================================================*/  
/* スマホｙ横スクロール */
/* ========================================================================*/  
.scrollContainer { width: 100%; overflow-x: scroll;  margin-bottom: 1em; }
.entry .postage { width: 1160px; margin: 0; box-sizing: border-box; }
.entry .postage tr { background-color: rgba(199, 178, 153, 0.3); margin: 0!important; border: 0!important; display: table-row!important;}
.entry .postage tr.priceCell { background-color: #fff; }
.entry .postage td { display: table-cell !important; width: auto!important; text-align: center!important; vertical-align: top; padding: 10px 0; box-sizing: border-box; border: 1px solid #c0ae72; overflow: hidden; }
.postageblock { width: 100%; overflow-x: scroll!important; }
.postageblock table { width: 940px!important; margin: 0; box-sizing: border-box; }
.postageblock table tr { background-color: #faf7eb; }
.postageblock table tr:nth-child(even) { background-color: #fff; }
.postageblock table td { display: table-cell !important; text-align: center; vertical-align: top; padding: 10px 0; box-sizing: border-box; border: 1px solid #c0ae72; overflow: hidden; }
/*== 発送日 ==*/
.tableHasobi { width: 710px; margin: 0; box-sizing: border-box; }
.tableHasobi th, .tableHasobi td { display: table-cell; box-sizing: border-box;}
/* ========================================================================*/
/* 長寿のお祝い年齢早見表 */
/* ========================================================================*/  
.itemselectList thead { display: none; }
/*
** FAQ
***************************************************************************/
.accordionContainer { margin-bottom: 30px; }
#main-column .accordionContainer h2 { text-indent: 0; height: auto; border: 0; color: #422c13; font-weight: bold; margin: 0 0 10px; padding: 0 0 0 15px; background: url(images/icon_arrow.png) no-repeat 0 50%; }
.accordionInner { margin-bottom: 10px; border: 1px solid #ccc; border-radius: 10px; }
.accordionContainer h3 { background: url(images/icon_question.gif) no-repeat 5px 50%; background-size: 30px; margin: 0; }
.accordionContainer h3 span { display: block; padding: 12px 30px 12px 40px; }
.accordionContainer .open span { background: url(images/open_answer.gif) no-repeat 99% 50%; background-size: 20px; }
.accordionContainer .close span { background-image: url(images/close_answer.gif); }
.answer { display: none; padding: 12px 5px 12px 40px; background: url(images/icon_answer.gif) no-repeat 5px 12px; background-size: 30px; border-top: 1px solid #ccc; }
/*
** お客様の声
***************************************************************************/
.category-uservoice .accordionInner { margin-bottom: 10px; border: 1px solid #b5b07d; border-radius: 10px; }
.category-uservoice .accordionContainer h3 { margin-bottom: 1em; padding: 12px 30px 12px; background-image: none; background-color: rgba(35, 24, 21, 0.1); border-radius: 10px 10px 0 0; }
.category-uservoice .answer { display: block; padding: 15px 30px; background-image: none; border-top: 0; }
.mycomment { clear: both; margin: 20px 0 0; padding: 50px 20px 20px; background: rgba(35, 24, 21, 0.1) url(images/faq_comment.png) no-repeat 20px 14px; border-radius: 10px; }
/* お客様の声 子カテゴリーリンク */
.uservoiceParent_btn { width: 100%; overflow: hidden; margin: 0 0 10px; padding: 0!important; display: flex; flex-wrap: wrap; }
.uservoiceParent_btn li { list-style: none!important; width: 50%; margin: 0!important; padding: 0!important; }
.uservoiceParent_btn li a { display: block; width: 100%; height: 34px; line-height: 34px; padding-left: 1em; background-color: rgba(35, 24, 21, 0.1); color: #422c13; border: 1px solid #422c13; border-radius: 5px; box-shadow: 2px 2px 2px rgba(204,204,204,0.8); box-sizing: border-box; text-decoration: none!important; }
.uservoiceParent_btn li.current-cat a { background-color: #422c13; color: #fff; }
/*
** メディア掲載
***************************************************************************/
.page-id-1180 .entry table, .category-media .entry table { border-collapse: collapse; border-spacing: 0; }
.page-id-1180 .entry td, .category-media .entry td { border-collapse: collapse; border-spacing: 0; vertical-align: top; }
.page-id-1180 .entry td:first-childtd {
padding: 15px 0;
}
.category-media .entry td:first-child { padding: 0 0 15px; }
.page-id-1180 .entry td:last-child { padding: 0 0 30px; }
.page-id-1180 .entry tr:first-child td { font-size: 120%; padding: 5px 15px; background-color: #422c13; color: #fff; border-radius: 5px; }
.page-id-1180 .entry td img, .category-media .entry td img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
/*
** 年末年始の営業日程について
***************************************************************************/
table.cel40_60 th, table.cel40_60 td { display: table-cell; box-sizing: border-box; }
/* 
 ** ページャー
 ***************************************************************************/
.pagenaviContainer { width: 100%; overflow: hidden; }
.wp-pagenavi .pages { display: none; }
.navigation { padding: 30px 0 10px; display: flex; justify-content: center; flex-wrap: wrap; }
.nav-previous, .nav-next { width: 140px; margin: 0 1rem; }
.nav-list { width: 100%; text-align: center; padding: 40px 0; }

.nav-previous a, .nav-next a { display: flex; align-items: center; justify-content: center; width: 100%; line-height: 1; padding: 16px 0 14px; background-color: rgba(35, 24, 21, 0.1); border-radius: 5px; }
.nav-previous a img, .nav-next a img { display: block; width: 10px; height: auto; margin: 0 5px; }
.nav-list a { display:block; width: 180px; margin: 0 auto; padding: 16px 0 14px; line-height: 1; background-color: rgba(35, 24, 21, 0.1); border-radius: 5px; }

/**/
.pagination { width: 100%; overflow: hidden; text-align: center; padding: 50px 0; }
.pagination .current, .pagination a { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; margin: 0 5px; border: 1px solid #eee; color: #000; }
.pagination .current { background-color: #bf0008; color: #fff; border: 0; }
.pagination a:hover { color: #bf0008; border-color: #bf0008; }
.pagination span.pCount { display: none; }
/*
** 叙勲・褒章のお祝い、贈り物は品の良い縁起物福こづち
***************************************************************************/
table.cel40_60_sp_block td { padding-bottom: 2em; }
/*
** 作業工程
***************************************************************************/
.processContainer{width: 100%;}
.process{ background-color: rgba(35, 24, 21, 0.1); width: 100%; padding: 1em; margin-left: auto; margin-right: auto; box-sizing: border-box;}
.processContainer table{ width: 100%;}
.processContainer tr td:first-child{ padding: 1em 0 .5em;}
.processContainer tr td:nth-child(2){ padding: .5em 0 1em; background: url("images/flow_arrowc.png") no-repeat 50% 100%; }	
.processContainer tr td.colspan{ width: 100%; padding: .5em 0 1em; background: url("images/flow_arrowc.png") no-repeat 50% 100%; }	
.processContainer tr:last-child td{ background-image: none; }
.processContainer h4{color: #6e0029; font-weight: bold;text-align: center; margin-bottom: 5px;}
.processContainer img{display:block; max-width: 100%!important;height: auto;margin: 0 auto;}

.processContainer tr.noArrow td:nth-child(2){ background-image: none; }
.processContainer tr.noArrow td:first-child{ padding-bottom: 0; }
.processContainer tr.noArrow td:nth-child(2){ padding-bottom: 0; }
.processContainer .mov{ margin-bottom: 1em; }
.processContainer p.popup-youtube { margin: 0 auto 1em; padding: .5em 0 .4em; width: 10em; text-align: center; overflow: hidden; line-height: 1; background-color: #c00; color: #fff; cursor: pointer; border-radius: 5px;}
.processContainer p.popup-youtube:hover { background-color: #333; color: #fff; text-decoration: none;}
/*
** フォトコンテスト
***************************************************************************/
.post-4757 h5{ padding-left: 0; }
.post-4757 h5::before{ content: "▼";}
/*
** js画像切り替え
***************************************************************************/
.main_imgs { margin-bottom: 1px;}
.main_imgs img { display: block; max-width: 100%; height: auto;}
.thumb_imgs { width: 100%; overflow: hidden; margin: 0!important; padding: 0!important;}
.thumb5 li { width: 20%;}
.thumb_imgs li { float: left; margin: 0!important; padding: 0; list-style: none!important; cursor: pointer; background-color: #000;}
.thumb_imgs img { display: block; width: 100%; height: auto; border-left: 1px solid #fff; border-bottom: 1px solid #fff; box-sizing: border-box;}
/* 表組等 */
.table-cell { table-layout: fixed; width: 100%; }
.table-cell td { display: table-cell; vertical-align: top; }  
.table-secondlink-btn{ margin-bottom: 1em; }
.table-secondlink-btn td{ font-size: .85em; text-align: center; font-weight: bold; border: 0!important; padding: 0!important; }
.table-secondlink-btn td br{ display: none; }
.table-secondlink-btn td a{ font-weight: normal; }
.table-secondlink-btn td a:not(:first-child){ font-size: .65em; display: block; width: 98%; margin: 0 auto; padding: 5px 0; text-align: center; text-decoration: none; background-color: #900; color: #fff;}

/*accordion*/
.entry p#btnAcc{ margin: 0; line-height: 1; }
.pNavbtn { width: 100%; display: none; margin: 0!important; padding: 0!important; background-color: #faf7eb; }
.pNavbtn li { list-style: none; margin: 0; padding: 0; background: url(https://www.taishamokko.com/pic-labo/li_spmenu.png) no-repeat 10px 50%; border-bottom: 1px dotted #422c13; }
.pNavbtn li:last-child { border: 0; }
.pNavbtn a { display: block; width: 85%; line-height: 40px; padding: 0 5% 0 10%; color: #422c13; text-decoration: none; }

/* -- first_guide -- */
.first_guide #main-column { width: 100%!important; }
.first_guide2 #main-column { width: 100%!important; }
#gridtab dt { cursor: pointer; padding: 0; border: 0; /*border-bottom: 1px solid #c7b299;*/ position: relative; }
#gridtab dt::before{ content: ''; display: block; width: 100%; height: 80px; background-color: rgba(153,134,117,0.1); position: absolute;bottom: 0; left: 0; z-index: -1; }
#gridtab dt::after{ content: ''; display: block; width: 100%; height: 1px; background: #c7b299; position: absolute;bottom: 0; left: 0; z-index: 1; }
#gridtab dt img { display: block; width: auto; height: 80px; margin: 0 auto; }
#gridtab dt p { text-indent: 40px; font-size: 1.875em; line-height: 80px; margin: 0!important; }
#gridtab dd { padding: 3em 1em; }
.gridtab__controls { position: static!important; justify-content: center!important; gap: 5%; padding: 5% 0 0; }
#gridtab .bg_img { padding: 0; background-color: transparent!important; color: #000; border: 0; border-radius: 0; }
#gridtab .bg_img span { display: block; padding-left: 0; background-image: none!important; }
#gridtab dd h2, #gridtab dd h2.bg_img { font-size: 130%; font-weight: bold; position: relative; padding: 0 0 9px 40px; border-bottom: 1px solid #900; box-shadow: 0 5px 10px -7px #ccc; }
#gridtab dd h2::before, h2.step::after { content: ''; display: block; width: 30px; height: 30px; position: absolute; }
#gridtab dd h2::before { background: #900; border-radius: 10em; top: -2px; left: 0; }
h2.step::after { color: #fff; text-align: center; top: 0; left: 0; }
h2.step_1::after { content: '1'; }
h2.step_2::after { content: '2'; }
h2.step_3::after { content: '3'; }
h2.step_4::after { content: '4'; }
h2.step_5::after { content: '5'; }
h2.step_6::after { content: '6'; }
h2.step_7::after { content: '7'; }
h2.step_8::after { content: '8'; }
h2.step_9::after { content: '9'; }
h2.step_10::after { content: '10'; }
#gridtab dd h2:not(:first-child) { margin-top: 2em; }
#gridtab dt.is-active{ margin-top: -60px; padding-top: 60px; background-color: transparent!important;}
#gridtab dd hr { display: block; margin: 30px 0; border-color: transparent;}
#gridtab .gridtabNav { margin: 0 0 1em; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; }
#gridtab .gridtabNav li { list-style: none; margin: 0 1% 2%; padding: 0; width: auto; }
#gridtab .gridtabNav a { display: block; width: 100%; height: 34px; line-height: 34px; padding: 0 1em; background-color: #f6f1d6; color: #422c13; border: 1px solid #c0ae72; border-radius: 5px; box-shadow: 2px 2px 2px rgba(204, 204, 204, 0.8); box-sizing: border-box; text-decoration: none !important; }
#gridtab .gridtabNav a:hover { background-color: #422c13; color: #fff; border: 1px solid #422c13; }
.tab_ttl { font-weight: bold; font-size: 1.875em; text-align: center; line-height: 1; margin: -60px 0 -1em!important; padding-top: 60px; color: #422c13; }
/*=========================================================================================================================================================*/
/* 768 */
/*=========================================================================================================================================================*/
@media screen and (min-width: 768px) {
.sp_view{ display: none; }
.pc_view{ display: block; }
.entry .fix_2:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child),
.entry .fix_3:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child),
.entry .fix_4:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child){
    margin-left: var(--wp--style--block-gap, 2em);
}
 .wp-block-columns{ gap: 2em; }
/*
** ブログ
***************************************************************************/
 .entry .cat_list {display: flex; gap:30px; flex-wrap: wrap;}
 .category-information .entry .cat_list{ display: block; margin-bottom: 30px; }
 
 .category-information .entry .cat_list li:first-child{padding: 15px 0;}
 .category-information .entry .cat_list li a { display: flex; padding: 10px 0!important;}
 
 .category-information .entry .cat_list li.default_list .date { width: 100px; padding: 0; }
 .category-information .entry .cat_list li.default_list .titles { width: calc(100% - 100px); }
 
 .entry .cat_list li.thumbnail_list { width: calc(100% / 3 - 20px); margin: 0 0 5%!important; padding: 0 0 40px!important; position: relative; }
 .entry li.thumbnail_list .more{ position: absolute; bottom: 0; left: 0; }
 
/*.entry .thumbnail { width: 100%;margin-bottom: 20px; }*/
.entry .thumbnail img {  }
.entry li.thumbnail_list .titles, li.thumbnail_list .cat, li.thumbnail_list .excerpt, li.thumbnail_list .date { margin: 0; }
.entry li.thumbnail_list .titles { margin-bottom: 10px; font-weight: bold; }
.entry li.thumbnail_list .cat span { font-size: .75rem;}
.entry li.thumbnail_list .date span { font-size: .75rem;}
.entry li.thumbnail_list .more a:hover { background-color: rgba(35, 24, 21, 0.5);color: #fff; transition: .2s;}

.entry .is-style-bannlink .wp-block-column:first-child{ flex-basis: 40%!important;}
.entry .is-style-bannlink .wp-block-column:last-child{ flex-basis: 60%!important;}
.entry .is-style-bannlink .wp-block-column figure{ margin: 0!important;}
.entry .is-style-bannlink .wp-block-column img { aspect-ratio: 2/ 1; }
.entry .is-style-bannlink .wp-block-column:last-child a {background-color: #fff;}
.entry .is-style-bannlink .wp-block-column:last-child a:hover {background: rgba(35, 24, 21, 0.1); transition: .2s;}

.nav-previous a:hover, .nav-next a:hover, .nav-list a:hover { background-color: rgba(35, 24, 21, 0.3); color: #000; transition: .2s; }

/* ========================================================================*/
/* 会社概要 */
/* ========================================================================*/  
.companyInfo th { width: 9em; }
/* ========================================================================*/
/* お買い物ガイド */
/* ========================================================================*/  
/* スマホｙ横スクロール */
/* ========================================================================*/  
.scrollContainer { overflow-x: hidden; }
.postageblock { overflow-x: hidden!important; } 
.postageblock table { width: 100%!important; }
/* ========================================================================*/
/* 長寿のお祝い年齢早見表 */
/* ========================================================================*/  
.itemselectList thead { display: table-header-group; }
.itemselectList thead th { text-align: center; }
.itemselectList img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.itemselectList tbody tr th{ width: 200px; }
.itemselectList tbody tr td:nth-child(2){ width: 160px; }
/*
** FAQ
***************************************************************************/
.accordionContainer h3 { font-size: 1.25rem; background-position: 15px 50%; background-size: 70px; }
.accordionContainer h3 span { padding: 30px 100px; }
.accordionContainer .open { cursor: pointer; }
.accordionContainer .open span { background-position: 99% 50%; background-size: 30px; }
.answer { padding: 40px 20px 15px 100px; background-position: 15px 12px; background-size: 70px; border-top: 1px dotted #ccc; }
.accordionContainer .open:hover { background-color: #f9f9f9; border-radius: 10px; }
.accordionContainer .close:hover { background-color: #f9f9f9; border-radius: 10px 10px 0 0; }
/*
** お客様の声
***************************************************************************/
.category-uservoice .answer { padding: 20px 30px; }
/* お客様の声 子カテゴリーリンク */
 .uservoiceParent_btn { gap: 2px; }
.uservoiceParent_btn li { width: calc(100% / 6 - 2px); margin: 0 0 2px!important; }
.uservoiceParent_btn li:nth-child(4n) { margin-right: 0; }
.uservoiceParent_btn li a::before { content: "▼"; display: inline-block; width: 1.1em; height: 1em; }
.uservoiceParent_btn li a:hover { background-color: #422c13; color: #fff; border: 1px solid #422c13; }
/*
** メディア掲載
***************************************************************************/
.page-id-1180 .entry td:first-child, .category-media .entry td:first-child { width: 300px; padding: 30px 0; }
.page-id-1180 .entry td:last-child, .category-media .entry td:last-child { width: 410px; padding: 30px 0 30px 30px; box-sizing: border-box; }
/*
** 年末年始の営業日程について
***************************************************************************/
table.cel40_60 th, table.cel40_60 td { padding-left: 2em; padding-right: 2em; }
table.cel40_60 th { text-align: center; }
table.cel40_60 td:first-child { width: 40%; }
table.cel40_60 td:last-child { width: 60%; }
table.cel40_60 td p { display: inline-block; width: 10em; }
/*
** 叙勲・褒章のお祝い、贈り物は品の良い縁起物福こづち
***************************************************************************/
table.cel40_60_sp_block th { width: 40%; }
table.cel40_60_sp_block td { width: 60%; padding-bottom: 0; }

/*
** 作業工程
***************************************************************************/
.processContainer{display: flex; flex-wrap: wrap; justify-content: space-between; }
.process{ width: 48%; padding: 20px; margin: 0; }
.process100{ width: 100%;}
.processContainer h4 { font-size: 1.5rem; }
.process_lastchild{ margin-left: auto; margin-right: auto; }
.processContainer td{ display: table-cell; vertical-align: top;box-sizing: border-box; }
.processContainer tr td:first-child{ padding: 4em 0 1.5em; width: 140px; }
.processContainer tr td:nth-child(2){ padding: 4em 0 1.5em 1em; width: 190px; }
.processContainer tr td:nth-child(2){ background-position: 12px 100%; }	
.processContainer tr td.colspan{ padding: 2em 0 1.5em; }	
.processContainer tr td:first-child a{display: block; }	
.processContainer td{ position: relative; }	
.processContainer tr td:nth-child(2) h4{ width: 330px; position: absolute; top: 1em; left: -140px; z-index: 1;}
/* 表組等 */
.default table { border-collapse: collapse; border-spacing: 0; }
.table-secondlink-btn td{ font-size: 1.2em; }
.table-secondlink-btn td a:not(:first-child){
  font-size: .8em;
  width: 99%;
  padding: 5px 0 4px;
}
.table-secondlink-btn td a:hover:not(:first-child){ opacity: .5; }
/*accordion*/
.sp_view p#btnAcc, .sp_view .pNavbtn { display: none; }
/* -- first_guide -- */
#gridtab dt { width: calc(100% / 5)!important; background-color: transparent; }
.first_guide2 #gridtab dt { width: calc(100% / 5)!important; background-color: transparent; }
#gridtab dt::before{ display: none; }
#gridtab dt:hover { background-color: rgba(153,134,117,0.1); transition: .2s; }
#gridtab dt.is-active { background-color: rgba(204,0,0,0.1); }
#gridtab dt img { width: 100%; height: auto; }
#gridtab dt p { display: none!important; }
#gridtab dd { padding: 2em 0 0; }
#gridtab dd h2 { margin-bottom: 3em; padding-left: 45px; font-size: 160%; }
#gridtab dd h2::before, h2.step::after { width: 34px; height: 34px; position: absolute; }
#gridtab dd h2::before { top: 0; }
#gridtab dt.is-active{ margin-top: 0; padding-top: 0; background-color: rgba(204, 0, 0, 0.1)!important; }
.tab_ttl { font-size: 2.5em; text-align: left; margin: 0 0 -1em!important; padding-top: 0;}
}
/* ========================================================================*/
/* youtube-short */
.youtube-short { width: 100%; max-width: 360px; aspect-ratio: 9/16; position: relative; overflow: hidden; margin: 0 auto 1em; }
.youtube-short iframe { width: 100%; height: 100%; position: absolute; inset: 0; margin: 0; }
 /* 3D */
.divoneContainer{ width: 100%; height: 100%; position: relative; aspect-ratio: 3/2; }
.divoneContainer iframe{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
 @media only screen and (max-width: 500px){
 #divone{ min-width: 200px; width: 1px; min-height: 315px; height: 1px; }
 }