@charset "UTF-8";
/* @import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css); */
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import "common.css";
@import "form.css";
/* @import "mmaga.css"; */
/* @import "blog.css"; */
/* @import "calendar.css"; */
@import "sns.css";

/* CSS Document */

/*==================== 基本設定 ====================*/
html{font-size: 100%;}
body {
font-family: "Noto Sans JP",-apple-system, BlinkMacSystemFont, "HiraKakuProN W6",Arial,Roboto,"Droid Sans","Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
font-size: 1rem;line-height: 1.5;letter-spacing: 0.5px;color:#3c1003;
min-width: 1080px;}
img{max-width:100%;}

table{font-size:1em;}
br.sp{display: none;}

/********** container **********/
.l_container{}
.l_wrap{width:1080px;margin:0 auto;}

/********** ヘッダー **********/
.l_header{}
.l_header .cont{height: 72px;padding: 16px 40px 0;}
.l_header .cont .l_wrap{position: relative;}

.l_header .logo{background:url(../images/logo_header.png) no-repeat 50% 50%;width: 282px;height: 48px;background-size: contain;}
.l_header .logo a{display: block;width: 100%;height: 100%;}
.l_header .logo a:hover{cursor: pointer;opacity: 0.8;}

.l_help_navi{position: absolute;right: 0px;top: -2px;width: 200px;height:60px;}
.l_help_navi ul{position: relative;}
.l_help_navi li a{display: block;text-decoration: none;line-height: 41px;color: #fff;-webkit-border-radius: 13.77px;border-radius: 13.77px;line-height: 1;text-align: center;line-height: 26px;position: relative;padding-left: 22px;letter-spacing: -0.05em;}
.l_help_navi li a::before{content:"";display: inline-block;position: absolute;}
.l_help_navi li a.contact{background-color: #e60012;border: 1px solid #e60012;}
.l_help_navi li a.shopping{margin-top:4px;background-color: #107934;border: 1px solid #107934;}
.l_help_navi li a.contact::before{background:url(../images/icon_hd_contact.png) no-repeat 50% 50%;width: 19px;height: 13px;background-size: contain;left: 40px;top: 6px;}
.l_help_navi li a.shopping::before{background:url(../images/icon_hd_shop.png) no-repeat 50% 50%;width: 19px;height: 17px;background-size: contain;left: 18px;top: 5px;}
.l_present{width:333px;height:55px;position: absolute; top: 14px; right: 219px; margin-top: -12px;}

.l_sns_navi{position: absolute;right:218px;top:22px;}
.l_sns_navi ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.l_sns_navi li{margin-left:10px;width:34px;text-align:center;}
.l_sns_navi li a{display:block;}

/********** メインナビ *********/
.l_main_navi{background: #faf6ed;}
.l_main_navi ul{display: flex;-webkit-justify-content: center;justify-content: center;}
.l_main_navi ul li{padding: 9px 10px 8px;-webkit-box-sizing: border-box;box-sizing: border-box; }
.l_main_navi ul li a{display: block;text-decoration: none;font-size: 112.5%;line-height: 41px;color: #3c1003;padding: 0 26px;
-webkit-transition: all ease-in .3s;transition: all ease-in .3s;}
.l_main_navi ul li a:hover,.l_main_navi ul li.cr_on a{background: #e60012;color: #fff;-webkit-border-radius: 5px;border-radius: 5px;}

/********** コンテンツ *********/
.l_contents{margin-right:auto;margin-left:auto;}
.l_breadcrumb{}
.l_breadcrumb ul{text-align:left;}
.l_breadcrumb li{display:inline-block;}
.l_column{}
.l_column_sub{width:180px;}
.l_column_main{width:780px;}

/********** フッター **********/
.l_footer{}
.l_footer .cont{margin-right:auto;margin-left:auto;}
.l_footer .cont ul{}
.l_footer .cont li{}

.footer_menu{background: #faf6ed;}
.footer_menu ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content: center;justify-content: center;}
.footer_menu ul li{-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;}
.footer_menu ul li::before,.footer_menu ul li::after{content: "";display: block;width: 1px;height: 17px;position: absolute;top: 20px;}
.footer_menu ul li::before{background: #b2a69e;right: -1px;}
.footer_menu ul li::after{background: #d3cbc2;left: -1px;}
.footer_menu ul li:first-of-type::after,.footer_menu ul li.last::before{content: none;}
.footer_menu ul li a{display: block;text-decoration: none;font-size: 112.5%;line-height: 42px;color: #3c1003;padding: 5px 30px;}

.footer_bottom{background: #e60012;color: #fff;padding: 40px 40px 17px;position: relative;}
.footer_bottom .wrapper{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.footer_bottom .wrapper > div{-webkit-box-sizing: border-box;box-sizing: border-box;}
.footer_bottom .address{width: 410px;}
.footer_bottom .address h2{width:282px;}
.footer_bottom .address p{font-size: 87.5%;font-weight: bold;margin-top: 15px;}
.footer_bottom .message{width: 640px;padding-left: 30px;position: relative;}
.footer_bottom .message p{letter-spacing: -0.04em;}
.footer_bottom .message p.contact_info{font-size: 14px; margin-top: 22px;min-height:28px;}
.footer_bottom .message p.contact_info a{color:#fff;@text-decoration:underline;}
.footer_bottom .message p.contact_info span{font-size:18px;}
.footer_bottom small{display:block;font-size: 75%;text-align: right;margin-top:14px;}

.l_gotop{position: absolute;right: 20px;top: -30px;width: 65px;height: 65px;}
.l_gotop a{display: block; background: url(../images/btn_arrow_top.png) no-repeat 50% 50%;width: 100%;height: 100%;}