@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/***************************************************
** サイト全体
***************************************************/
body {
	letter-spacing: 0.1em;/*　文字間　*/
	line-height: 1.8;/* 行間 */
}
p {
	line-height: 1.8;/* 行間 */
}

/* 既存ボタン　ホバー */
.is-style-btn_normal a:hover {
    box-shadow: 0 4px 12px rgb(0 0 0 / 10%), 0 12px 24px -12px rgb(0 0 0 / 20%);
    opacity: 0.8;
}

a {
	color: #aaa284;
}



/***************************************************
** FontAwesome
***************************************************/
/* TEL  角度調整
.fa-phone {
    transform: rotate(90deg);
}*/

/* 外部リンク */
.fa-up-right-from-square:before {
    font-family: "Font Awesome 5 Free";
	  font-weight: 600;
     content: "\f35d";
	  color: #aaa283;
}
.fa-up-right-from-square:hover:before {/*　ホバー　*/
	opacity: 0.5;
}


/***************************************************
** グローバルメニュー
***************************************************/
/* ご予約・デリバリーボタン */
#custom_html-11 .swell-block-button {
	  margin: auto;
}
/* メインメニュー　アイコン*/
.g-menu-icon i {
    color: #aaa283;
}
/* サブメニューアイコン */
.c-gnav .sub-menu a:before, .c-listMenu a:before {/*　サイドバーの「>」アイコンも　*/
    color: #aaa283;
}
/*　サブメニュー 横幅　*/
.c-gnav .sub-menu {
	width: 16em;
}


/***************************************************
** スマホメニュー トップ
***************************************************/
/*　menu　見出し　*/
.c-widget__title.-spmenu {
	background: #aaa283;
}
/*　ご予約アイコン　*/
.c-iconBtn__icon {
    display: block;
    font-size: 18px;
    padding: 5px;
}



/***************************************************
** フッター
***************************************************/
/* フッター（PC）1　の左余白削除 */
@media (min-width: 960px){
#footer .w-footer {
    display: block;
	}
}
/*　上下の余白　*/
.l-footer__widgetArea {
    padding-bottom: 0;
    padding-top: 0;
}
.w-footer__box {
    padding: 0 1em;
}


/*--------------------------------------------------------
// 上部メニュー
--------------------------------------------------------*/ 

/* メニュー */
.footer-menu .f-menu-txt a {
	color: #141414;
}
/* ホバー */
.footer-menu .f-menu-txt a:hover {
	opacity: 0.5;
}
/* 599px以下で中央配置 */
@media (max-width: 599px) {
	.footer-menu .f-menu-txt {
		text-align: center;
	}
}

/* ご予約ボタン */
.footer-menu .swell-block-button {
	color: #fff;
}
@media (min-width: 600px){
.footer-menu .swell-block-button {
	text-align: left;
	}
}

/*--------------------------------------------------------
// 店舗情報
--------------------------------------------------------*/ 

/* 3カラム
.f_shop .wp-block-columns {
	--wp--style--block-gap: 0.7em;
} */

/* 3つのbox */
.f_shop_box {
    background-color: #fff;
    padding: 2em 1.5em;
	 min-height: 300px;
}
@media (max-width: 599px) {
	.f_shop_box {/*店舗名*/
		min-height: auto;
	}
	/*.f_shop .wp-block-columns {
	--wp--style--block-gap: 0.3em;
	}*/
}


/* 店舗名・店舗情報
-------------------------------------------------------- */
@media (max-width: 599px) {
	.f_shop_ttl {/*店舗名*/
		font-size: large;
	}
	.f_shop_txt {/*店舗情報*/
		font-size: 1em;
	}
}


/* ボタン
-------------------------------------------------------- */
.f_shop_box .swell-block-button {
	color: #fff;
}
.f_shop_box .swell-block-button__link {
	width: 100%;
}



/* SNSアイコン
-------------------------------------------------------- */
/* アイコン上余白 */
.f_menu_sns {
	padding-top: 8px;
}
/* アイコン */
.f_menu_sns i:before {
	color: #aaa283;
	font-size: 2em;
	transition: all .3s;
}
/*　ホバー　*/
.f_menu_sns i:hover:before {
	color: #816c19;
}


/*--------------------------------------------------------
// フッターメニュー
--------------------------------------------------------*/ 
/* 線非表示 */
@media (min-width: 600px){
.l-footer__nav li:first-child a, .l-footer__nav a {
    border-left: none;
	 border-right: none;
	}
}




