﻿/*===========================================================*/
/* 個別 */
/*===========================================================*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Noto+Sans+JP:wght@500&display=swap');
body{
        font-family: 'Montserrat',"Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
        font-weight: 500;
}
.linkStyle{color: #333;border-bottom: 1px solid;}
html{font-size: 18px;}
header .logo {
    max-width: 250px;
}
.menu{
    transform: none;
    top: 0;
    left: 0;
}
.main_img_wrap{    
    background-color: #fff2e6;
    overflow: hidden;
/*    height: auto;
    min-height: inherit;*/
    
}
.main_img{
    width: calc(100% - 170px);
    margin-left: 350px;
    min-width: 700px;
    height: 100%;
    background-position: center right;
}
.main_img .catch{
    max-width: 800px;
    width: 45%;
    left: 400px;
    top: 15%;
}
#catch{display: flex;}
#catch .box {
    margin-left: 0;
    margin-right: 0;
    background-color: rgba(255 ,255 ,255,0.8);
    padding: 50px 40px;
    box-sizing: border-box;
}
#catch .box .title{
    font-size: -webkit-calc(1rem + 16px);
    font-size: calc(1rem + 16px);
    
}
#catch .box .title:first-letter{
    font-size: -webkit-calc(1rem + 26px);
    font-size: calc(1rem + 26px);
}
.menu{max-width: 350px;}
.menu ul{background-color: transparent!important;}
.t_banner_box{display: none;}
#question .box .box_item{
    background-color: transparent;
    padding: 0;
}
#question .txt {
    width: 100%;
    margin-right: 0;
    background-color: white;
    padding: 20px;
    margin-bottom: 10px;
    padding-left: 60px;
}
#question .txt:before{
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
#question .txt .check {
    padding-right: 0px;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}
#question h2{
    font-size: -webkit-calc(1rem + 24px);
    font-size: calc(1rem + 24px);
}
#question .sliceTxt4, #question .sliceTxt5, #question .sliceTxt6{
    font-size: -webkit-calc(1rem + 50px);
    font-size: calc(1rem + 50px);
}
#attach {
    width: 100%;
    height: 420px;
    position: relative;
}
#contents .box h3:first-letter{color: #fe6d00;font-size: 50px;}
#contents .box .box_item:before{border: none;content: none;}
#contents .box:nth-child(odd) .box_item{
    margin-left: 0;
    margin-top: 0;
}
#contents .box .box_item{margin-top: 0;}
#contents .box:nth-child(even) figure{margin-left: 0;}
#contents .con2{flex-direction: row-reverse;}
#contents .box .box_item .sub_title,#catch .box .sub_title{transform: none;}
#contents .box .box_item .sub_title,#catch .box .sub_title{
    position: relative;
    top: 0;
    left: 0;
        font-size: -webkit-calc(1rem + 10px);
    font-size: calc(1rem + 10px);
    opacity: 0.7;
}
.top_cms_box.cms1 .top_cms_box_wrap{
    border: none;
    background-color: #f7f7f7;
}
#top_cms h2{
    text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff, 2px 0px 1px #fff, 0px 2px 1px #fff, -2px 0px 1px #fff, 0px -2px 1px #fff;
        color: #fe6d00;
        font-size: calc(1rem + 22px);
}
#top_cms .sub_title{opacity: 0.7;}
.top_cms_box.cms1 .sub_title{display: none;}
.f_logo .logo {
    max-width: 350px;
}
footer .footer_con_box .footer_con{
    border: none;
    background-color: #fff;
}

/*営業時間*/
table , td, th {
	/*border: 1px solid #595959;*/
	border-collapse: collapse;
}
td, th {
	padding: 3px;
	width: 30px;
	height: 25px;
}
th {
	background: #f0e6cc;
}
.even {
	background: #fbf8f0;
}
.odd {
	background: #fefcf9;
}
.time{
/*    background-color: #fff6e7;
    border-radius: 50px;*/
    padding: 0 100px;
}
.time tr:first-of-type{
    background-color: #fe6d00;
    /*font-weight: 600;*/
    color: #fff;
}
.time tr{
        
    border-bottom: 1px solid #fe6d00;
    
}
td, th {
    padding: 10px;
    width: 100px;
    height: 25px;
    text-align: center;
    font-size: 28px;
    letter-spacing: 4px;
    /*color: #5d3a20;*/
    /* border: 1px solid #ba936e; */
}

.marker {
    background: -webkit-linear-gradient(transparent 60%, #dce1a4 60%);
    background: -o-linear-gradient(transparent 60%, #ff6 60%);
    background: linear-gradient(transparent 60%, #cddc39 60%);
}
#page_title h2, #contents .box h3 {
    font-weight: bold;
    font-size: -webkit-calc(1rem + 22px);
    font-size: calc(1rem + 22px);
        text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff, 2px 0px 1px #fff, 0px 2px 1px #fff, -2px 0px 1px #fff, 0px -2px 1px #fff;
        color: #fe6d00;
}
#cms_2-g .cate_img1 {
    max-height: none;
}

/*===========================================================*/
/* コード集 */
/*===========================================================*/




/*===========================================================*/
/* 下層 */
/*===========================================================*/
.top_loader .logo {
    max-width: 400px;
}
.page10 .content_wrap .more {
    font-size: 80%;
}



/*===========================================================*/
/* タブレット */
/*===========================================================*/
@media screen and (max-width: 768px){
.main_img{width: 100%;margin-left: 0;}
.main_img .catch{left: 20px;width: 55%;}
table, td, th{border: none;}
.time{border-radius: inherit;padding: 50px;}
#contents .box .box_item, #contents .box:nth-child(odd) .box_item {
    margin-left: 0%;
}
.footer_cms{width: 100%!important;}
.footer_nav{width: 100%!important;}

}



/*===========================================================*/
/* スマホ */
/*===========================================================*/
@media screen and (max-width: 667px){
.main_img{min-width: inherit;}
.main_img .catch{width: 60%;}
.top_loader .logo{width: 80%!important;}
#catch .box{padding: 10px;}
#attach {
    height: 200px;
}
#page_title h2, #contents .box h3{
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);
}
#question h2{line-height: 1;}
#contents .box h3:first-letter {
    color: #fe6d00;
    font-size: 40px;
}
#contents .box .box_item{padding: 10px;}
#page_title h2, #contents .box h3,#top_cms h2,#question .sliceTxt4, #question .sliceTxt5, #question .sliceTxt6{
    text-shadow: none;
}
.f_logo .logo{width: 80%!important;}
td, th{
    font-size: 14px;
    letter-spacing: 2px;
}

.time{border-radius: inherit;padding: 20px;}
}


/*===========================================================*/
/* IE */
/*===========================================================*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){



}


/*===========================================================*/
/* Firefox */
/*===========================================================*/
@-moz-document url-prefix(){

}