﻿html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}main{display:block}body{background:#FFF;color:#111;font-family:游明朝,"Yu Mincho","ヒラギノ明朝 Pro W3","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;font-size:16px;letter-spacing:0.1em;line-height:180%;-webkit-font-smoothing:antialiased}ul,ol{list-style:none}a{text-decoration:none;transition:all 0.4s}img{width:100%}header,main,footer{min-width:1200px}main{background:#FFF}.txt-c{text-align:center}.block-inner{display:flex;max-width:1200px;margin:0 auto;flex-wrap:wrap}.block-inner-l{display:flex;max-width:100%;flex-wrap:wrap}.block-inner-m{display:flex;max-width:70%;flex-wrap:wrap}.block-inner-s{display:flex;flex-wrap:wrap;max-width:960px;margin:0 auto;flex-wrap:wrap}.block-content{width:50%}.j-top{position:fixed;bottom:50px;left:-100px;transition:all 0.5s;z-index:8}.j-top a{display:block;background:#745399;color:#FFF;text-align:center;padding:10px 10px 10px 5px;line-height:120%;letter-spacing:0;border-radius:0 10px 10px 0}.j-top a i{font-size:20px}.j-top a span{display:block;font-size:16px}.j-top.active{left:0}header{position:relative}header .head-nav{position:fixed;left:0;right:0;top:0px;min-width:1200px;height:80px;background:rgba(255,255,255,0.95);transition:margin-top 0.2s linear;z-index:10;text-align:right}header .head-nav .logo{position:absolute;left:60px;top:10px;width:140px;height:58px;margin:0}header .head-nav .logo a{background:url(/images/common/logo_color.svg) no-repeat center top;background-size:140px;width:140px;height:58px;display:block}header .head-nav .logo a img{display:none}header .head-nav .sp-nav{display:none}header .head-nav .nav-wrap{display:block}header .head-nav .nav-wrap .nav-main{padding-top:5px}header .head-nav .nav-wrap .nav-main li{display:inline-block;margin:20px}header .head-nav .nav-wrap .nav-main li a{color:#111}header .head-nav .nav-wrap .nav-main li a:hover{color:#745399}header .head-nav .nav-wrap .nav-main li a.visited{color:#745399;font-weight:bold}header .head-nav .nav-wrap .nav-main li:last-child{margin-right:60px}header .fv-dp{margin-top:80px;padding:1px 0}header .fv-dp-wrap{margin:50px 0;padding:100px 0;text-align:center;position:relative}header .fv-dp-wrap:before{content:"";position:absolute;height:10px;width:100%;top:20px;left:0}header .fv-dp-wrap:after{content:"";position:absolute;height:10px;width:100%;bottom:20px;left:0}header .fv-dp-wrap h1{font-family:"a-otf-ryumin-pr6n",serif;font-size:48px;font-weight:normal;letter-spacing:0.3em;line-height:100%;margin-bottom:24px;padding-top:46px}header .fv-dp-wrap .sub-title{font-family:"Crimson Text",serif;font-size:20px;letter-spacing:0}.breadcrumbs{max-width:1200px;margin:0 auto;padding:10px 20px 5px;border-bottom:solid 1px #CCC;box-sizing:border-box}.breadcrumbs a{font-size:13px;color:#1f1f1f}.breadcrumbs a:hover{color:#745399}.btn{width:270px}.btn a{display:block;text-align:center;padding:20px 0;font-size:18px}.btn-normal a{color:#745399;border:solid 1px #745399}.btn-normal a:hover{background:#745399;color:#FFF}.btn-white a{color:#FFF;border:solid 1px #FFF}.btn-white a:hover{background:#745399;border:solid 1px #745399;color:#FFF}.btn-red a{color:#FFF;border:solid 1px #FFF}.btn-red a:hover{background:#AC0B1D;border:solid 1px #AC0B1D;color:#FFF}.btn-red2 a{color:#AC0B1D;border:solid 1px #AC0B1D}.btn-red2 a:hover{background:#AC0B1D;color:#FFF}.title-length{text-align:center;width:152px;position:relative}.title-length h2{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;font-family:"a-otf-ryumin-pr6n",serif;font-size:40px;font-weight:normal;padding:120px 40px 50px;letter-spacing:0.3em;line-height:180%;text-align:left;white-space:nowrap;display:inline-block}.title-length .sub-title{font-family:"Crimson Text",serif;font-size:20px;letter-spacing:0;padding:0 0 50px}.title-yellow{background:#FFF url(/images/common/pattern_col_yellow.png) repeat-y 10px 0;background-size:10px}.title-yellow h2{background:url(/images/common/icon_title_yellow.png) no-repeat;background-position:center 50px;background-size:30px 30px}.title-yellow .sub-title{color:#C6A35B}.title-green{background:#FFF url(/images/common/pattern_col_green.png) repeat-y 10px 0;background-size:10px}.title-green h2{background:url(/images/common/icon_title_green.png) no-repeat;background-position:center 50px;background-size:30px 30px}.title-green .sub-title{color:#5BAD92}.title-green2{background:#111 url(/images/common/pattern_col_green.png) repeat-y 10px 0;background-size:10px}.title-green2 h2{background-position:center 50px;background-size:30px 30px;color:#FFF}.title-green2 .sub-title{color:#5BAD92}.title-red{background:#FFF url(/images/common/pattern_col_red.png) repeat-y 10px 0;background-size:10px}.title-red h2{background:url(/images/common/icon_title_red.png) no-repeat;background-position:center 50px;background-size:30px 30px}.title-red .sub-title{color:#B7282E}.title-navy{background:#FFF url(/images/common/pattern_col_navy.png) repeat-y 10px 0;background-size:10px}.title-navy h2{background:url(/images/common/icon_title_navy.png) no-repeat;background-position:center 50px;background-size:30px 30px}.title-navy .sub-title{color:#211E55}.title-navy2{background:#111 url(/images/common/pattern_col_navy.png) repeat-y 10px 0;background-size:10px}.title-navy2 h2{background:url(/images/common/icon_title_navy2.png) no-repeat;background-position:center 50px;background-size:30px 30px;color:#FFF}.title-navy2 .sub-title{color:#dfddff}.title-samurai h2{background:url(/images/samurai/icon_white.svg) no-repeat;background-position:center 50px;background-size:50px 50px;color:#FFF}.title-samurai .sub-title{color:#AC0B1D}.title-width{text-align:center;margin-bottom:50px}.title-width h2{font-size:40px;line-height:180%;font-family:"a-otf-ryumin-pr6n",serif;font-weight:normal;padding-top:38px;letter-spacing:0.3em}.title-width .sub-title{font-family:"Crimson Text",serif;font-size:20px;letter-spacing:0}.event-title{margin-bottom:50px}.event-title h2{font-size:40px;line-height:180%;font-family:"a-otf-ryumin-pr6n",serif;font-weight:normal;padding-top:38px;letter-spacing:0.3em}.event-title .sub-title{font-family:"Crimson Text",serif;font-size:20px;letter-spacing:0}.samurai{background:url(/images/common/bg_samurai.png) no-repeat center top;background-size:cover;padding:80px 0;margin-bottom:40px}.samurai-wrap{width:50%;margin-left:50%}.samurai-wrap h2{width:320px;margin-bottom:40px}.samurai-wrap .text{color:#FFF;margin-bottom:40px;width:60%}.contact{background:url(/images/common/bg_contact.png) no-repeat center top;background-size:cover;padding:120px 0 180px;position:relative}.contact .title-length{position:absolute;top:0;left:20%}.contact-main{color:#FFF;margin:0 auto;width:70%}.contact-main .text{width:70%;margin:0 0 90px auto}.contact-main .block-inner-m{margin:0 0 0 auto}.contact-main .phone-text{font-size:18px;font-weight:bold;margin-bottom:20px}.contact-main .phone-number{font-family:"Crimson Text",serif;font-size:40px;letter-spacing:0}.contact-main .phone-number i{font-size:24px}.group{background:url(/images/common/bg_gray.png) repeat;padding:80px 0}.group h2{font-size:18px;font-weight:normal;margin-bottom:40px;color:#211E55}.group-wrap{padding:0 40px}.group-logo{max-width:660px;margin:0 auto}.group-logo ul li{display:inline-block;margin:0 4% 40px 0;width:44%}.group-logo ul li a{display:block;box-sizing:border-box}.group-logo ul li a:hover{opacity:0.5}.group .sns-content{padding:0 40px}.group .sns-content h2{font-size:24px;font-family:"Crimson Text",serif;letter-spacing:0}footer{background:#FFF url(/images/common/footer_pattern.png) repeat-x top left;background-size:auto 70px}footer .footer-wrap{padding:150px 0 60px;display:flex;flex-direction:row-reverse;max-width:720px;margin:0 auto}footer .footer-wrap .foot-logo{width:30%}footer .footer-wrap .foot-logo .logo{width:70%;margin:0 auto 20px}footer .footer-wrap .foot-logo .market{width:70%;margin:0 auto}footer .footer-wrap .foot-logo .market-logo{width:50%;margin:0 auto;line-height:0}footer .footer-wrap .foot-logo .market-text{font-size:12px;text-align:center;letter-spacing:0}footer .footer-wrap ul{width:60%;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}footer .footer-wrap ul li{padding-top:30px;background:url(/images/common/icon_foot.png) no-repeat center top;background-size:17px;margin:0 20px}footer .footer-wrap ul li a{font-weight:normal;color:#111}footer .footer-wrap ul li a:hover{color:#745399}footer .copy{border-top:solid 1px #745399;font-size:12px;text-align:center;padding:5px;letter-spacing:0;font-family:"Crimson Text",serif}@media screen and (max-width: 768px){header,main,footer{min-width:100%}.block-inner,.block-inner-l,.block-inner-m{display:block;max-width:100%}.block-content{width:100%}.title-length{width:75%;padding:30px 10px;position:relative}.title-length h2{-webkit-writing-mode:inherit;-ms-writing-mode:inherit;writing-mode:inherit;padding:30px 0 0;font-size:28px;background-position:center top;letter-spacing:0.2em;text-align:center;display:block}.title-length .sub-title{padding:0;font-size:16px}.title-samurai h2{background-size:30px 30px}.title-width{margin-bottom:30px}.title-width h2{font-size:28px;letter-spacing:0.2em}.title-width .sub-title{font-size:16px}.event-title{margin-bottom:30px}.event-title h2{font-size:28px;letter-spacing:0.2em;padding:0}.btn{width:100%}.btn-normal a,.btn-white a{border:none;background:#745399;color:#FFF}.btn-red a,.btn-red2 a{border:none;background:#AC0B1D;color:#FFF}header .head-nav{min-width:100%;height:80px}header .head-nav .logo{top:20px;left:20px;width:100px;height:41px}header .head-nav .logo a{background-size:100px;width:100px;height:41px}header .head-nav .logo a img{display:none}header .head-nav .sp-nav{display:block;position:absolute;right:20px;top:16px}header .head-nav .sp-nav-text{font-size:10px;letter-spacing:0;text-align:center;line-height:120%}header .head-nav .sp-nav-btn{display:block;position:relative}header .head-nav .sp-nav-btn a{position:relative;width:40px;height:36px;box-sizing:border-box;display:inline-block}header .head-nav .sp-nav-btn a span{box-sizing:border-box;display:inline-block;transition:all .4s;position:absolute;left:0;width:100%;height:4px;background-color:#745399;border-radius:4px}header .head-nav .sp-nav-btn a span:nth-of-type(1){top:0}header .head-nav .sp-nav-btn a span:nth-of-type(2){top:16px}header .head-nav .sp-nav-btn a span:nth-of-type(3){bottom:0}header .head-nav .sp-nav-btn a.active span:nth-of-type(1){transform:translateY(16px) rotate(-45deg)}header .head-nav .sp-nav-btn a.active span:nth-of-type(2){left:50%;opacity:0;animation:active-menu .8s forwards}@keyframes active-menu{100%{height:0}}header .head-nav .sp-nav-btn a.active span:nth-of-type(3){transform:translateY(-16px) rotate(45deg)}header .head-nav .nav-wrap{display:none;position:absolute;top:80px;left:0;right:0}header .head-nav .nav-wrap .nav-main{background:rgba(255,255,255,0.9);display:flex;flex-wrap:wrap;padding:0}header .head-nav .nav-wrap .nav-main li{width:50%;box-sizing:border-box;display:block;margin:0 !important;padding:20px;text-align:center;border-bottom:solid 1px #CCC}header .head-nav .nav-wrap .nav-main li:nth-of-type(odd){border-right:solid 1px #CCC}header .head-nav .nav-wrap .nav-main li a{font-weight:normal}header .fv-dp-wrap{margin:30px 0;padding:50px 0}header .fv-dp-wrap h1{font-size:32px;margin-bottom:12px;letter-spacing:0.2em}header .fv-dp-wrap .sub-title{font-size:16px}.samurai{background:url(/images/common/bg_samurai.png) no-repeat -700px 0;background-size:cover}.samurai-wrap{box-sizing:border-box;width:100%;margin:0;padding:20px}.samurai-wrap h2{width:80%}.samurai-wrap .text{width:100%}.contact{padding:0}.contact .title-length{position:relative;top:30px;left:0}.contact-main{box-sizing:border-box;width:100%;margin:0;padding:60px 20px}.contact-main .text{width:100%;margin:0 0 40px}.contact-main .phone-number{margin:0 0 40px}.group{padding:40px 0}.group h2{font-size:20px;margin-bottom:20px}.group-wrap{margin-bottom:40px;padding:0 20px}.group-logo ul li{margin:0 0 20px;padding:0 2%;width:46%;box-sizing:border-box}/*.group-logo ul li:last-child{width:100%}*/.group .sns-content{padding:0 20px}.group .sns-content .facebook{width:100%}.group .sns-content h2{font-size:24px}footer{background-size:auto 40px}footer .footer-wrap{padding:100px 20px 40px;display:block}footer .footer-wrap .foot-logo{width:100%;margin-bottom:40px}footer .footer-wrap ul{-webkit-writing-mode:inherit;-ms-writing-mode:inherit;writing-mode:inherit;width:100%}footer .footer-wrap ul li{margin:0 0 16px;padding:0 0 0 18px;background:url(/images/common/icon_foot.png) no-repeat left center;background-size:12px;display:inline-block;width:48%;box-sizing:border-box;letter-spacing:0;font-size:14px}}header .fv-dp{background:url(../images/hakataeori/b2_fv.png) no-repeat center center;background-size:cover}header .fv-dp-wrap{background:rgba(0,0,0,0.7)}header .fv-dp-wrap:before{background:url(../images/common/pattern_row_yellow.png) repeat-x left center;background-size:auto 10px}header .fv-dp-wrap:after{background:url(../images/common/pattern_row_yellow.png) repeat-x left center;background-size:auto 10px}header .fv-dp-wrap h1{background:url(../images/common/icon_title_yellow.png) no-repeat center top;background-size:30px 30px;color:#FFF}header .fv-dp-wrap .sub-title{color:#C6A35B}main .product-tab{max-width:960px;margin:0 auto 80px;padding-top:80px}main .product-tab ul{text-align:center}main .product-tab ul li{display:inline-block;margin:0 10px 10px}main .product-tab ul li a{display:block;padding:10px;color:#C6A35B;border:solid 1px #C6A35B;font-size:14px;font-weight:bold;line-height:120%}main .product-tab ul li a:hover{background:#C6A35B;color:#FFF}main .product-tab ul li.btn-event a{color:#745399;border:solid 1px #745399}main .product-tab ul li.btn-event a:hover{background:#745399;color:#FFF}main #thum1,main #thum2,main #thum3,main #thum4,main #thum5,main #thum6,main #thum7,main #thum8{-webkit-filter:grayscale(100%);filter:grayscale(100%);transition:all 0.3s}main #thum1.show,main #thum2.show,main #thum3.show,main #thum4.show,main #thum5.show,main #thum6.show,main #thum7.show,main #thum8.show{-webkit-filter:grayscale(0);filter:grayscale(0)}main .block-l{background:url(../images/hakataeori/bg01.jpg) no-repeat center top;padding:0 0 120px}main .block-l .text-block{padding:0 120px 0;max-width:680px;margin:0 auto;box-sizing:border-box}main .block-l .text-block .title-length{margin:0 auto 40px;background:none}main .block-l .text-block .text{margin-bottom:40px}main .block-l .thum-l{padding:20px 10px 0;margin-bottom:20px;line-height:0}main .block-l .thum-s{padding:0 10px;line-height:0}main .block-l .btn{margin:0 0 0 auto}main .block-g{background:url(../images/common/bg_gray.png) repeat;padding:80px 0 120px}main .block-w{padding:80px 0 120px}main .block-wrap-s{max-width:1200px;margin:0 auto}main .block-wrap-s .btn{margin:0 0 0 auto;padding:0 20px}main .block-wrap-s .text-block{margin:0 auto 80px}main .block-wrap-s .text-block .title-width h2{background:url(../images/common/icon_title_yellow.png) no-repeat center top;background-size:30px}main .block-wrap-s .text-block .title-width h2 span{font-size:18px;letter-spacing:0.15em}main .block-wrap-s .text-block .title-width .sub-title{color:#C6A35B}main .block-wrap-s .text-block .text{max-width:720px;margin:0 auto;text-align:center;padding:0 20px}main .block-inner .block-content{margin-bottom:40px}main .block-inner .thum{line-height:0;margin-bottom:10px;padding:0 20px}main .block-inner figcaption{font-size:18px;padding:0 20px;text-align:right}main .event .block-content-inner{padding:0 20px}main .event .sub-title{color:#C6A35B}main .event-text{margin-bottom:50px}main .event-detail-content{display:flex;margin-bottom:40px}main .event-detail-content .logo{width:120px;margin-right:40px}main .event-detail-content ul li{padding:0 0 5px}main .event-thum{margin-bottom:20px;padding:0 20px;line-height:0}@media screen and (max-width: 768px){main .product-tab{margin:0;padding:40px 20px}main .product-tab ul{text-align:left}main .product-tab ul li{margin:5px 10px}main .product-tab ul li a{background:#C6A35B;color:#FFF;padding:10px}main #thum1,main #thum2,main #thum3,main #thum4,main #thum5,main #thum6,main #thum7,main #thum8,main #thum9,main #thum10{-webkit-filter:grayscale(0);filter:grayscale(0)}main .block-l{padding-bottom:40px}main .block-l .thum-s{margin-bottom:20px}main .block-l .text-block{margin:0 auto;padding:0 20px}main .block-l .text-block .text{margin-bottom:20px}main .block-wrap-s{padding:0 20px}main .block-wrap-s .btn{padding:0}main .block-wrap-s .text-block{margin:0 auto 40px}main .block-wrap-s .text-block .text{text-align:left;padding:0}main .block-g,main .block-w{padding:40px 0}main .block-inner .thum{padding:0}main .block-inner figcaption{text-align:right}main .event-detail-content{margin-bottom:20px}main .event-detail-content .logo{width:18%;margin-right:20px}main .event-detail-content ul li{font-size:12px}}