/***************************************************
** 投稿ページ
***************************************************/

/*--------------------------------------------------------
// 記事一覧
--------------------------------------------------------*/ 
/*　日付 */
.p-postList__meta {
    color: #AAA283;
}
/*　日付アイコン非表示 */
.p-postList__meta :before {
    margin-right: 0;
	display: none;
}
/*　画像　*/
.c-postThumb__figure {
	position: initial;
}


/*--------------------------------------------------------
// 詳細ページ
--------------------------------------------------------*/ 

/* カテゴリタグ
-------------------------------------------------------- */
.c-categoryList:before {/* アイコン 非表示 */
    display: none;
}
.c-categoryList__link {/*　ボタン　*/
    background-color: #aaa283;
    color: #fff;
}

/* 次の記事 前の記事
-------------------------------------------------------- */
.p-pnLinks .-next .p-pnLinks__link {/*　　右　*/
    border-right: 1.25em solid #aaa283;
}
.p-pnLinks .-prev .p-pnLinks__link {/*　左　*/
    border-left: 1.25em solid #aaa283;
}


/*--------------------------------------------------------
// サイドバー
--------------------------------------------------------*/ 

/* カテゴリアイコン
-------------------------------------------------------- */
.widget_categories>ul>.cat-item>a:before  {
    color: #aaa283;
    content: "\e921";
    display: inline-block;
    left: 2px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
}





/***************************************************
** 固定ページ　見出し
***************************************************/

/*--------------------------------------------------------
// h1 明朝体 サブタイトルあり
--------------------------------------------------------*/ 

/*　大タイトル　*/
h1 {
    overflow-wrap: break-word;
    font-family: serif;
    letter-spacing: 2px;
}
/* サブタイトル */
.c-pageTitle__subTitle {
    font-style: normal;
    letter-spacing: 2px;
    margin-left: 1px;
    opacity: .8;
    position: relative;
    top: -2px;
    display: block;
    font-family: auto;
    font-weight: normal;
}

/* 背景画像付きのh1 文字の影 */
.l-topTitleArea__body {
	 text-shadow: 0 2px 10px rgb(0 0 0 / 60%);
}

/*　投稿ページでサブタイトル非表示　*/
.category-nwes .c-pageTitle__subTitle {
    display: none;
}




/*--------------------------------------------------------
// h2 明朝体 サブタイトルあり
--------------------------------------------------------*/ 

/*　基本設定　*/
.mincho h2 {
    background: none;
	 padding: 0.75em 0;
}
/* 上下の線削除 */
.mincho h2::before {
    display: none;
}


/*　大タイトル　*/
.subttl {
    position: relative;
    margin-bottom: 3px;
    font-family: serif;
    font-size: 1.5em;
    font-weight: 900;
    line-height: 1.7;
    text-align: center;
    letter-spacing: 2px;
    color: #141414;
}
/*768px以下*/
@media screen and (max-width: 768px){
  .subttl {
     font-size: larger;
	}
}

/*　サブタイトル　*/
.mincho span {
    display: block;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
	 line-height: 0.5;
	 color: #141414;
}
@media only screen and (min-width: 768px), print {
.mincho span {
        font-size: 16px;
	}
}
@media screen and (max-width: 480px){
.mincho span {
	   	line-height: 1.7;
	}
}

/*　タイトル下余白　*/
.mincho {
    margin-bottom: 0.5em;
}

/*--------------------------------------------------------
// h2 明朝体 サブタイトルなし　左寄せ 控えめ
--------------------------------------------------------*/ 
/*　下の余白削除　*/
.ttl-left {
    margin-bottom: 0;
}
/*　大タイトル　*/
.ttl-left .subttl {
   text-align: left;
	font-size: 1.2em;
}



/***************************************************
** パンくずリスト
***************************************************/
.p-breadcrumb {
    padding-top: 12px;
    border-top: solid 1px #f7f7f2;
	  color: #aaa283;
}
.p-breadcrumb__text {
    font-size: 12px;
}

/***************************************************
** TOPへ戻るボタン
***************************************************/
/* 四角ボタンに */
#pagetop {
    border-radius: 0px;
}
/*　色変更　*/
.c-fixBtn {
	 background: #aaa283;
    border: 1px solid #ffffff;
	 color: #ffffff;
}



/***************************************************
** ページ内サブメニュー
***************************************************/

