@charset "utf-8";

html,body,#contents {height: 100%;}
body {background: #000000;}

.bg_wrap {position: fixed !important; width:100%; height:100%; z-index: -1;}
.bg,
.vc-violet-background-bg {width:100%; height:100% !important;}
#contents {display:none;}

/********* header *********/
header {width: 1200px; position:fixed; max-width: 88%; top:1.3em; left: 0; right:0; margin: auto; font-family:"Roboto"; font-size: 16px; z-index: 1000;}
header .flex {align-items: center;}
header li {position: relative; background: rgba(0,0,0,.6);}
header li:nth-child(1) {margin-left: auto; padding-left: .6em;}
header li::before {content:"/"; color: #FFFFFF;}
header li span,
header li a {color: #FFFFFF; display: inline-block; padding: 0 .7em; cursor: pointer; font-size: .95em;}
header li a:hover {color: #C5C5C5;}
header li.sns_icons::before {display: none;}
header li.sns_icons,
header li.sns_icons * {vertical-align: middle; line-height: 1; padding-top: .07em; padding-bottom: .07em;}
#hbg_btn {display: none;}

/* header / layout */
.head_sub,
.head_menu {width: 100%;}
.head_menu {margin-top:5px;}

@media (max-width:767px) {
	header li:nth-child(1) {padding-left:0;}
	.head_sub {order: 2; margin-top: 15px;}
	.head_sub .shop_bnr {margin:0 0 3px 0; border-bottom: 0; padding: 0;}
	.head_sub .shop_bnr a {text-align: center; background: #000; border-radius: 5px; padding: 10px !important;}
	
	.head_menu {order: 1;}
}


/* header / shopping */
header li.shop_bnr {background: none;}
header li.shop_bnr::before {display: none;}
header li.shop_bnr,
header li.shop_bnr * {vertical-align: middle; line-height: 1; padding-top: .07em; padding-bottom: .07em;}

/* header / sns */
header li.sns_icons {background: none;}
header li.sns_icons::before {display: none;}
header li.sns_icons,
header li.sns_icons * {vertical-align: middle; line-height: 1; padding-top: .07em; padding-bottom: .07em;}

/* ハンバーガーアイコン */
#hbg_btn {display: none;}

@media (max-width:767px) {
   #slide_menu {position:fixed; top:0; z-index: 1000; left:-80%; width:80%; height:100%; background:rgba(233,53,13,0.95); padding:5px 15px; box-sizing:border-box;}
   #slide_menu ul {background:none;}
   header li {position:relative; width:100%; float:none; margin:0; padding:0; text-align:center; border-bottom:1px solid #e3aca0; background: rgba(0,0,0,0);}
   header li::before {display: none;}
   #slide_menu li a {display:block; padding: .1em; letter-spacing: .1em;}
   #hbg_btn {display: block; position:fixed; right: 1em; top: 1em; cursor: pointer; width: 1.5em;}
   header li.sns_icons {width:33.33%;}
}

/********* header：下層メニュー *********/
header li ul {position:absolute; top:100%; left:55%; margin: auto; transform: translateX(-50%); min-width:8em; transition:.5s; opacity:0; pointer-events:none;}
header li ul li::before {display: none;}
header li ul li {background:rgba(233,53,13,0.9); border-bottom:1px solid #93301b;}
header li ul li:hover {background:#bf2300;}
header li ul li:nth-child(1) {border-radius:.23em .23em 0 0;}
header li ul li:last-child {border-bottom: none; border-radius:0 0 .23em .23em;}
header li ul li a {display:block; text-align: center; padding:.3em; font-size:.9em; letter-spacing:.1em;}
header li ul li a:hover {color:#FFFFFF;}
header li:hover ul {opacity:1; pointer-events:all;}

@media (max-width:767px) {
   header li span {display: block; padding:.3em;}
   header li ul {position: static; width: 90%; margin: 0 auto; transform: translateX(0); opacity: 1; pointer-events: all; margin-bottom: .7em;}
   header li ul li {background:#c52400;}
   header li ul li a {padding:.1em; letter-spacing:0; line-height: 1.5em;}
}


/********* footer *********/
footer {background: #171717;}
.footer_wrap {width: 1200px; max-width: 88%; margin: 0 auto; padding:6em 0 10em;}
.footer_menu {margin-left: auto;}
.footer_sns {text-align: right; padding-bottom: 2em;}
.footer_sns a {display: inline-block; padding: 0 .5em; vertical-align: text-top;}
footer nav > ul > li {padding-right: 3em;}
footer nav > ul > li:last-child {padding-right: 0;}
footer nav > ul > li > a {font-weight: bold;}
footer nav a {color: #FFFFFF;}
footer nav > ul > li li a::before{content:"└"; color: #FFFFFF; padding-right: .5em;}
footer nav a:hover {color: #C5C5C5;}

@media (max-width:767px) {
   .footer_wrap {padding: 3em 0 5em;}
   .footer_wrap figure {max-width: 35%;}
   .footer_sns {padding:20px 0; text-align: center;}
   footer nav > ul > li {width: 33.33%; padding-right: 1em;}
}

@media (min-width:768px) {
    .footer_wrap nav ul.flex{
        justify-content: flex-end;
        padding-right: 10px;
    }
}


/********* TOP：メイン *********/
.top_main_wrap {text-align: center; max-width: 88%; margin: 0 auto; height: 100%; position: relative; margin-bottom:5em;}
.top_main {position: absolute; top:53%; left:0; text-align: center; width: 100%; transform:translateY(-50%); margin: auto;}
.top_main h1 {margin-bottom: 5.3em;}
.top_main p {font-size: 16px; line-height:3.1em;}

@media (max-width:767px) {
   .top_main_wrap {margin-bottom:3em;}
   .top_main h1 {margin-bottom: 3em;}
   .top_main h1 img {max-width: 60%;}
   .top_main p {font-size:15px; line-height:2.4em;}
}


/********* TOP：BRAND・ABOUT *********/
.top_contents {width: 1067px; margin: 0 auto; max-width: 88%;}
.top_contents .top_contents_text,
.top_contents figure {width: 50%;}
.top_about {margin-bottom: 10em;}
.top_brand .top_contents_text {padding-right: 1.5em;}
.top_about .top_contents_text {padding-left: 1.5em; text-align: right;}
.top_contents .top_contents_text {padding-top:16em; padding-bottom:16em;}
.top_brand_image {background: url("../images/index/top_image01a.jpg") center no-repeat; background-size: cover;}
.top_about_image {background: url("../images/index/top_image02a.jpg") center no-repeat; background-size: cover;}

@media (max-width:768px) {
   .top_contents .top_contents_text {padding-top:8em; padding-bottom:8em;}
}
@media (max-width:767px) {
   .top_contents .top_contents_text {padding-top:0; padding-bottom:1em;}
   .top_about .top_contents_text {padding-top: 2em; text-align: left;}
   .top_about {margin-bottom:5em;}
}
@media (max-width:320px) {
   .top_about .top_contents_text {padding-top:0;}
}


/********* TOP：共通 *********/
.title_LL {font-size: 60px; display: block; font-family:"Roboto"; font-weight: 900; letter-spacing: .1em; margin-bottom: .6em;}
.btn {display: inline-block; padding:.5em 2.5em .4em; color: #ffffff; font-weight: bold; background: #e9350d;}
.btn:hover {background: #ffffff; color:#e9350d;}
.top_text {padding-bottom: 1.6em; line-height:2.3em;}

@media (max-width:767px) {
   .title_LL {font-size:30px; margin-bottom: .3em;}
   .btn {display:inline-block; padding:.5em 1.5em .4em; line-height: 1.5em;}
   .top_text {padding-bottom:1.3em; line-height:1.7em; font-size:12px;}
}


/********* TOP：NEWS *********/
.top_news_wrap {width: 940px; margin: 0 auto; max-width: 88%; padding:0 0 10em 0;}
.top_news_wrap h4 {font-size:40px; letter-spacing: .7em; font-family:"Roboto"; font-weight: 900; margin-bottom: 1em;}
.top_news_wrap li {padding: 1em 0;}
.top_news_wrap li .flex time {white-space: nowrap; width: 15%; color: #e8340c;}
.top_news_wrap li .flex {color: #FFFFFF;}
.top_news_wrap li .flex > div {width: 85%;}
.top_news_wrap li a:hover > div * {color:#acb7d6;}
.top_news_btn {text-align: right; padding: 1.5em 0 0 0;}
.top_news_btn a {display: inline-block; background: #FFFFFF; padding:.5em 2.1em .4em 1.5em; color: #e8340c; font-weight: bold; position: relative; transition: .5s;}
.top_news_btn a::after {content:""; color: #e8340c; width: 1em; height: 1em; background: url("../images/index/btn_arrow.png") no-repeat center; position: absolute; top: 50%; margin-top: -.55em; right: 1em;}
.top_news_btn a:hover {background: #ffcacb;}

@media (max-width:767px) {
   .top_news_wrap {padding:0 0 5em 0;}
   .top_news_wrap h4 {font-size:30px; letter-spacing: .4em; margin-bottom: .5em;}
   .top_news_wrap li {padding:.6em 0;}
   .top_news_wrap li .flex time,
   .top_news_wrap li .flex > div {width:100%;}
   .top_news_wrap li .flex > div p {line-height: 1.7em;}
}


/********* TOP：RECRUIT *********/
.top_recruit_wrap {width:940px; margin: 0 auto; max-width: 88%; padding:0 0 15em 0;} 
.top_recruit_wrap .flex > figure {margin-left: -10%; position: relative;}
.top_recruit_wrap .top_recruit_text {margin-left: auto; text-align: right; width: 45%; padding-top:13em;}

.top_rec_lt {position:absolute; z-index:10; max-width: 38.3%;}
.top_rec_rt {position:absolute; z-index:10; max-width: 57.9%;}
.top_rec_lb {position:absolute; z-index:10; max-width: 38.3%;}
.top_rec_rb {position:absolute; z-index:10; max-width: 57.9%;}

@media (max-width:1150px) {
   .top_recruit_wrap .flex > figure {width:50%; margin-left:0;}
}
@media (max-width:1000px) {
   .top_recruit_wrap .top_recruit_text {padding-top:5em;}
}
@media (max-width:768px) {
   .top_recruit_wrap .top_recruit_text {padding-top:4em;}
}
@media (max-width:767px) {
   .top_recruit_wrap {padding:0 0 8em 0;}
   .top_recruit_wrap .flex > figure {width:100%; margin-left:0;}
   .top_recruit_wrap .top_recruit_text {padding-top:2em; width: 100%; text-align: left;}
   .top_recruit_wrap .top_recruit_text .top_text {line-height: 2em;}
}

/********* ローディング *********/
.loader {background:#000000; height:100%; left:0; position:fixed; top:0; width:100%; z-index:1000;}
.loader div {position: relative; height:100%; width: 100%;}
.loader div img {position:absolute; top:50%; left:50%; transform: translateY(-50%) translateX(-50%); margin: auto; max-width: 30%;}





/********* PAGHETOPボタン *********/
.pagetop {display:none; position:fixed; bottom:15px; right:15px;}
.pagetop a {display: block; background: #e9350d; padding:.8em 1.2em 1.1em 1.2em; line-height: 1em;}
.pagetop a:hover {display: block; background: #ff2e00;}
.pagetop a img {vertical-align:middle;}

@media (max-width:767px) {
   .pagetop {bottom:10px; right:10px;}
   .pagetop a {display: block; background: #e9350d; padding:.6em 1em .9em 1em; line-height: 1em;}
}


/********* エフェクト *********/
.ef-move_title,
.ef-move_title span {opacity:0; transition:1.5s;}
.ef-move_title span {display: inline-block;}
.ef-move_title span:nth-child(even){transform: translateY(-20px);}
.ef-move_title span:nth-child(odd) {transform: translateY(20px)}
.move_title,
.move_title span {opacity:1;}
.move_title span:nth-child(even),
.move_title span:nth-child(odd) {transform: translateY(0)}

.ef-fade_bottom {opacity: 0; transition: 1s; padding-top:70px; margin-bottom:-70px;}
.fade_bottom {opacity:1; padding-top:0; margin-bottom:0;}

.ef-fade_bottom_list > * {transition: 1.5s; opacity:0; margin-top:100px; margin-bottom:-100px;}
.ef-fade_bottom_list > *.fade_bottom_list {opacity:1; margin-top:0; margin-bottom:0;}

.ef-fade_left {opacity: 0; transition: 1.5s; margin-left: 40px;}
.fade_left {opacity: 1.0; margin-left: 0;}

.ef-fade_right {opacity: 0; transition: 1.5s; margin-right: 40px;}
.fade_right {opacity: 1.0; margin-right: 0;}

.ef-fade {opacity: 0; transition: 1.5s;}
.fade {opacity: 1.0;}

.fade_rec_image li.fade_rec_lt {left:-30px; top:-30px; transition: 1.5s; opacity:0;}
.fade_rec_image li.fade_rec_rt {right:-30px; top:-30px; transition: 1.5s; opacity:0;}
.fade_rec_image li.fade_rec_lb {left:-30px; bottom:-30px; transition: 1.5s; opacity:0;}
.fade_rec_image li.fade_rec_rb {right:-30px; bottom:-30px; transition: 1.5s; opacity:0;}
.fade_rec_image li.fade_rec_lt.rec_image {left:0; top:0; opacity:1;}
.fade_rec_image li.fade_rec_rt.rec_image {right:0; top:0; opacity:1;}
.fade_rec_image li.fade_rec_lb.rec_image {left:0; bottom:0; opacity:1;}
.fade_rec_image li.fade_rec_rb.rec_image {right:0; bottom:0; opacity:1;}


@media (max-width:767px) {
   .fade_rec_image li.fade_rec_lt {left:0; top:30px; transition: 1.5s; opacity:0;}
   .fade_rec_image li.fade_rec_rt {right:0; top:30px; transition: 1.5s; opacity:0;}
   .fade_rec_image li.fade_rec_lb {left:0; bottom:-30px; transition: 1.5s; opacity:0;}
   .fade_rec_image li.fade_rec_rb {right:0; bottom:-30px; transition: 1.5s; opacity:0;}
}





/********* コンテンツ共通 *********/
.contents_logo {width: 1200px; max-width: 92%; margin: auto; padding: 1.8em 0 5.5em;}
.contents_logo img {max-width: 30%;}
.contents_title {text-align: center;}
.contents_title h2 {text-align: center; font-weight:700; font-size:40px; letter-spacing: .2em; position: relative; padding: 0 108px; display: inline-block; line-height: 1.2em; margin-bottom: 2em;}
.contents_title h2::before {position: absolute; content:""; width: 63px; height: 1px; background: #bfbfbf; left: 0; top: 48%;}
.contents_title h2::after {position: absolute; content:""; width: 63px; height: 1px; background: #bfbfbf; right: 0; top: 48%;}

@media (max-width:768px) {
   .contents_logo {padding: 2em 0 2em;}
   .contents_logo img {max-width: 20%;}
   .contents_title h2 {font-size:30px; padding: 0 108px; margin-bottom:1.5em;}
}

@media (max-width:767px) {
   .contents_logo {padding: .7em 0 2em;}
   .contents_logo img {max-width: 35%;}
   .contents_title h2 {font-size:26px; padding: 0 60px; margin-bottom:1em;}
   .contents_title h2::before {position: absolute; content:""; width: 40px; height: 1px; background: #bfbfbf; left: 0; top: 48%;}
   .contents_title h2::after {position: absolute; content:""; width: 40px; height: 1px; background: #bfbfbf; right: 0; top: 48%;}
}


/********* NEWS *********/
.news_list_wrap {border: 1px solid #3e3e3e; width: 1067px; max-width:94%; margin: auto; background: rgba(255,255,255,0.04); padding: 50px 40px; margin-bottom: 8em;}
.news_list_wrap .top_news_wrap {width:auto; margin:auto; max-width:100% !important; padding:0 3em; height: 1000px; overflow: auto;}

@media (max-width:767px) {
   .news_list_wrap { padding: 20px; margin-bottom: 8em; margin-bottom: 4em;}
   .news_list_wrap .top_news_wrap {padding:0 1.5em 0 1em;}
}




/********* CONCEPT *********/
.concept_wrap {width:1200px; max-width:94%; margin: auto; margin-bottom: 8em;}
.concept_box {padding-left: 5%; margin-top:6em;}
.concept_box + .concept_box {padding-left: 25%;}
.concept_box + .concept_box + .concept_box {padding-left: 40%;}

.concept_title {display: inline-block; text-align: center; padding-bottom: 1.3em;}
.concept_title strong {font-size:40px; font-weight:700; line-height: 1.1em;}
.concept_title span {color:#808491; font-size: 22px; font-weight:700; display: block; text-align: center;}
.concept_text {border-left: 1px solid #808491; margin-left:40px; padding-left:60px;}
.concept_text span {display: block;}
.concept_text p {font-size: 16px; line-height: 3em; padding-bottom: 1em; letter-spacing: .1em;}
.concept_text p + p {line-height: 2.5em; padding-bottom: .2em; color: #808491; word-break: normal;}

@media (max-width:768px) {
   .concept_box {padding-left: 3%; margin-top:6em;}
   .concept_box + .concept_box {padding-left: 15%;}
   .concept_box + .concept_box + .concept_box {padding-left:27%;}
}
@media (max-width:767px) {
   .concept_title strong {font-size:35px;}
   .concept_title span {font-size: 18px;}
   .concept_text {margin-left:35px; padding-left:25px;}
   .concept_box {padding-left: 2%; margin-top:3em;}
   .concept_box + .concept_box {padding-left:2%;}
   .concept_box + .concept_box + .concept_box {padding-left:2%;}
   .concept_text p {font-size: 15px; line-height:2.5em; padding-bottom: .8em; letter-spacing:0;}
   .concept_text p + p {line-height: 2em; padding-bottom: .2em; font-size: 14px;}
}




/********* PRODUCT *********/
.product_btn {width: 790px; max-width: 90%; margin: auto; margin-bottom: 5em;}
.product_btn + .product_btn {margin-bottom: 8em;}
.product_btn a {background:url("../images/product/product_arr_r.png") no-repeat right bottom #FFFFFF; border: 1px solid #ffffff; transition: .5s;}
.product_btn a figure {width: 54%;}
.product_btn a .product_text {width: 46%; text-align: center; color: #000000;}
.product_btn a .product_text strong {display: block; font-size: 30px; padding-bottom: .2em; font-weight:700;}
.product_btn a .product_text span {font-size: 24px; font-weight: 500;}
.product_btn + .product_btn figure {order: 2; text-align: right;}
.product_btn + .product_btn a {background:url("../images/product/product_arr_l.png") no-repeat left bottom #FFFFFF;}

.product_btn a:hover {background:url("../images/product/product_arr_r.png") no-repeat right bottom  #e8340c; border: 1px solid #e8340c;}
.product_btn a:hover .product_text {color: #ffffff;}

.product_btn + .product_btn a:hover {background:url("../images/product/product_arr_l.png") no-repeat left bottom #e8340c;}

@media (max-width:767px) {
   .product_btn {margin-bottom:0; margin-top: 2em;}
   .product_btn + .product_btn {margin-bottom: 5em;}
   .product_btn a .product_text strong {font-size: 24px; padding-bottom: .2em;}
   .product_btn a .product_text span {font-size: 18px;}
   .product_btn a,
   .product_btn + .product_btn a,
   .product_btn a:hover,
   .product_btn + .product_btn a:hover {background-size:13%;}
}




/********* ABOUT + HISTORY *********/
.table_wrap {width:940px; max-width:90%; margin: auto; margin-bottom:10em;}
.table_title {font-size: 24px; font-weight:700; position: relative; letter-spacing: .05em; padding-bottom: .7em; margin-bottom:1em; padding-top: 2em; display: block;}
.table_title::before {content:""; height: 1px; width: 65px; background: #FFFFFF; position: absolute; bottom: 0; left: 0;}

.table_wrap > ul > li {border-bottom: 1px solid #434343; padding: 1.1em 1em 1em .1em;
                       display: -webkit-flex;
                       display: flex;
                       -webkit-justify-content: flex-start;
                       justify-content: flex-start;
                       -webkit-flex-wrap: wrap;
                       flex-wrap: wrap;
}

.table_wrap > ul > li > span {width: 24%;}
.table_wrap > ul > li > div,
.table_wrap > ul > li > p {width: 76%;}
.table_wrap > ul > li li {padding-left: 1.5em; position: relative;}
.table_wrap > ul > li li + li {margin-top: 1em;}

.table_wrap > ul > li li {line-height: 1.6em;}
.table_wrap > ul > li li::before {position: absolute; content:"■"; left: 0; top: 0; color: #FFFFFF; font-size: .95em; }
.table_wrap > ul > li li span {font-family:Archivo Black; letter-spacing: .07em;}
.table_wrap > ul > li li em {display: inline-block;}

@media (max-width:767px) {
   .table_wrap {margin-bottom:5em;}
   .table_title {font-size: 22px; padding-top:1.5em; display: block;}
   .table_title::before {width: 50px;}
   .table_wrap > ul > li > span {width:100%; font-size: 1.2em; letter-spacing: .05em; padding-bottom: .2em;}
   .table_wrap > ul > li > div,
   .table_wrap > ul > li > p {width:100%;}
}



/********* アクセス*********/
.map_list iframe,
.map_list object,
.map_list embed {
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   -o-filter: grayscale(100%);
   filter: grayscale(100%);
}
.map_list {padding:2em 0 4em;}
.map_list iframe {margin-bottom: 1.3em; width: 100%; height: 420px; border:0;}
.map_text {border-left: 4px solid #8f8f8f; padding-left: 1.5em;}
.map_text span {font-family:Archivo Black; letter-spacing: .07em;}
.map_text em {display: inline-block;}

@media (max-width:767px) {
   .map_list iframe {height: 330px; margin-bottom: 1em;}
}




/********* ショッピング*********/
.shopping_wrap {max-width: 94%; margin: 0 auto; text-align: center; padding: 4em 0 17em;}
.shopping_wrap strong {display: block; font-size: 1.8em; padding-bottom: 1em;}
.shopping_wrap em {display: inline-block; color: #e8340c; font-size: 1.8em; border: 1px solid #e8340c; padding: .8em 1em; min-width: 16em; font-weight: 700;}
.shopping_wrap p {padding-top: 2.5em;}

@media (max-width:767px) {
   .shopping_wrap {padding: 3em 0 8em;}
   .shopping_wrap strong {font-size: 1.5em; padding-bottom: 1em;}
   .shopping_wrap em {font-size: 1.5em; padding: .8em 1em; min-width: auto; width: 90%; letter-spacing: .1em;}
   .shopping_wrap p {padding-top: 2em;}
}



/********* MESSAGE：メインビジュアル *********/
.message_bg {background: #f7f5f1; border-top: 1px solid #ececec; padding: 80px 0 30px;}
.message_main {position: relative; margin-bottom: 80px;}
.message_main figure {text-align: center;}
.message_name {display: inline-block; background: #FFFFFF; border-bottom:solid 6px #e2d7c6; padding:70px 35px; color: #000000; font-size: 14px; font-weight: bold; line-height: 1.8em; position: absolute;}
.message_name strong {font-size: 24px;}
.message_name01 {
   left: 0;
   bottom: 207px;
}
.message_name02 {right: 0; bottom: 50px;}


.message_main_new .message_name {padding:10px 30px;}
.message_name .flex {align-items:center;}
.message_name .flex p {line-height: 1.55em; font-size: .9em;}
.message_name .flex p + strong {font-size: 30px; padding-left: .3em; line-height:1.4em;}
.message_name > p {line-height: 1.5em; padding-top: .45em;}
.message_name > p em {letter-spacing: .05em; font-size: 1.05em;}
.message_name > p span {font-size: .9em;}
.message_name > p span + span::before {content:"/"; padding: 0 .5em;}



/********* MESSAGE：本文 *********/
.messge_text_wrap {width: 1000px; max-width: 100%; margin: 0 auto;}
.messge_text_title { font-size: 24px; letter-spacing: .1em; display: block; text-align: center; line-height: 1.2em;}
.messge_text {width: 800px; max-width: 100%; padding:40px 0 0 0; margin: 0 auto;}
.messge_text p {line-height: 2.5em; font-size: 16px;}


@media (max-width:1024px) {
   .message_main figure img {max-width: 80%;}
   .message_main_new .message_name,
   .message_name {border-bottom:solid 5px #e2d7c6; padding:35px 25px;}
   .message_name01 { bottom: 60px;}
   .message_name02 { bottom: 30px;}
}

@media (max-width:768px) {
   .message_main {margin-bottom: 60px;}
   .message_bg {padding: 60px 0 30px;}
   .messge_text {padding:30px 0 0 0;}
}

@media (max-width:767px) {
   .message_main {margin-bottom: 40px;}
   .message_bg {padding:30px 0 0;}

   .message_main_new .message_name,
   .message_name {border-bottom:solid 4px #e2d7c6; padding:10px; font-size: 12px; line-height: 1.2em;}
   .message_name strong {font-size:16px; display: block; padding:.5em 0;}
   .message_name br {display:none;}
   .message_name span {display: block; font-size: 10px;}

   .message_name .flex {display: block;}
   .message_name .flex br {display: inline;}
   .message_name .flex p,
   .message_name .flex strong {width: 100%;}
   .message_name .flex p + strong {font-size:16px; padding: 0;}

   .messge_text_title {padding: .6em; font-size:16px;}
   .messge_text {padding:15px 0 0 0; margin: 0 auto;}
   .messge_text p {line-height: 2em; font-size: 14px;}
   .message_name > p span {font-size: .85em; line-height: 1.3em;}
   .message_name > p span + span::before {display: none;}
}


#instafeed {
   overflow: hidden;
   max-width: 960px;
   margin: 0 auto 60px; 
}
#instafeed a {
   float: left;
   width: 23.85%;
   margin-right: 1.5%;
   margin-bottom: 15px;
   line-height: 0; }
@media screen and (max-width: 640px) {
   #instafeed a {
      width: 32.32%;
      margin-bottom: 10px; } }
@media screen and (max-width: 480px) {
   #instafeed a {
      width: 49.25%; } }
#instafeed a:nth-child(4n) {
   margin-right: 0; }
@media screen and (max-width: 640px) {
   #instafeed a:nth-child(4n) {
      margin-right: 1%; } }
@media screen and (max-width: 640px) {
   #instafeed a:nth-child(3n) {
      margin-right: 0; } }
@media screen and (max-width: 480px) {
   #instafeed a:nth-child(3n) {
      margin-right: 1%; } }
@media screen and (max-width: 480px) {
   #instafeed a:nth-child(2n) {
      margin-right: 0%; } }
#instafeed a{
   display: block;
   line-height: 0;
   height: 250px;
   -webkit-background-size: cover !important;
   -moz-background-size: cover !important;
   -o-background-size: cover !important;
   background-size: cover !important; }
@media screen and (max-width: 480px) {
   #instafeed a{
      height: 220px; } }
@media screen and (max-width: 400px) {
   #instafeed a {
      height: 180px; } }
#instafeed a img {
   line-height: 0; }











/********* HOME：カタログ *********/
.top_catalog {width: 1065px; max-width:88%; margin: 0 auto; padding:0 0 10em 0; text-align: center;}
.top_catalog .top_text {padding-bottom:40px;}

.catalog_wrap {}
.catalog_box {padding: 1px; background: #FFFFFF; transition: .5s; max-width: 48%;}
.catalog_box + .catalog_box  {margin-left: auto;}
.catalog_text {padding:25px 15px 20px; color: #000000; position: relative; font-family: "Roboto"; transition: .5s;}
.catalog_text h3 {font-size:30px; font-weight:700; line-height: 1.5em;}
.catalog_text p {font-size: 25px;}
.catalog_text::after {content:""; position: absolute; width:63px; height: 59px; bottom:0; right:0; background: url("../images/index/catalog_bnr_arr.png") no-repeat;}

.catalog_box:hover {background: #e8340c;}
.catalog_box:hover .catalog_text {color: #ffffff;}


@media (max-width:767px) {
	.top_catalog .top_text {padding-bottom:20px;}
	.catalog_box {width: 100%; max-width:100%;}
	.catalog_box + .catalog_box  {margin-top:30px;;}
	.catalog_text {padding:15px 10px 10px;}
	.catalog_text h3 {font-size:24px;}
	.catalog_text p {font-size: 18px;}
}