/*
Theme Name: arin_v1 Child
Theme URI: 
Template: arin_v1
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

@charset "utf-8";

/*
Template:arin_v1
Theme Name: arin_v1_Child
Theme URI: https://arin-jp.com/
Description: arin
Author: easyaction
Tags: 
Version: 1.1.2
*/


/* COMMON
-------------------------------------------------- */

/*==================================================
 * BASIC
 *================================================*/
@media (max-width: 575.98px) { /* モバイル */ }
@media (min-width: 576px) and (max-width: 991.98px) { /* タブレット */ }
@media (min-width: 992px) { /* PC */ }

/* *** PC *** */
@media screen and (max-width: 1150px) { }

/* *** タブレット縦 *** */
@media screen and (max-width: 896px) { }

/* *** スマホ縦 *** */
@media screen and (max-width: 480px) { }

/* *** スマホ横のみ *** */
@media screen and (max-width: 896px) and (orientation: landscape){ }

body{
	font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

#arinbg{
	background-image:url("img/bg.png");
	background-size: contain;
	background-color:#C30D23;
	background-repeat:  no-repeat; 
    background-position: top center; 
}

#arinbg-others{
	background-image:none;
	background-color:#ffffff;
}

@media (min-width:1200px)
.site-body {
padding: 3.5rem 0 120px;
}


/* *** PCで表示させない *** */
@media(min-width:751px){
    .sponly{
        display: none !important;
    }
}
/* *** SPで表示させない *** */
@media(max-width:750px){
    .pconly{
        display: none !important;
    }
}

@media(max-width:1000px){
    .pconly2{
        display: none !important;
    }
}


.site-header{
	box-shadow: none;
	margin-bottom: 16px;
	background:rgba(255,255,255,0.5);
}

#global-nav{
}

html {
  scroll-behavior: smooth;
}

.mgb16{
	margin-bottom: 16px;
}

.mgb32{
	margin-bottom: 32px;
}

.mgb48{
	margin-bottom: 48px;
}

/* メニュー幅
-------------------------------------------------- */

.head-container{
max-width: 1280px;
margin-right: auto;
margin-left: auto;
}


/* メニューを中央表示
-------------------------------------------------- */

.global-nav--layout--float-right {
/*margin-left: auto;*/
/*margin-right: auto;*/
width: 62em;
	margin-left:0;
}

@media (min-width:992px)
body:not(.header_scrolled) .global-nav--layout--float-right {
display: flex;
justify-content: start;
align-items: center;
}


/* メニューサイズ
-------------------------------------------------- */

.contactarea{
	max-height:72px;
}


.contactarea img{
	max-width：80％;
	max-height:80%;
}

/* *** タブレット縦 *** */
@media screen and (max-width: 1200px) {
	.contactarea img{
	max-width:50%;
		max-height:50%;
}
}

/* ハンバーガーメニュ一
-------------------------------------------------- */
.vk-mobile-nav-menu-btn {
	 right:10px;
	 left:inherit;
	top:20px;
}

/* 画像トリミング
-------------------------------------------------- */
.topthumb img{
    width: 260px;
    height: 260px;
    object-fit: cover;
}


/* パンくず非表示
-------------------------------------------------- */
.breadcrumb{
	display: none;
}

/* メニューサイドライン
-------------------------------------------------- */
.global-nav-list li {
	border-right:#fff solid 1px;
	border-left:#fff solid 1px;
}


/* メニューフォント
-------------------------------------------------- */
.global-nav-list>li .global-nav-name {
	font-size: 16px;
	border-bottom: 2px #C30D23 solid;
}

.device-pc .global-nav-list>li>a {
padding: 14px 1em;
}

/* メニューサブ
-------------------------------------------------- */
.global-nav-list>li .global-nav-description{
	font-size: 12px;
	color:#121212;
	padding-top: 3px;
}


/* 見出し
-------------------------------------------------- */

h3.ttlh3 {
  position: relative;
  padding: 0.6rem;
  text-align: center;
	border-bottom:none;
	padding-bottom: 0px;
}

h3.ttlh3:after {
	content: '';
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 3px;
  background-color: #BC1B29;
	border-radius: 2px;
}