/* ボタン色 */
.in-page-menu a {
	background: #fdfdfd;
	color: #aaa283;
	padding: 1em 0.5em;
}
/* ボタン内余白 */
.in-page-menu .shop_tel-btn-area .swell-block-button a {
    padding: 1em 0.5em;
}
/* ボタン外余白 */
.in-page-menu .wp-block-columns {
    --wp-column-gap: 0.5em;
}
/*　900px以下で3カラム　*/
@media (max-width: 900px){
.in-page-menu .wp-block-columns.sp_column2 {
    flex-wrap: wrap!important;
	}
.in-page-menu .wp-block-columns.sp_column2>.wp-block-column {
    flex-basis: calc(33% - var(--wp-column-gap)/3)!important;
    flex-grow: 0!important;
	}
}
/*　599px以下で2カラム　*/
@media (max-width: 599px){
.in-page-menu .wp-block-columns.sp_column2>.wp-block-column {
    flex-basis: calc(50% - var(--wp-column-gap)/2)!important;
    flex-grow: 0!important;
	}
}

/* コンテンツ上の余白削除
-------------------------------------------------------- */

.id_23 .l-content {/*　東海飯店について　*/
    padding-top: 0;
}
.id_25 .l-content {/*　東海飯店　*/
    padding-top: 0;
}
.id_517 .l-content {/*　美麗　*/
    padding-top: 0;
}
.id_792 .l-content {/*　東海　*/
    padding-top: 0;
}
.id_31 .l-content {/*　 ご予約・デリバリー　*/
    padding-top: 0;
}

/*　600　*/
@media (min-width: 600px){
.id_23 .l-content {/*　東海飯店について　*/
    padding-top: 0;
	}
.id_25 .l-content {/*　東海飯店　*/
    padding-top: 0;
	}
.id_517 .l-content {/*　美麗　*/
    padding-top: 0;
	}
.id_792 .l-content {/*　東海　*/
    padding-top: 0;
}
.id_31 .l-content {/*　 ご予約・デリバリー　*/
    padding-top: 0;
	}
}




/***************************************************
** テーブル
***************************************************/
/*--------------------------------------------------------
// シンプル　会社情報など
--------------------------------------------------------*/ 
/*　線色・余白　*/
.post_content td, .post_content th {
    border-top: 1px solid #f7f7f2;
    padding: 0.8em 0.75em;
	 vertical-align: inherit;
	 min-width: 100px;
}
/* 2023.3.6 WordPressアプデ対応 */
.wp-block-table td, .wp-block-table th {
    border: none;
    border-top: 1px solid #f7f7f2;
}
/*　最後の行　*/
.post_content tr:last-child>td {
    border-bottom: 1px solid #f7f7f2;
}
/*　スマホで縦並びの時見出しに背景色追加　*/
@media (max-width: 959px) {
	.post_content .td_to_th_ tbody tr>:first-child {
    background-color: #f7f7f2!important;
	}
	.post_content tr {/*　文字小さく　*/
    font-size: 90%;
	}
}

/*--------------------------------------------------------
// メニュー用
--------------------------------------------------------*/ 
/*　メニュー名　*/
.menu-erea td {
	 padding-left: 0;
}
/* 値段エリア */
.menu-erea .has-text-align-right {
	 min-width: 80px;
	 font-size: 0.9em;
	padding-right: 0;
}

/* メニューの説明 */
.menu-comment {
	line-height: 1.4;
}

/*　スマホで縦並びの時見出しに背景色追加　*/
@media (max-width: 959px) {
	.menu-erea .td_to_th_ tbody tr>:first-child {
    background-color: #fff!important;
	}
}

/*　ハンバーガーの見出し　*/
.swell-block-accordion__title {
	 background: rgb(247 247 242);
}
/*　カテゴリ見出し　*/
.menu-erea .has-swl-main-color {
    padding: 0.8em 0 0.5em 0;
    border-bottom: solid #aaa283;
    opacity: 0.8;
}

/* サムネ付きメニュー 単品 小
-------------------------------------------------------- */
/*　線追加　*/
.menu_bottom-line {
    border-top: solid 1px #f7f7f2;
}
/*　メニュー名上に余白追加　*/
.menu-img--name {
    padding-top: 1em;
}

/* サムネ*/
.menu-img img {
    height: 100px;
    object-fit: cover;
	  margin-top: 1em;
}
@media (min-width: 800px){
	.menu-img img {
    height: 200px;
    object-fit: cover;
	}
}
@media (max-width: 800px){
.menu-erea .menu-img .wp-block-cover {
	min-height: 100px!important;
	}
}

