@charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; .wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; }.wpcf7c-elm-step2 {} .wpcf7c-elm-step3 {} .wpcf7 .ajax-loader{} .wpcf7c-hide {display: none;} .wpcf7c-force-hide {display: none !important;} .wpcf7c-conf {background-color: #999999; color: black; border: 1px solid #333333;}@font-face { font-family: "Genericons"; src: url(https://e-araya.com/wp/wp-content/themes/araya_theme/genericons/Genericons.eot); src: url(https://e-araya.com/wp/wp-content/themes/araya_theme/genericons/Genericons.eot?) format("embedded-opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Genericons"; src: url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url(https://e-araya.com/wp/wp-content/themes/araya_theme/genericons/Genericons.ttf) format("truetype"), url(https://e-araya.com/wp/wp-content/themes/araya_theme/genericons/Genericons.svg#Genericons) format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Genericons"; src: url(https://e-araya.com/wp/wp-content/themes/araya_theme/genericons/Genericons.svg#Genericons) format("svg"); } } .genericon { font-size: 16px; vertical-align: top; text-align: center; -moz-transition: color .1s ease-in 0; -webkit-transition: color .1s ease-in 0; display: inline-block; font-family: "Genericons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; speak: none; } .genericon-rotate-90 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .genericon-rotate-180 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } .genericon-rotate-270 { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .genericon-flip-horizontal { -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .genericon-flip-vertical { -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .genericon-404:before { content: "\f423"; } .genericon-activity:before { content: "\f508"; } .genericon-anchor:before { content: "\f509"; } .genericon-aside:before { content: "\f101"; } .genericon-attachment:before { content: "\f416"; } .genericon-audio:before { content: "\f109"; } .genericon-bold:before { content: "\f471"; } .genericon-book:before { content: "\f444"; } .genericon-bug:before { content: "\f50a"; } .genericon-cart:before { content: "\f447"; } .genericon-category:before { content: "\f301"; } .genericon-chat:before { content: "\f108"; } .genericon-checkmark:before { content: "\f418"; } .genericon-close:before { content: "\f405"; } .genericon-close-alt:before { content: "\f406"; } .genericon-cloud:before { content: "\f426"; } .genericon-cloud-download:before { content: "\f440"; } .genericon-cloud-upload:before { content: "\f441"; } .genericon-code:before { content: "\f462"; } .genericon-codepen:before { content: "\f216"; } .genericon-cog:before { content: "\f445"; } .genericon-collapse:before { content: "\f432"; } .genericon-comment:before { content: "\f300"; } .genericon-day:before { content: "\f305"; } .genericon-digg:before { content: "\f221"; } .genericon-document:before { content: "\f443"; } .genericon-dot:before { content: "\f428"; } .genericon-downarrow:before { content: "\f502"; } .genericon-download:before { content: "\f50b"; } .genericon-draggable:before { content: "\f436"; } .genericon-dribbble:before { content: "\f201"; } .genericon-dropbox:before { content: "\f225"; } .genericon-dropdown:before { content: "\f433"; } .genericon-dropdown-left:before { content: "\f434"; } .genericon-edit:before { content: "\f411"; } .genericon-ellipsis:before { content: "\f476"; } .genericon-expand:before { content: "\f431"; } .genericon-external:before { content: "\f442"; } .genericon-facebook:before { content: "\f203"; } .genericon-facebook-alt:before { content: "\f204"; } .genericon-fastforward:before { content: "\f458"; } .genericon-feed:before { content: "\f413"; } .genericon-flag:before { content: "\f468"; } .genericon-flickr:before { content: "\f211"; } .genericon-foursquare:before { content: "\f226"; } .genericon-fullscreen:before { content: "\f474"; } .genericon-gallery:before { content: "\f103"; } .genericon-github:before { content: "\f200"; } .genericon-googleplus:before { content: "\f206"; } .genericon-googleplus-alt:before { content: "\f218"; } .genericon-handset:before { content: "\f50c"; } .genericon-heart:before { content: "\f461"; } .genericon-help:before { content: "\f457"; } .genericon-hide:before { content: "\f404"; } .genericon-hierarchy:before { content: "\f505"; } .genericon-home:before { content: "\f409"; } .genericon-image:before { content: "\f102"; } .genericon-info:before { content: "\f455"; } .genericon-instagram:before { content: "\f215"; } .genericon-italic:before { content: "\f472"; } .genericon-key:before { content: "\f427"; } .genericon-leftarrow:before { content: "\f503"; } .genericon-link:before { content: "\f107"; } .genericon-linkedin:before { content: "\f207"; } .genericon-linkedin-alt:before { content: "\f208"; } .genericon-location:before { content: "\f417"; } .genericon-lock:before { content: "\f470"; } .genericon-mail:before { content: "\f410"; } .genericon-maximize:before { content: "\f422"; } .genericon-menu:before { content: "\f419"; } .genericon-microphone:before { content: "\f50d"; } .genericon-minimize:before { content: "\f421"; } .genericon-minus:before { content: "\f50e"; } .genericon-month:before { content: "\f307"; } .genericon-move:before { content: "\f50f"; } .genericon-next:before { content: "\f429"; } .genericon-notice:before { content: "\f456"; } .genericon-paintbrush:before { content: "\f506"; } .genericon-path:before { content: "\f219"; } .genericon-pause:before { content: "\f448"; } .genericon-phone:before { content: "\f437"; } .genericon-picture:before { content: "\f473"; } .genericon-pinned:before { content: "\f308"; } .genericon-pinterest:before { content: "\f209"; } .genericon-pinterest-alt:before { content: "\f210"; } .genericon-play:before { content: "\f452"; } .genericon-plugin:before { content: "\f439"; } .genericon-plus:before { content: "\f510"; } .genericon-pocket:before { content: "\f224"; } .genericon-polldaddy:before { content: "\f217"; } .genericon-portfolio:before { content: "\f460"; } .genericon-previous:before { content: "\f430"; } .genericon-print:before { content: "\f469"; } .genericon-quote:before { content: "\f106"; } .genericon-rating-empty:before { content: "\f511"; } .genericon-rating-full:before { content: "\f512"; } .genericon-rating-half:before { content: "\f513"; } .genericon-reddit:before { content: "\f222"; } .genericon-refresh:before { content: "\f420"; } .genericon-reply:before { content: "\f412"; } .genericon-reply-alt:before { content: "\f466"; } .genericon-reply-single:before { content: "\f467"; } .genericon-rewind:before { content: "\f459"; } .genericon-rightarrow:before { content: "\f501"; } .genericon-search:before { content: "\f400"; } .genericon-send-to-phone:before { content: "\f438"; } .genericon-send-to-tablet:before { content: "\f454"; } .genericon-share:before { content: "\f415"; } .genericon-show:before { content: "\f403"; } .genericon-shuffle:before { content: "\f514"; } .genericon-sitemap:before { content: "\f507"; } .genericon-skip-ahead:before { content: "\f451"; } .genericon-skip-back:before { content: "\f450"; } .genericon-skype:before { content: "\f220"; } .genericon-spam:before { content: "\f424"; } .genericon-spotify:before { content: "\f515"; } .genericon-standard:before { content: "\f100"; } .genericon-star:before { content: "\f408"; } .genericon-status:before { content: "\f105"; } .genericon-stop:before { content: "\f449"; } .genericon-stumbleupon:before { content: "\f223"; } .genericon-subscribe:before { content: "\f463"; } .genericon-subscribed:before { content: "\f465"; } .genericon-summary:before { content: "\f425"; } .genericon-tablet:before { content: "\f453"; } .genericon-tag:before { content: "\f302"; } .genericon-time:before { content: "\f303"; } .genericon-top:before { content: "\f435"; } .genericon-trash:before { content: "\f407"; } .genericon-tumblr:before { content: "\f214"; } .genericon-twitch:before { content: "\f516"; } .genericon-twitter:before { content: "\f202"; } .genericon-unapprove:before { content: "\f446"; } .genericon-unsubscribe:before { content: "\f464"; } .genericon-unzoom:before { content: "\f401"; } .genericon-uparrow:before { content: "\f500"; } .genericon-user:before { content: "\f304"; } .genericon-video:before { content: "\f104"; } .genericon-videocamera:before { content: "\f517"; } .genericon-vimeo:before { content: "\f212"; } .genericon-warning:before { content: "\f414"; } .genericon-website:before { content: "\f475"; } .genericon-week:before { content: "\f306"; } .genericon-wordpress:before { content: "\f205"; } .genericon-xpost:before { content: "\f504"; } .genericon-youtube:before { content: "\f213"; } .genericon-zoom:before { content: "\f402"; } 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 #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;} html , body{ height:100%; } html { overflow-y: scroll; background-color: #fff; } body { color: #231815; font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, 'Lucida Grande',　ArialMT, sans-serif; font-size: 16px; line-height: 1.8; -webkit-text-size-adjust: none; width: 100%; text-align: center; word-wrap : break-word; overflow-wrap : break-word; } #wrapper{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/bg_03.jpg) 50% 0; } @media screen and (max-width: 768px) { body{ font-size: 14px; } } @media screen and (max-width: 640px) { body{ font-size: 14px; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } a { -webkit-tap-highlight-color: rgba(200,200,200,.6); } a { outline: none; } a { -moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; transition: all 0.2s ease-in-out, color 0.2s ease-in-out; } a:link { color: #231815; text-decoration: none; } a:hover{ text-decoration: none; color: #db4f11; } a:focus { outline:none;} a:visited { color: #231815; } img { vertical-align: top; } img:not([width]) { } p, dl, ol, ul { margin:0; list-style:none outside; } em{ font-style: normal; } li { margin:0; list-style:none outside; } h1,h2,h3,h4,p.txt,ul,dl{ } p.txt{ margin-bottom: 2em; } p.img{ margin-bottom: 2em; } @media screen and (max-width: 640px) { p,ul,dl{ font-size: 0.85rem; } } @media screen and (max-width: 768px) { * { -webkit-appearance: none; } } a:hover .fade { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } @media screen and (max-width: 640px) { a:hover .fade { opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha( opacity=100 )"; } } .fade a:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } @media screen and (max-width: 640px) { .fade a:hover{ opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha( opacity=100 )"; } } *::before, *::after { position: absolute; z-index: -1; display: block; content: ''; } *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } .fMin{ font-family: "游明朝","Yu Mincho","游明朝体",YuMincho,"ヒラギノ明朝 ProN W6","HiraMinProN-W6","ヒラギノ明朝 ProN W3","HiraMinProN-W3","ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; font-weight:bold; } .fCgo{ font-family: 'Noto Sans JP', sans-serif; font-weight:bold; } .noto { font-family: 'Noto Sans JP', sans-serif; } .noto100 {font-family: 'Noto Sans JP', sans-serif; font-weight:100;} .noto300 {font-family: 'Noto Sans JP', sans-serif; font-weight:300;} .noto400 {font-family: 'Noto Sans JP', sans-serif; font-weight:400;} .noto500 {font-family: 'Noto Sans JP', sans-serif; font-weight:500;} .noto700 {font-family: 'Noto Sans JP', sans-serif; font-weight:700;} .noto900 {font-family: 'Noto Sans JP', sans-serif; font-weight:900;} .pcShow{ } .spShow{ display: none; } @media screen and (max-width: 640px) { .pcShow{ display: none; } .spShow{ display: block; } .spShow.br{ display: inline; } } .pcShow_tw{ } .twShow{ display: none; } @media screen and (max-width: 768px) { .pcShow_tw{ display: none; } .twShow{ display: block; } } .dsnone{ display: none; } img.w100{ width: 100%; } .btnCss{ margin: 20px 0; border-radius: 10px; background: #ca9d04; -moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; transition: all 0.2s ease-in-out, color 0.2s ease-in-out; } .btnCss a{ display: block; padding: 10px; color: #fff; font-size: 140%; position: relative; } .btnCss.inBlock{ display: inline-block; } .btnCss.inBlock a{ padding: 10px 40px; } .btnCss.triangle a::before{ z-index: 1; content: "▶︎"; color: #fff; position: absolute; top: 50%; left: 10px; margin-top: -0.9em; } .btnCss.btnGreen{ background: #86A300; } .btnCss:hover{ background: #e04e13; } .btnArea2{ max-width: 600px; margin: 30px auto; } .btnArea2 li{ width: 48%; } .btnArea2 li a{ display: block; } .btnArea2 li .back, .btnArea2 li .submit{ color: #fff; width: 100%; border: none; border-radius: 6px; line-height: 1.5; font-size: 153%; cursor: pointer; padding: 10px; } .btnArea2 li .back{ background: #888988; } .btnArea2 li .submit{ background: #86A300; } .btnArea2 li.eat .submit{ background: #da6984; } .btnArea2 li .back:hover, .btnArea2 li .submit:hover{ background: #e04e13; } .btnArea2 li span{ font-size: 80%; display: block; } @media screen and (max-width: 640px) { .btnArea2{ font-size: 0.6rem; } .btnArea2 li{ width: 100%; margin-bottom: 15px; } .btnArea2 li .back, .btnArea2 li .submit{ padding: 10px; } .btnCss a{ font-size: 0.95rem; } } .mb0{ margin-bottom: 0 !important; } .mb05em{ margin-bottom: 0.5em !important; } .mb1em{ margin-bottom: 1em !important; } .mb105em{ margin-bottom: 1.5em !important; } .mb2em{ margin-bottom: 2em !important; } .mb205em{ margin-bottom: 2.5em !important; } .mb3em{ margin-bottom: 3em !important; } .mb305em{ margin-bottom: 3.5em !important; } .mb4em{ margin-bottom: 4em !important; } .mb405em{ margin-bottom: 4.5em !important; } .mb5em{ margin-bottom: 5em !important; } .mt05em{ margin-top: 0.5em !important; } .mt1em{ margin-top: 1em !important; } .mt105em{ margin-top: 1.5em !important; } .mt2em{ margin-top: 2em !important; } .mt205em{ margin-top: 2.5em !important; } .mt3em{ margin-top: 3em !important; } .mt305em{ margin-top: 3.5em !important; } .mt4em{ margin-top: 4em !important; } .mt405em{ margin-top: 4.5em !important; } .mt5em{ margin-top: 5em !important; } .bt_non{ border-top: none !important; } .bb_non{ border-bottom: none !important; } .bold{ font-weight: bold; } .fs18{ font-size: 112%; } .fs20{ font-size: 125%; } .fs22{ font-size: 138%; } .fs24{ font-size: 150%; } .fs26{ font-size: 163%; } .fs28{ font-size: 176%; } .fs30{ font-size: 188%; } .fs32{ font-size: 200%; } .fs34{ font-size: 213%; } .fs36{ font-size: 225%; } .fs38{ font-size: 238%; } .fs40{ font-size: 250%; } .small{ font-size: 75%; font-weight: normal; } .tI1em{ text-indent: 1em; } @media screen and (max-width: 640px){ .fs22{ font-size: 0.8rem; } .fs28{ font-size: 0.9rem; } .small{ font-size: 0.7rem; } } .txtC{ text-align: center !important; } .txtL{ text-align: left !important; } .txtR{ text-align: right !important; } .red, .red a{ color: #e04e13; } .red2, .red2 a{ color: #ad0000; } .green, .green a{ color: #86A200; } .blue, .blue a{ color: #0B6FA0; } .pink, .pink a{ color: #d34b54; } .fL{ float: left; } .fR{ float: right; } .flexCover{ overflow: hidden; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .flexCover.colum2 li{ width: 48%; } .flexCover.colum3 li{ width: 31%; } .flexCover.colum4 li{ width: 23.5%; } .flexCover li.img, .flexCover li.txt, .flexCover li.ttl{ width: 100%; } .columBox{ overflow: hidden; clear: both; margin-bottom: 2em; } .columBox.colum2 li{ width: 48%; text-align: left; } .columBox li.left{ float: left; } .columBox li.right{ float: right; } .columBox.colum2 li.w35per{ width: 35%; } .columBox.colum2 li.w61per{ width: 61%; } .columBox li img{ width: 100%; } @media screen and (max-width: 640px) { .flexCover.colum2 li{ width: 100%; margin-bottom: 10px; } .flexCover.colum3 li{ width: 100%; margin-bottom: 10px; } .flexCover.colum4 li{ width: 49%; margin-bottom: 10px; } .columBox.colum2 li{ width: 100%; } .columBox li.left{ float: none; } .columBox li.right{ float: none; } .columBox.colum2 li.w35per{ width: 100%; } .columBox.colum2 li.w61per{ width: 100%; } } body.form header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_form.png) 50% 0 no-repeat; min-height: 202px; } body.form.eat header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_formEat.png) 50% 0 no-repeat; min-height: 195px; } body.araya header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_araya.png) 50% 0 no-repeat; min-height: 428px; } body.matsushima header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_matsushima.png) 50% 0 no-repeat; min-height: 429px; } body.room header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_room.png) 50% 0 no-repeat; min-height: 428px; } body.mikunionsen header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_mikunionsen.png) 50% 0 no-repeat; min-height: 429px; } body.tabi header, body.bus header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_tabi.png) 50% 0 no-repeat; min-height: 429px; } body.shibamasa header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_shibamasa.png) 50% 0 no-repeat; min-height: 429px; } body.faq header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_faq.png) 50% 0 no-repeat; min-height: 428px; } body.member header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_member.png) 50% 0 no-repeat; min-height: 429px; } body.contact header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_contact.png) 50% 0 no-repeat; min-height: 429px; } body.sitemap header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_sitemap.png) 50% 0 no-repeat; min-height: 428px; } body.media header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_media.png) 50% 0 no-repeat; min-height: 428px; } body.echizen-crab header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_echizen-crab.png) 50% 0 no-repeat; min-height: 429px; } body.echizenLunch header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_echizenLunch.png) 50% 0 no-repeat; min-height: 429px; } body.echizenPlan header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_echizenPlan.png) 50% 0 no-repeat; min-height: 429px; } body.echizenGui header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_echizenGui.png) 50% 0 no-repeat; min-height: 429px; } body.echizenDish header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_echizenDish2.png) 50% 0 no-repeat; min-height: 429px; } body.season header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_season.png) 50% 0 no-repeat; min-height: 429px; } body.bgnon header{ background-image: none; min-height: 200px; } body.form.bgnon header{ background-image: none !important; min-height: 80px !important; } @media screen and (max-width: 640px) { body.form header{ } body#under header{ min-height: 202px; -webkit-background-size: auto 202px; -moz-background-size: auto 202px; background-size: auto 202px; background-position-y: 0px; } body#under.bgnon header{ min-height: 0px; } } header .fixed{ position: fixed; width: 100%; height: 100%; max-height: 90px; top: 0; z-index: 1; background-color: rgba(255, 255, 255, 0.9); } #top header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_01_shadow.png) 50% 0 no-repeat; min-height: 80px; } @media screen and (max-width: 640px) { header .fixed{ position: fixed; z-index: 1000; height: auto; max-height: none; top: 0; border-bottom: 1px solid #ccc; } } header{ width: 100%; padding-bottom: 15px; z-index: 999; position: relative; } header .inner{ width: 96%; max-width: 980px; margin-left: auto; margin-right: auto; position: relative; } header .logo{ position: absolute; width: 190px; line-height: 1; top: 20px; left: 0; z-index: 1000; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } header .logo.miniSize{ width: 190px; } header .logo img{ width: 100%; } header h1 { font-size: 92%; color: #000000; text-align: left; float: left; padding-top: 15px; padding-left: 245px; line-height: 1; } header .right { float: right; } header .right .sub{ color: #000; text-align: right; font-size: 14px; line-height: 1; margin-top: 15px; margin-bottom: 10px; } header .right .sub li{ display: inline-block; font-size: 100%; } header .right .sub li:first-child{ margin-right: 30px; } header .right .sub li a{ color: #000; } header .right .sub li img{ width: 100%; height: 100%; } header .right .sub li::before { content: ''; display: inline-block; width: 7px; height: 12px; margin-left: -15px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/arrow_blk.svg) no-repeat 50% 50%; } header .topArea{ padding: 0; position: relative; overflow: hidden; width: 100%; margin-top: 90px; color: rgba(255,255,255,1.00); background: rgba(8,11,61,1.00); border-bottom: rgba(176,147,69,1.00) solid 3px; } header .topArea img{ width: auto; max-width: 100%; } header .topArea .openBtn { cursor: pointer; } header .topArea .openBtn img { display: block; } header .topArea .openBtn img.close { display: none; } header .topArea .openBtn.open img { display: none; } header .topArea .openBtn.open img.close { display: block; } header .topArea .openBtn.open .spShow img.close { display: block; } header .topArea .textArea { display: none; font-size: 13px; letter-spacing: -0.08em; padding: 0px; color: #1a1a1a; background: rgba(255,255,255,1.00); } header .topArea .textArea p { padding: 15px 20px; } header .topArea .ttl { display: block; font-size: 18px; font-weight: bold; margin-bottom: 10px; text-indent: 0.5em; } @media screen and (max-width: 810px) { header h1 { display: none; } } @media screen and (max-width: 640px) { #top header{ min-height: inherit; background: none; } header{ position: inherit; } header .inner{ width: 100%; background: #fff; overflow: hidden; height: 49px; } header .logo{ width: 120px; z-index: 980; position: relative; margin: 10px 0 10px 7px; float: left; top: 0px; } #top header .logo{ } header .logo img{ padding-top: 0; margin-left: 0; } header .right { width: 50%; position: fixed; float: right; top: 6px; right: 18%; z-index: 1002; } header .right .sub{ color: #231815; margin: 0; z-index: 1000; } header .right .sub li{ display: inline-block; margin-right: 5px; height: auto; width: 100%; max-width: 38px; } #gnav .right ul:first-child { display: block; } #gnav .right ul:nth-child(2) { display: none; } #gnav.close .right ul:first-child { display: none; } #gnav.close .right ul:nth-child(2) { display: block; } #gnav.close .right { right: 15%; } #gnav.close .right ul li { max-width: 100%; text-align: center; font-size: 1.2rem; } #gnav.close .right ul li span { display: block; margin-bottom: 3px; font-size: 0.8rem; } header .right .sub li:first-child { margin-right: 5px; } header .right .sub li:last-child { margin-right: 0px; } header .right .sub li::before { display: none; } header .topArea { margin-top: 50px; } header .topArea .inner { height: auto; background: none; width: 90%; } header .topArea img { width: 100%; } } @media screen and (max-width: 320px) { header .logo{ width: 100px; margin-top: 13px; } } header .rightNav{ position: fixed; right: 0px; top: 160px; background-color: rgba(8,11,61,0.80); padding: 15px; color: #FFFFFF; width: 190px; height: 270px; text-align: center; line-height: 1em; z-index: 1001; } header .rightNav h3{ margin: 0 auto 15px; font-size: 21px; letter-spacing: 0.3em; font-weight: lighter; text-align: center; } header .rightNav h3 img{ width: 100%; height: 100%; } header .rightNav li{ margin: 0 auto; max-width: 140px; max-height: 35px; } header .rightNav li img{ width: 100%; height: 100%; } header .rightNav h3 span{ display: block; font-size: 10px; margin-top: 3px; letter-spacing: 0.2em; } header .rightNav li a:link, header .rightNav li a:visited { color: rgba(255,255,255,1); } header .rightNav li a:hover { color: rgba(255,255,255,0.8); } header .rightNav li.reserv { margin-bottom: 10px; position: relative; font-size: 17px; height: 35px; line-height: 35px; border: 1px solid rgba(255,255,255,1.00); box-sizing: border-box; letter-spacing: 0.3em; padding-right: 10px; text-align: center; } header .rightNav li.reserv a::after, header .rightNav li.meal a::after { top: 12px; right: 15px; z-index: 1; width: 7px; height: 12px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/arrow_wht.svg) no-repeat 50% 50%; } header .rightNav li.meal { margin-bottom: 13px; position: relative; font-size: 17px; height: 35px; line-height: 35px; margin-bottom: 15px; border: 1px solid rgba(255,255,255,1.00); letter-spacing: 0.3em; padding-right: 10px; text-align: center; } header .rightNav li.reserv:hover, header .rightNav li.meal:hover { background-color: rgba(255,255,255,1.00); } header .rightNav li.reserv:hover a::after, header .rightNav li.meal:hover a::after { top: 12px; right: 15px; z-index: 1; width: 7px; height: 12px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/arrow_blk.svg) no-repeat 50% 50%; } header .rightNav li.meal:link, header .rightNav li.meal:visited { color: rgba(255,255,255,1); } header .rightNav li.reserv:hover a, header .rightNav li.meal:hover a { color: rgba(0,0,0,1); } header .rightNav li.search { border-top: 1px solid rgba(255,255,255,1.00); padding-top: 8px; margin-bottom: 8px; font-size: 15px; padding-left: 30px; position: relative; letter-spacing: 0.7em; text-align: left; } header .rightNav li.search a::before { top: 12px; left: 5px; z-index: 1; width: 11px; height: 12px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/Search-icon.svg) no-repeat 50% 50%; } header .rightNav li.mail { border-top: 1px solid rgba(255,255,255,1.00); padding-top: 8px; margin-bottom: 8px; font-size: 15px; padding-left: 30px; position: relative; letter-spacing: 0.1em; text-align: left; } header .rightNav li.mail a::before { top: 12px; left: 5px; z-index: 1; width: 16px; height: 10px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/Mail-icon.svg) no-repeat 50% 50%; } header .rightNav li.search img, header .rightNav li.mail img { width: 90%; margin: 0 auto; } header .rightNav li.tel { border-top: 1px solid rgba(255,255,255,1.00); padding-top: 13px; font-size: 18px; letter-spacing: 0.02em; position: relative; text-align: center; } @media screen and (max-width: 950px) { header .rightNav li.tel { font-size: 16px; } } header .subNav{ position: absolute; top: 200px; left: 0; width: 171px; display: none !important; } @media screen and (max-width: 950px) { header .rightNav li{ margin-bottom: 6px; width: 100%; } header .rightNav li img{ width: 100%; } } @media screen and (max-width: 640px) { header .subNav{ display: none; } header .rightNav li{ width: 100%; } header .rightNav{ position: absolute; right: 2px; top: 63px; z-index: 1001; } #top header .rightNav{ } } #gnav .foottel { display: none; } #gnav.close .foottel { display: block; } header .foottel { width: 100%; float: none; z-index: 1002; text-align: center; background-color: rgba(0,0,0,0.90); font-size: 1.4rem; padding: 5px 0; margin-top: 50px; } header .foottel a::before { z-index: 1; width: 14px; height: 18px; display: inline-block; margin-right: 5px; position: static; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/Tel-icon.svg) no-repeat 50% 50%; } header .foottel a:nth-child(2)::before { z-index: 1; width: 16px; height: 10px; display: inline-block; margin-right: 5px; position: static; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/Mail-icon.svg) no-repeat 50% 50%; } header .foottel a:link, header .foottel a:visited { color: #FFFFFF; } header .foottel a:hover { color: rgba(255,255,255,0.80); } #gnav{ float: right; width: 100%; background: none; width: 100%; border-radius: 0px; position: absolute; top: 45px; } #gnav #top_naviWrap{ max-width: 980px; width: 100%; margin: 0 auto; padding-left: 193px; z-index:999; text-align: right; } #gnav #top_naviWrap #top_navi{ text-align: right; } #top_naviWrap ul{ letter-spacing: -.4em; } #top_naviWrap li{ max-width: none; width: auto; letter-spacing: normal; } #top_naviWrap li.spShow{ display: none; } #top_naviWrap li a { cursor: pointer; display: block; padding: 0 20px; text-align: center; margin: 5px 0; border-left: 1px solid #999; text-decoration:none; height:auto; line-height:1em; -webkit-transition-property:background; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease; -moz-transition-property:background; -moz-transition-duration:0.2s; -moz-transition-timing-function:ease; -o-transition-property:background; -o-transition-duration:0.2s; -o-transition-timing-function:ease; } #top_naviWrap li a:hover{ color: #231815; } #top_naviWrap li { float:none; position:relative; display: inline-block; font-size: 18px; } #top_naviWrap li:last-child a{ padding-right: 0px; } #top_naviWrap li:hover{ background:none; } #top_naviWrap li .current{ background: #ff0000; } #top_naviWrap ul ul { display:none; position:absolute; top:20px; left:0px; width: 150px; margin:0; padding:25px 0 0; background: none; border-radius: 0px; } #top_naviWrap li:nth-last-child(2) ul { } #top_naviWrap ul ul ul { left:100%; top:0; margin:0 0 0 -1px; } #top_naviWrap li.child a { padding-left: 35px; } #top_naviWrap ul ul li { float:none; line-height:35px; padding:0; margin:0; width: 150px; height: 35px; border-radius: 0px !important; } #top_naviWrap ul ul a { position:relative; display: block; padding:0 0 0 15px; height:auto; line-height:35px; width: 150px; margin:0 0 -1px 0; border: none; font-size: 15px; font-weight: bold; text-align: left; background-color: rgba(255,255,255,0.90); } #top_naviWrap ul ul a::after { content: ''; display: block; top: 12px; right: 10px; vertical-align: middle; z-index: 1; margin-right: 0px; width: 7px; height: 12px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/arrow_blk.svg) no-repeat 50% 50% ; } #top_naviWrap ul ul a.first { } #top_naviWrap ul ul a:hover { background-color: rgba(204,204,204,0.90); } #toggle{ display: none; } @media screen and (max-width: 980px) { #top_naviWrap li{ font-size: 0.9rem; } #top_naviWrap ul ul { padding:42px 0 0; } #top_naviWrap ul ul a{ font-size: 0.9rem; } #top_naviWrap li a { padding: 0 10px; margin: 5px 0; } } @media screen and (max-width: 730px) { #top_naviWrap li{ font-size: 0.8rem; } #top_naviWrap ul ul { padding:40px 0 0; } #top_naviWrap ul ul a{ font-size: 0.8rem; } #top_naviWrap li a { padding: 0 10px; margin: 5px 0; } } @media screen and (max-width: 690px) { #top_naviWrap li{ font-size: 0.68rem; } #top_naviWrap ul ul { padding:10px 0 0; } #top_naviWrap ul ul a{ font-size: 0.68rem; } #top_naviWrap li a { padding: 0 10px; margin: 5px 0; } } @media screen and (max-width: 640px) { #gnav{ position: fixed; top: 0; right: 0; z-index: 100; -webkit-overflow-scrolling: touch; overflow-y: auto; width: 100%; height: 46px; background: none; border-radius: 0; } #gnav.close{ width: 100%; height: 100%; } #gnav #top_naviWrap{ height: auto; padding-left: 0; padding-bottom: 10px; background-color: rgba(255,255,255,1); display: flex; top: 50px; } #top_navi.pc{ display: none; } #spMenu{ font-style: italic; position: absolute; right: 61px; top: 18px; } #toggle{ display: block; position: fixed; top: 8px; right: 10px; width: 25px !important; height: auto !important; z-index: 2001; padding-top: 0px; cursor: pointer; } .menu-ttl { width: 100%; height: 10px; } .menu-ttl img { width: 100%; } .menu-trigger, .menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; } .menu-trigger { position: relative; width: 25px; height: 14px; } .menu-trigger span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #000; } .close .menu-trigger span { } .menu-trigger span:nth-of-type(1) { top: 0; } .menu-trigger span:nth-of-type(2) { top: 6px; } .menu-trigger span:nth-of-type(3) { bottom: 0; } .menu-trigger span:nth-of-type(1) { -webkit-animation: menu-bar01 .45s forwards; animation: menu-bar01 .45s forwards; } @-webkit-keyframes menu-bar01 { 0% { -webkit-transform: translateY(12px) rotate(45deg); } 50% { -webkit-transform: translateY(12px) rotate(0); } 100% { -webkit-transform: translateY(0) rotate(0); } } @keyframes menu-bar01 { 0% { transform: translateY(12px) rotate(45deg); } 50% { transform: translateY(12px) rotate(0); } 100% { transform: translateY(0) rotate(0); } } .menu-trigger span:nth-of-type(2) { transition: all .25s .25s; opacity: 1; } .menu-trigger span:nth-of-type(3) { -webkit-animation: menu-bar02 .45s forwards; animation: menu-bar02 .45s forwards; } @-webkit-keyframes menu-bar02 { 0% { -webkit-transform: translateY(-12px) rotate(-45deg); } 50% { -webkit-transform: translateY(-12px) rotate(0); } 100% { -webkit-transform: translateY(0) rotate(0); } } @keyframes menu-bar02 { 0% { transform: translateY(-12px) rotate(-45deg); } 50% { transform: translateY(-12px) rotate(0); } 100% { transform: translateY(0) rotate(0); } } .close .menu-trigger span:nth-of-type(1) { -webkit-animation: active-menu-bar01 .45s forwards; animation: active-menu-bar01 .45s forwards; } @-webkit-keyframes active-menu-bar01 { 0% { -webkit-transform: translateY(0) rotate(0); } 50% { -webkit-transform: translateY(10px) rotate(0); } 100% { -webkit-transform: translateY(10px) rotate(45deg); } } @keyframes active-menu-bar01 { 0% { transform: translateY(0) rotate(0); } 50% { transform: translateY(10px) rotate(0); } 100% { transform: translateY(10px) rotate(45deg); } } .close .menu-trigger span:nth-of-type(2) { opacity: 0; } .close .menu-trigger span:nth-of-type(3) { -webkit-animation: active-menu-bar03 .45s forwards; animation: active-menu-bar03 .45s forwards; } @-webkit-keyframes active-menu-bar03 { 0% { -webkit-transform: translateY(0) rotate(0); } 50% { -webkit-transform: translateY(-10px) rotate(0); } 100% { -webkit-transform: translateY(-3px) rotate(-45deg); } } @keyframes active-menu-bar03 { 0% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-10px) rotate(0); } 100% { transform: translateY(-3px) rotate(-45deg); } } #top_navi{ display: none; } #top_navi{ z-index: 2000; max-width: 60%; width: 100%; height: 100%; float: left; font-size: 1rem; position: relative; padding: 0 0 0 0; -webkit-overflow-scrolling: touch; overflow-y: auto; } #top_navi li{ width: 100%; margin: 0 !important; text-align: center; padding: 0; background: none; float: none; list-style: none; display: inline-block; } #top_naviWrap li.spShow{ display: block; } #top_navi li a{ width: 100%; height: 100%; display: block; padding: 12px 10px; text-decoration: none; color: #666; } #top_naviWrap li.youtube{ width: 100%; padding: 0; } #top_naviWrap li.youtube a{ padding: 5px 20px; } #gnav #sp_yoyaku{ display: none; } #gnav.close #sp_yoyaku{ display: block; } #sp_yoyaku{ z-index: 2000; max-width: 40%; float: right; width: 100%; height: 100%; font-size: 1rem; position: relative; padding: 20px 10px 0 0; -webkit-overflow-scrolling: touch; overflow-y: auto; } #sp_yoyaku li{ width: 100%; margin: 0 0 20px 0 !important; text-align: center; padding: 0; background: none; float: none; list-style: none; display: inline-block; } #sp_yoyaku li img{ width: 100%; } #top_naviWrap ul#sp_yoyaku li a { border-bottom: none; padding: 0 10px; } #top_naviWrap ul#sp_yoyaku li a::after { background: none; } .close #toggle{ opacity: 1; } #top_navi li a.active{ text-decoration: none; } #top_naviWrap { margin-top:0; margin-right: 0; float:none; position: relative; right: inherit; } #top_naviWrap ul ul { display: block; position: relative; width: inherit; top: inherit; left:inherit; border-radius: 0; padding: 0; } #top_naviWrap ul ul ul { left: inherit; top: inherit; } #top_naviWrap li { max-width: 100%; float: left; padding-left: 20px; } #top_naviWrap li a { font-size: 0.9rem; text-align: left; height: auto; line-height: auto; border: none; border-bottom: 1px solid #ccc; margin: 0; } #top_naviWrap li a:hover { background:none; color: #666; } #top_naviWrap ul ul li { background: #fff; width: 100%; max-width: 100%; margin-left: 0 !important; line-height: normal; height: auto; border-bottom: 1px solid #ccc; } #top_naviWrap ul ul a { font-size:0.8rem; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #ccc; padding:0 0 0 10px; width: 100%; } #top_naviWrap ul ul a::after { content: ''; display: block; top: 12px; right: 10px; vertical-align: middle; z-index: 1; margin-right: 0px; width: 7px; height: 12px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/arrow_gry.svg) no-repeat 50% 50% ; } #top_naviWrap ul a::after { content: ''; display: block; top: 12px; right: 10px; vertical-align: middle; z-index: 1; margin-right: 0px; width: 7px; height: 12px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/arrow_gry.svg) no-repeat 50% 50% ; } #top_naviWrap ul ul a span.spShow { display: inline-block !important; margin-right: 5px; } #top_naviWrap ul ul li:first-child a { border-top: none; } #top_naviWrap li.child li a { padding-left: 52px; } #top_naviWrap li .current{ border-bottom: none; padding-bottom: inherit; } } #conWrap{ overflow: hidden; clear: both; } #conWrap .inner, footer .inner{ width: 96%; max-width: 980px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 640px) { #conWrap .inner, footer .inner{ width: 100%; padding: 0 7px; } } .ttlGreen{ width: 100%; padding: 20px; margin-bottom: 40px; font-size: 178%; background: rgba(134, 163, 0, 0.2); text-align: center; line-height: 3.5; } .ttlRed{ width: 100%; padding: 20px; margin-bottom: 40px; font-size: 178%; background: rgba(218, 105, 132, 0.2); text-align: center; line-height: 3.5; } .ttlGreen.lh2, .ttlRed.lh2{ line-height: 2; } .bgGreen, .bgBlue, .bgRed, .bgYellow, .bgPink{ text-align: center; color: #fff; background-color: #87a301; padding: 10px; font-size: 160%; margin-bottom: 10px; } .bgBlue{ background-color: #018cb5; } .bgRed{ background-color: #DC4F12; } .bgYellow{ background-color: #C99B04; } .bgPink{ background-color: #d34b54; } .bggry{ background-color: rgba(132,132,132,0.2); } .bgGreen .small, .bgBlue .small, .bgYellow .small, .bgPink .small{ font-size: 80%; } .bgGreen a:link, .bgBlue a:link, .bgYellow a:link, .bgPink a:link{ color: #fff; } .bgGreen a:visited, .bgBlue a:visited, .bgYellow a:visited, .bgPink a:visited{ color: #fff; } .ttlCenter{ font-size: 120%; text-align: center; font-weight: bold; margin-bottom: 1em; } .ttlLeft{ font-size: 120%; text-align: left; font-weight: bold; margin-bottom: 1em; } .ttlGreenLineWrap{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/ttl_bg_greenLine.png) 50% 0 no-repeat; margin-bottom: 0; } .ttlGreenLine{ text-align: center; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/ttl_bg_greenLine.png) 50% bottom no-repeat; font-size: 200%; padding: 20px 0; } .ttlRedLineWrap{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/ttl_bg_redLine.png) 50% 0 no-repeat; margin-bottom: 0; } .ttlRedLine{ text-align: center; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/ttl_bg_redLine.png) 50% bottom no-repeat; font-size: 200%; padding: 20px 0; } .ttlGreenLineWrap.wb, .ttlRedLineWrap.wb{ background-color: rgba(255, 255, 255, 0.7); font-size: 90%; } .ttlGreenLineWrap.wb .ttlGreenLine, .ttlRedLineWrap.wb .ttlRedLine{ text-align: left; padding: 10px 15px; overflow: hidden; } .ttlGreenLineWrap.wb .right, .ttlRedLineWrap.wb .right{ float: right; font-size: 56%; text-align: right; line-height: 1.5; } hr.greenLine{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/ttl_bg_greenLine.png) 50% 0 no-repeat; border: none; height: 4px; margin-bottom: 40px; } hr.redLine{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/ttl_bg_redLine.png) 50% 0 no-repeat; border: none; height: 4px; margin-bottom: 40px; } @media screen and (max-width: 900px) { .ttlGreenLineWrap.wb .right, .ttlRedLineWrap.wb .right{ float: none; display: block; text-align: left; } } @media screen and (max-width: 640px) { .ttlGreen{ font-size: 1.1rem; line-height: 1.5; } .bgGreen, .bgBlue, .bgRed, .bgYellow, .bgPink{ font-size: 1rem; margin-bottom: 10px; } .ttlGreenLine{ font-size: 1rem; } } footer { zoom: 1; margin: 0; width: 100%; position: relative; padding: 0 0 50px; overflow: hidden; background: none; } footer .topArea{ padding: 40px 0; margin-bottom: 30px; color: rgba(255,255,255,1.00); background: rgba(8,11,61,1.00); border-top: rgba(176,147,69,1.00) solid 3px; border-bottom: rgba(176,147,69,1.00) solid 3px; } footer .topArea .flexCover.colum3 li:nth-child(1){ max-width: 350px; width: 100%; } footer .topArea .flexCover.colum3 li:nth-child(2){ max-width: 290px; width: 100%; } footer .topArea .flexCover.colum3 li:nth-child(2) ul{ margin-top: 20px; } footer .topArea .flexCover.colum3 li:nth-child(2) .flexCover.colum2 li{ width: 48%; position: relative; text-align: left; padding-left: 30px; } footer .topArea .flexCover.colum3 li:nth-child(2) .flexCover.colum2 li:nth-child(1) { padding-left: 25px; } footer .topArea .flexCover.colum3 li:nth-child(2) .flexCover.colum2 li:nth-child(1) a::before { top: 6px; left: 0px; z-index: 1; width: 12px; height: 17px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/foot_access_arrow.svg) no-repeat 50% 50%; } footer .topArea .flexCover.colum3 li:nth-child(2) .flexCover.colum2 li:nth-child(2) a::before { top: 8px; left: 0px; z-index: 1; width: 20px; height: 14px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/foot_contact_arrow.svg) no-repeat 50% 50%; } footer .topArea .flexCover.colum3 li:nth-child(2) .flexCover.colum2 li a:link, footer .topArea .flexCover.colum3 li:nth-child(2) .flexCover.colum2 li a:visited{ color: rgba(255,255,255,1.00); text-decoration: underline; } footer .topArea .flexCover.colum3 li:nth-child(3){ max-width: 250px; width: 100%; } footer .topArea .flexCover.colum3 li:nth-child(3) ul{ margin-top: 30px; } footer .topArea .flexCover.colum3 li:nth-child(3) .flexCover.colum2 li{ width: 48%; position: relative; text-align: left; padding-left: 30px; } footer .topArea .flexCover.colum3 li:nth-child(3) .flexCover.colum2 li:nth-child(1) { padding-left: 25px; width: 60%; } footer .topArea .flexCover.colum3 li:nth-child(3) .flexCover.colum2 li:nth-child(2) { width: 40%; } footer .topArea .flexCover.colum3 li:nth-child(3) .flexCover.colum2 li:nth-child(1) a::before { top: 6px; left: 0px; z-index: 1; width: 12px; height: 17px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/foot_sitemap_arrow.svg) no-repeat 50% 50%; } footer .topArea .flexCover.colum3 li:nth-child(3) .flexCover.colum2 li a:link, footer .topArea .flexCover.colum3 li:nth-child(3) .flexCover.colum2 li a:visited{ color: rgba(255,255,255,1.00); text-decoration: underline; } footer .address{ font-size: 90%; } footer .footNav{ max-width: 980px; width: 100%; margin: 30px auto; } footer .footNav li{ text-align: left; padding-right: 20px; font-size: 90%; margin-bottom: 1em; } footer .footNav .sub li{ width: 100%; padding-right: 0; margin-bottom: 3px; position: relative; } footer .footNav li a{ padding-left: 1em; font-weight:bold; color: rgba(102,102,102,1.00); } footer .footNav li a:before{ content: ""; color: rgba(102,102,102,1.00); z-index: 1; } footer .footNav .sub li a::before { top: 6px; left: 0px; z-index: 1; width: 6px; height: 10px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/foot_link_arrow.svg) no-repeat 50% 50%; } footer .foot_text{ font-size: 80%; text-align: left; } footer .copyright{ font-size: 70%; color: rgba(102,102,102,1.00); } footer .info{ max-width: 644px; margin: 0 auto 35px; } footer .info li{ width: 48%; } footer .txt{ font-size: 80%; } footer .best{ width: 100%; max-width: 500px; margin: 0 auto 40px; } footer .inner img{ max-width: 100%; } @media screen and (max-width: 950px) { footer .topArea .flexCover.colum3 li:nth-child(1), footer .topArea .flexCover.colum3 li:nth-child(2), footer .topArea .flexCover.colum3 li:nth-child(3){ max-width: 32%; } footer .topArea .flexCover.colum3 li:nth-child(2) .flexCover.colum2 li, footer .topArea .flexCover.colum3 li:nth-child(3) .flexCover.colum2 li{ max-width: 48%; font-size: 80%; } footer .address { font-size: 70%; } } @media screen and (max-width: 640px) { footer .topArea .inner{ width: 80% !important; } footer .topArea{ padding: 40px 0 10px; margin-bottom: 20px; } footer .topArea .flexCover.colum3 li:nth-child(2) ul{ padding: 0 5%; font-size: 110%; max-width: 350px; margin-left: auto; margin-right: auto; } footer .topArea .flexCover.colum3 li:nth-child(3) ul{ padding: 0 10%; font-size: 110%; max-width: 350px; margin-left: auto; margin-right: auto; } footer .tel{ margin-top: 30px; } footer .address{ font-size: 100%; } footer .footNav{ display: none; } footer .footNav li{ width: 50%; padding-right: 30px; margin-bottom: 1em; } footer .footNav li:nth-child(even){ padding-right: 0; } footer .foot_text{ font-size: 50%; text-align: center; } footer .copyright{ margin-top: 8px; font-size: 50%; } footer .topArea .flexCover.colum3 li:nth-child(1), footer .topArea .flexCover.colum3 li:nth-child(2), footer .topArea .flexCover.colum3 li:nth-child(3){ max-width: 100%; text-align: center; } footer .topArea .flexCover.colum3 li:nth-child(2) .flexCover.colum2 li:nth-child(1) a::before { top: 3px; } footer .topArea .flexCover.colum3 li:nth-child(2) .flexCover.colum2 li:nth-child(2) a::before { top: 4px; } footer .topArea .flexCover.colum3 li:nth-child(3) .flexCover.colum2 li:nth-child(1) a::before { top: 3px; } } #pageTop{ bottom: 25px; right: 25px; position: fixed; display: block; width: 60px; display: none; z-index: 900; } #pageTop a { position: relative; display: block; padding: 10px 0px 10px 0px; text-indent: -9898px; } #pageTop a::before, #pageTop a::after { position: absolute; top: 50%; left: 6px; display: block; content: ''; width: 30px; height: 4px; background-color: #E69FAA; text-decoration: none; } #pageTop a::before { margin-top:3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 26px; } #pageTop a::after { margin-top: 3px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #pageTop a:hover::before, #pageTop a:hover::after { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } @media screen and (max-width: 640px) { #pageTop{ position: relative; display: block; bottom: inherit; right: inherit; width: 100%; padding: 0 0 10px; background-color: rgba(255,255,255,0.4); z-index: 1; } #pageTop a::before, #pageTop a::after { width: 24px; height: 3px; } #pageTop a:hover::before, #pageTop a:hover::after { opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "alpha( opacity=100 )"; } #pageTop a::before, #pageTop a::after { left: 50%; margin-left: -3px; } #pageTop a::after { margin-left: -18px; } } #breadCrumb{ overflow: hidden; width: 100%; margin-top: 15px; } #breadCrumb p{ padding: 0; font-size: 79%; text-align: left; max-width: 980px; width: 96%; margin: 0 auto 0; } #breadCrumb span:first-child{ padding-left: 0; } #breadCrumb span{ font-style: normal; padding: 0 10px; } #breadCrumb span span{ padding: 0; } #breadCrumb a{ } #breadCrumb a:hover{ text-decoration: none; color: #db4f11; } @media screen and (max-width: 640px) { #breadCrumb{ width: 100%; min-height: 30px; border-top: none; } #breadCrumb p{ padding: 10px 7px; text-align: left; max-width: 100%; width: 100%; } #breadCrumb span{ padding: 0 2px; } } @media screen and (min-width: 641px) { .sp { display: none !important; } } .aspect { position: relative; } .aspect:before { content: ""; display: block; padding-top: 100%; position: relative; } .aspect > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .button { background-color: #D9D9D9; border-radius: 8.5px; text-align: center; font-size: 21px; white-space: nowrap; line-height: 1em; padding: 0.85em; display: block; } .button:hover { color: inherit; opacity: 0.6; } .button:after { content: ""; display: inline-block; height: 1em; width: 1em; background-image: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/base/button_arrow_black.svg); background-repeat: no-repeat; background-position: center right; background-size: contain; margin-top: 0.1em; z-index: 0; } .button.blue { background-color: #0B4586; color: #fff; } .button.blue:after { background-image: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/base/button_arrow_white.svg); } @media screen and (max-width: 640px) { .button { font-size: 15px; } } .carea { max-width: 1080px; margin: 0 auto; box-sizing: border-box; text-align: left; } .carea h3.carea-title { text-align: center; font-size: 178%; line-height: 1.5em; margin-bottom: 1em; } .carea h3.carea-title span { display: inline-block; position: relative; padding: 0 30px; } .carea h3.carea-title span:before, .carea h3.carea-title span:after { content: ""; display: block; width: 158px; height: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; z-index: 0; top: 0; } .carea h3.carea-title span:before { background-image: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/base/h3_arrow_before.png); left: -158px; } .carea h3.carea-title span:after { background-image: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/base/h3_arrow_after.png); right: -158px; } @media screen and (max-width: 640px) { .carea { margin-top: 20px; margin-bottom: 40px; } .carea h3.carea-title { font-size: 1rem; } .carea h3.carea-title span { padding: 0; } .carea h3.carea-title span:before, .carea h3.carea-title span:after { width: 110px; } .carea h3.carea-title span:before { left: -110px; } .carea h3.carea-title span:after { right: -110px; } } #planlist {} #planlist .big { margin-bottom: 4em; } #planlist .big > h2 { font-size: 1.5em; line-height: 1.35em; background-color: rgba(176,147,69,0.35); padding: 0.8em 0.5em; } #planlist .big > .list_title { font-size: 1.125em; line-height: 1.5em; margin-top: 2em; margin-bottom: 0.5em; padding: 0 1em; } #planlist .big .plantabs { margin-top: 4em; } .planlistbase { padding: 0 30px; } @media screen and (max-width: 640px) { .planlistbase { padding: 0; } } ul.planlist { width: 1000px; max-width: 100%; margin: 0 auto; box-sizing: border-box; letter-spacing: -1em; text-align: left; } ul.planlist:not(.slick-initialized) li { display: none; } ul.planlist li.plan { width: 33.333%; display: inline-block; vertical-align: top; letter-spacing: 0; overflow: hidden; } @media screen and (max-width: 840px) { ul.planlist li.plan { width: 50%; } } @media screen and (max-width: 640px) { ul.planlist { padding: 0 20px; } ul.planlist li.plan { width: 100%; } } ul.planlist li.plan > .base { background-color: #fff; margin: 10px; box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2); font-size: 12px; line-height: 1.666em; position: relative; } ul.planlist li.plan > .base .photo { position: relative; margin: 0; padding: 0; border-top: none; border-bottom: none; } ul.planlist li.plan > .base .photo:before { padding-top: 60%; } ul.planlist li.plan > .base .photo a { position: absolute; top: 0; left: 0; width: 100%; } ul.planlist li.plan > .base .photo a img { width: 100%; height: auto; -webkit-transition: .2s ease-out; -moz-transition: .2s ease-out; -o-transition: .2s ease-out; transition: .2s ease-out; } ul.planlist li.plan > .base .photo a:hover img { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -webkit-opacity: 0.7; } ul.planlist li.plan > .base .photo .budge { position: absolute; right: 10px; bottom: -10px; z-index: 1; width: 23.333%; border-radius: 50%; color: #fff; background-color: #023279; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } ul.planlist li.plan > .base .photo .budge > .content { text-align: center; top: 51%; left: 50%; right: auto; bottom: auto; width: 70%; height: auto; transform: translate(-50%,-50%); font-size: 79%; line-height: 1.416em; } ul.planlist li.plan .photo .budge.color1 { background-color: #023279; } ul.planlist li.plan .photo .budge.color2 { background-color: #026737; } ul.planlist li.plan .photo .budge.color3 { background-color: #a57c51; } ul.planlist li.plan .photo .budge.color4 { background-color: #333332; } ul.planlist li.plan .photo .budge.color5 { background-color: #ad0101; } ul.planlist li.plan .photo .budge.color6 { background-color: #e8972a; } ul.planlist li.plan .photo .budge.color7 { background-color: #2d5a91; } ul.planlist li.plan > .base .container { padding: 20px; } ul.planlist li.plan:not(.nobtn) > .base .container { padding-bottom: 45px; } ul.planlist li.plan > .base .container .banner img { width: 100%; height: auto; margin-bottom: 0.75em; } ul.planlist li.plan > .base .container .title { font-size: 1.5em; line-height: 1.444em; margin-bottom: 1em; } ul.planlist li.plan > .base .container .caption { margin-bottom: 1.5em; } ul.planlist li.plan > .base .container .info { display: table; } ul.planlist li.plan.nobtn > .base .container .info { margin-bottom: -1em; } ul.planlist li.plan > .base .container .info dl { display: table-row; font-size: 100%; } ul.planlist li.plan > .base .container .info dl dt { display: table-cell; vertical-align: top; padding-bottom: 1em; } ul.planlist li.plan > .base .container .info dl dt .label { background-color: #E6E6E6; display: block; padding: 4px 6px; line-height: 1em; white-space: nowrap; display: block; text-align: center; } ul.planlist li.plan > .base .container .info dl dd { display: table-cell; padding-left: 14px; vertical-align: top; padding-bottom: 1em; } ul.planlist li.plan > .base .container .info dl.term dd { font-size: 1.25em; } ul.planlist li.plan > .base .container .info dl.price dd { font-size: 1.75em; } ul.planlist li.plan > .base .container .info dl.price dd small { font-size: 0.666em; } ul.planlist li.plan > .base .container .button { background-color: #E1D6C8; font-size: 14px; position: absolute; left: 20px; right: 20px; bottom: 20px; padding: 8px; } ul.planlist li.plan > .base .container .button.blue { background-color: #0B4586; } @media screen and (max-width: 640px) { ul.planlist li.plan > .base { font-size: 10.2px; } ul.planlist li.plan > .base .container { padding: 15px; } ul.planlist li.plan:not(.nobtn) > .base .container { padding-bottom: 40px; } ul.planlist li.plan > .base .container .button { left: 15px; right: 15px; bottom: 15px; } } ul.planlist .slick-arrow { position: absolute; height: 100%; width: 35px; border: none; background-color: transparent; font-size: 0; cursor: pointer; top: 0; outline: none; z-index: 2; padding: 0; } ul.planlist .slick-arrow:before{ content: ""; display: block; width: 30px; height: 30px; border-top: 2px solid #4D4D4D; top: 50%; margin-top: -15px; z-index: 1; } ul.planlist .slick-arrow.slick-prev { left: -35px; } ul.planlist .slick-arrow.slick-prev:before{ border-left: 2px solid #4D4D4D; transform-origin: top left; transform: rotate(-45deg); left: 5px; } ul.planlist .slick-arrow.slick-next { right: -35px; } ul.planlist .slick-arrow.slick-next:before{ border-right: 2px solid #4D4D4D; transform-origin: top right; transform: rotate(45deg); right: 5px; } .plantabs {} .plantabs .tabs { width: 100%; max-width: 1060px; margin: 0 auto; overflow: hidden; text-align: center; display: table; box-sizing: border-box; border-spacing: 30px 0; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .plantabs .tabs ul { display: table-row; } .plantabs .tabs ul li { display: table-cell; width: 20%; vertical-align: top; position: relative; color: #666666; font-size: 18px; line-height: 1.4em; box-sizing: border-box; padding-top: 20px; padding-bottom: 10px; cursor: pointer; background-color: #C9DFEA; border-radius: 13px 13px 0 0; -webkit-transition: .2s ease-out; -moz-transition: .2s ease-out; -o-transition: .2s ease-out; transition: .2s ease-out; } .plantabs .tabs ul li:hover { color: #eee; background-color: #72A4C3; } .plantabs .tabs ul li.on { color: #fff; background-color: #0B6FA0; } .plantabs ul.planlist { background-color: #F2F2F2; border: 2px solid #0B6FA0; width: 1020px; padding: 10px; min-height: 100px; z-index: 1; } @media screen and (max-width: 740px) { .plantabs .tabs { border-spacing: 10px 0; padding: 0 30px; } .plantabs .tabs ul li { font-size: 14px; } } @media screen and (max-width: 640px) { ul.planlist .slick-arrow:before{ width: 20px; height: 20px; margin-top: -10px; } ul.planlist .slick-arrow.slick-prev { left: 0px; } ul.planlist .slick-arrow.slick-prev:before{} ul.planlist .slick-arrow.slick-next { right: 0px; } ul.planlist .slick-arrow.slick-next:before{} .plantabs .tabs { border-spacing: 5px 0; padding: 0; } .plantabs .tabs ul li { font-size: 8px; border-radius: 6px 6px 0 0; padding-top: 5px; padding-bottom: 5px; } .plantabs ul.planlist { border-left: none; border-right: none; padding: 20px; } } .plans-gentei-shibamasa {} .plans-gentei-shibamasa .reserv { padding: 0 20px; padding-top: 40px; width: 740px; max-width: 100%; margin: 0 auto; box-sizing: border-box; } @media screen and (max-width: 640px) { .plans-gentei-shibamasa .reserv { padding-top: 20px; } } article.top_info { padding: 60px 0 20px !important; } article.top_info.d_none { display: none; } article.top_info h2.openBtn { width: 60%; padding: 5px 0 !important; margin: 0 auto 10px !important; text-align: left; cursor: pointer; background: #84982e; background: -webkit-linear-gradient(to right, #84982e, #37550a); background: linear-gradient(to right, #84982e, #37550a); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: flex; justify-content: center; align-items: center; } article.top_info h2.openBtn.oB2 { padding: 5px 0; margin: 30px auto 20px; width: 60%; } article.top_info h2.openBtn span { font-size: 20px; font-weight: normal; color: #ffffff; display: flex; align-items: center; position: relative; } article.top_info h2.openBtn span::before { z-index: 1; position: relative; margin-right: 15px; height: 13px; width: 22px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/info_arrow_open.svg) no-repeat; background-size: contain; } article.top_info h2.openBtn.open span::before { z-index: 1; position: relative; margin-right: 15px; height: 13px; width: 22px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/info_arrow_close.svg) no-repeat; background-size: contain; } article.top_info .info_wrap { margin: 30px; } article.top_info .info_wrap .colum2 { display: -webkit-box; display: -ms-flexbox; display: flex; } article.top_info .info_wrap .colum2 li { margin-bottom: 0; } article.top_info .info_wrap .colum2 li:first-child { } article.top_info .info_wrap .colum2 li:last-child { } article.top_info .info_wrap .colum2 li .info_img { margin-right: 20px; } article.top_info .info_wrap .colum2 li .info_img img { width: auto; max-width: 230px; height: auto; } article.top_info .textArea .textArea > .info_wrap { margin: 30px; padding-bottom: 30px; border-bottom: 1px solid #cccccc; } article.top_info .textArea { display: none; font-size: 13px; letter-spacing: -0.08em; padding: 0px; color: #1a1a1a; background: rgba(255,255,255,1.00); } article.top_info .textArea h3.info_ttl { display: block; font-size: 18px; font-weight: bold; margin-bottom: 10px; } article.top_info .textArea .info_txt { font-size: 16px; } article.top_info .closeBtn { width: fit-content; padding: 5px 15px !important; margin: 0 auto 10px !important; text-align: left; cursor: pointer; background: #84982e; background: -webkit-linear-gradient(to right, #84982e, #37550a); background: linear-gradient(to right, #84982e, #37550a); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: flex; justify-content: center; align-items: center; } article.top_info .closeBtn span { font-size: 18px; font-weight: normal; color: #ffffff; display: flex; align-items: center; position: relative; } article.top_info .closeBtn span::before { z-index: 1; position: relative; margin-right: 15px; height: 13px; width: 22px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/info_arrow_close.svg) no-repeat; background-size: contain; } @media screen and (max-width: 640px) { article.top_info h2.openBtn { width: 100%; } article.top_info h2.openBtn span { padding: 0 8px; } article.top_info { padding: 40px 0 20px !important; } article.top_info .info_wrap { margin: 20px; } article.top_info .textArea .textArea > .info_wrap { margin: 20px; padding-bottom: 20px; } article.top_info .info_wrap .colum2 { display: block; } article.top_info .info_wrap .colum2 li { width: 100%; } article.top_info .info_wrap .colum2 li .info_img { text-align: center; margin-bottom: 10px; margin-right: 0px; } article.top_info .info_wrap .colum2 li .info_img img { max-width: 100%; } } article.info_window { padding: 60px 0 20px !important; } article.info_window .inner { height: 200px; overflow: auto; } article.info_window .inner::-webkit-scrollbar { width: 10px; } article.info_window .inner::-webkit-scrollbar-track { border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); } article.info_window .inner::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 50, .5); border-radius: 10px; box-shadow:0 0 0 1px rgba(255, 255, 255, .3); } article.info_window.d_none { display: none; } article.info_window h2.openBtn { width: 60%; padding: 5px 0 !important; margin: 0 auto 10px !important; text-align: left; cursor: pointer; background: #84982e; background: -webkit-linear-gradient(to right, #84982e, #37550a); background: linear-gradient(to right, #84982e, #37550a); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: flex; justify-content: center; align-items: center; } article.info_window h2.openBtn.oB2 { padding: 5px 0; margin: 30px auto 20px; width: 60%; } article.info_window h2.openBtn span { font-size: 20px; font-weight: normal; color: #ffffff; display: flex; align-items: center; position: relative; } article.info_window h2.openBtn span::before { z-index: 1; position: relative; margin-right: 15px; height: 13px; width: 22px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/info_arrow_open.svg) no-repeat; background-size: contain; } article.info_window h2.openBtn.open span::before { z-index: 1; position: relative; margin-right: 15px; height: 13px; width: 22px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/info_arrow_close.svg) no-repeat; background-size: contain; } article.info_window .info_wrap { margin: 30px; } article.info_window .info_wrap .colum2 { display: -webkit-box; display: -ms-flexbox; display: flex; } article.info_window .info_wrap .colum2 li { margin-bottom: 0; } article.info_window .info_wrap .colum2 li:first-child { } article.info_window .info_wrap .colum2 li:last-child { } article.info_window .info_wrap .colum2 li .info_img { margin-right: 20px; } article.info_window .info_wrap .colum2 li .info_img img { width: auto; max-width: 230px; height: auto; } article.info_window .textArea .info_wrap { margin: 30px; padding-bottom: 30px; border-bottom: 1px solid #cccccc; } article.info_window .textArea { font-size: 13px; letter-spacing: -0.08em; padding: 0px; color: #1a1a1a; background: rgba(255,255,255,1.00); overflow: hidden; } article.info_window .textArea h3.info_ttl { display: block; font-size: 18px; font-weight: bold; margin-bottom: 10px; } article.info_window .textArea .info_txt { font-size: 16px; } article.info_window .closeBtn { width: fit-content; padding: 5px 15px !important; margin: 0 auto 10px !important; text-align: left; cursor: pointer; background: #84982e; background: -webkit-linear-gradient(to right, #84982e, #37550a); background: linear-gradient(to right, #84982e, #37550a); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: flex; justify-content: center; align-items: center; } article.info_window .closeBtn span { font-size: 18px; font-weight: normal; color: #ffffff; display: flex; align-items: center; position: relative; } article.info_window .closeBtn span::before { z-index: 1; position: relative; margin-right: 15px; height: 13px; width: 22px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/info_arrow_close.svg) no-repeat; background-size: contain; } @media screen and (max-width: 640px) { article.info_window .inner { height: 180px; overflow: auto; padding: 0 !important; } article.info_window h2.openBtn { width: 100%; } article.info_window h2.openBtn span { padding: 0 8px; } article.info_window { padding: 40px 0 20px !important; } article.info_window .info_wrap { margin: 20px; } article.info_window .textArea .textArea > .info_wrap { margin: 20px; padding-bottom: 20px; } article.info_window .info_wrap .colum2 { display: block; } article.info_window .info_wrap .colum2 li { width: 100%; } article.info_window .info_wrap .colum2 li .info_img { text-align: center; margin-bottom: 10px; margin-right: 0px; } article.info_window .info_wrap .colum2 li .info_img img { max-width: 60%; } article.info_window .textArea .info_wrap { margin: 20px; } } 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 #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;} html , body{ height:100%; } html { overflow-y: scroll; background-color: #fff; } body { color: #231815; font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, 'Lucida Grande',　ArialMT, sans-serif; font-size: 16px; line-height: 1.8; -webkit-text-size-adjust: none; width: 100%; text-align: center; word-wrap : break-word; overflow-wrap : break-word; } #wrapper{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/bg_03.jpg) 50% 0; } @media screen and (max-width: 768px) { body{ font-size: 14px; } } @media screen and (max-width: 640px) { body{ font-size: 14px; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } a { -webkit-tap-highlight-color: rgba(200,200,200,.6); } a { outline: none; } a { -moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; transition: all 0.2s ease-in-out, color 0.2s ease-in-out; } a:link { color: #231815; text-decoration: none; } a:hover{ text-decoration: none; color: #db4f11; } a:focus { outline:none;} a:visited { color: #231815; } img { vertical-align: top; } img:not([width]) { } p, dl, ol, ul { margin:0; list-style:none outside; } em{ font-style: normal; } li { margin:0; list-style:none outside; } h1,h2,h3,h4,p.txt,ul,dl{ } p.txt{ margin-bottom: 2em; } p.img{ margin-bottom: 2em; } @media screen and (max-width: 640px) { p,ul,dl{ font-size: 0.85rem; } } @media screen and (max-width: 768px) { * { -webkit-appearance: none; } } a:hover .fade { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } @media screen and (max-width: 640px) { a:hover .fade { opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha( opacity=100 )"; } } .fade a:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } @media screen and (max-width: 640px) { .fade a:hover{ opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha( opacity=100 )"; } } *::before, *::after { position: absolute; z-index: -1; display: block; content: ''; } *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } .fMin{ font-family: "游明朝","Yu Mincho","游明朝体",YuMincho,"ヒラギノ明朝 ProN W6","HiraMinProN-W6","ヒラギノ明朝 ProN W3","HiraMinProN-W3","ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; font-weight:bold; } .fCgo{ font-family: 'Noto Sans JP', sans-serif; font-weight:bold; } .noto { font-family: 'Noto Sans JP', sans-serif; } .noto100 {font-family: 'Noto Sans JP', sans-serif; font-weight:100;} .noto300 {font-family: 'Noto Sans JP', sans-serif; font-weight:300;} .noto400 {font-family: 'Noto Sans JP', sans-serif; font-weight:400;} .noto500 {font-family: 'Noto Sans JP', sans-serif; font-weight:500;} .noto700 {font-family: 'Noto Sans JP', sans-serif; font-weight:700;} .noto900 {font-family: 'Noto Sans JP', sans-serif; font-weight:900;} .pcShow{ } .spShow{ display: none; } @media screen and (max-width: 640px) { .pcShow{ display: none; } .spShow{ display: block; } .spShow.br{ display: inline; } } .pcShow_tw{ } .twShow{ display: none; } @media screen and (max-width: 768px) { .pcShow_tw{ display: none; } .twShow{ display: block; } } .dsnone{ display: none; } img.w100{ width: 100%; } .btnCss{ margin: 20px 0; border-radius: 10px; background: #ca9d04; -moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; transition: all 0.2s ease-in-out, color 0.2s ease-in-out; } .btnCss a{ display: block; padding: 10px; color: #fff; font-size: 140%; position: relative; } .btnCss.inBlock{ display: inline-block; } .btnCss.inBlock a{ padding: 10px 40px; } .btnCss.triangle a::before{ z-index: 1; content: "▶︎"; color: #fff; position: absolute; top: 50%; left: 10px; margin-top: -0.9em; } .btnCss.btnGreen{ background: #86A300; } .btnCss:hover{ background: #e04e13; } .btnArea2{ max-width: 600px; margin: 30px auto; } .btnArea2 li{ width: 48%; } .btnArea2 li a{ display: block; } .btnArea2 li .back, .btnArea2 li .submit{ color: #fff; width: 100%; border: none; border-radius: 6px; line-height: 1.5; font-size: 153%; cursor: pointer; padding: 10px; } .btnArea2 li .back{ background: #888988; } .btnArea2 li .submit{ background: #86A300; } .btnArea2 li.eat .submit{ background: #da6984; } .btnArea2 li .back:hover, .btnArea2 li .submit:hover{ background: #e04e13; } .btnArea2 li span{ font-size: 80%; display: block; } @media screen and (max-width: 640px) { .btnArea2{ font-size: 0.6rem; } .btnArea2 li{ width: 100%; margin-bottom: 15px; } .btnArea2 li .back, .btnArea2 li .submit{ padding: 10px; } .btnCss a{ font-size: 0.95rem; } } .mb0{ margin-bottom: 0 !important; } .mb05em{ margin-bottom: 0.5em !important; } .mb1em{ margin-bottom: 1em !important; } .mb105em{ margin-bottom: 1.5em !important; } .mb2em{ margin-bottom: 2em !important; } .mb205em{ margin-bottom: 2.5em !important; } .mb3em{ margin-bottom: 3em !important; } .mb305em{ margin-bottom: 3.5em !important; } .mb4em{ margin-bottom: 4em !important; } .mb405em{ margin-bottom: 4.5em !important; } .mb5em{ margin-bottom: 5em !important; } .mt05em{ margin-top: 0.5em !important; } .mt1em{ margin-top: 1em !important; } .mt105em{ margin-top: 1.5em !important; } .mt2em{ margin-top: 2em !important; } .mt205em{ margin-top: 2.5em !important; } .mt3em{ margin-top: 3em !important; } .mt305em{ margin-top: 3.5em !important; } .mt4em{ margin-top: 4em !important; } .mt405em{ margin-top: 4.5em !important; } .mt5em{ margin-top: 5em !important; } .bt_non{ border-top: none !important; } .bb_non{ border-bottom: none !important; } .bold{ font-weight: bold; } .fs18{ font-size: 112%; } .fs20{ font-size: 125%; } .fs22{ font-size: 138%; } .fs24{ font-size: 150%; } .fs26{ font-size: 163%; } .fs28{ font-size: 176%; } .fs30{ font-size: 188%; } .fs32{ font-size: 200%; } .fs34{ font-size: 213%; } .fs36{ font-size: 225%; } .fs38{ font-size: 238%; } .fs40{ font-size: 250%; } .small{ font-size: 75%; font-weight: normal; } .tI1em{ text-indent: 1em; } @media screen and (max-width: 640px){ .fs22{ font-size: 0.8rem; } .fs28{ font-size: 0.9rem; } .small{ font-size: 0.7rem; } } .txtC{ text-align: center !important; } .txtL{ text-align: left !important; } .txtR{ text-align: right !important; } .red, .red a{ color: #e04e13; } .red2, .red2 a{ color: #ad0000; } .green, .green a{ color: #86A200; } .blue, .blue a{ color: #0B6FA0; } .pink, .pink a{ color: #d34b54; } .fL{ float: left; } .fR{ float: right; } .flexCover{ overflow: hidden; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .flexCover.colum2 li{ width: 48%; } .flexCover.colum3 li{ width: 31%; } .flexCover.colum4 li{ width: 23.5%; } .flexCover li.img, .flexCover li.txt, .flexCover li.ttl{ width: 100%; } .columBox{ overflow: hidden; clear: both; margin-bottom: 2em; } .columBox.colum2 li{ width: 48%; text-align: left; } .columBox li.left{ float: left; } .columBox li.right{ float: right; } .columBox.colum2 li.w35per{ width: 35%; } .columBox.colum2 li.w61per{ width: 61%; } .columBox li img{ width: 100%; } @media screen and (max-width: 640px) { .flexCover.colum2 li{ width: 100%; margin-bottom: 10px; } .flexCover.colum3 li{ width: 100%; margin-bottom: 10px; } .flexCover.colum4 li{ width: 49%; margin-bottom: 10px; } .columBox.colum2 li{ width: 100%; } .columBox li.left{ float: none; } .columBox li.right{ float: none; } .columBox.colum2 li.w35per{ width: 100%; } .columBox.colum2 li.w61per{ width: 100%; } } body.form header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_form.png) 50% 0 no-repeat; min-height: 202px; } body.form.eat header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_formEat.png) 50% 0 no-repeat; min-height: 195px; } body.araya header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_araya.png) 50% 0 no-repeat; min-height: 428px; } body.matsushima header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_matsushima.png) 50% 0 no-repeat; min-height: 429px; } body.room header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_room.png) 50% 0 no-repeat; min-height: 428px; } body.mikunionsen header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_mikunionsen.png) 50% 0 no-repeat; min-height: 429px; } body.tabi header, body.bus header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_tabi.png) 50% 0 no-repeat; min-height: 429px; } body.shibamasa header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_shibamasa.png) 50% 0 no-repeat; min-height: 429px; } body.faq header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_faq.png) 50% 0 no-repeat; min-height: 428px; } body.member header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_member.png) 50% 0 no-repeat; min-height: 429px; } body.contact header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_contact.png) 50% 0 no-repeat; min-height: 429px; } body.sitemap header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_sitemap.png) 50% 0 no-repeat; min-height: 428px; } body.media header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_media.png) 50% 0 no-repeat; min-height: 428px; } body.echizen-crab header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_echizen-crab.png) 50% 0 no-repeat; min-height: 429px; } body.echizenLunch header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_echizenLunch.png) 50% 0 no-repeat; min-height: 429px; } body.echizenPlan header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_echizenPlan.png) 50% 0 no-repeat; min-height: 429px; } body.echizenGui header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_echizenGui.png) 50% 0 no-repeat; min-height: 429px; } body.echizenDish header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_echizenDish2.png) 50% 0 no-repeat; min-height: 429px; } body.season header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_season.png) 50% 0 no-repeat; min-height: 429px; } body.bgnon header{ background-image: none; min-height: 200px; } body.form.bgnon header{ background-image: none !important; min-height: 80px !important; } @media screen and (max-width: 640px) { body.form header{ } body#under header{ min-height: 202px; -webkit-background-size: auto 202px; -moz-background-size: auto 202px; background-size: auto 202px; background-position-y: 0px; } body#under.bgnon header{ min-height: 0px; } } header .fixed{ position: fixed; width: 100%; height: 100%; max-height: 90px; top: 0; z-index: 1; background-color: rgba(255, 255, 255, 0.9); } #top header{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/header_bg_01_shadow.png) 50% 0 no-repeat; min-height: 80px; } @media screen and (max-width: 640px) { header .fixed{ position: fixed; z-index: 1000; height: auto; max-height: none; top: 0; border-bottom: 1px solid #ccc; } } header{ width: 100%; padding-bottom: 15px; z-index: 999; position: relative; } header .inner{ width: 96%; max-width: 980px; margin-left: auto; margin-right: auto; position: relative; } header .logo{ position: absolute; width: 190px; line-height: 1; top: 20px; left: 0; z-index: 1000; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } header .logo.miniSize{ width: 190px; } header .logo img{ width: 100%; } header h1 { font-size: 92%; color: #000000; text-align: left; float: left; padding-top: 15px; padding-left: 245px; line-height: 1; } header .right { float: right; } header .right .sub{ color: #000; text-align: right; font-size: 14px; line-height: 1; margin-top: 15px; margin-bottom: 10px; } header .right .sub li{ display: inline-block; font-size: 100%; } header .right .sub li:first-child{ margin-right: 30px; } header .right .sub li a{ color: #000; } header .right .sub li img{ width: 100%; height: 100%; } header .right .sub li::before { content: ''; display: inline-block; width: 7px; height: 12px; margin-left: -15px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/arrow_blk.svg) no-repeat 50% 50%; } header .topArea{ padding: 0; position: relative; overflow: hidden; width: 100%; margin-top: 90px; color: rgba(255,255,255,1.00); background: rgba(8,11,61,1.00); border-bottom: rgba(176,147,69,1.00) solid 3px; } header .topArea img{ width: auto; max-width: 100%; } header .topArea .openBtn { cursor: pointer; } header .topArea .openBtn img { display: block; } header .topArea .openBtn img.close { display: none; } header .topArea .openBtn.open img { display: none; } header .topArea .openBtn.open img.close { display: block; } header .topArea .openBtn.open .spShow img.close { display: block; } header .topArea .textArea { display: none; font-size: 13px; letter-spacing: -0.08em; padding: 0px; color: #1a1a1a; background: rgba(255,255,255,1.00); } header .topArea .textArea p { padding: 15px 20px; } header .topArea .ttl { display: block; font-size: 18px; font-weight: bold; margin-bottom: 10px; text-indent: 0.5em; } @media screen and (max-width: 810px) { header h1 { display: none; } } @media screen and (max-width: 640px) { #top header{ min-height: inherit; background: none; } header{ position: inherit; } header .inner{ width: 100%; background: #fff; overflow: hidden; height: 49px; } header .logo{ width: 120px; z-index: 980; position: relative; margin: 10px 0 10px 7px; float: left; top: 0px; } #top header .logo{ } header .logo img{ padding-top: 0; margin-left: 0; } header .right { width: 50%; position: fixed; float: right; top: 6px; right: 18%; z-index: 1002; } header .right .sub{ color: #231815; margin: 0; z-index: 1000; } header .right .sub li{ display: inline-block; margin-right: 5px; height: auto; width: 100%; max-width: 38px; } #gnav .right ul:first-child { display: block; } #gnav .right ul:nth-child(2) { display: none; } #gnav.close .right ul:first-child { display: none; } #gnav.close .right ul:nth-child(2) { display: block; } #gnav.close .right { right: 15%; } #gnav.close .right ul li { max-width: 100%; text-align: center; font-size: 1.2rem; } #gnav.close .right ul li span { display: block; margin-bottom: 3px; font-size: 0.8rem; } header .right .sub li:first-child { margin-right: 5px; } header .right .sub li:last-child { margin-right: 0px; } header .right .sub li::before { display: none; } header .topArea { margin-top: 50px; } header .topArea .inner { height: auto; background: none; width: 90%; } header .topArea img { width: 100%; } } @media screen and (max-width: 320px) { header .logo{ width: 100px; margin-top: 13px; } } header .rightNav{ position: fixed; right: 0px; top: 160px; background-color: rgba(8,11,61,0.80); padding: 15px; color: #FFFFFF; width: 190px; height: 270px; text-align: center; line-height: 1em; z-index: 1001; } header .rightNav h3{ margin: 0 auto 15px; font-size: 21px; letter-spacing: 0.3em; font-weight: lighter; text-align: center; } header .rightNav h3 img{ width: 100%; height: 100%; } header .rightNav li{ margin: 0 auto; max-width: 140px; max-height: 35px; } header .rightNav li img{ width: 100%; height: 100%; } header .rightNav h3 span{ display: block; font-size: 10px; margin-top: 3px; letter-spacing: 0.2em; } header .rightNav li a:link, header .rightNav li a:visited { color: rgba(255,255,255,1); } header .rightNav li a:hover { color: rgba(255,255,255,0.8); } header .rightNav li.reserv { margin-bottom: 10px; position: relative; font-size: 17px; height: 35px; line-height: 35px; border: 1px solid rgba(255,255,255,1.00); box-sizing: border-box; letter-spacing: 0.3em; padding-right: 10px; text-align: center; } header .rightNav li.reserv a::after, header .rightNav li.meal a::after { top: 12px; right: 15px; z-index: 1; width: 7px; height: 12px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/arrow_wht.svg) no-repeat 50% 50%; } header .rightNav li.meal { margin-bottom: 13px; position: relative; font-size: 17px; height: 35px; line-height: 35px; margin-bottom: 15px; border: 1px solid rgba(255,255,255,1.00); letter-spacing: 0.3em; padding-right: 10px; text-align: center; } header .rightNav li.reserv:hover, header .rightNav li.meal:hover { background-color: rgba(255,255,255,1.00); } header .rightNav li.reserv:hover a::after, header .rightNav li.meal:hover a::after { top: 12px; right: 15px; z-index: 1; width: 7px; height: 12px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/arrow_blk.svg) no-repeat 50% 50%; } header .rightNav li.meal:link, header .rightNav li.meal:visited { color: rgba(255,255,255,1); } header .rightNav li.reserv:hover a, header .rightNav li.meal:hover a { color: rgba(0,0,0,1); } header .rightNav li.search { border-top: 1px solid rgba(255,255,255,1.00); padding-top: 8px; margin-bottom: 8px; font-size: 15px; padding-left: 30px; position: relative; letter-spacing: 0.7em; text-align: left; } header .rightNav li.search a::before { top: 12px; left: 5px; z-index: 1; width: 11px; height: 12px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/Search-icon.svg) no-repeat 50% 50%; } header .rightNav li.mail { border-top: 1px solid rgba(255,255,255,1.00); padding-top: 8px; margin-bottom: 8px; font-size: 15px; padding-left: 30px; position: relative; letter-spacing: 0.1em; text-align: left; } header .rightNav li.mail a::before { top: 12px; left: 5px; z-index: 1; width: 16px; height: 10px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/Mail-icon.svg) no-repeat 50% 50%; } header .rightNav li.search img, header .rightNav li.mail img { width: 90%; margin: 0 auto; } header .rightNav li.tel { border-top: 1px solid rgba(255,255,255,1.00); padding-top: 13px; font-size: 18px; letter-spacing: 0.02em; position: relative; text-align: center; } @media screen and (max-width: 950px) { header .rightNav li.tel { font-size: 16px; } } header .subNav{ position: absolute; top: 200px; left: 0; width: 171px; display: none !important; } @media screen and (max-width: 950px) { header .rightNav li{ margin-bottom: 6px; width: 100%; } header .rightNav li img{ width: 100%; } } @media screen and (max-width: 640px) { header .subNav{ display: none; } header .rightNav li{ width: 100%; } header .rightNav{ position: absolute; right: 2px; top: 63px; z-index: 1001; } #top header .rightNav{ } } #gnav .foottel { display: none; } #gnav.close .foottel { display: block; } header .foottel { width: 100%; float: none; z-index: 1002; text-align: center; background-color: rgba(0,0,0,0.90); font-size: 1.4rem; padding: 5px 0; margin-top: 50px; } header .foottel a::before { z-index: 1; width: 14px; height: 18px; display: inline-block; margin-right: 5px; position: static; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/Tel-icon.svg) no-repeat 50% 50%; } header .foottel a:nth-child(2)::before { z-index: 1; width: 16px; height: 10px; display: inline-block; margin-right: 5px; position: static; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/Mail-icon.svg) no-repeat 50% 50%; } header .foottel a:link, header .foottel a:visited { color: #FFFFFF; } header .foottel a:hover { color: rgba(255,255,255,0.80); } #gnav{ float: right; width: 100%; background: none; width: 100%; border-radius: 0px; position: absolute; top: 45px; } #gnav #top_naviWrap{ max-width: 980px; width: 100%; margin: 0 auto; padding-left: 193px; z-index:999; text-align: right; } #gnav #top_naviWrap #top_navi{ text-align: right; } #top_naviWrap ul{ letter-spacing: -.4em; } #top_naviWrap li{ max-width: none; width: auto; letter-spacing: normal; } #top_naviWrap li.spShow{ display: none; } #top_naviWrap li a { cursor: pointer; display: block; padding: 0 20px; text-align: center; margin: 5px 0; border-left: 1px solid #999; text-decoration:none; height:auto; line-height:1em; -webkit-transition-property:background; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease; -moz-transition-property:background; -moz-transition-duration:0.2s; -moz-transition-timing-function:ease; -o-transition-property:background; -o-transition-duration:0.2s; -o-transition-timing-function:ease; } #top_naviWrap li a:hover{ color: #231815; } #top_naviWrap li { float:none; position:relative; display: inline-block; font-size: 18px; } #top_naviWrap li:last-child a{ padding-right: 0px; } #top_naviWrap li:hover{ background:none; } #top_naviWrap li .current{ background: #ff0000; } #top_naviWrap ul ul { display:none; position:absolute; top:20px; left:0px; width: 150px; margin:0; padding:25px 0 0; background: none; border-radius: 0px; } #top_naviWrap li:nth-last-child(2) ul { } #top_naviWrap ul ul ul { left:100%; top:0; margin:0 0 0 -1px; } #top_naviWrap li.child a { padding-left: 35px; } #top_naviWrap ul ul li { float:none; line-height:35px; padding:0; margin:0; width: 150px; height: 35px; border-radius: 0px !important; } #top_naviWrap ul ul a { position:relative; display: block; padding:0 0 0 15px; height:auto; line-height:35px; width: 150px; margin:0 0 -1px 0; border: none; font-size: 15px; font-weight: bold; text-align: left; background-color: rgba(255,255,255,0.90); } #top_naviWrap ul ul a::after { content: ''; display: block; top: 12px; right: 10px; vertical-align: middle; z-index: 1; margin-right: 0px; width: 7px; height: 12px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/arrow_blk.svg) no-repeat 50% 50% ; } #top_naviWrap ul ul a.first { } #top_naviWrap ul ul a:hover { background-color: rgba(204,204,204,0.90); } #toggle{ display: none; } @media screen and (max-width: 980px) { #top_naviWrap li{ font-size: 0.9rem; } #top_naviWrap ul ul { padding:42px 0 0; } #top_naviWrap ul ul a{ font-size: 0.9rem; } #top_naviWrap li a { padding: 0 10px; margin: 5px 0; } } @media screen and (max-width: 730px) { #top_naviWrap li{ font-size: 0.8rem; } #top_naviWrap ul ul { padding:40px 0 0; } #top_naviWrap ul ul a{ font-size: 0.8rem; } #top_naviWrap li a { padding: 0 10px; margin: 5px 0; } } @media screen and (max-width: 690px) { #top_naviWrap li{ font-size: 0.68rem; } #top_naviWrap ul ul { padding:10px 0 0; } #top_naviWrap ul ul a{ font-size: 0.68rem; } #top_naviWrap li a { padding: 0 10px; margin: 5px 0; } } @media screen and (max-width: 640px) { #gnav{ position: fixed; top: 0; right: 0; z-index: 100; -webkit-overflow-scrolling: touch; overflow-y: auto; width: 100%; height: 46px; background: none; border-radius: 0; } #gnav.close{ width: 100%; height: 100%; } #gnav #top_naviWrap{ height: auto; padding-left: 0; padding-bottom: 10px; background-color: rgba(255,255,255,1); display: flex; top: 50px; } #top_navi.pc{ display: none; } #spMenu{ font-style: italic; position: absolute; right: 61px; top: 18px; } #toggle{ display: block; position: fixed; top: 8px; right: 10px; width: 25px !important; height: auto !important; z-index: 2001; padding-top: 0px; cursor: pointer; } .menu-ttl { width: 100%; height: 10px; } .menu-ttl img { width: 100%; } .menu-trigger, .menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; } .menu-trigger { position: relative; width: 25px; height: 14px; } .menu-trigger span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #000; } .close .menu-trigger span { } .menu-trigger span:nth-of-type(1) { top: 0; } .menu-trigger span:nth-of-type(2) { top: 6px; } .menu-trigger span:nth-of-type(3) { bottom: 0; } .menu-trigger span:nth-of-type(1) { -webkit-animation: menu-bar01 .45s forwards; animation: menu-bar01 .45s forwards; } @-webkit-keyframes menu-bar01 { 0% { -webkit-transform: translateY(12px) rotate(45deg); } 50% { -webkit-transform: translateY(12px) rotate(0); } 100% { -webkit-transform: translateY(0) rotate(0); } } @keyframes menu-bar01 { 0% { transform: translateY(12px) rotate(45deg); } 50% { transform: translateY(12px) rotate(0); } 100% { transform: translateY(0) rotate(0); } } .menu-trigger span:nth-of-type(2) { transition: all .25s .25s; opacity: 1; } .menu-trigger span:nth-of-type(3) { -webkit-animation: menu-bar02 .45s forwards; animation: menu-bar02 .45s forwards; } @-webkit-keyframes menu-bar02 { 0% { -webkit-transform: translateY(-12px) rotate(-45deg); } 50% { -webkit-transform: translateY(-12px) rotate(0); } 100% { -webkit-transform: translateY(0) rotate(0); } } @keyframes menu-bar02 { 0% { transform: translateY(-12px) rotate(-45deg); } 50% { transform: translateY(-12px) rotate(0); } 100% { transform: translateY(0) rotate(0); } } .close .menu-trigger span:nth-of-type(1) { -webkit-animation: active-menu-bar01 .45s forwards; animation: active-menu-bar01 .45s forwards; } @-webkit-keyframes active-menu-bar01 { 0% { -webkit-transform: translateY(0) rotate(0); } 50% { -webkit-transform: translateY(10px) rotate(0); } 100% { -webkit-transform: translateY(10px) rotate(45deg); } } @keyframes active-menu-bar01 { 0% { transform: translateY(0) rotate(0); } 50% { transform: translateY(10px) rotate(0); } 100% { transform: translateY(10px) rotate(45deg); } } .close .menu-trigger span:nth-of-type(2) { opacity: 0; } .close .menu-trigger span:nth-of-type(3) { -webkit-animation: active-menu-bar03 .45s forwards; animation: active-menu-bar03 .45s forwards; } @-webkit-keyframes active-menu-bar03 { 0% { -webkit-transform: translateY(0) rotate(0); } 50% { -webkit-transform: translateY(-10px) rotate(0); } 100% { -webkit-transform: translateY(-3px) rotate(-45deg); } } @keyframes active-menu-bar03 { 0% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-10px) rotate(0); } 100% { transform: translateY(-3px) rotate(-45deg); } } #top_navi{ display: none; } #top_navi{ z-index: 2000; max-width: 60%; width: 100%; height: 100%; float: left; font-size: 1rem; position: relative; padding: 0 0 0 0; -webkit-overflow-scrolling: touch; overflow-y: auto; } #top_navi li{ width: 100%; margin: 0 !important; text-align: center; padding: 0; background: none; float: none; list-style: none; display: inline-block; } #top_naviWrap li.spShow{ display: block; } #top_navi li a{ width: 100%; height: 100%; display: block; padding: 12px 10px; text-decoration: none; color: #666; } #top_naviWrap li.youtube{ width: 100%; padding: 0; } #top_naviWrap li.youtube a{ padding: 5px 20px; } #gnav #sp_yoyaku{ display: none; } #gnav.close #sp_yoyaku{ display: block; } #sp_yoyaku{ z-index: 2000; max-width: 40%; float: right; width: 100%; height: 100%; font-size: 1rem; position: relative; padding: 20px 10px 0 0; -webkit-overflow-scrolling: touch; overflow-y: auto; } #sp_yoyaku li{ width: 100%; margin: 0 0 20px 0 !important; text-align: center; padding: 0; background: none; float: none; list-style: none; display: inline-block; } #sp_yoyaku li img{ width: 100%; } #top_naviWrap ul#sp_yoyaku li a { border-bottom: none; padding: 0 10px; } #top_naviWrap ul#sp_yoyaku li a::after { background: none; } .close #toggle{ opacity: 1; } #top_navi li a.active{ text-decoration: none; } #top_naviWrap { margin-top:0; margin-right: 0; float:none; position: relative; right: inherit; } #top_naviWrap ul ul { display: block; position: relative; width: inherit; top: inherit; left:inherit; border-radius: 0; padding: 0; } #top_naviWrap ul ul ul { left: inherit; top: inherit; } #top_naviWrap li { max-width: 100%; float: left; padding-left: 20px; } #top_naviWrap li a { font-size: 0.9rem; text-align: left; height: auto; line-height: auto; border: none; border-bottom: 1px solid #ccc; margin: 0; } #top_naviWrap li a:hover { background:none; color: #666; } #top_naviWrap ul ul li { background: #fff; width: 100%; max-width: 100%; margin-left: 0 !important; line-height: normal; height: auto; border-bottom: 1px solid #ccc; } #top_naviWrap ul ul a { font-size:0.8rem; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #ccc; padding:0 0 0 10px; width: 100%; } #top_naviWrap ul ul a::after { content: ''; display: block; top: 12px; right: 10px; vertical-align: middle; z-index: 1; margin-right: 0px; width: 7px; height: 12px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/arrow_gry.svg) no-repeat 50% 50% ; } #top_naviWrap ul a::after { content: ''; display: block; top: 12px; right: 10px; vertical-align: middle; z-index: 1; margin-right: 0px; width: 7px; height: 12px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/arrow_gry.svg) no-repeat 50% 50% ; } #top_naviWrap ul ul a span.spShow { display: inline-block !important; margin-right: 5px; } #top_naviWrap ul ul li:first-child a { border-top: none; } #top_naviWrap li.child li a { padding-left: 52px; } #top_naviWrap li .current{ border-bottom: none; padding-bottom: inherit; } } #conWrap{ overflow: hidden; clear: both; } #conWrap .inner, footer .inner{ width: 96%; max-width: 980px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 640px) { #conWrap .inner, footer .inner{ width: 100%; padding: 0 7px; } } .ttlGreen{ width: 100%; padding: 20px; margin-bottom: 40px; font-size: 178%; background: rgba(134, 163, 0, 0.2); text-align: center; line-height: 3.5; } .ttlRed{ width: 100%; padding: 20px; margin-bottom: 40px; font-size: 178%; background: rgba(218, 105, 132, 0.2); text-align: center; line-height: 3.5; } .ttlGreen.lh2, .ttlRed.lh2{ line-height: 2; } .bgGreen, .bgBlue, .bgRed, .bgYellow, .bgPink{ text-align: center; color: #fff; background-color: #87a301; padding: 10px; font-size: 160%; margin-bottom: 10px; } .bgBlue{ background-color: #018cb5; } .bgRed{ background-color: #DC4F12; } .bgYellow{ background-color: #C99B04; } .bgPink{ background-color: #d34b54; } .bggry{ background-color: rgba(132,132,132,0.2); } .bgGreen .small, .bgBlue .small, .bgYellow .small, .bgPink .small{ font-size: 80%; } .bgGreen a:link, .bgBlue a:link, .bgYellow a:link, .bgPink a:link{ color: #fff; } .bgGreen a:visited, .bgBlue a:visited, .bgYellow a:visited, .bgPink a:visited{ color: #fff; } .ttlCenter{ font-size: 120%; text-align: center; font-weight: bold; margin-bottom: 1em; } .ttlLeft{ font-size: 120%; text-align: left; font-weight: bold; margin-bottom: 1em; } .ttlGreenLineWrap{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/ttl_bg_greenLine.png) 50% 0 no-repeat; margin-bottom: 0; } .ttlGreenLine{ text-align: center; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/ttl_bg_greenLine.png) 50% bottom no-repeat; font-size: 200%; padding: 20px 0; } .ttlRedLineWrap{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/ttl_bg_redLine.png) 50% 0 no-repeat; margin-bottom: 0; } .ttlRedLine{ text-align: center; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/ttl_bg_redLine.png) 50% bottom no-repeat; font-size: 200%; padding: 20px 0; } .ttlGreenLineWrap.wb, .ttlRedLineWrap.wb{ background-color: rgba(255, 255, 255, 0.7); font-size: 90%; } .ttlGreenLineWrap.wb .ttlGreenLine, .ttlRedLineWrap.wb .ttlRedLine{ text-align: left; padding: 10px 15px; overflow: hidden; } .ttlGreenLineWrap.wb .right, .ttlRedLineWrap.wb .right{ float: right; font-size: 56%; text-align: right; line-height: 1.5; } hr.greenLine{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/ttl_bg_greenLine.png) 50% 0 no-repeat; border: none; height: 4px; margin-bottom: 40px; } hr.redLine{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/ttl_bg_redLine.png) 50% 0 no-repeat; border: none; height: 4px; margin-bottom: 40px; } @media screen and (max-width: 900px) { .ttlGreenLineWrap.wb .right, .ttlRedLineWrap.wb .right{ float: none; display: block; text-align: left; } } @media screen and (max-width: 640px) { .ttlGreen{ font-size: 1.1rem; line-height: 1.5; } .bgGreen, .bgBlue, .bgRed, .bgYellow, .bgPink{ font-size: 1rem; margin-bottom: 10px; } .ttlGreenLine{ font-size: 1rem; } } footer { zoom: 1; margin: 0; width: 100%; position: relative; padding: 0 0 50px; overflow: hidden; background: none; } footer .topArea{ padding: 40px 0; margin-bottom: 30px; color: rgba(255,255,255,1.00); background: rgba(8,11,61,1.00); border-top: rgba(176,147,69,1.00) solid 3px; border-bottom: rgba(176,147,69,1.00) solid 3px; } footer .topArea .flexCover.colum3 li:nth-child(1){ max-width: 350px; width: 100%; } footer .topArea .flexCover.colum3 li:nth-child(2){ max-width: 290px; width: 100%; } footer .topArea .flexCover.colum3 li:nth-child(2) ul{ margin-top: 20px; } footer .topArea .flexCover.colum3 li:nth-child(2) .flexCover.colum2 li{ width: 48%; position: relative; text-align: left; padding-left: 30px; } footer .topArea .flexCover.colum3 li:nth-child(2) .flexCover.colum2 li:nth-child(1) { padding-left: 25px; } footer .topArea .flexCover.colum3 li:nth-child(2) .flexCover.colum2 li:nth-child(1) a::before { top: 6px; left: 0px; z-index: 1; width: 12px; height: 17px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/foot_access_arrow.svg) no-repeat 50% 50%; } footer .topArea .flexCover.colum3 li:nth-child(2) .flexCover.colum2 li:nth-child(2) a::before { top: 8px; left: 0px; z-index: 1; width: 20px; height: 14px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/foot_contact_arrow.svg) no-repeat 50% 50%; } footer .topArea .flexCover.colum3 li:nth-child(2) .flexCover.colum2 li a:link, footer .topArea .flexCover.colum3 li:nth-child(2) .flexCover.colum2 li a:visited{ color: rgba(255,255,255,1.00); text-decoration: underline; } footer .topArea .flexCover.colum3 li:nth-child(3){ max-width: 250px; width: 100%; } footer .topArea .flexCover.colum3 li:nth-child(3) ul{ margin-top: 30px; } footer .topArea .flexCover.colum3 li:nth-child(3) .flexCover.colum2 li{ width: 48%; position: relative; text-align: left; padding-left: 30px; } footer .topArea .flexCover.colum3 li:nth-child(3) .flexCover.colum2 li:nth-child(1) { padding-left: 25px; width: 60%; } footer .topArea .flexCover.colum3 li:nth-child(3) .flexCover.colum2 li:nth-child(2) { width: 40%; } footer .topArea .flexCover.colum3 li:nth-child(3) .flexCover.colum2 li:nth-child(1) a::before { top: 6px; left: 0px; z-index: 1; width: 12px; height: 17px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/foot_sitemap_arrow.svg) no-repeat 50% 50%; } footer .topArea .flexCover.colum3 li:nth-child(3) .flexCover.colum2 li a:link, footer .topArea .flexCover.colum3 li:nth-child(3) .flexCover.colum2 li a:visited{ color: rgba(255,255,255,1.00); text-decoration: underline; } footer .address{ font-size: 90%; } footer .footNav{ max-width: 980px; width: 100%; margin: 30px auto; } footer .footNav li{ text-align: left; padding-right: 20px; font-size: 90%; margin-bottom: 1em; } footer .footNav .sub li{ width: 100%; padding-right: 0; margin-bottom: 3px; position: relative; } footer .footNav li a{ padding-left: 1em; font-weight:bold; color: rgba(102,102,102,1.00); } footer .footNav li a:before{ content: ""; color: rgba(102,102,102,1.00); z-index: 1; } footer .footNav .sub li a::before { top: 6px; left: 0px; z-index: 1; width: 6px; height: 10px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/foot_link_arrow.svg) no-repeat 50% 50%; } footer .foot_text{ font-size: 80%; text-align: left; } footer .copyright{ font-size: 70%; color: rgba(102,102,102,1.00); } footer .info{ max-width: 644px; margin: 0 auto 35px; } footer .info li{ width: 48%; } footer .txt{ font-size: 80%; } footer .best{ width: 100%; max-width: 500px; margin: 0 auto 40px; } footer .inner img{ max-width: 100%; } @media screen and (max-width: 950px) { footer .topArea .flexCover.colum3 li:nth-child(1), footer .topArea .flexCover.colum3 li:nth-child(2), footer .topArea .flexCover.colum3 li:nth-child(3){ max-width: 32%; } footer .topArea .flexCover.colum3 li:nth-child(2) .flexCover.colum2 li, footer .topArea .flexCover.colum3 li:nth-child(3) .flexCover.colum2 li{ max-width: 48%; font-size: 80%; } footer .address { font-size: 70%; } } @media screen and (max-width: 640px) { footer .topArea .inner{ width: 80% !important; } footer .topArea{ padding: 40px 0 10px; margin-bottom: 20px; } footer .topArea .flexCover.colum3 li:nth-child(2) ul{ padding: 0 5%; font-size: 110%; max-width: 350px; margin-left: auto; margin-right: auto; } footer .topArea .flexCover.colum3 li:nth-child(3) ul{ padding: 0 10%; font-size: 110%; max-width: 350px; margin-left: auto; margin-right: auto; } footer .tel{ margin-top: 30px; } footer .address{ font-size: 100%; } footer .footNav{ display: none; } footer .footNav li{ width: 50%; padding-right: 30px; margin-bottom: 1em; } footer .footNav li:nth-child(even){ padding-right: 0; } footer .foot_text{ font-size: 50%; text-align: center; } footer .copyright{ margin-top: 8px; font-size: 50%; } footer .topArea .flexCover.colum3 li:nth-child(1), footer .topArea .flexCover.colum3 li:nth-child(2), footer .topArea .flexCover.colum3 li:nth-child(3){ max-width: 100%; text-align: center; } footer .topArea .flexCover.colum3 li:nth-child(2) .flexCover.colum2 li:nth-child(1) a::before { top: 3px; } footer .topArea .flexCover.colum3 li:nth-child(2) .flexCover.colum2 li:nth-child(2) a::before { top: 4px; } footer .topArea .flexCover.colum3 li:nth-child(3) .flexCover.colum2 li:nth-child(1) a::before { top: 3px; } } #pageTop{ bottom: 25px; right: 25px; position: fixed; display: block; width: 60px; display: none; z-index: 900; } #pageTop a { position: relative; display: block; padding: 10px 0px 10px 0px; text-indent: -9898px; } #pageTop a::before, #pageTop a::after { position: absolute; top: 50%; left: 6px; display: block; content: ''; width: 30px; height: 4px; background-color: #E69FAA; text-decoration: none; } #pageTop a::before { margin-top:3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 26px; } #pageTop a::after { margin-top: 3px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #pageTop a:hover::before, #pageTop a:hover::after { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } @media screen and (max-width: 640px) { #pageTop{ position: relative; display: block; bottom: inherit; right: inherit; width: 100%; padding: 0 0 10px; background-color: rgba(255,255,255,0.4); z-index: 1; } #pageTop a::before, #pageTop a::after { width: 24px; height: 3px; } #pageTop a:hover::before, #pageTop a:hover::after { opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "alpha( opacity=100 )"; } #pageTop a::before, #pageTop a::after { left: 50%; margin-left: -3px; } #pageTop a::after { margin-left: -18px; } } #breadCrumb{ overflow: hidden; width: 100%; margin-top: 15px; } #breadCrumb p{ padding: 0; font-size: 79%; text-align: left; max-width: 980px; width: 96%; margin: 0 auto 0; } #breadCrumb span:first-child{ padding-left: 0; } #breadCrumb span{ font-style: normal; padding: 0 10px; } #breadCrumb span span{ padding: 0; } #breadCrumb a{ } #breadCrumb a:hover{ text-decoration: none; color: #db4f11; } @media screen and (max-width: 640px) { #breadCrumb{ width: 100%; min-height: 30px; border-top: none; } #breadCrumb p{ padding: 10px 7px; text-align: left; max-width: 100%; width: 100%; } #breadCrumb span{ padding: 0 2px; } } @media screen and (min-width: 641px) { .sp { display: none !important; } } .aspect { position: relative; } .aspect:before { content: ""; display: block; padding-top: 100%; position: relative; } .aspect > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .button { background-color: #D9D9D9; border-radius: 8.5px; text-align: center; font-size: 21px; white-space: nowrap; line-height: 1em; padding: 0.85em; display: block; } .button:hover { color: inherit; opacity: 0.6; } .button:after { content: ""; display: inline-block; height: 1em; width: 1em; background-image: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/base/button_arrow_black.svg); background-repeat: no-repeat; background-position: center right; background-size: contain; margin-top: 0.1em; z-index: 0; } .button.blue { background-color: #0B4586; color: #fff; } .button.blue:after { background-image: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/base/button_arrow_white.svg); } @media screen and (max-width: 640px) { .button { font-size: 15px; } } .carea { max-width: 1080px; margin: 0 auto; box-sizing: border-box; text-align: left; } .carea h3.carea-title { text-align: center; font-size: 178%; line-height: 1.5em; margin-bottom: 1em; } .carea h3.carea-title span { display: inline-block; position: relative; padding: 0 30px; } .carea h3.carea-title span:before, .carea h3.carea-title span:after { content: ""; display: block; width: 158px; height: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; z-index: 0; top: 0; } .carea h3.carea-title span:before { background-image: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/base/h3_arrow_before.png); left: -158px; } .carea h3.carea-title span:after { background-image: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/base/h3_arrow_after.png); right: -158px; } @media screen and (max-width: 640px) { .carea { margin-top: 20px; margin-bottom: 40px; } .carea h3.carea-title { font-size: 1rem; } .carea h3.carea-title span { padding: 0; } .carea h3.carea-title span:before, .carea h3.carea-title span:after { width: 110px; } .carea h3.carea-title span:before { left: -110px; } .carea h3.carea-title span:after { right: -110px; } } #planlist {} #planlist .big { margin-bottom: 4em; } #planlist .big > h2 { font-size: 1.5em; line-height: 1.35em; background-color: rgba(176,147,69,0.35); padding: 0.8em 0.5em; } #planlist .big > .list_title { font-size: 1.125em; line-height: 1.5em; margin-top: 2em; margin-bottom: 0.5em; padding: 0 1em; } #planlist .big .plantabs { margin-top: 4em; } .planlistbase { padding: 0 30px; } @media screen and (max-width: 640px) { .planlistbase { padding: 0; } } ul.planlist { width: 1000px; max-width: 100%; margin: 0 auto; box-sizing: border-box; letter-spacing: -1em; text-align: left; } ul.planlist:not(.slick-initialized) li { display: none; } ul.planlist li.plan { width: 33.333%; display: inline-block; vertical-align: top; letter-spacing: 0; overflow: hidden; } @media screen and (max-width: 840px) { ul.planlist li.plan { width: 50%; } } @media screen and (max-width: 640px) { ul.planlist { padding: 0 20px; } ul.planlist li.plan { width: 100%; } } ul.planlist li.plan > .base { background-color: #fff; margin: 10px; box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2); font-size: 12px; line-height: 1.666em; position: relative; } ul.planlist li.plan > .base .photo { position: relative; margin: 0; padding: 0; border-top: none; border-bottom: none; } ul.planlist li.plan > .base .photo:before { padding-top: 60%; } ul.planlist li.plan > .base .photo a { position: absolute; top: 0; left: 0; width: 100%; } ul.planlist li.plan > .base .photo a img { width: 100%; height: auto; -webkit-transition: .2s ease-out; -moz-transition: .2s ease-out; -o-transition: .2s ease-out; transition: .2s ease-out; } ul.planlist li.plan > .base .photo a:hover img { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -webkit-opacity: 0.7; } ul.planlist li.plan > .base .photo .budge { position: absolute; right: 10px; bottom: -10px; z-index: 1; width: 23.333%; border-radius: 50%; color: #fff; background-color: #023279; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } ul.planlist li.plan > .base .photo .budge > .content { text-align: center; top: 51%; left: 50%; right: auto; bottom: auto; width: 70%; height: auto; transform: translate(-50%,-50%); font-size: 79%; line-height: 1.416em; } ul.planlist li.plan .photo .budge.color1 { background-color: #023279; } ul.planlist li.plan .photo .budge.color2 { background-color: #026737; } ul.planlist li.plan .photo .budge.color3 { background-color: #a57c51; } ul.planlist li.plan .photo .budge.color4 { background-color: #333332; } ul.planlist li.plan .photo .budge.color5 { background-color: #ad0101; } ul.planlist li.plan .photo .budge.color6 { background-color: #e8972a; } ul.planlist li.plan .photo .budge.color7 { background-color: #2d5a91; } ul.planlist li.plan > .base .container { padding: 20px; } ul.planlist li.plan:not(.nobtn) > .base .container { padding-bottom: 45px; } ul.planlist li.plan > .base .container .banner img { width: 100%; height: auto; margin-bottom: 0.75em; } ul.planlist li.plan > .base .container .title { font-size: 1.5em; line-height: 1.444em; margin-bottom: 1em; } ul.planlist li.plan > .base .container .caption { margin-bottom: 1.5em; } ul.planlist li.plan > .base .container .info { display: table; } ul.planlist li.plan.nobtn > .base .container .info { margin-bottom: -1em; } ul.planlist li.plan > .base .container .info dl { display: table-row; font-size: 100%; } ul.planlist li.plan > .base .container .info dl dt { display: table-cell; vertical-align: top; padding-bottom: 1em; } ul.planlist li.plan > .base .container .info dl dt .label { background-color: #E6E6E6; display: block; padding: 4px 6px; line-height: 1em; white-space: nowrap; display: block; text-align: center; } ul.planlist li.plan > .base .container .info dl dd { display: table-cell; padding-left: 14px; vertical-align: top; padding-bottom: 1em; } ul.planlist li.plan > .base .container .info dl.term dd { font-size: 1.25em; } ul.planlist li.plan > .base .container .info dl.price dd { font-size: 1.75em; } ul.planlist li.plan > .base .container .info dl.price dd small { font-size: 0.666em; } ul.planlist li.plan > .base .container .button { background-color: #E1D6C8; font-size: 14px; position: absolute; left: 20px; right: 20px; bottom: 20px; padding: 8px; } ul.planlist li.plan > .base .container .button.blue { background-color: #0B4586; } @media screen and (max-width: 640px) { ul.planlist li.plan > .base { font-size: 10.2px; } ul.planlist li.plan > .base .container { padding: 15px; } ul.planlist li.plan:not(.nobtn) > .base .container { padding-bottom: 40px; } ul.planlist li.plan > .base .container .button { left: 15px; right: 15px; bottom: 15px; } } ul.planlist .slick-arrow { position: absolute; height: 100%; width: 35px; border: none; background-color: transparent; font-size: 0; cursor: pointer; top: 0; outline: none; z-index: 2; padding: 0; } ul.planlist .slick-arrow:before{ content: ""; display: block; width: 30px; height: 30px; border-top: 2px solid #4D4D4D; top: 50%; margin-top: -15px; z-index: 1; } ul.planlist .slick-arrow.slick-prev { left: -35px; } ul.planlist .slick-arrow.slick-prev:before{ border-left: 2px solid #4D4D4D; transform-origin: top left; transform: rotate(-45deg); left: 5px; } ul.planlist .slick-arrow.slick-next { right: -35px; } ul.planlist .slick-arrow.slick-next:before{ border-right: 2px solid #4D4D4D; transform-origin: top right; transform: rotate(45deg); right: 5px; } .plantabs {} .plantabs .tabs { width: 100%; max-width: 1060px; margin: 0 auto; overflow: hidden; text-align: center; display: table; box-sizing: border-box; border-spacing: 30px 0; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .plantabs .tabs ul { display: table-row; } .plantabs .tabs ul li { display: table-cell; width: 20%; vertical-align: top; position: relative; color: #666666; font-size: 18px; line-height: 1.4em; box-sizing: border-box; padding-top: 20px; padding-bottom: 10px; cursor: pointer; background-color: #C9DFEA; border-radius: 13px 13px 0 0; -webkit-transition: .2s ease-out; -moz-transition: .2s ease-out; -o-transition: .2s ease-out; transition: .2s ease-out; } .plantabs .tabs ul li:hover { color: #eee; background-color: #72A4C3; } .plantabs .tabs ul li.on { color: #fff; background-color: #0B6FA0; } .plantabs ul.planlist { background-color: #F2F2F2; border: 2px solid #0B6FA0; width: 1020px; padding: 10px; min-height: 100px; z-index: 1; } @media screen and (max-width: 740px) { .plantabs .tabs { border-spacing: 10px 0; padding: 0 30px; } .plantabs .tabs ul li { font-size: 14px; } } @media screen and (max-width: 640px) { ul.planlist .slick-arrow:before{ width: 20px; height: 20px; margin-top: -10px; } ul.planlist .slick-arrow.slick-prev { left: 0px; } ul.planlist .slick-arrow.slick-prev:before{} ul.planlist .slick-arrow.slick-next { right: 0px; } ul.planlist .slick-arrow.slick-next:before{} .plantabs .tabs { border-spacing: 5px 0; padding: 0; } .plantabs .tabs ul li { font-size: 8px; border-radius: 6px 6px 0 0; padding-top: 5px; padding-bottom: 5px; } .plantabs ul.planlist { border-left: none; border-right: none; padding: 20px; } } .plans-gentei-shibamasa {} .plans-gentei-shibamasa .reserv { padding: 0 20px; padding-top: 40px; width: 740px; max-width: 100%; margin: 0 auto; box-sizing: border-box; } @media screen and (max-width: 640px) { .plans-gentei-shibamasa .reserv { padding-top: 20px; } } article.top_info { padding: 60px 0 20px !important; } article.top_info.d_none { display: none; } article.top_info h2.openBtn { width: 60%; padding: 5px 0 !important; margin: 0 auto 10px !important; text-align: left; cursor: pointer; background: #84982e; background: -webkit-linear-gradient(to right, #84982e, #37550a); background: linear-gradient(to right, #84982e, #37550a); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: flex; justify-content: center; align-items: center; } article.top_info h2.openBtn.oB2 { padding: 5px 0; margin: 30px auto 20px; width: 60%; } article.top_info h2.openBtn span { font-size: 20px; font-weight: normal; color: #ffffff; display: flex; align-items: center; position: relative; } article.top_info h2.openBtn span::before { z-index: 1; position: relative; margin-right: 15px; height: 13px; width: 22px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/info_arrow_open.svg) no-repeat; background-size: contain; } article.top_info h2.openBtn.open span::before { z-index: 1; position: relative; margin-right: 15px; height: 13px; width: 22px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/info_arrow_close.svg) no-repeat; background-size: contain; } article.top_info .info_wrap { margin: 30px; } article.top_info .info_wrap .colum2 { display: -webkit-box; display: -ms-flexbox; display: flex; } article.top_info .info_wrap .colum2 li { margin-bottom: 0; } article.top_info .info_wrap .colum2 li:first-child { } article.top_info .info_wrap .colum2 li:last-child { } article.top_info .info_wrap .colum2 li .info_img { margin-right: 20px; } article.top_info .info_wrap .colum2 li .info_img img { width: auto; max-width: 230px; height: auto; } article.top_info .textArea .textArea > .info_wrap { margin: 30px; padding-bottom: 30px; border-bottom: 1px solid #cccccc; } article.top_info .textArea { display: none; font-size: 13px; letter-spacing: -0.08em; padding: 0px; color: #1a1a1a; background: rgba(255,255,255,1.00); } article.top_info .textArea h3.info_ttl { display: block; font-size: 18px; font-weight: bold; margin-bottom: 10px; } article.top_info .textArea .info_txt { font-size: 16px; } article.top_info .closeBtn { width: fit-content; padding: 5px 15px !important; margin: 0 auto 10px !important; text-align: left; cursor: pointer; background: #84982e; background: -webkit-linear-gradient(to right, #84982e, #37550a); background: linear-gradient(to right, #84982e, #37550a); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: flex; justify-content: center; align-items: center; } article.top_info .closeBtn span { font-size: 18px; font-weight: normal; color: #ffffff; display: flex; align-items: center; position: relative; } article.top_info .closeBtn span::before { z-index: 1; position: relative; margin-right: 15px; height: 13px; width: 22px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/info_arrow_close.svg) no-repeat; background-size: contain; } @media screen and (max-width: 640px) { article.top_info h2.openBtn { width: 100%; } article.top_info h2.openBtn span { padding: 0 8px; } article.top_info { padding: 40px 0 20px !important; } article.top_info .info_wrap { margin: 20px; } article.top_info .textArea .textArea > .info_wrap { margin: 20px; padding-bottom: 20px; } article.top_info .info_wrap .colum2 { display: block; } article.top_info .info_wrap .colum2 li { width: 100%; } article.top_info .info_wrap .colum2 li .info_img { text-align: center; margin-bottom: 10px; margin-right: 0px; } article.top_info .info_wrap .colum2 li .info_img img { max-width: 100%; } } article.info_window { padding: 60px 0 20px !important; } article.info_window .inner { height: 200px; overflow: auto; } article.info_window .inner::-webkit-scrollbar { width: 10px; } article.info_window .inner::-webkit-scrollbar-track { border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); } article.info_window .inner::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 50, .5); border-radius: 10px; box-shadow:0 0 0 1px rgba(255, 255, 255, .3); } article.info_window.d_none { display: none; } article.info_window h2.openBtn { width: 60%; padding: 5px 0 !important; margin: 0 auto 10px !important; text-align: left; cursor: pointer; background: #84982e; background: -webkit-linear-gradient(to right, #84982e, #37550a); background: linear-gradient(to right, #84982e, #37550a); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: flex; justify-content: center; align-items: center; } article.info_window h2.openBtn.oB2 { padding: 5px 0; margin: 30px auto 20px; width: 60%; } article.info_window h2.openBtn span { font-size: 20px; font-weight: normal; color: #ffffff; display: flex; align-items: center; position: relative; } article.info_window h2.openBtn span::before { z-index: 1; position: relative; margin-right: 15px; height: 13px; width: 22px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/info_arrow_open.svg) no-repeat; background-size: contain; } article.info_window h2.openBtn.open span::before { z-index: 1; position: relative; margin-right: 15px; height: 13px; width: 22px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/info_arrow_close.svg) no-repeat; background-size: contain; } article.info_window .info_wrap { margin: 30px; } article.info_window .info_wrap .colum2 { display: -webkit-box; display: -ms-flexbox; display: flex; } article.info_window .info_wrap .colum2 li { margin-bottom: 0; } article.info_window .info_wrap .colum2 li:first-child { } article.info_window .info_wrap .colum2 li:last-child { } article.info_window .info_wrap .colum2 li .info_img { margin-right: 20px; } article.info_window .info_wrap .colum2 li .info_img img { width: auto; max-width: 230px; height: auto; } article.info_window .textArea .info_wrap { margin: 30px; padding-bottom: 30px; border-bottom: 1px solid #cccccc; } article.info_window .textArea { font-size: 13px; letter-spacing: -0.08em; padding: 0px; color: #1a1a1a; background: rgba(255,255,255,1.00); overflow: hidden; } article.info_window .textArea h3.info_ttl { display: block; font-size: 18px; font-weight: bold; margin-bottom: 10px; } article.info_window .textArea .info_txt { font-size: 16px; } article.info_window .closeBtn { width: fit-content; padding: 5px 15px !important; margin: 0 auto 10px !important; text-align: left; cursor: pointer; background: #84982e; background: -webkit-linear-gradient(to right, #84982e, #37550a); background: linear-gradient(to right, #84982e, #37550a); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: flex; justify-content: center; align-items: center; } article.info_window .closeBtn span { font-size: 18px; font-weight: normal; color: #ffffff; display: flex; align-items: center; position: relative; } article.info_window .closeBtn span::before { z-index: 1; position: relative; margin-right: 15px; height: 13px; width: 22px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/info_arrow_close.svg) no-repeat; background-size: contain; } @media screen and (max-width: 640px) { article.info_window .inner { height: 180px; overflow: auto; padding: 0 !important; } article.info_window h2.openBtn { width: 100%; } article.info_window h2.openBtn span { padding: 0 8px; } article.info_window { padding: 40px 0 20px !important; } article.info_window .info_wrap { margin: 20px; } article.info_window .textArea .textArea > .info_wrap { margin: 20px; padding-bottom: 20px; } article.info_window .info_wrap .colum2 { display: block; } article.info_window .info_wrap .colum2 li { width: 100%; } article.info_window .info_wrap .colum2 li .info_img { text-align: center; margin-bottom: 10px; margin-right: 0px; } article.info_window .info_wrap .colum2 li .info_img img { max-width: 60%; } article.info_window .textArea .info_wrap { margin: 20px; } } h1,h2,h3,h4,ul{ text-align: left; font-weight: normal; } #top #loader { display: block; position: fixed; _position: absolute; top: 50%; left: 50%; margin-top: -2.5em; margin-left: -2.5em; z-index: 100; } #top #fade { color: rgba(1,140,181,1); width: 100%; height: 100%; display: block; background-color: #fff; position: absolute; top: 0px; left: 0px; z-index: 9999; } #loader:before, #loader:after, #loader { border-radius: 50%; width: 2.5em; height: 2.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out; } #loader { color: rgba(1,140,181,1); font-size: 12px; margin: 80px auto; position: relative; text-indent: -9898em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } #loader:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } #loader:after { left: 3.5em; } #loader:before, #loader:after { content: ''; position: absolute; top: 0; } @-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } @keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } #top #wrapper{ overflow: hidden; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha( opacity=0 )"; } #topmainWrap{ position: absolute; top: 0; width: 100%; } #topmain{ width: 100%; text-align: center; position: relative; } #topmain .sliderTop{ position: relative; } #topmain .sliderTop a{ position: relative; width: 100%; display: block; background-repeat: no-repeat; background-position: center; background-size: cover; } #topmain .sliderTop img{ width: 100%; } #topmain .bx-pager span{display: none;} #topmain .bx-pager{ display: none; } #topmain .bx-pager-link{ display: none; } #topmain .bx-pager-link.active{ } #topmain .bx-pager-item{ display: inline; } #topmain h2{ z-index: 99; text-align: center; position: absolute; width: 100%; top: 50%; margin-top: -105px; display: block; } #topmain .logo img{ width: 190px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 640px) { #topmain { margin-top: 49px; } #topmain h2{ z-index: 99; text-align: center; position: absolute; width: 100%; top: 50%; margin-top: -80px; display: block; } #topmain .logo img{ width: 110px; margin-left: auto; margin-right: auto; display: none; } } #top #conWrap{ margin-top: calc(100vw * 600 / 1366 - 80px); } @media screen and (max-width: 640px) { #top #conWrap{ margin-top: calc(100vw * 600 / 1366 + 40px); } } #top #conWrap h2{ font-size: 176%; text-align: center; padding: 10px 0; margin-bottom: 10px; font-weight: bold; } #top #conWrap p.lead { font-size: 85%; font-weight: bold; letter-spacing: 0.06em; } #top #conWrap p.txt { line-height: 2.2em; } #top #conWrap p.ls-1 { letter-spacing: -0.1em; } #top #conWrap #wrap article{ padding: 20px 0; } #top #conWrap #wrap article#gall, #top #conWrap #wrap article#movie{ padding: 40px 0; } #top #conWrap p.intro{ margin-left: auto; margin-right: auto; margin-bottom: 3em; font-size: 125%; } #top #conWrap .colum3{ text-align: center; font-size: 125%; } #top #conWrap .bottomImg{ width: 100%; margin-top: 50px; } @media screen and (max-width: 640px) { #top #conWrap h2{ font-size: 140%; } #top #conWrap p.txt { text-align: justify; text-align-last: left; } #top #conWrap p.txt br { display: none; } #top #conWrap p.intro{ font-size: 0.8rem; } #top #conWrap #wrap article{ padding: 20px 0 0; } #top #conWrap #wrap article:first-child{ padding-top: 0; } } #gall{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/footer_bg_topArea.jpg) 50% 0; } #gall .sliderWrap{ width: 90%; max-width: 800px; margin: 0 auto; position: relative; } #gall .sliderGall li{ width: 100%; } #gall .sliderGall li img{ width: 100%; } #gall .sliderWrap .bx-wrapper .bx-controls-direction a { top: 50%; margin-top: -28px; width: 28px; height: 56px !important; position: absolute; z-index: 51; } #gall .sliderWrap .bx-wrapper .bx-prev { left: -90px; text-indent: -9898px; } #gall .sliderWrap .bx-wrapper .bx-next { right: -90px; text-indent: -9898px; } #gall .sliderWrap .bx-wrapper .bx-prev::before, #gall .sliderWrap .bx-wrapper .bx-next::before{ width: 28px; position: absolute; top: 50%; margin-top: -14px; left: 0px; display: block; content: ''; height: 1px; background-color: #000; text-decoration: none; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #gall .sliderWrap .bx-wrapper .bx-prev::after, #gall .sliderWrap .bx-wrapper .bx-next::after{ top: 50%; width: 28px; width: 28px; position: absolute; top: 50%; margin-top: 6px; left: 0px; display: block; content: ''; height: 1px; background-color: #000; text-decoration: none; } #gall .sliderWrap .bx-wrapper .bx-prev::after{ -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } #gall .sliderWrap .bx-wrapper .bx-next::before{ -webkit-transform: rotate(45deg); transform: rotate(45deg); } #gall .sliderWrap .bx-wrapper .bx-next::after{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #gall .sliderWrap .bx-wrapper .bx-prev:hover:before, #gall .sliderWrap .bx-wrapper .bx-next:hover:before, #gall .sliderWrap .bx-wrapper .bx-prev:hover:after, #gall .sliderWrap .bx-wrapper .bx-next:hover:after{ opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } @media screen and (max-width: 980px) { #gall .sliderWrap .bx-wrapper .bx-prev { left: -30px; } #gall .sliderWrap .bx-wrapper .bx-next { right: -30px; } } @media screen and (max-width: 640px) { #top #conWrap #wrap article#gall, #top #conWrap #wrap article#movie{ padding: 30px 0; } #gall .txt img{ width: 100%; } #gall .sliderWrap .bx-wrapper .bx-prev { left: -15px; } #gall .sliderWrap .bx-wrapper .bx-next { right: -15px; } } .carea { margin-top: 50px; margin-bottom: 95px; } .carea h3.carea-title { font-size: 33px; } #conWrap .inner, footer .inner { width: 90%; } #topplanlist {} #topplanlist .planlistbase { padding: 0; margin: 0 -10px; } #topplanlist h2 { font-size: 24/16em; line-height: 1.35em; background-color: rgba(176,147,69,0.35); padding: 0.8em 0; } #topplanlist .more a { background-image: url(//e-araya.com/common/img/top/top_planlistbar_bg.jpg); background-repeat: repeat-y; background-size: contain; display: block; border-radius: 5px; padding: 0.75em 1.5em; line-height: 1em; margin: 30px 0; margin-bottom: 80px; position: relative; overflow: hidden; } #topplanlist .more a img { max-width: 100%; height: auto; } #topplanlist .more a:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out; transition: all 0.2s ease-in-out, color 0.2s ease-in-out; background-color: rgba(255,255,255,0); z-index: 1; } #topplanlist .more a:hover:before { background-color: rgba(255,255,255,0.5); } @media screen and (max-width: 640px) { footer .inner{ width: 100%; padding: 0 7px; } } #top #conWrap #wrap article.intro { padding: 20px 0; } #top #conWrap #wrap article.intro li { position: relative; } #top #conWrap #wrap article.intro li .ttlImg { position: absolute; top: 0; background: rgba(0,0,0,0.8); -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } #top #conWrap #wrap article.intro li .ttlImg:hover { background: rgba(0,0,0,0); } #top #conWrap #wrap article.intro li .bottomImg { margin-top: 0px; } #top #conWrap #wrap article.intro .flexCover.colum3 { max-width: 830px; width: 100%; margin: 0 auto; } #top #conWrap #wrap article.intro .flexCover.colum3 li { width: 30%; } #top #conWrap #wrap article.echizengani { padding: 60px 0 0; } #top #conWrap #wrap article.echizengani .ttl-wrap { position: relative; margin-bottom: 20px; } #top #conWrap #wrap article.echizengani .ttl-wrap .ttlImg { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); } #top #conWrap #wrap article.echizengani .ttl-wrap .bottomImg { margin-top: 0px; } #top #conWrap #wrap article.echizengani .flexCover.colum3 li { width: 49.8%; } #top #conWrap #wrap article.echizengani .flexCover.colum3 li:first-child { width: 100%; margin-bottom: 3px; } #topplanlist .more a { margin-bottom: 20px; } @media screen and (max-width: 640px) { #top #conWrap #wrap article.echizengani .ttl-wrap .ttlImg { width: 80%; margin: 50px auto; position: relative; top: auto; left: auto; transform: translateY(0%) translateX(0%); -webkit- transform: translateY(0%) translateX(0%); } #top #conWrap #wrap article.echizengani .ttl-wrap .bottomImg { display: none; } #top #conWrap #wrap article.echizengani .ttl-wrap { position: relative; margin-bottom: 20px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/topDetail/echizengani_bg.png) no-repeat 50% 50%; background-size: cover; } #top #conWrap #wrap article.echizengani.summer .ttl-wrap { position: relative; margin-bottom: 20px; background: url(https://e-araya.com/wp/wp-content/uploads/2018/03/top014.jpg) no-repeat 50% 50%; background-size: cover; } } #top #conWrap #wrap article.echizengani .navi { width: 100%; text-align: right; margin: 10px 0 20px; } #top #conWrap #wrap article.echizengani .navi li { margin-bottom: 5px; margin-right: 30px; display: inline-block; } #top #conWrap #wrap article.echizengani .navi li:last-child{ margin-right: 0px; } #top #conWrap #wrap article.echizengani .navi li a::before { content: ''; display: inline-block; width: 8px; height: 14px; z-index: 1; margin-left: -20px; margin-top: 8px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/topDetail/arrow_more2.svg) no-repeat 50% 50%; background-size: cover; } @media screen and (max-width: 640px) { #top #conWrap #wrap article.echizengani .navi { text-align: left; padding-left: 18px; } #top #conWrap #wrap article.echizengani .navi li a::before { margin-left: -18px; margin-top: 5px; } } #top #conWrap #wrap article.room { padding: 40px 0 0; } #top #conWrap #wrap article.room h2 { margin-bottom: 20px; } #top #conWrap #wrap article.room .ttl-wrap { position: relative; margin-bottom: 25px; } #top #conWrap #wrap article.room .ttl-wrap .ttlImg { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); } #top #conWrap #wrap article.room .ttl-wrap .bottomImg { margin-top: 0px; } #top #conWrap #wrap article.room .flexCover.colum4 li h3 { font-size: 113%; margin-top: 15px; } @media screen and (max-width: 640px) { #top #conWrap #wrap article.room .ttl-wrap .ttlImg { width: 80%; margin: 50px auto; position: relative; top: auto; left: auto; transform: translateY(0%) translateX(0%); -webkit- transform: translateY(0%) translateX(0%); } #top #conWrap #wrap article.room .ttl-wrap .bottomImg { display: none; } #top #conWrap #wrap article.room .ttl-wrap { position: relative; margin-bottom: 20px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/topDetail/room_bg.png) no-repeat 50% 50%; background-size: cover; } #top #conWrap #wrap article.room .flexCover.colum4 li { width: 100%; margin-bottom: 20px; } #top #conWrap #wrap article.room .flexCover.colum4 li img.w100 { width: 30%; float: left; margin-right: 20px } #top #conWrap #wrap article.room .flexCover.colum4 li h3 { margin-top: 0px; overflow: hidden; } } #top #conWrap #wrap article.mikunionsen { padding: 40px 0 0; } #top #conWrap #wrap article.mikunionsen .ttl-wrap { position: relative; margin-bottom: 20px; } #top #conWrap #wrap article.mikunionsen .ttl-wrap .ttlImg { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); } #top #conWrap #wrap article.mikunionsen .ttl-wrap .bottomImg { margin-top: 0px; } #top #conWrap #wrap article.mikunionsen .flexCover.colum4 li h3 { font-size: 113%; margin-top: 15px; } @media screen and (max-width: 640px) { #top #conWrap #wrap article.mikunionsen .ttl-wrap .ttlImg { width: 80%; margin: 50px auto; position: relative; top: auto; left: auto; transform: translateY(0%) translateX(0%); -webkit- transform: translateY(0%) translateX(0%); } #top #conWrap #wrap article.mikunionsen .ttl-wrap .bottomImg { display: none; } #top #conWrap #wrap article.mikunionsen .ttl-wrap { position: relative; margin-bottom: 20px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/topDetail/top040.png) no-repeat 50% 50%; background-size: cover; } #top #conWrap #wrap article.mikunionsen .flexCover.colum4 li { width: 100%; margin-bottom: 20px; } #top #conWrap #wrap article.mikunionsen .flexCover.colum4 li img.w100 { width: 30%; float: left; margin-right: 20px } #top #conWrap #wrap article.mikunionsen .flexCover.colum4 li h3 { margin-top: 0px; overflow: hidden; } } #top #conWrap #wrap article.matsushima { padding: 40px 0 0; } #top #conWrap #wrap article.matsushima .ttl-wrap { position: relative; margin-bottom: 25px; } #top #conWrap #wrap article.matsushima .ttl-wrap .ttlImg { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); } #top #conWrap #wrap article.matsushima .ttl-wrap .bottomImg { margin-top: 0px; } #top #conWrap #wrap article.matsushima .flexCover.colum4 li h3 { font-size: 113%; margin-top: 15px; } @media screen and (max-width: 640px) { #top #conWrap #wrap article.matsushima .ttl-wrap .ttlImg { width: 80%; margin: 50px auto; position: relative; top: auto; left: auto; transform: translateY(0%) translateX(0%); -webkit- transform: translateY(0%) translateX(0%); } #top #conWrap #wrap article.matsushima .ttl-wrap .bottomImg { display: none; } #top #conWrap #wrap article.matsushima .ttl-wrap { position: relative; margin-bottom: 20px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/topDetail/top043.png) no-repeat 50% 50%; background-size: cover; } #top #conWrap #wrap article.matsushima .flexCover.colum4 li { width: 100%; margin-bottom: 20px; } #top #conWrap #wrap article.matsushima .flexCover.colum4 li img.w100 { width: 30%; float: left; margin-right: 20px } #top #conWrap #wrap article.matsushima .flexCover.colum4 li h3 { margin-top: 0px; overflow: hidden; } } #top #conWrap #wrap article.onsen-sachi { padding: 80px 0 20px; letter-spacing: 0.2em; } #top #conWrap #wrap article.onsen-sachi h2 { margin-bottom: 30px; display: inline-block; } #top #conWrap #wrap article.onsen-sachi h2::before { content: ''; display: inline-block; width: 47px; height: 29px; z-index: 1; margin-left: -70px; margin-top: 10px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/topDetail/ttl_bg_left.svg) no-repeat 50% 50%; background-size: cover; } #top #conWrap #wrap article.onsen-sachi h2::after { content: ''; display: inline-block; width: 56px; height: 24px; z-index: 1; margin-left: 20px; margin-top: 10px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/topDetail/ttl_bg_right.svg) no-repeat 50% 50%; background-size: cover; } #top #conWrap #wrap article.onsen-sachi .flexCover.colum2 li { margin-bottom: 55px; } #top #conWrap #wrap article.onsen-sachi .flexCover.colum2 li.photo { width: 40.8%; } #top #conWrap #wrap article.onsen-sachi .flexCover.colum2 li.text { width: 55%; } #top #conWrap #wrap article.onsen-sachi .flexCover.colum2 li h3 { font-size: 176%; margin-bottom: 30px; } #top #conWrap #wrap article.onsen-sachi .flexCover.colum2 li a.more{ background: rgba(255,255,255,1); padding: 10px 90px 10px 60px; margin-top: 40px; margin-left: 5px; float: left; font-size: 112%; height: 52px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 2px 2px 20px -5px #666666; -webkit-box-shadow: 2px 2px 20px -5px #666666; -moz-box-shadow: 2px 2px 20px -5px #666666; } #top #conWrap #wrap article.onsen-sachi .flexCover.colum2 li a.more::after { content: ''; display: inline-block; width: 12px; height: 21px; z-index: 1; margin-left: 20px; margin-top: 6px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/topDetail/arrow_more.svg) no-repeat 50% 50%; background-size: cover; } #top #conWrap #wrap article.onsen-sachi .flexCover.colum2 li a.more:link { color: #ad0000; text-decoration: none; } #top #conWrap #wrap article.onsen-sachi .flexCover.colum2 li a.more:visited { color: #ad0000; } #top #conWrap #wrap article.onsen-sachi .flexCover.colum2 li a.more:hover{ text-decoration: none; color: #ad0000; } @media screen and (max-width: 640px) { #top #conWrap #wrap article.onsen-sachi { padding: 40px 0 20px; } #top #conWrap #wrap article.onsen-sachi .flexCover.colum2 li.photo { width: 100%; margin-bottom: 10px; } #top #conWrap #wrap article.onsen-sachi .flexCover.colum2 li.text { width: 100%; margin-bottom: 60px; } #top #conWrap #wrap article.onsen-sachi h2 { letter-spacing: -0.06em } #top #conWrap #wrap article.onsen-sachi .flexCover.colum2 { display:-webkit-box; display: -webkit-flex; display:-ms-flexbox; display: flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; } #top #conWrap #wrap article.onsen-sachi .flexCover.colum2 li h3 { margin-bottom: 20px; } #top #conWrap #wrap article.onsen-sachi .flexCover.colum2 li:nth-child(2).photo { -webkit-box-ordinal-group:1; -ms-flex-order:1; -webkit-order:1; order:1; } #top #conWrap #wrap article.onsen-sachi .flexCover.colum2 li:nth-child(1).text { -webkit-box-ordinal-group:2; -ms-flex-order:2; -webkit-order:2; order:2; } #top #conWrap #wrap article.onsen-sachi .flexCover.colum2 li p br { display: none; } #top #conWrap #wrap article.onsen-sachi .flexCover.colum2 li a.more { margin-top: 20px; } } #top #conWrap #wrap article.menu { padding:0; background: rgba(176,147,69,0.4); overflow: hidden; } #top #conWrap #wrap article.menu h2 { margin-bottom: 30px; font-size: 225%; padding: 20px 0; background: rgba(176,147,69,0.4); color: rgba(255,255,255,1.00); } #top #conWrap #wrap article.menu h2 a:link { color: rgba(255,255,255,1.00); } #top #conWrap #wrap article.menu h2 a:visited { color: rgba(255,255,255,1.00); } #top #conWrap #wrap article.menu h2 a:hover { color: rgba(255,255,255,1.00); } #top #conWrap #wrap article.menu p.txt { font-size: 131%; line-height: 1.6em; margin-bottom: 20px; font-weight: normal; letter-spacing: -0.06em; } #top #conWrap #wrap article.menu .flexCover.colum2 li { margin-bottom: 5px; } #top #conWrap #wrap article.menu .flexCover.colum2 li:first-child, #top #conWrap #wrap article.menu .flexCover.colum2 li:last-child{ width: 40.4%; } #top #conWrap #wrap article.menu .flexCover.colum2 li { width: 59.2%; } #top #conWrap #wrap article.menu .navi { width: 100%; text-align: right; margin: 10px 0 20px; } #top #conWrap #wrap article.menu .navi li { margin-bottom: 5px; margin-right: 30px; display: inline-block; } #top #conWrap #wrap article.menu .navi li:last-child{ margin-right: 0px; } #top #conWrap #wrap article.menu .navi li a::before { content: ''; display: inline-block; width: 8px; height: 14px; z-index: 1; margin-left: -20px; margin-top: 8px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/topDetail/arrow_more2.svg) no-repeat 50% 50%; background-size: cover; } @media screen and (max-width: 640px) { #top #conWrap #wrap article.menu .navi { text-align: left; padding-left: 18px; } #top #conWrap #wrap article.menu h2 { font-size: 180%; } #top #conWrap #wrap article.menu .navi li a::before { margin-left: -18px; margin-top: 5px; } } #top #conWrap #wrap article.location { padding: 80px 0 40px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/topDetail/location_bg.svg) no-repeat right top; background-size: contain; background-color: rgba(255,255,255,0.5); } #top #conWrap #wrap article.location h2 { text-align: left; margin-bottom: 20px; } #top #conWrap #wrap article.location .flexCover.colum2 li { width: 30%; } #top #conWrap #wrap article.location .flexCover.colum2 li:first-child { width: 70%; } #top #conWrap #wrap article.location .flexCover.colum3 li p.redarrow { font-size: 125%; font-weight: normal; padding: 10px 30px 10px 0; text-align: right; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/topDetail/arrow_more.svg) no-repeat right 50%; background-size: auto; } #top #conWrap #wrap article.location .flexCover.colum3 li p.redarrow:a:link { color: #ad0000; text-decoration: none; } #top #conWrap #wrap article.location .flexCover.colum3 li p.redarrow:a:visited { color: #ad0000; } #top #conWrap #wrap article.location .flexCover.colum3 li p.redarrow:a:hover{ text-decoration: none; color: #ad0000; } @media screen and (max-width: 640px) { #top #conWrap #wrap article.location .flexCover.colum2 li { width: 100%; } #top #conWrap #wrap article.location .flexCover.colum2 li:first-child { width: 100%; } #top #conWrap #wrap article.location .flexCover.colum3 li { width: 31%; } #top #conWrap #wrap article.location { padding: 30px 0 20px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/topDetail/location_bg_sp.svg) no-repeat 50% 50%; background-size: cover; } #top #conWrap #wrap article.location .flexCover.colum3 li p.redarrow { font-size: 75%; background: none; padding: 10px 0; text-align: center; } } #top #conWrap #topplanlist h2 { background: none; display: inline-block; } #top #conWrap #topplanlist h2::before { content: ''; display: inline-block; width: 47px; height: 29px; z-index: 1; margin-left: -70px; margin-top: 6px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/topDetail/ttl_bg_left.svg) no-repeat 50% 50%; background-size: cover; } #top #conWrap #topplanlist h2::after { content: ''; display: inline-block; width: 56px; height: 24px; z-index: 1; margin-left: 20px; margin-top: 6px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/topDetail/ttl_bg_right.svg) no-repeat 50% 50%; background-size: cover; } #top #conWrap #topplanlist .more a::before { content: ''; display: inline-block; width: 8px; height: 14px; z-index: 1; margin-left: -20px; margin-top: 6px; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/topDetail/arrow_more2.svg) no-repeat 50% 50%; background-size: cover; } #top #conWrap footer .topArea .colum3 { font-size: 100%; }