/* *** タブレット縦 *** */
@media screen and (max-width: 896px) {
h3.ttlh3:after {
  top: 40px;
}
}


.adunder{
	font-size: clamp(16px, 2.0vw, 20px);
	color:#121212;
	font-weight:600;
	text-align: center;
	margin-top: -10px;
	padding-bottom: 24px;
}


.underlinebk {
  width: 70%;
  border-width: 1px;
  border-color: #A3A3A3;
	text-align: center;
	margin-bottom: 1.4em;
}


/* *** news title *** */
h5.media-title {
  position: relative;
  border-bottom: 2px solid #E54E5B;
}

h5.media-title:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 24%;
  height: 3px;
  content: '';
  background: #BC1B29;
}


h2.midashi1 {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
	 font-style: italic; 
  color: #fff;
	font-size: clamp(18px, 2.1vw, 30px);
	font-weight: 600;
	border-bottom: none;
	border-top: none;
	padding-bottom: 24px;
}

/* *** スマホ縦 *** */
@media screen and (max-width: 480px) {

}

h4.mdashired{
	font-size: clamp(16px, 2.0vw, 21px);
	color: #BC1B29;
	background-color: #fff;
	padding-left: 0px;
	padding-top: 0px;
	font-weight: 600;
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 4px;
	margin-top: 0;
}

h4.mdashibk{
	font-size: clamp(16px, 2.0vw, 21px);
	color: #121212;
	background-color: #fff;
	padding-left: 0px;
	padding-top: 0px;
	font-weight: 600;
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 4px;
	margin-top: 0;
}

.catttl {
  position: relative;
  padding: 1.5rem;
  text-align: center;
	color:#000;
}

.catttl:before {
  position: absolute;
  bottom: 4px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #BC1B29;
}