/* サムネ付きメニュー 単品 大
.menu-img img {
    height: 130px;
    object-fit: cover;
}
@media (min-width: 800px){
	.menu-img img {
    height: 300px;
    object-fit: cover;
	}
}
@media (max-width: 800px){
.menu-erea .menu-img .wp-block-cover {
	min-height: 100px!important;
	}
}

/* サムネ付きメニュー 単品 3カラム
-------------------------------------------------------- */
/*　サムネ　*/
@media (max-width: 800px){
.menu-3-col .menu-img .wp-block-cover {
    min-height: 250px!important;
	}
}


/* アコーディオンなしメニュー（飲み物）
-------------------------------------------------------- */
.menu-single {
	padding: 1em;
	padding-top: 0;
}




/***************************************************
** ボタン
***************************************************
/* 周辺余白（横並び）
-------------------------------------------------------- */
.btn_margin.wp-block-columns {
    --wp-column-gap: 0.8em;
}
/* CTAボタン周辺余白（スマホで1列）
-------------------------------------------------------- */
.cta-tel.wp-block-columns {
    --wp-column-gap: 0.8em;
}


/***************************************************
** 店舗ギャラリー
***************************************************/
/*　スマホで4列　*/
@media screen and (max-width: 782px){
.shop-gallery figure.wp-block-image:not(#individual-image) {
    margin: 1%!important;
    width: calc(20% - var(--gallery-block--gutter-size, 1%)/4)!important;
	}
}
/* ライトボックス　スマホ 見切れ改善 */
@media (max-width: 460px){
.lum-lightbox-inner img {
    max-width: 95vw!important;
	}
}


/***************************************************
** CTAエリア
***************************************************/

/* 下の余白削除
-------------------------------------------------------- */
.cta_area {
	padding-bottom: 0!important;
}

/* 見出し
-------------------------------------------------------- */
.cta_area .mincho {
    margin-bottom: 0;
}

/* TEL＆予約ボタンエリア
-------------------------------------------------------- */
/* ボタン */
.cta_area .cta-tel a {
    min-width: 100%;
    background-color: #fff;
    color: #3c0003;
	 transition: background-color .25s;
}
/* TEL＆予約ボタン ホバー */
.cta_area .cta-tel a:hover {
	 opacity: 1;
	 background-color: #3c0003;
	 color: #fff;
}

/* デリバリー＆テイクアウトエリア
-------------------------------------------------------- */
/*　エリア全体　*/
.cta_deki_2-col {
    max-width: 600px!important;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
}
/* 782px以上 */
@media (min-width: 782px){
.cta_deli-take .cta_icon-ttl p {/* タイトル右寄せ */
	text-align: right;
	}
.cta_deli-take .swell-block-button {/* ボタンエリア */
	margin: 0;
	}
}
/* ボタン */
.cta_deli-take .shop_deli-btn a {
	color: #fff;
	background-color: #795f60;
	border: #3c0003;
}
.cta_deli-take .shop_deli-btn.is-style-btn_line a:hover {
	background-color: #715254;
	opacity: 0.8;
}


/***************************************************
** googlemap
***************************************************/

.google-map {
	margin-bottom: -7px !important;
}
.google-map iframe {
	max-width: 100%;
   max-height: 300px;
	width: 100%;
}
@media screen and (max-width: 1023px) {
.google-map iframe {
    height: 300px;
	}
}



/***************************************************
** TOPページ
***************************************************/

/*--------------------------------------------------------
// メインビジュアル
--------------------------------------------------------*/ 
/* 画像の位置変更 */
.top .u-obf-cover {
    object-position: 0 90%;
}

/*--------------------------------------------------------
// メインビジュアル下txt
--------------------------------------------------------*/ 
/* ロゴ　782px以下*/
@media screen and (max-width: 782px){
	.top_main-logo img {
		 margin-bottom: 1.5em;
		 text-align: left;
       margin-left: 0;
		 max-width: 180px;
	}
}

/*--------------------------------------------------------
// 東海飯店グループ
--------------------------------------------------------*/ 

/* デザイン背景
-------------------------------------------------------- */
/* 背景リピート */
.swell-block-fullWide.design-bg {
	 background-repeat: repeat;
    background-size: 700px;
}


