@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{ font-weight: normal; } #conWrap #wrap article{ padding: 26px 0; } #conWrap #wrap article:first-child{ padding-top: 50px; } @media screen and (max-width: 640px) { #conWrap #wrap article:first-child{ padding-top: 20px; padding-bottom: 0; } } .conBox{ margin-bottom: 70px; } @media screen and (max-width: 640px) { .conBox{ margin-bottom: 40px; } } .ttlGreenLine2{ font-size: 200%; font-weight: bold; } .ttlGreenLine2 span{ display: block; } .ttlGreenLine2 em{ text-align: center; background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/ttl_bg_greenLine.png) 50% top no-repeat; padding: 20px 0; display: inline-block; font-style: normal; font-size: 53%; min-width: 340px; line-height: 1.5; font-weight: normal; } .copyBrown{ width: 100%; padding: 20px; margin-bottom: 40px; font-size: 178%; background: rgba(220, 203, 147, 0.5); text-align: center; line-height: 2; } .copyGreen{ width: 100%; padding: 20px; margin-bottom: 40px; font-size: 163%; background: rgba(133, 161, 0, 0.6); text-align: center; line-height: 2; color: #fff; } .subCopy{ font-size: 163%; margin-bottom: 40px; } @media screen and (max-width: 640px) { .ttlGreenLine2{ font-size: 1.1rem; } .ttlGreenLine2 em{ min-width: 70%; } .copyBrown, .copyGreen, .subCopy{ font-size: 1rem; margin-bottom: 20px; } } #conWrap .conBox .inner{ max-width: 900px; } #conWrap .conBox .w980{ max-width: 980px !important; } .conBox p.img{ margin: 0 auto 0.5em; } .conBox p.txt{ font-size: 115%; margin-bottom: 3em; } .imgTtlTxt li img{ margin-bottom: 10px; } .imgTtlTxt li dt{ margin-bottom: 10px; font-size: 150%; } .imgTtlTxt li dd{ text-align: left; margin-bottom: 10px; font-size: 115%; } .brownBox{ padding: 40px; background-color: rgba(220, 203, 209, 0.3); display: inline-block; } .yellowBox{ padding: 40px; background-color: rgba(221, 204, 148, 0.3); display: inline-block; } .whiteBox{ padding: 20px; background-color: rgba(255, 255, 255, 0.7); display: inline-block; } .whiteBox2{ max-width:650px !important; width:100%; padding: 20px; background-color: rgba(255, 255, 255, 0.7); display: inline-block; } .whiteBox3{ padding: 20px; background-color: rgba(255, 255, 255, 1); display: inline-block; } .brownBox.txt, .yellowBox .txt{ margin-bottom: 0; } .box01 .brownBox, .box01 .yellowBox, .box01 .whiteBox, .box01 .whiteBox2, .box01 .whiteBox3,{ display: block; } .ofuro_img{padding: 5% 4% 3%;} .madori_img{padding: 5% 18% 3%;} @media screen and (max-width: 640px) { .ofuro_img{padding: 5% 5% 3%;} .madori_img{padding: 5% 5% 3%;} } .gTbT{ text-align: left; max-width: 800px; margin: 0 auto 1.5em; } .gTbT dt{ color: #85A100; } .gTbT dd{ } .rTbT,.pTbT{ text-align: left; max-width: 800px; margin: 0 auto 1.5em; font-size: 115%; } .rTbT dt{ color: #DB4F11; } .pTbT dt{ color: #c74a51; } .rTbT dd.circleIndent, .pTbT dd.circleIndent{ text-indent: 1em; } .gTbT dd .left, .rTbT dd .left, .pTbT dd .left{ width: 10em; display: inline-block; } .tableStyle{ width: 100%; max-width: 800px; text-align: left; font-size: 115%; margin: 0 auto; } .tableStyle dt{ width: 30%; color: #fff; padding: 10px 20px; background-color: rgba(219, 79, 17, 0.5); margin-right: 1.5%; } .tableStyle dd{ width: 68.5%; background-color: rgba(255, 255, 255, 0.5); padding: 10px 20px; } .pageNav{ background-color: rgba(255, 255, 255, 0.55); border-radius: 10px; margin-bottom: 30px; } .pageNav.nav4 li{ width: 25%; padding: 8px 0; } .pageNav li a{ display: block; border-right: 1px solid #9E9E9F; font-size: 120%; } .pageNav li:last-child a{ border-right: none; } .pageNav li:hover{ background-color: rgba(255, 255, 255, 1); color: #231815; } .pageNav li a:hover{ color: #231815; } @media screen and (max-width: 640px) { .conBox p.txt{ font-size: 0.85rem; margin-bottom: 3em; } .rTbT, .tableStyle, .pageNav li a{ font-size: 0.85rem; } .imgTtlTxt li dl{ margin-bottom: 20px; } .imgTtlTxt li dt{ margin-bottom: 5px; font-size: 0.9rem; } .imgTtlTxt li dd{ font-size: 0.85rem; } .brownBox,.yellowBox, .whiteBox{ padding: 10px; } .rTbT dd.circleIndent{ text-indent: 0; } .gTbT dd .left, .rTbT dd .left{ width: 100%; display: block; } .tableStyle dt{ width: 100%; padding: 10px; margin-right: 0; } .tableStyle dd{ width: 100%; padding: 10px; } .pageNav{ background-color: rgba(255, 255, 255, 0.55); border-radius: 10px; margin-bottom: 30px; } .pageNav.nav4 li{ width: 50%; padding: 8px 0; border-bottom: 1px solid #9E9E9F; } .pageNav.nav4 li:nth-child(3), .pageNav.nav4 li:nth-child(4){ border-bottom: none; } .pageNav li:nth-child(even) a{ border-right: none; } .pageNav li:hover{ background-color: rgba(255, 255, 255, 0.55); } } .greenRect, .blueRect{ background-color: #86A300; color: #fff; padding: 10px 20px; display: inline-block; } .blueRect{ background-color: #0075AC; } @media screen and (max-width: 900px) { .greenRect, .blueRect{ font-size: 85%; padding: 0 8px; } } #under #movie{ max-width: 800px; margin: 40px auto; } #under #movie iframe{ width: 100%; height: 450px; } @media screen and (max-width: 900px) { #under #movie iframe{ width: 100%; height: 350px; } } .room .sliderWrap .bx-pager{ margin-bottom: 20px; } .room .greenLine{ margin-bottom: 100px; } .room .subCopy{ margin-bottom: 30px; } .room .columBox{ margin: 0 auto 50px; max-width: 800px; } .room .columBox .left{ width: 38%; } .room .columBox .right{ width: 58%; } .room .columBox .left .txt:last-child{ margin-bottom: 0; } @media screen and (max-width: 640px) { .room .columBox{ margin-bottom: 80px; } .room .greenLine{ margin-bottom: 90px; } .room .columBox .left{ width: 100%; } .room .columBox .right{ width: 100%; margin-bottom: 1em; } .room .columBox li p.txt{ margin-bottom: 1em; } } .tabi .subCopy{ margin-bottom: 1em; } .tabi .btnCss{ line-height: 1.5; margin-top: -20px; } .tabi .btnCss.triangle a::before{ margin-top: -0.8em; } @media screen and (max-width: 640px) { .tabi .flexCover.colum2 li.txtL{ text-align: center !important; } } .access .gTbT dd .left{ width: 13em; } .access .gmap{ width: 100%; max-width: 900px; margin: 0 auto; } .access .gmap iframe{ width: 100%; height: 560px; } .access .box01 .subCopy{ margin-bottom: 10px; } .access .greenRect{ margin-right: 5px; } .access .box01 .train li{ width: 34%; } .access .box01 .train li.right{ width: 66%; font-weight: bold; padding-top: 12px; } .access .conBox .box01 .train li p.txt{ margin-bottom: 2em; } .access .box01 .train .right span{ margin-bottom: 10px; display: block; } .access .box01 .train .right em{ color: #DB4F11; } .access .box01 .train.mikuni li{ width: 37%; } .access .box01 .train.mikuni li.right{ width: 63%; } @media screen and (max-width: 900px) { .access .box01 .train li.right{ padding-top: 2px; } } @media screen and (max-width: 768px) { .access .box01 .train li{ width: 36%; } .access .box01 .train li.right{ width: 64%; } .access .box01 .train.mikuni li{ width: 39%; } .access .box01 .train.mikuni li.right{ width: 61%; } } @media screen and (max-width: 640px) { .access .gmap iframe{ height: 300px; } .access .box01 .train li, .access .box01 .train li.right, .access .box01 .train.mikuni li, .access .box01 .train.mikuni li.right{ width: 100%; } .access .conBox .box01 .train li p.txt{ margin-bottom: 0; } } .bus .whiteBox .inner{ padding: 0 15px; } .bus .bgYellow{ padding: 10px 20px; } .bus .bgYellow .fR{ font-size: 60%; line-height: 3; } .bus .yoyaku{ border-bottom: 1px solid #231815; padding-bottom: 1.3em; margin-bottom: 1.3em; text-align: left; } .bus .yoyaku:nth-child(3){ border-bottom: none; } .bus .yoyaku dt{ font-size: 125%; font-weight: bold; } .bus .yoyaku dd{ padding-left: 1.5em; font-size: 115%; } .bus .yoyaku dd.small{ margin-top: 1em; font-size: 90%; } .bus .yoyaku dd a{ color: #DC4F12; } @media screen and (max-width: 640px) { .bus .bgYellow{ padding: 8px; } .bus .whiteBox .inner{ padding: 0 5px; } .bus .bgYellow .fR{ display: block; float: none; text-align: left; line-height: 1.5; } .bus .yoyaku dt{ font-size: 0.9rem; } .bus .yoyaku dd{ padding-left: 0; font-size: 0.85rem; } .bus .yoyaku dd .tI1em{ text-indent: 0; } } .faqBox ul{ text-align: left; overflow: hidden; max-width: 760px; width: 100%; margin: 0 auto 20px; font-size: 138%; font-weight: bold; } .faqBox li{ width: 100%; overflow: hidden; } .faqBox li.question{ background: #fff; margin-bottom: 1em; 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; justify-content: flex-start; } .faqBox li.answer{ margin-bottom: 2em; } .faqBox li.answer:last-child{ margin-bottom: 0; } .faqBox li.question em, .faqBox li.answer em{ padding: 10px 0; background: #596F00; display: inline-block; width: 3em; min-height: 2.6em; text-align: center; color: #fff; margin-right: 10px; } .faqBox li.answer em{ background: #86A300; float: left; } .faqBox li.question span, .faqBox li.answer span{ padding: 10px; } .faqBox li.question span, .faqBox li.answer span{ max-width: 697px; width: calc(100% - 4.5em); display: block; float: left; font-weight: normal; } .faqBox li.answer span{ font-size: 80%; font-weight: normal; padding-top: 0; } @media screen and (max-width: 640px) { .faqBox ul li.question{ font-size: 0.85rem; } .faqBox ul li.answer{ font-size: 0.9rem; } .faqBox li.question span{ width: calc(100% - 4.5em); padding-left: 0; padding-right: 0; } .faqBox li.answer span{ width: calc(100% - 5em); padding-left: 0; padding-right: 0; } } .member .memberBox{ margin-bottom: 60px; text-align: left; } .member .memberBox h3{ font-weight: bold; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #86A300; font-size: 138%; } .member .memberBox h3 .job{ font-size: 85%; padding-left: 10px; } .member .memberBox h3 .small{ float: right; font-size: 75%; line-height: 2.5; } .member .memberBox .name{ margin-bottom: 1em; font-size: 113%; } .member .memberBox .txt{ font-size: 107%; } @media screen and (max-width: 640px) { .member .memberBox{ font-size: 85%; } .member .memberBox h3 .small{ display: block; float: none; } } .update #contents{ max-width: 700px; width: 72%; margin: 0; float: right; position: relative; } .update #side.right{ max-width: 250px; width: 25%; float: right; margin-left: 3%; margin-right: 0; } .update #contents.left{ float: left; } @media screen and (max-width: 640px) { .update #contents{ max-width: 100%; width: 100%; margin: 0 auto; padding: 0 7px; float: none; position: relative; overflow: hidden; } .update #side.right{ width: 100%; min-width: 100%; float: none; margin: 20px auto 30px; overflow: hidden; padding-top: 20px; } .update #contents.left{ float: none; } } #conWrap #wrap .update article:first-child{ padding-top: 0; } .update #contents article{ text-align: left; } .update #contents article:last-child{ margin-bottom: 0; } .update #contents article h3{ font-size: 160%; margin-bottom: 20px; padding: 10px 15px; border-bottom: 1px solid #7F9A2C; border-top: 1px solid #7F9A2C; } .update #contents article img{ max-width: 100%; height: auto; margin-bottom: 1em; padding: 0 15px; } .update #contents article p{ font-size: 118%; margin-bottom: 1.5em; padding: 0 15px; } @media screen and (max-width: 640px) { .update #contents article{ margin-bottom: 60px; } .update #contents article h3{ padding-left: 0; padding-right: 0; font-size: 1rem; } .update #contents article img{ padding: 0; } .update #contents article p{ font-size: 0.85rem; padding: 0; } } .update #contents .kijiList li{ margin-bottom: 1em; padding: 7px 7px; overflow: hidden; border-bottom: 1px solid #7F9A2C; } .update #contents .kijiList li:last-child{ margin-bottom: 0; padding: 7px 7px 0; border-bottom: none; } .update #contents .kijiList img{ float: left; width: 45%; padding: 0; } .update #contents .kijiList .right{ float: left; width: 55%; padding-left: 10px; } .update #contents .kijiList p{ font-size: 100%; margin-bottom: 0; } .update #contents .kijiList p.ttl{ font-size: 138%; margin-bottom: 0.4em; } .update #contents .kijiList a p.green{ padding-top: 5px; -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; } .update #contents .kijiList a:hover p{ color: #231815; } .update #contents .kijiList a:hover p.green{ color: #db4f11; } @media screen and (max-width: 640px) { .update #contents .kijiList li{ padding-left: 0; padding-right: 0; padding-bottom: 20px; } .update #contents .kijiList img{ float: none; width: 100%; } .update #contents .kijiList .right{ float: none; width: 100%; padding-left: 0; } } #under nav.right{ padding: 1em 15px 0; margin-bottom: 1em; text-align: left; border-top: 1px solid #7F9A2C; } #under nav.right:last-child{ border-bottom: 1px solid #7F9A2C; padding-bottom: 1em; } #under nav.right .ttl{ margin-bottom: 10px; font-size: 125%; } #under nav.right .navList{ } #under nav.right .navList li { font-size: 118%; margin-bottom: 2px; } #under nav.right .navList li{ padding-left: 1em; } #under nav.right .navList li:before{ margin-left: -1em; content: "●"; color: #7F9A2C; z-index: 1; } #under nav.right .navList .child li{ padding-left: 0; margin-left: -0.5em; font-size: 90%; } #under nav.right .navList .child li:before{ margin-left: -0.5em; content: "•"; color: #221714; z-index: 1; } @media screen and (max-width: 640px) { #under nav.right{ margin-bottom: 30px; } #under nav.right .ttl{ margin-bottom: 10px; } #under nav.right .navList li{ font-size: 0.85rem; margin-bottom: 5px; } } #pagenavi { width: 100%; position: relative; font-size: 94%; margin-bottom: 60px; padding-top: 10px; overflow: hidden; border-top: 1px solid #7F9A2C; } #pagenavi .prevpost { width: 48.33%; display: block; float: left; text-align: left; padding: 0 15px; } #pagenavi .nextpost { width: 48.33%; display: block; float: right; text-align: right; padding: 0 15px; } #pagenavi .next { text-align: right; } @media screen and (max-width: 640px) { } #blogcate nav.allcate { padding: 0; margin-bottom: 0; text-align: left; } #blogcate nav.allcate:last-child { padding-bottom: 1em; } #blogcate nav.allcate .ttl { border-bottom: 1px solid #7f9a2c; padding-bottom: 10px; margin-bottom: 1em; font-size: 130%; } #blogcate nav.allcate .navList { padding: 0 0 0 1em; } #blogcate nav.allcate .navList li:before { margin-left: -1em; content: "●"; color: #7F9A2C; z-index: 1; } #blogcate nav.allcate .navList li { font-size: 100%; padding-bottom: 5px; } #blogcate nav.allcate .flexCover { justify-content: flex-start; } #blogcate nav.allcate .flexCover.colum3 li { width: 33.333%; padding-right: 1.5em; } @media screen and (max-width: 640px) { #blogcate nav.allcate .flexCover.colum3 li { width: 100%; margin-bottom: 10px; padding-right: 0; margin-right: 0; } } #blogpost nav.allpost { padding: 0; margin-bottom: 0; text-align: left; } #blogpost nav.allpost:last-child { padding-bottom: 0em; } #blogpost nav.allpost .ttl { border-bottom: 1px solid #7f9a2c; padding-bottom: 10px; margin-bottom: 1em; font-size: 130%; } #blogpost nav.allpost .navList { padding: 0 0 0 1em; } #blogpost nav.allpost .navList li:before { margin-left: -1em; content: "●"; color: #7F9A2C; z-index: 1; } #blogpost nav.allpost .navList li { font-size: 100%; padding-bottom: 5px; } #blogpost nav.allpost .flexCover { justify-content: flex-start; } #blogpost nav.allpost .flexCover.colum3 li { width: 33.333%; padding-right: 1.5em; } #blogpost div.conBox { margin-bottom: 3em; } @media screen and (max-width: 640px) { #blogpost nav.allpost .flexCover.colum3 li { width: 100%; margin-bottom: 10px; padding-right: 0; margin-right: 0; } } .mikunionsen div.box01 { max-width: 750px; margin:0 auto; } #conWrap .echizenLunch .conBox .inner { max-width: 980px; } .echizenLunch .columBox.colum2{ padding: 25px 15px 0; margin-bottom: 25px; border-top: 1px solid #231815; } .echizenLunch .columBox.colum2:last-child{ border-bottom: 1px solid #231815; padding-bottom: 20px; } .echizenLunch .columBox.colum2 .gTbT .small{ font-size: 90%; } .echizenLunch .photo{ margin: 80px auto 0; padding: 20px 10px 30px; border-bottom: 1px solid #231815; border-top: 1px solid #231815; } .echizenLunch .photo li{ width: 33.333%; text-align: left; padding-right: 10px; } .echizenLunch .photo li img{ } .echizenLunch .photo li dl{ } .echizenLunch .photo li dt{font-size: 140%;color: #87a301;} .echizenLunch .photo li dd{font-size: 110%;} .echizenLunch .photo li dd span{ display: block; font-size: 90%; } @media screen and (max-width: 640px) { .echizenLunch .bdbox .stay dd{ width: 100%; float: none; } .echizenLunch .photo li dt{font-size: 0.95rem;} .echizenLunch .photo li dd{font-size: 0.8rem;} .echizenLunch .photo li{ width: 100%; margin-bottom: 20px; } } .echizenGui .introInner{ width: 100%; max-width: 660px; margin: 0 auto 40px; padding:15px; background-color: rgba(255,255,255,0.5); } .echizenGui .introInner .copyGreen{ padding: 5px 0; margin-bottom: 10px; } .echizenGui .introInner li span{ color: #809B2B; font-size: 135%; padding-right: 0.4em; margin-left: -1.3em; } .echizenGui .introInner li{ font-size: 130%; border-bottom: 1px solid #809B2B; padding: 10px 0 10px 2.5em; text-align: left; } @media screen and (max-width: 640px) { .echizenGui .introInner li{ font-size: 0.8rem; } .echizenDish p.img.mb2em{ margin-bottom: 1em !important; } .echizenDish .colum2 .txt{ margin-top: 1em; } .echizenDish .colum2 .left, .echizenDish .colum2 .right{ text-align: center; } } body.form .flow .img{ margin-bottom: 0; } body.form .planSelect .box{ margin-bottom: 70px; padding-bottom: 20px; background: #fff; } body.form .planSelect .boxCon{ padding: 10px; } body.form .planSelect .imgArea ul{ max-width: 940px; margin: 0 auto; } body.form .planSelect .imgArea ul li.left{ width: 60%; padding-right: 20px; } body.form .planSelect .imgArea ul li.right{ width: 40%; } @media screen and (max-width: 640px) { body.form .planSelect .box{ padding-bottom: 0; } body.form .planSelect .imgArea ul li.left{ width: 100%; padding-right: 0; margin-bottom: 10px; } body.form .planSelect .imgArea ul li.right{ width: 100%; } } #calBox{ width: 100%; max-width: 980px; margin: 0 auto; } #calWrap{ background: #fff; padding: 20px; } #calBox #calendar_tab{ max-width: 96%; margin: 0 auto; } #calBox #calendar_tab li{ background: #E5E5E5; border-radius: 7px 7px 0 0; border: 2px solid #fff; border-bottom: none; width: 20%; font-size: 125%; -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; } #calBox #calendar_tab li.on, #calBox #calendar_tab li.tab1{ background: #ccc; } #calBox #calendar_tab li a{ display: block; } #calBox #calendar_tab li:hover{ background: #ccc; color: #231815; } #calBox #calendar_tab li a:hover{ color: #231815; } #calBox .month{ background: #ccc; padding: 10px; } #calBox .month .left{ text-align: left; font-size: 153%; font-weight: bold; line-height: 1; width: 67%; } #calBox .month .right{ background: #fff; text-align: right; width: auto; padding: 5px; line-height: 1; } #cal{ width: 100%; } #cal td{ width: calc(100% / 7); height: 70px; padding: 5px; font-size: 125%; text-align: center; border: 1px solid #221714; } #cal td.sat{ background: #DDEFF9; } #cal td.sun{ background: #F9E1D3; } #cal td table{ width: 100%; } #cal td table td{ text-align: center; border: 0; vertical-align: middle; font-size: 200%; text-align: center; width: 100%; height: 100%; } #cal td table a{ display: block; width: 100%; height: 100%; } #cal td table td a:hover{ background: #eee; cursor: pointer; } @media screen and (max-width: 640px) { #calWrap{ padding: 0; } #calBox #calendar_tab li{ font-size: 0.8rem; } #calBox #calendar_tab li:hover{ background: #E5E5E5; } #calBox .month{ padding: 5px; } #calBox .month .left{ font-size: 0.85rem; width: 100%; } #calBox .month .right{ font-size: 0.85rem; text-align: left; width: 100%; padding: 5px; } #cal td{ height: 50px; font-size: 0.7rem; } #cal td table td{ font-size: 0.9rem; } #cal td table td a:hover{ background: #fff; } } #FORM{ width: 100%; max-width: 980px; margin: 0 auto; background: #fff; padding: 15px; } #FORM table{ width: 100%; margin: 0 auto; } #FORM table th{ width: 30%; background: #AABE55; color: #fff; border-bottom: 15px solid #fff; border-right: 10px solid #fff; font-weight: normal; vertical-align: middle; padding: 10px; text-align: left; } #FORM table td{ background: #EDF1DA; border-bottom: 15px solid #fff; text-align: left; padding: 10px; } #FORM table.eat th{ width: 30%; background: #da6984; color: #fff; border-bottom: 15px solid #fff; border-right: 10px solid #fff; font-weight: normal; vertical-align: middle; padding: 10px; text-align: left; } #FORM table.eat td{ background: #fae9ed; border-bottom: 15px solid #fff; text-align: left; padding: 10px; } #FORM table .kome{ float: right; color: #F3E727; } #FORM table .iferror{ color: #e04e13; } #FORM table td .NAM{ font-weight: bold; font-size: 120%; margin-bottom: 1em; } #FORM table td #imgbox_450x300{ } #FORM table td #imgbox_450x300 img{ width: 100%; } #FORM table td .henko{ float: right; margin-top: 0.5em; } #FORM table td .henko input{ background: #fff; color: #DB4F11; border: 1px solid #DB4F11; font-size: 88%; border-radius: 4px; padding: 4px; cursor: pointer; } #FORM table td .henko input:hover{ opacity: 0.7; } #FORM table td .DATE{ float: left; display: inline; } #FORM table td b{ font-weight: normal; padding-right: 10px; min-width: 7em; display: inline-block; } #FORM table td input, #FORM table td select{ line-height: 1; margin-bottom: 10px; } #FORM table td input{ font-size: 100%; position: relative; border: none; height: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; padding: 5px 10px; border-radius: 0; } #FORM table td textarea{ font-size: 100%; position: relative; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; padding: 5px 10px; border-radius: 0; } #FORM table td label { position: relative; margin-right: 10px; } #FORM table td select{ font-size: 100%; position: relative; width: auto; border: none; height: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; padding: 5px 10px; padding-right: 30px; border-radius: 0; cursor: pointer; } #FORM table td label:after { display: block; content: " "; position: absolute; top: 0; right: 0; width: 25px; height: 30px; margin-top: -0.3em; *margin-top: -8px; background: #666 url(//e-araya.com/wp/wp-content/themes/araya_theme/images/triangle_d.png) 48% 50% no-repeat; background-size: 8px auto; -moz-background-size: 8px auto; -webkit-background-size: 8px auto; pointer-events: none; z-index: 1; } @media screen and (max-width : 768px){ #FORM table td label:after{ top: -2px; } } @media screen and (max-width : 640px){ #FORM table td label:after{ top: -3px; } } #FORM table td select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #828c9a; } #FORM table td select::-ms-expand { display: none; } #FORM table td input[type=checkbox] { box-sizing: border-box; position: relative; display: inline-block; margin: 0 5px 0 0; padding: 0 0 3px 25px; vertical-align: middle; cursor: pointer; } #FORM table td input[type=checkbox]:after { position: absolute; top: 50%; left: 5px; display: block; margin-top: -10px; width: 16px; height: 16px; border: 1px solid #aaa; content: ''; z-index: 0; } #FORM table td input[type=checkbox]:checked:before { opacity: 1; } #FORM table td input[type=checkbox]:before { position: absolute; top: 50%; left: 11px; display: block; margin-top: -7px; width: 5px; height: 9px; border-right: 2px solid #444; border-bottom: 2px solid #444; content: ''; opacity: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 0; } #FORM table td input[type=checkbox]:checked:before { opacity: 1; } @media screen and (max-width : 640px){ #FORM table td input[type=checkbox]:hover { background: none; } } #FORM table td input#zipbtn{ background: #666; margin-left: 15px; color: #fff; cursor: pointer; } #FORM table td input#zipbtn:hover{ opacity: 0.7; } #FORM table td li { display: inline-block; } #FORM table td li select{ margin-left: 10px; padding-right:40px; } #FORM table td.cookieBox{ background: #fff; padding: 0; } article.form .confirm{ margin: 30px 0; padding: 20px 20px 0; background-color: #fff; border-radius: 7px; border: 1px solid #DB4F11; } article.form .confirm .ttl{ font-size: 130%; margin-bottom: 1em; } article.form .confirm .txt{ text-align: left; font-size: 100%; } @media screen and (max-width: 640px) { #FORM, #FORM p,#FORM ul{ padding: 0; font-size: 80%; } #FORM table th{ border-right: 1px solid #fff; border-bottom: 1px solid #fff; width: 20%; } #FORM table td{ border-bottom: 1px solid #fff; } #FORM table .kome{ float: none; display: block; } #FORM table td input{ width: 100%; } #FORM table td select label:after{ height: 41px; margin-top: -12px; } #FORM table td select label select{ height: 40px; } #FORM table td input#zip{ width: 8em; display: block; } #FORM table td input#zipbtn{ margin-left: 0; width: 6em; } #FORM table td input[type=checkbox] { width: auto; } article.form .confirm{ font-size: 80%; } } article.thanks .box{ background: #fff; } article.thanks .box{ margin-bottom: 70px; padding-bottom: 20px; background: #fff; } article.thanks .boxCon{ padding: 10px; } article.thanks .bdBox{ border-bottom: 1px solid #231815; max-width: 880px; margin: 0 auto; padding: 30px 30px; } #conWrap article.thanks .bdBox .inner{ max-width: 690px; width: 100%; margin: 0 auto; } article.thanks .bdBox .inner .step{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/icon_mail.png) 0 0 no-repeat; padding-left: 115px; text-align: left; } article.thanks .bdBox .inner .stepRed{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/icon_mail_red.png) 0 0 no-repeat; } article.thanks .bdBox .inner .stepPink{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/icon_mail_pink.png) 0 0 no-repeat; } article.thanks .bdBox .inner .step .ttl{ min-height: 55px; font-size: 170%; font-weight: bold; } article.thanks .bdBox .inner .step .ttl span.red{ font-size: 80%; } article.thanks .bdBox .inner .step .txt{ margin-bottom: 2em; font-size: 120%; padding-left: 2.3em; } article.thanks .kariyoyaku{ font-size: 138%; font-weight: bold; text-align: left; padding-left: 26px; } article.thanks .capBox{ border: 2px solid #dc4f12; padding: 30px; margin: 30px auto; max-width: 700px; text-align: left; } article.thanks .capBox .ttl{ font-size: 150%; } article.thanks .capBox .sub{ font-size: 120%; } article.thanks .capBox .txt{ font-size: 110%; } @media screen and (max-width: 640px) { article.thanks .bdBox{ padding: 20px 0px; } article.thanks .bdBox .inner .step{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/icon_mail.png) 0 0 no-repeat; -webkit-background-size: 40px; -moz-background-size: 40px; background-size: 40px; padding-left: 60px; } article.thanks .bdBox .inner .stepRed{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/icon_mail_red.png) 0 0 no-repeat; -webkit-background-size: 40px; -moz-background-size: 40px; background-size: 40px; } article.thanks .bdBox .inner .stepPink{ background: url(//e-araya.com/wp/wp-content/themes/araya_theme/images/icon_mail_pink.png) 0 0 no-repeat; -webkit-background-size: 40px; -moz-background-size: 40px; background-size: 40px; } article.thanks .bdBox .inner .step .ttl{ min-height: inherit; font-size: 1rem; } article.thanks .bdBox .inner .step .txt{ font-size: 0.9rem; padding-left: 0; } article.thanks .kariyoyaku{ font-size: 0.95rem; padding-left: 0; } article.thanks .capBox{ padding: 10px; margin: 20px auto; } article.thanks .capBox .ttl{ font-size: 1rem; } article.thanks .capBox .sub{ font-size: 0.9rem; } article.thanks .capBox .txt{ font-size: 0.85rem; } } .sliderWrap { max-width: 900px; margin: 0 auto; } .sliderWrap .slider li{ width: 100%; } .sliderWrap .slider li img{ width: 100%; } .sliderWrap .bx-pager{ overflow: hidden; width: 100%; margin: 20px auto 35px; } .sliderWrap .bx-pager li{ display: inline-block; width: 100px; margin: 0 2px 8px 0; } .sliderWrap .bx-pager li img{ width: 100%; } .slider li:nth-child(n+2) { display: none; } @media screen and (max-width: 640px) { .sliderWrap .bx-pager{ margin: 20px auto 15px; } .sliderWrap .bx-pager li{ width: 60px; } } .planDetail .copy{ font-size: 170%; font-weight: bold; margin-bottom: 15px; } .planDetail .time{font-size: 120%;font-weight: bold;} .planDetail .infoArea{border-top: 1px solid #231815;} .planDetail .bdbox{border-bottom: 1px solid #231815;padding: 20px 20px;} .planDetail .bdbox .ttl{text-align: left;color: #87a301;font-size: 160%;} .planDetail .bdbox .eatttl{text-align: left;color: #c74a51;font-size: 160%;} .planDetail .bdbox img{ } .planDetail .bdbox .txt{text-align: left;} .planDetail .bdbox .stay{ text-align: left; font-weight: bold; clear: both; border-bottom: 1px dotted #231815; padding: 10px 0; overflow: hidden; font-size: 130%; } .planDetail .bdbox .stay dt{ display: inline-block; width: 30%; color: #dc4f12; float: left; padding-right: 10px; } .planDetail .bdbox .stay dd{ display: inline-block; width: 70%; float: left; } .planDetail .bdbox .stay .w100{ width: 100%; } .planDetail .bdbox .cap{ clear: both; text-align: left; padding-top: 20px; font-size: 130%; } .planDetail .bdbox .cap .ttl02{ font-weight: bold; } .planDetail .bdbox .cap .txt{ font-size: 80%; } @media screen and (max-width: 640px) { .planDetail{ font-size: 80%; } .planDetail .copy{ font-size: 0.9rem; } .planDetail .bdbox{ padding: 20px 10px; } .planDetail .bdbox .stay, .planDetail .bdbox .cap{ font-size: 110%; } .planDetail .bdbox .stay dt{ width: 100%; float: none; padding-right: 0; } .planDetail .bdbox .stay dd{ width: 100%; float: none; } } .commonArea .columBox.colum2 .gTbT .small { font-size: 90%; display: block; margin-top: 1em; } .commonArea .columBox.colum2 .gTbT{ margin-bottom: 0; } .commonArea .columBox.colum2 .gTbT dt{ font-size: 140%; } .commonArea.pink .columBox.colum2 .gTbT dt{ color: #c74a51; } .commonArea.pink .columBox.colum2 .gTbT dd{ color: #231815; } .commonArea .columBox.colum2 .gTbT dd{ font-size: 110%; } .commonArea .columBox.colum2{ border-top: 1px solid #231815; padding-top: 20px; margin: 70px auto 0; } .commonArea.commonArea02 .columBox.colum2{ margin: 25px auto 0; padding-top: 25px; } .commonArea.commonArea02 .columBox.colum2:first-child{ margin-top: 70px; } .commonArea.commonArea02 .columBox.colum2:last-child{ border-bottom: 1px solid #231815; padding-bottom: 25px; margin-bottom: 80px; } .commonArea .columBox.colum2 .left{ width: 44%; } .commonArea .columBox.colum2 .right{ width: 52%; } .commonArea.commonArea02 .columBox.colum2 .left{ width: 36%; } .commonArea.commonArea02 .columBox.colum2 .right{ width: 60%; } .commonArea .photo{ margin: 20px auto 80px; padding: 20px 10px 30px; border-bottom: 1px solid #231815; border-top: 1px solid #231815; } .commonArea .photo li{ width: 33.333%; text-align: left; padding-left: 35px; } .commonArea .photo ul{ margin-left: -35px; } .commonArea .photo li img{ } .commonArea .photo li dl{ } .commonArea .photo li dt{font-size: 140%;color: #87a301;text-align:center;} .commonArea .photo li dd{font-size: 110%;} .commonArea .photo li dd span{ display: block; font-size: 90%; } @media screen and (max-width: 640px) { .commonArea .columBox.colum2 .gTbT dt{ font-size: 0.95rem; } .commonArea .columBox.colum2 .gTbT dd{ font-size: 0.8rem; } .commonArea .columBox.colum2 .left, .commonArea .columBox.colum2 .right{ width: 100%; } .commonArea.commonArea02 .columBox.colum2 .left, .commonArea.commonArea02 .columBox.colum2 .right{ width: 100%; } .commonArea .photo li dt{font-size: 0.95rem;} .commonArea .photo li dd{font-size: 0.8rem;} .commonArea .photo li{ width: 100%; margin-bottom: 20px; padding-left: 0; } .commonArea .photo ul{ margin-left: 0; } } #under .sitemap #sitemap_list li.page-item-160, #under .sitemap #sitemap_list li.page-item-161, #under .sitemap #sitemap_list li.page-item-162 { display: none; } #under .sitemap #sitemap_list li.page-item-160 { max-width: 980px; } #under.sitemap #conWrap .conBox .inner { max-width: 980px; } #under .sitemap #sitemap_list{ overflow: hidden; text-align: left; font-weight:bold; 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; justify-content: flex-start; } #under .sitemap #sitemap_list ul{ overflow: hidden; font-weight:bold; 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; justify-content: flex-start;} #under .sitemap #sitemap_list a:hover{ color: #dc4f12; } #under .sitemap #sitemap_list li.page_item, #under .sitemap #sitemap_list li.cat-item li.post-item{ float: left; width: 33.333%; padding-right: 1em; } #under .sitemap #sitemap_list li.page_item a, #under .sitemap #sitemap_list li.cat-item li.post-item a{ display: block; padding-bottom: 5px; } #under .sitemap #sitemap_list li.home-item, #under .sitemap #sitemap_list li.cat-item{ float: none; clear: both; width: 100%; font-weight: bold; } #under .sitemap #sitemap_list li.home-item a, #under .sitemap #sitemap_list li.cat-item a{ display: block; border-bottom: 1px solid #7f9a2c; padding-bottom: 10px; margin-bottom: 1em; font-size: 130%; } #under .sitemap #sitemap_list li.cat-item{ padding-top: 3em; } #under .sitemap #sitemap_list li.cat-item li.cat-item{ padding-top: 0; } #under .sitemap #sitemap_list li.cat-item ul{ margin-bottom: 1em; } #under .sitemap #sitemap_list li.cat-item li:last-child ul{ margin-bottom: 0; } #under .sitemap #sitemap_list li.cat-item li.cat-item a{ padding-bottom: 0.3em; margin-bottom: 0.4em; font-size: 110%; border-bottom: 1px dotted #7f9a2c; } #under .sitemap #sitemap_list li.cat-item li.post-item a{ border-bottom: none; margin-bottom: 0; font-size: 100%; } #under .sitemap #sitemap_list li.page_item a, #under .sitemap #sitemap_list li.post-item a{ padding-left: 1em; } #under .sitemap #sitemap_list li.page_item a:before, #under .sitemap #sitemap_list li.post-item a:before{ content: "●"; color: #7f9a2c; z-index: 1; margin-left: -1em; } @media screen and (max-width: 640px) { #under .sitemap #sitemap_list li.page_item, #under .sitemap #sitemap_list li.cat-item li.post-item{ width: 50%; } } #under.contact #conWrap .conBox .inner { max-width: 980px; } #under .contact form{ width : 100%; margin : 0 auto; } #under .contact form dl{ max-width: 890px; width : 100%; overflow : hidden; display: table; } #under .contact form dl dt{ width: 21%; text-align : left; display: table-cell; padding: 10px 10px 15px 0; font-weight: normal; vertical-align: top; } #under .contact form dl dd{ width: 79%; text-align : left; display: table-cell; padding: 10px 0 15px 10px; } #under .contact form dl dt span.hissu{ color: #ba0000; } #under .contact form dl dt p.hissu, #under .contact form dl dd p.hissu{ color: #ba0000; } #under .contact form input{ height : 2em; border: 1px solid #ccc; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background: #fbfbfb; } #under .contact form textarea{ -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #under .contact form input:focus, #under .contact form textarea:focus{ box-shadow : 0px 0px 5px #55ccff; border : 1px solid #55ccff; background : #ffffff; } #under .contact form input#name_1, #under .contact form input#add_1, #under .contact form input#phone, #under .contact form input#mail_address, #under .contact form textarea#mail_contents, #under .contact form input.mail_btn{ padding: 7px; font-size: 100%; min-height: 39px; } #under .contact form input#name_1, #under .contact form input#add_1, #under .contact form input#phone, #under .contact form input#mail_address{ width: 100%; } #under .contact form textarea#mail_contents{ width : 100%; height : 300px; resize : vertical; border : 1px solid #cccccc; background : #fafafa; } #under .contact form .btnWrap .flexCover{ -webkit-justify-content: flex-start; justify-content: flex-start; } #under .contact form .btnWrap .flexCover li{ width: auto; } #under .contact form .btnWrap .flexCover li:first-child input{ margin-right: 20px; } #under .contact form input.mail_btn{ background: #86A300; border: 1px solid transparent; min-width: 10em; min-height: 2.5em; font-size: 125%; color: #fff; font-weight: normal !important; padding: 6px 0; margin-top: 10px; border-radius: 6px; } #under .contact form input.mail_btn.back{ background: #888988; } #under .contact form input.mail_btn:hover, #under .contact form input.mail_btn.back:hover{ background: #e04e13; cursor : pointer; -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; } #under .contact form span.error{ display: block; color: #e04e13; } #under .contact .mw_wp_form_confirm{ margin-top: 2em; } #under .contact .mw_wp_form_confirm form dt{ font-weight: bold; } @media screen and (max-width: 640px) { #under .contact form input.mail_btn{ font-size: 0.85rem; width: 100%; min-height: 3.8rem; } #under .contact form input.mail_btn:hover{ background: #86A300; } #under .contact form .btnWrap .flexCover{ -webkit-justify-content: space-between; justify-content: space-between; max-width: 92%; margin: 0 auto; } #under .contact form .btnWrap .flexCover li{ width: 48%; margin-right: 0; } #under .contact .mw_wp_form_input form .btnWrap .flexCover li{ width: 100%; } } @media screen and (max-width : 640px){ #under .contact form{ margin : 30px auto 50px; } #under .contact form dl{ display: block; } #under .contact form dl dt{ width: 100%; display: block; padding: 0; margin-bottom: 5px; } #under .contact form dl dd{ width : 100%; display: block; padding: 0 0 20px; margin-bottom: 10px; } .contact form dd div{ color : #ff0000; } #under .contact form input#name_1, #under .contact form input#com_1, #under .contact form input#read_1{ width : 100%; } #under .contact form input.mail_btn{ } } #conWrap #wrap article.finish { max-width:650px; margin:0 auto; padding-left:50px; } #conWrap #wrap article.finish h2.ttlGreen { font-size: 125%; background:none; border-bottom:#231815 2px solid; margin-bottom: 0px; } @media screen and (max-width : 640px){ #conWrap #wrap article.finish { padding-left:0px; } } #conWrap #wrap article.finish p { padding:20px; } #conWrap #wrap article.planSelect div.boxCon p.txtL, #conWrap #wrap article.planSelect div.boxCon p.ttlLeft { padding:0 5%; text-indent: 0; } #conWrap #wrap article.planSelect div.boxCon p.img { margin-bottom: 1em; } #conWrap #wrap article.planSelect div.boxCon p.txtC { margin-bottom: 0.4em; } #conWrap #wrap article.planSelect div.box h3.bgGreen, #conWrap #wrap article.planSelect div.box h3.bgBlue, #conWrap #wrap article.planSelect div.box h3.bgRed, #conWrap #wrap article.planSelect div.box h3.bgYellow, #conWrap #wrap article.planSelect div.box h3.bgPink { margin-bottom: 0; } .carea { }