.sideline{
  font-weight: bold;
  padding: 0 3em;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
  position: relative;
	font-size: clamp(16px, 1.8vw, 24px);
}
.sideline::before, .sideline::after {
  content: '';
  background: #9D9D9D;
  width: 2em;
  height: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.sideline::before {
  left: 0;
}
.sideline::after {
  right: 0;
}

/* サイズ
-------------------------------------------------- */
.container-cat{
padding-left: 100px;
padding-right: 100px;
}

/* *** タブレット縦 *** */
@media screen and (max-width: 896px) { 
.container-cat{
padding-left: 20px;
padding-right: 20px;
}
}


/* フォント
-------------------------------------------------- */

p{
	color: #121212;
	font-weight: 300;
}

.sml{
	font-size: clamp(12px, 1.1vw, 16px);
	color: #121212;
	font-weight: 300;
}

.fmd{
	font-size: clamp(14px, 1.6vw, 18px);
	color: #121212;
	font-weight: 400;
	margin-bottom: 0;
	padding-bottom: 0;
}


.smlx{
	font-size: clamp(12px, 1.1vw, 14px);
	color: #121212;
	font-weight: 300;
}


.gothec{
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.midashi2 {
  color: #494D53;
	font-size: clamp(16px, 2vw, 24px);
	font-weight: 500;
	border-bottom: none;
	border-top: none;
	padding-bottom: 32px;
}

.midashi3 {
  color: #494D53;
	font-size: clamp(16px, 1.8vw, 21px);
	font-weight: 400;
	border-bottom: none;
	border-top: none;
	padding-bottom: 32px;
}

.midashi4 {
  color: #494D53;
	font-size: clamp(16px, 1.4vw, 21px);
	font-weight: 500;
	border-bottom: none;
	border-top: none;
	padding-bottom: 32px;
}


/* ボタンカスタマイズ
-------------------------------------------------- */
.btn-cust {
    background: #8C8246;
    color: #ffffff;
}

.btn-cust:hover, .btn-cust:focus, 
.btn-cust:active, .btn-cust:active:focus, .btn-cust:active:hover, .btn-cust:active.focus,
.btn-cust.active, .btn-cust.active:focus, .btn-cust.active:hover, .btn-cust.active.focus,
.open > .dropdown-toggle.btn-cust, 
.open > .dropdown-toggle.btn-cust:hover,
.open > .dropdown-toggle.btn-cust:focus, 
.open > .dropdown-toggle.btn-cust.focus,
.btn-cust.disabled:hover, .btn-cust[disabled]:hover, fieldset[disabled] .btn-cust:hover,
.btn-cust.disabled:focus, .btn-cust[disabled]:focus, fieldset[disabled] .btn-cust:focus,
.btn-cust.disabled.focus, .btn-cust[disabled].focus, fieldset[disabled] .btn-cust.focus {
    background: #B3A96D;
    color: #ffffff;
}

.btn-cust.outline {
    border: 3px solid  #8C8246;
    color: #ffffff;
}

/* ボタンカスタマイズ
-------------------------------------------------- */
.btn-cust2 {
    background:none;
    color: #ffffff;
	border: #ffffff solid 2px;
}

.btn-cust2:hover, .btn-cust:focus, 
.btn-cust2:active, .btn-cust2:active:focus, .btn-cust2:active:hover, .btn-cust2:active.focus,
.btn-cust2.active, .btn-cust2.active:focus, .btn-cust2.active:hover, .btn-cust2.active.focus,
.open > .dropdown-toggle.btn-cust2, 
.open > .dropdown-toggle.btn-cust2:hover,
.open > .dropdown-toggle.btn-cust2:focus, 
.open > .dropdown-toggle.btn-cust2.focus,
.btn-cust2.disabled:hover, .btn-cust2[disabled]:hover, fieldset[disabled] .btn-cust2:hover,
.btn-cust2.disabled:focus, .btn-cust2[disabled]:focus, fieldset[disabled] .btn-cust2:focus,
.btn-cust2.disabled.focus, .btn-cust2[disabled].focus, fieldset[disabled] .btn-cust2.focus {
    transition: 0.3s;
    color: #ffffff;
}

.btn-cust2.outline {
    border: 2px solid  #fffff;
    color: #ffffff;
}


.btn-cust2:hover {
  transform: scale(1.05);
	color: #ffffff;
}

/* TOP
-------------------------------------------------- */
.topmg{
	margin-top:42%;
}

.main-section--margin-bottom--on {
	margin-bottom: 0;
}

/* News
-------------------------------------------------- */
 /* =縦に積むテーブルレスポンシブ
------------------------ */

table.vertical-table {
  margin: 0px auto 0px;
  width: 100%;
  font-size:14px;
}

.vertical-table th {
  color: #BA5E4F;
  padding: 12px 16px 12px 16px;
  font-weight:normal;
  vertical-align:text-top;
	border-bottom: 1px solid #e4e4e4;
	width:14%;
	border-right:1px solid #fff;
}
.vertical-table td {
  padding: 12px 16px 12px 16px;
border-bottom: 1px solid #e4e4e4;
	border-left:1px solid #fff;
}
 
@media screen and (max-width: 480px) {
  .last td:last-child {
    width: 100%;
  }
  .vertical-table {
    width: 80%;
  }
  .vertical-table th,
  .vertical-table td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
 .vertical-table th {
	border-bottom: none;
	 padding-bottom:2px;
} 
  .vertical-table td {　
	padding-bottom:4px;
	padding-top:6px; 
  }
}

.nav-link active{
	background-color: #333434;
}

/* =タブデザイン
------------------------ */
.tab01 {
  width: 100%;
  margin: 0 auto 0px;
}
/*タブのスタイル*/
.tab_menu {
	width:100%;
  height: 48px;
  line-height: 48px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background-color: #3E2210;
  display: block;
  text-align: center;
  font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

@media screen and (max-width: 480px) {
.tab_menu {
  width:100%;
}
	
}
	
.tab_menu:hover {
  opacity: 1;
}
/*ラジオボタンを全て消す*/
input[name="tab_menu"] {
  display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_contents {
  border-top: 1px solid #E4E4E4;
	border-left: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
}

/*選択されているタブを表示*/
#menu01:checked ~ #menu01,
#menu02:checked ~ #menu02,
#menu03:checked ~ #menu03 {
  display: block;
}
/*選択されているタブのスタイル*/
.tab01 input:checked + .tab_menu {
  background-color: #333434;
  color: #fff;
}

.tab_contents a{
	color:#121212;
}

.tab_contents a:hover{
	color:#817A7B;
}

p.listbtn a {
text-decoration: none;
color:#C30D23;
}

p.listbtn a:hover {
text-decoration: none;
color:#E85D6E;
}

/* about
-------------------------------------------------- */
 /* =縦に積むテーブルレスポンシブ
------------------------ */

table.vertical-table2 {
  margin: 0px auto 0px;
  width: 100%;
  font-size:14px;
	border: 1px solid #727171;
}

.vertical-table2 th {
  color: #121212;
  padding: 12px 16px 12px 16px;
  font-weight:normal;
  vertical-align:text-top;
	border: 1px solid #727171;
	width:22%;
	background-color: #E7E4E1;
	text-align: left;
}
.vertical-table2 td {
  padding: 12px 16px 12px 16px;
border: 1px solid #727171;
}
 
@media screen and (max-width: 480px) {
  .last td:last-child {
    width: 100%;
  }
  .vertical-table2 {
    width: 80%;
  }
  .vertical-table2 th,
  .vertical-table2 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
 .vertical-table2 th {
	border-bottom: none;
	 padding-bottom:2px;
} 
  .vertical-table2 td {　
	padding-bottom:4px;
	padding-top:6px; 
  }
}


/* Philosophy
-------------------------------------------------- */
.redlbox{
	border:3px solid #C30D23;
}

h5.red-ttl{
	color:#C30D23;
	font-size: 16px;
	padding: 0;
	border-bottom: hidden;
	font-weight:600;
}

.redcl{
	color:#C30D23;
	font-weight:500;
}

/* Access
-------------------------------------------------- */

/*googlemap埋め込み*/

div.gmap{width:100%; height:400px;}

.tbl-r03 th,
.tbl-r03 td{
	border:none;
}

.tbl-r03 th {
  color: #121212;
  padding: 10px;
	width:20%;
	text-align:left;
}
.tbl-r03 td {
	padding: 10px;
}

@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: none;
    width: 100%;
  }
  .tbl-r03 {
    width: 80%;
  }
  .tbl-r03 th,
  .tbl-r03 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}

/* カテゴリーヘッダー
-------------------------------------------------- */
.page-header{
	background-color: #fff;
}

/* News Page
-------------------------------------------------- */
.entry-body>.vk_posts>.media.vk_post-col-sm-12:first-child, .main-section>.vk_posts>.media.vk_post-col-sm-12:first-child{
	border-top:none;
}

.sub-section-title {
font-size: calc(var(--vk-size-text) * 1.125);
margin-bottom: 16px;
border-bottom: none;
}


.sub-section-title {
  font-weight: bold;
  padding: 1rem 2rem;
  border-top: 3px solid #BC1B29;
  background: #f4f4f4;

}


.media.vk_post:first-child {
	border-top: none;
}

.vk_post.media {
display: flex;
padding: 1em 0;
margin: 0 15px;
border-bottom: none;
}

.card {
border: 1px solid #ffffff;
}

/***** コンタクトフォーム *****/
.table-contactform7{
 	overflow: hidden;
	border-collapse: collapse;
	border:none;
}
 
.required-contactform7{
  padding: 2px 3px 2px 3px;
  background: #CF0000;
  font-size:0.7em;
  font-weight:normal;
  color: #fff;
  border-radius: 3px;
  margin-right: 4px;
}
 
.unrequired-contactform7{
  padding: 5px;
  background: #BDBDBD;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.table-contactform7 th{
  font-weight:bold;
  border:none;
  border-bottom:none;
  border-top:none;
}
 
.table-contactform7 input,
.table-contactform7 textarea{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.message-100 textarea{
  width: 100%;
  margin: 5px 10px 10px 5px;
}

 
       
  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
	border:none;
  border-bottom:none;
  border-top:none;
  padding-top:12px;
  }
  
  .table-contactform7 p{
  margin-bottom:0;
}

  .table-contactform7 th{
  display:block;
  border:none;
  border-bottom:none;
  border-top:none;
  padding-top:12px;
}
.table-contactform7 td{
	display:block;
  margin:0;
  padding:0;
  border:none;
  border-bottom:none;
  border-top:none;
  padding-top:0;
}



/* Footer
-------------------------------------------------- */
.site-footer-copyright{
	background-color: #BC1B29;
}
.site-footer-copyright p{
	color: #fff;
}