/* 互い違い店舗情報
-------------------------------------------------------- */
/* コンテンツに影追加 */
.shop-group {
	box-shadow: 0 0 10px #d9d4c0, 0 5px 15px rgb(0 0 0 / 10%);
}
/*　コンテンツサイズ変更　*/
@media (min-width: 1208px){
.shop-group .alignwide {
    left: 0;
    width: 100%;
	}
}


/* 店名
-------------------------------------------------------- */
/* 店名 */
.shop_ttl {
    font-family: serif;
    font-size: 1.4em;
    font-weight: 600;
}
/* 店名 サブ */
.shop_ttl span {
	font-size: medium;
}


/* SNSアイコン
-------------------------------------------------------- */
/* アイコン上余白 */
.shop-sns {
	padding-top: 8px;
}
/* アイコン */
.shop-sns i:before {
	color: #141414;
	font-size: 1.4em;
	transition: all .3s;
}
/*　ホバー　*/
.shop-sns i:hover:before {
	color: #816c19;
}


/* 中間エリア
-------------------------------------------------------- */

/* エリア */
.shop_center-box {
    position: relative;
    padding: 20px;
    background-color: #F7F7F2;
}

/*　デリバリー＆テイクアウト ボタン　*/
.shop_deli-btn a {
    padding: 6px 20px;
    margin: 0 5px;
    background-color: #fff;
    width: auto;
    min-width: fit-content;
}



/* TEL＆ご予約ボタンエリア
-------------------------------------------------------- */
/*　ボタン　*/
.shop_tel-btn-area .swell-block-button a {
    min-width: 100%;
    border-radius: 0px;
    transition: all .3s;
}

/* ボタン同士の余白 */
/*.shop_tel-btn-area.wp-block-columns {
    --wp--style--block-gap: 0.2em;
}*/
.shop_tel-btn-area.wp-block-columns {
    --wp-column-gap: 0.2em;
}
/*　ホバー */
.shop_tel-btn-area .swell-block-button a:hover {
    opacity: 0.8;
}


/*--------------------------------------------------------
// お知らせ
--------------------------------------------------------*/ 
/*　記事3列→4列に　*/
@media (min-width: 1020px) {
.top-news .p-postList li {
	width: 24.9%!important;
	}
}



/*--------------------------------------------------------
// 店主紹介文
--------------------------------------------------------*/ 

/* box */
.top_company {
	background-color: #fff;
	padding: 2em;
   color: #141414;
}
/* 2カラムの高さを揃える*/
.top_company .wp-block-column {
    /*display: grid;*/
    margin-top: auto!important;
    margin-bottom: auto!important;
}

/* YouTubeボタン */
.top_company .swell-block-button {
	text-align: left;
}
@media screen and (max-width: 782px){
	.top_company .swell-block-button {
		text-align: center;
	}
}


/* 四角いボタン
-------------------------------------------------------- */
/* ボタン */
.square-btn .swell-block-button a {
    min-width: 100%;
    background-color: #aaa283;
    border-radius: 0px;
	 border: 3px solid #aaa283;
	 transition: all .3s;
}
/* 枠線 */
.square-btn .swell-block-button a:before {
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  content: '';
  -webkit-transition: all .3s;
  transition: all .3s;
  border: 1px solid #fff;
}
/* ホバー */
.square-btn .swell-block-button a:hover {
    background-color: #82050a;
	 border: 3px solid #82050a;
}
.square-btn .swell-block-button a:hover:before {
	border: 1px solid #fff;
}






/***************************************************
** ご予約・デリバリー
***************************************************/

/* 互い違いboxのシャドウ非表示 */
.reserve_shop .is-style-card.wp-block-media-text {
	box-shadow: none;
}
/* 3つのコンテンツ px以下で横幅いっぱい */
@media (max-width: 800px) {
.reserve_shop .swell-block-fullWide__inner.l-container {
	margin: 0 calc((100% - 100vw)/2);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
	}
}

/* googlemapに余白追加 */
.reserve_shop  .google-map iframe {
	max-width: 100%;
   max-height: 300px;
	width: 100%;
	padding: 1em;
	background-color: #fff;
}



/***************************************************
** コンテンツ下　ショップリスト
***************************************************/

/* コンテンツに影 */
.f-shop-list .wp-block-column {
	box-shadow: 0 0 10px rgb(0 0 0 / 5%), 0 0 10px rgb(0 0 0 / 10%);
}
/* ショップリスト */
.shop-list {
    padding: 0.8em;
    text-align: center;
    background-color: #fff;
}
/* 文字サイズ */
.shop-list .shop_ttl {
	font-size: larger;
}
.shop-list .shop_ttl span {
    font-size: small;
}

/* 見出し
-------------------------------------------------------- */
.f-shop-list .swell-block-fullWide__inner>* {
    margin-bottom: 0;
}


/* 画像
-------------------------------------------------------- */
.f-shop-list img {
    height: 120px;
    object-fit: cover;
	 width: -webkit-fill-available;
}
@media (min-width: 700px) {
.f-shop-list img {
	height: 220px;
	}
}
/* 美麗の画像位置 */
.f-shop-list .f_btn_mayley img {
	object-position: 0 0;
}

/* ボタン
-------------------------------------------------------- */
.f-shop-list .swell-block-button a {
    background-color: #82050a;
    color: #ffffff;
    font-family: serif;
    font-size: larger;
    padding: 0.5em;
	box-shadow: none;
}
/* ホバー
.f-shop-list a:hover {
    background-color: #aaa283;
    color: #fff;
}*/


/***************************************************
** 東海飯店
***************************************************/

/***************************************************
** 美麗
***************************************************/

/* h1 背景画像
-------------------------------------------------------- */
.page-id-517 .u-obf-cover {
    object-position: 0 90%;
}

/* 互い違いbox コンテンツ内余白
-------------------------------------------------------- */
.shop-osusume .wp-block-media-text__content {
	padding: 2em;
}

/* コース料金
-------------------------------------------------------- */
/*　画像　*/
@media screen and (max-width: 782px){
	.course .wp-block-cover {
		min-height: 200px;
	}
}

/*--------------------------------------------------------
// デリバリー
--------------------------------------------------------*/ 
/*　Wolt　*/
.wolt a {
    background: #00c2e8;
}



/***************************************************
** 麺工房
***************************************************/

/*--------------------------------------------------------
// おすすめメニュー
--------------------------------------------------------*/ 
/*　料金　*/
.shop-osusume .shop_ttl span {
    font-size: 0.8em;
}


/***************************************************
** 東海飯店について
***************************************************/

/* h1 背景画像
-------------------------------------------------------- */
.page-id-23 .u-obf-cover {
    object-position: 0 30%;
}



/*--------------------------------------------------------
// 歴史
--------------------------------------------------------*/ 


/* 画像サイズ */
#history img {
	width: 800px;
}
/* txtエリア */
#history .history_txt-erea {
	margin-right: 3em;
	margin-left: 3em;
}
@media (max-width: 599px){
#history .history_txt-erea {
	margin-right: 1.5em;
	margin-left: 1.5em;
	}
}

/* 右画像
-------------------------------------------------------- */
/* 右寄せ */
#history .history_right-img {
	
}
/* 右画像をスマホで順番入れ替え */
@media (max-width: 600px){
#history .history_right-img--img {
	  order: 1;
	  margin-top: 0;
     padding-bottom: 1.5em;
	}
#history .history_right-img .history_txt-erea{
		order: 2;
	}
}

/* 3カラムの画像サイズ
-------------------------------------------------------- */
/* 3カラムの画像サイズ */
#history_2 img {
	width: 800px;
}


/***************************************************
** サイトマップ
***************************************************/
/* 明朝体 */
.site-map .site-map_ttl {
	font-family: serif;
}
/*　リンク　*/
.site-map a {
    color: #141414;
    border-bottom: solid 1px #ddd6bc80;
    padding-bottom: 5px;
}
/*　ホバー*/
.site-map a:hover {
	opacity: 0.5;
}
/* リンク アイコン */
.site-map .is-style-check_list li:before {
    font-family: "Font Awesome 5 Free";
	 font-weight: 600;
    content: "\f054";
	 color: #ddd6bc;
	
}
/*　リスト余白　*/
.site-map .is-style-check_list li {
    padding-bottom: 0.5em;
}


/********************************************************************
** サイズ制限　幅
********************************************************************/

.w--400 {
	max-width: 400px;
	margin-inline: auto;
}
.w--500 {
	max-width: 500px;
	margin-inline: auto;
}
.w--600 {
	max-width: 600px;
	margin-inline: auto;
}
.w--700 {
	max-width: 700px;
	margin-inline: auto;
}
.w--800 {
	max-width: 800px;
	margin-inline: auto;
}
.w--900 {
	max-width: 900px;
	margin-inline: auto;
}

@media (max-width: 800px){
		.w--80p {
		max-width: 80%;
		margin-inline: auto;
	}
	.w--90p {
		max-width: 90%;
		margin-inline: auto;
	}
}