@charset "utf-8"; /*/////////////////////////////////////// COMMON STYLE ///////////////////////////////////////*/ /* 基本の文字色*/ *{color:#1D1D1D;} /* 基本のフォント設定*/ body{font-family: 'Roboto', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} /* 基本の文字間、行間、テキスト色 */ h1,h2,h3,h4,h5,h6 {color:#3E2F89;} p,h1,h2,h3,h4,h5,h6{ letter-spacing: 0.05em; } p,dt,dd,td,th{line-height: 1.8;color: #1D1D1D;font-size: 15px;} @media (max-width: 767px) { p,h1,h2,h3,h4,h5,h6{ letter-spacing: 0.05em; } p,dt,dd,td,th{font-size: 14px;}} /* 基本の背景色*/ body{background-color: #FEFEFE;} /* aタグ */ a {color:#1D1D1D;transition: .3s ease-in-out;opacity: 1.0;} a:link {text-decoration: none; color:#1D1D1D;} a:visited {text-decoration: none; color:#1D1D1D; } a:hover {opacity: 0.7; text-decoration: none;color: #6A5FA1; } a:active {text-decoration: none; color:#6A5FA1;} /* 高さ揃え */ .row-eq-height {display: flex;flex-wrap: wrap;} /* リスト */ li {list-style: none;} ul{-webkit-margin-before: 0;-webkit-margin-after: 0; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0;}/*Bootstrapデフォルトで入るマージンを解除*/ /* 電話番号最適化 */ a[href^="tel:"] { cursor: default; } a[href^="tel:"]:hover {color:inherit;} /*フロートのクリア*/ .float-clear:after {content: "";display: block;clear: both;} /*スマホのみ改行*/ span.sp-block {display: block;} @media (min-width: 767px) { span.sp-block {display: inline;} } /*スマホのみ改行(青)*/ span.sp-block-bl {display: block; color: #3e2f89;} @media (min-width: 767px) { span.sp-block-bl {display: inline;} } /* 基本のボタン */ a.bsc-btn {display: block;background:#6A5FA1;border: #CBC7DF 1px solid; border-radius : 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-bottom: 10px; } /*/////////////////////////////////////// HEADER ///////////////////////////////////////*/ #wrapper {} @media screen and (min-width:801px) { #wrapper {border-top: 3px #3E2F89 solid;} } header{border-bottom:3px #3E2F89 solid; } header .logomark {position: relative;height: 60px;} header .logomark h1 { width: 350px; height: 100%; background: url(img/logo.svg)0 15px no-repeat; background-size:190px; overflow: hidden; text-indent: 130%; white-space: nowrap;} header .logomark p {display: none;} header .subheader {display: none;} @media screen and (max-width:374px) {/* iphone5以下の場合ロゴ小さく */ header .logomark h1 {background-size: 40%;} } @media screen and (min-width:801px) { header{ border-bottom: none; width: 100%; max-width: 1110px; position: relative; margin: 0 auto; } header .logomark {height: 112px;} header .logomark h1 {background-size:321px;position: absolute;top:25px;height: 77px;background-position-x:0;} header .logomark a h1:hover {opacity: 0.7;} header .logomark p{ display: block; position: absolute;top:10px;font-size: 12px;} header .subheader { display: block; position: absolute; right: 0; top: 0; width: 425px; text-align: right; } header .subheader .subheader-top {height: 55px;} header .subheader .subheader-top ul {padding-left: 0;margin: 0;} header .subheader .subheader-top ul li { float: left; font-size: 14px; margin-right: 19px; padding-top: 10px; } header .subheader .subheader-top ul a:last-child li {margin-right: 0;} header .subheader .subheader-top ul a li:hover {text-decoration: underline;} header .subheader .subheader-top ul li i {margin-right: 2px;} header .subheader .subheader-top p { color: #3E2F89; font-size: 18px; font-weight: bold; background: #FFDD00; display: inline-block; padding: 7px 43px; border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; } header .subheader .subheader-bottom {margin-bottom: -9px;} header .subheader .subheader-bottom i{color: #3e2f89;margin-right: 5px;} header .subheader .subheader-bottom a {font-size: 32px;font-weight: 700;color: #3e2f89;} header .subheader .subheader-bottom:after {content: "";clear: both;display: block;} } @media screen and (max-width:1140px) { header {padding-left: 15px;padding-right: 15px;} header .subheader {right: 15px;width: 355px;} header .subheader .subheader-top p{padding: 7px 20px;} header .subheader .subheader-top ul li{font-size: 12px;} } @media screen and (max-width:950px) {/* 小さいPCの場合説明文隠す */ header .logomark p{font-size: 10px;} } /*/////////////////////////////////////// SP-MENU ///////////////////////////////////////*/ #sp-tel {position: absolute; right: 68px; top: 0; border-left: 1px solid #CBC7DF; border-right: 1px solid #CBC7DF; width: 78px; height: 60px;} #sp-tel p { font-size: 12px; font-weight: bold; letter-spacing: -0.05em; color: #3e2f89; text-align: center; position: relative; margin-top: 37px;} #sp-tel p:before { content: "\f095";font-family: FontAwesome; display: block; text-align: center; font-size: 24px; padding-top: 9px; position: absolute; top: -43px; right: 30px;} @media screen and (min-width:801px){#sp-tel {display: none;}} #nav-drawer { position: absolute; right: 14px; top: 16px;} #nav-drawer:after { content: "メニュー"; font-size: 12px;font-weight: bold; display: block; margin-top: -8px; letter-spacing:-0.2em; color: #3e2f89; margin-left: -6px;} @media screen and (min-width:801px){#nav-drawer:after { content: "";}} /*チェックボックス等は非表示に*/.nav-unshown { display:none;} /*アイコンのスペース*/#nav-open { display: inline-block; width: 30px; height: 22px; vertical-align: middle;} /*ハンバーガーアイコンをCSSだけで表現*/ #nav-open span, #nav-open span:before, #nav-open span:after { position: absolute; height: 3px;/*線の太さ*/ width: 25px;/*長さ*/ border-radius: 3px; background: #3e2f89; display: block; content: ''; cursor: pointer; } #nav-open span:before { bottom: -8px;} #nav-open span:after { bottom: -16px;} /*閉じる用の薄黒カバー*/ #nav-close { display: none;/*はじめは隠しておく*/ position: fixed; z-index: 99; top: 0;/*全体に広がるように*/ left: 0; width: 100%; height: 100%; background: #555; opacity: 0; transition: .3s ease-in-out; } /*中身*/ #nav-content { overflow: auto; position: fixed; top: 0; right: 0; z-index: 9999;/*最前面に*/ width: 85%;/*右側に隙間を作る（閉じるカバーを表示）*/ max-width: 300px;/*最大幅（調整してください）*/ height: 100%; background: #fff;/*背景色*/ transition: .3s ease-in-out;/*滑らかに表示*/ -webkit-transform: translateX(105%); transform: translateX(105%);/*左に隠しておく*/ } /*チェックが入ったらもろもろ表示*/ #nav-input:checked ~ #nav-close { display: block;/*カバーを表示*/ opacity: .5; } #nav-input:checked ~ #nav-content { -webkit-transform: translateX(0%); transform: translateX(0%);/*中身を表示（右へスライド）*/ box-shadow: 6px 0 25px rgba(0,0,0,.15); } /* ドロワー非表示 */@media screen and (min-width:801px) {#nav-open { display:none;}} #nav-content {} #nav-content p.sp-menu-midashi {text-align: center;letter-spacing: 0.2em;font-weight: bold;margin-top: 15px;font-size: 16px; color: #6a5fa1} #nav-content ul {margin-top: 15px;} #nav-content ul a {display: block;} #nav-content ul a:hover {background: #afabc4;} #nav-content ul a li{ box-shadow: 0 1px 3px #ddd;font-size: 14px;padding: 10px;border-bottom: 1px solid #afabc4;position: relative;padding-left: 30px;} #nav-content ul a li:before {content: "\f138";color: #6a5fa1; font-family: FontAwesome;display: inline-block;position: absolute;left: 10px;font-size: 14px;} #nav-content ul a:first-child li {border-top: 1px solid #afabc4;}} #nav-content ul.sp-menu-main {} #nav-content ul.sp-menu-main ul.sp-menu-inner {margin-top: 0;padding: 10px 10px 15px; border-bottom: 1px solid #afabc4;padding-left: 25px} #nav-content ul.sp-menu-main ul.sp-menu-inner a li {font-size: 12px;font-weight: bold;border-radius: 4px; width: 100%;float: left;background:#e9e6e9; margin-bottom: 5px} #nav-content ul.sp-menu-main ul.sp-menu-inner a:first-child li {border-top: none;} #nav-content ul.sp-menu-main ul.sp-menu-inner li:before {content: "";} #nav-content ul.sp-menu-main ul.sp-menu-inner a:nth-child(even) li {margin-right:0;} #nav-content ul.sp-menu-sub {padding: 0 10px;} #nav-content ul.sp-menu-sub a li{border: none;padding: 0;width: 46%;float: left;margin: 0 2%;box-shadow: none; background: #3e2f89;color: #fefefe;text-align: center;padding-top: 5px;padding-bottom: 5px;;} #nav-content ul.sp-menu-sub a li:before{content: "";} #nav-content ul.sp-menu-sub a li i {color: #fefefe;margin-right: 0.3em;} #nav-content p.sp-menu-chumon { display: block; background: #fd0; font-weight: bold; margin: 8px 15px 15px; padding: 8px; text-align: center; font-size: 18px;} #nav-content #sp-menu-search {padding: 15px;border: 15px solid #ddd;} #nav-content #sp-menu-search .search-midashi {} #nav-content #sp-menu-search .search-midashi p {font-weight: bold;position: relative;padding-left: 40px;} #nav-content #sp-menu-search .search-midashi p:before {content: "";background: url(img/obj01.png)0 0 no-repeat;background-size: 30px;position: absolute;left: 0;top: 5px; display: block;width: 50px;height: 50px;} #nav-content #sp-menu-search .search-midashi p span {display: block;font-size: 11px;color:#8e8e8e;margin-top: -5px} #nav-content #sp-menu-search form p {margin-bottom:8px;} #nav-content #sp-menu-search form select {width: 100%; padding: 5px;margin-bottom: 0;border: 1px solid #8e8e8e;} #nav-content #sp-menu-search form input {width: 100%; padding: 5px;margin-top: 0;border: 1px solid #8e8e8e;} /*/////////////////////////////////////// PC-MENU ///////////////////////////////////////*/ #pc-menu {margin-top: 2px;} /* スマホは非表示 */@media screen and (max-width:800px) {#pc-menu { display:none;}} .menu { position: relative; width: 100%; height: 50px; margin: 0 auto;padding-left: 0;} .menu > li { float: left; width: 11.11111%; /* グローバルナビの数に応じて変化*/ height: 50px; line-height: 50px;font-weight: bold; border-right:1px solid #8E8E8E;cursor: pointer;} .menu > li:first-child { border-left:1px solid #8E8E8E;} .menu > li a { display: block; color: #1D1D1D ; font-size: 15px; text-align: center;} .menu > li a:before { content: "\f138"; font-family: FontAwesome; color: #3E2F89; margin-right: 0.3em;} .menu > li:first-child a:before {content: "\f015";} .menu > li a:hover {} ul.menu__second-level { visibility: hidden; opacity: 0; z-index: 1;padding-left: 0;} ul.menu__third-level { visibility: hidden; opacity: 0;padding-left: 0;} ul.menu__fourth-level { visibility: hidden; opacity: 0;padding-left: 0;} .menu > li:hover { background: #CBC7DF; -webkit-transition: all .5s; transition: all .5s;} .menu__second-level li { border-top: 1px dotted #6A5FA1; height: 50px;} .menu__second-level li a {font-size: 12px;text-align: left;padding-left: 10px;padding-right: 10px;} .menu__second-level li:first-child {border: none;} .menu__third-level li { border-top: 1px dotted #6A5FA1;} .menu__second-level li a:hover { background: #AFABC4;} .menu__third-level li a:hover { background: #AFABC4;} .menu__fourth-level li a:hover { background: #AFABC4;} /* floatクリア */ .menu:before, .menu:after { content: " "; display: table;} .menu:after { clear: both;} .menu { *zoom: 1;} .menu > li.menu__single { position: relative;} li.menu__single ul.menu__second-level { position: absolute; top: 40px; width: 110%; background: #CBC7DF; -webkit-transition: all .2s ease; transition: all .2s ease;} li.menu__single:hover ul.menu__second-level { top: 50px; visibility: visible; opacity: 1;} li.menu__mega ul.menu__second-level { position: absolute; top: 40px; left: 0; box-sizing: border-box; width: 100%; padding: 20px 2%;background: #CBC7DF; -webkit-transition: all .2s ease; transition: all .2s ease;} li.menu__mega:hover ul.menu__second-level { top: 50px; visibility: visible; opacity: 1;} li.menu__mega ul.menu__second-level > li { float: left; width: 32%; border: none;} li.menu__mega ul.menu__second-level > li:nth-child(3n+2) { margin: 0 1%;} /*/////////////////////////////////////// MAIN-VISUAL（メイン画像部分） ///////////////////////////////////////*/ #main-visual {background: #6a5fa1;text-align: center;padding-top: 20px;padding-bottom:10px;} #main-visual h1 {color: #fefefe;font-size: 22px;font-weight: bold;} #main-visual h1 span {display: block;font-size: 11px;padding-top: 3px;color: #CBC7DF;} @media screen and (min-width:768px){ #main-visual {padding-top: 40px;padding-bottom:30px;} #main-visual h1 {font-size: 29px;} #main-visual h1 span {font-size: 15px;padding-top: 7px;} } /*/////////////////////////////////////// PANKUZU (パンくずリスト) ///////////////////////////////////////*/ #pankuzu {display: none;} @media screen and (min-width:768px){ #pankuzu {display: block;border-bottom: 1px solid #CBC7DF;padding: 0.8em 0;} #pankuzu p {line-height: 1em;margin-bottom: 0;font-size: 13px;} #pankuzu p a {color: #8E8E8E;} #pankuzu p a:hover {text-decoration: underline;} #pankuzu p a span:after {content: "\f105";font-family: FontAwesome;margin-left: 0.5em;display: inline-block;} #pankuzu p a:first-child span{} } /*/////////////////////////////////////// CONTENTS-COMMON（コンテンツ部分共通） ///////////////////////////////////////*/ .basic-wrap-box {width: 100%;max-width: 1140px;margin: 0 auto;padding-left: 15px;padding-right: 15px;} #contents {} #contents-header:after {content: "";display: block;clear: both;} section.basic-block {padding: 15px 0 20px 0;} .basic-block-children {margin-bottom: 30px;padding-bottom: 15px;} h2{font-size: 19px;font-weight: bold;padding: 1.5em 0 0.7em 0;border-bottom: 4px solid #CBC7DF;margin-bottom: 18px;} .basic-block-children h3 {font-size: 15px;font-weight: bold;color: #fefefe;background: #6a5fa1;padding: 0.6em;margin-bottom: 15px;} p.mincho{font-size: 23px;line-height: 1.56;color: #1d1d1d;margin: 1.0em 0; font-family:游明朝,"YuMincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; font-weight: bold;} p.basic-para {} div.basic-dl dl { margin-bottom: 0;}/* 基本のdl */ div.basic-dl dl dt {background: #E9E6E9;padding: 0.4em 1em;font-weight: normal;} div.basic-dl dl dd {margin-bottom: 0;padding: 0.8em 1em;} div.basic-dl dl dd ul li{} div.pager { width: fit-content; margin: 15px auto;} .basic-block ol {padding-left: 0;}/* 基本のol */ .basic-block ol li {list-style-type: decimal;list-style-position: inside;margin-bottom: 3em;} .basic-block ol li span {color: #3e2f89;font-size: 16px;font-weight: bold;} .basic-block ol li p {line-height: 23px;margin-top: 0.5em;font-size: 14px;} table {width: 100%;margin-top: 0.7em;}/* 基本のtable */ table th {text-align: center;background: #CBC7DF;padding: 0.5em;font-size: 13px;border-right: #FEFEFE 1px solid;} table td {padding: 0.7em 1em;font-size: 13px;border-bottom: #CBC7DF 1px solid;border-right:#CBC7DF 1px solid; } table td:last-child {border-right: none;} form.basic-form {}/* 基本のFORM */ form.basic-form dl {} form.basic-form dl dt {width: 100%;background: #E9E6E9;padding: 0.6em;position: relative;} form.basic-form dl dt span {position: absolute;right: 10px;background: #fd0;font-size: 12px;padding: 4px 18px;border-radius:26px;top: 7px; } form.basic-form dl dt span.nonreq {background: #CBCBCB;} form.basic-form dl dd {padding:15px;} form.basic-form dl dd input[type=text],form.basic-form dl dd input[type=tel],form.basic-form dl dd input[type=email],form.basic-form dl dd textarea,form.basic-form input[type=submit]{font-family: 'Roboto', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} form.basic-form dl dd input[type=text],form.basic-form dl dd input[type=tel],form.basic-form dl dd input[type=email],form.basic-form dl dd textarea {padding: 7px;border: 2px solid #CBC7DF;border-radius: 3px;width: 100%;letter-spacing: 0.3px;} form.basic-form dl dd input[type=radio] {margin-right: 3px;} form.basic-form dl dd label.radio {width: 100%;} form.basic-form dl dd textarea {height: 250px;} form p.form-infomation {font-size: 12px;margin-bottom: 45px;} form.basic-form input[type=submit]{background: #6a5fa1;color: #fefefe;font-size: 20px;font-weight: bold;padding: 1.0em 4em;border-radius:8px;margin: 0 auto;display: block;cursor: pointer;} form.basic-form p#soushin {display: block;width:100%;opacity: 1.0;-webkit-transition: all .2s ease; transition: all .2s ease;} form.basic-form p#back input[type=button]{background: none; color: #3e2f89; border: none; text-decoration: underline; font-size: 14px; padding: 0; width: 100%; display: block; margin-top: -31px; cursor: pointer;} form.basic-form p#back:hover, form.basic-form p#soushin:hover {opacity: 0.7;} form p.form-attention {text-align: center;font-size: 18px;color: #3e2f89;font-weight: bold;margin-top: 45px;;margin-bottom: 0;} form p.form-attention span {display: block;color: #3e2f89;} form p.form-attention + p {color: #3e2f89;} input:focus:placeholder-shown { color: transparent;} input:focus::-webkit-input-placeholder { color: transparent;} input:focus::-moz-placeholder { color: transparent;} input:focus:-ms-input-placeholder { color: transparent;} input:focus::-ms-input-placeholder { color: transparent;} textarea:focus:placeholder-shown { color: transparent;} textarea:focus::-webkit-input-placeholder { color: transparent;} textarea:focus::-moz-placeholder { color: transparent;} textarea:focus:-ms-input-placeholder { color: transparent;} textarea:focus::-ms-input-placeholder { color: transparent;} @media screen and (min-width:768px){ #contents {} section.basic-block {padding: 15px 0 50px 0;} h2{font-size: 25px;padding: 1.5em 0;margin-bottom: 35px;} .basic-block-children h3 {font-size: 21px;padding: 0.8em;margin-bottom: 25px;} p.basic-para {} p.mincho{font-size: 35px;line-height: 1.56;color: #1d1d1d;margin: 1.2em 0;} div.basic-dl dl{border-bottom: #CBC7DF 1px solid;padding: 0.8em 0;} div.basic-dl dl dt {padding: 0;width: 20%; background: none;font-weight: normal;float: left;} div.basic-dl dl dd {padding: 0;margin-bottom: 0;padding-left: 20%;} div.basic-dl dl dd ul li:before {content:"・";color: #6a5fa1; display: inline-block; } .basic-block ol li {margin-bottom: 2em;} .basic-block ol li span {font-size: 19px;} .basic-block ol li p {line-height: 26px;margin-top: 0.5em;} table {width: 100%;} table th {font-size: 17px;font-weight: normal;padding: 0.7em;} table td {font-size: 15px;} } @media screen and (min-width:992px){ form.basic-form {} form.basic-form dl {margin: 0; display: table;width: 100%; border-bottom: 1px solid #CBC7DF;} form.basic-form dl:first-child {border-top: 1px solid #CBC7DF;} form.basic-form dl dt { min-height: 70px; width: 38%;float: left;background: none;padding-top: 21px;} form.basic-form dl dt span {top: 18px;right: 18px} form.basic-form dl dt span.nonreq {} form.basic-form dl dd {min-height: 70px;padding-left: 40%; margin-bottom: 0; line-height: 100%;} form.basic-form dl dd input[type=text],form.basic-form dl dd input[type=tel],form.basic-form dl dd input[type=email],form.basic-form dl dd textarea {} form.basic-form dl dd input[type=radio] {} form.basic-form dl dd label.radio {} form.basic-form dl dd textarea {line-height: 23px;} form p.form-infomation {margin-top: 25px;} } /*/////////////////////////////////////// SIDEBAR（サイドバー） ///////////////////////////////////////*/ #sidebar {} #side-menu {padding: 5px; border: 3px solid #E9E6E9;z-index: 10;margin-bottom: 45px;margin-left: auto; margin-right: auto;width: 90%;} #side-menu p {margin-bottom: 0;text-align: center;background: #6a5fa1;color: #fefefe;font-size: 20px;font-weight: bold;padding: 8px 0; border-top-left-radius : 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius : 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; } #side-menu ul {} #side-menu ul li{} #side-menu ul li a {display: block;position: relative;width: 100%;font-size: 13px;font-weight: bold;border-bottom: #CBC7DF 1px solid;padding: 1em 1.5em;} #side-menu ul li:last-child a {border-bottom: none;margin-bottom: -5px;} #side-menu ul li a:before {content: "\f105";font-family: FontAwesome;color: #3E2F89;font-size: 17px;font-weight: normal;margin-right:8px;display: inline-block;position: absolute;top: 8px;left:8px;} #side-menu ul li a:hover {background: #cbc7df;} /* NEWS部分のみ */ #side-menu ul.side-news a li {display: block;position: relative;width: 100%;font-size: 13px;font-weight: bold;border-bottom: #CBC7DF 1px solid;padding: 1em 1.5em;} #side-menu ul.side-news a:last-child {border-bottom: none;margin-bottom: -5px;} #side-menu ul.side-news a:last-child li {border-bottom:none;} #side-menu ul.side-news a li:before {content: "\f105";font-family: FontAwesome;color: #3E2F89;font-size: 17px;font-weight: normal;margin-right:8px;display: inline-block;position: absolute;top: 8px;left:8px;} #side-menu ul.side-news a li:hover {background: #cbc7df;} #side-menu ul.side-menu-child {display: none;} .sidebar-product #side-menu ul.side-menu-child li:not(:last-child) a { border-bottom: #CBC7DF 1px solid;} @media screen and (min-width:768px){ #sidebar {margin-top: 21px;} #side-menu {padding-bottom: 0; border: 6px solid #E9E6E9;width: 100%;margin-bottom: 23px;} #side-menu p {} #side-menu ul {padding-left: 0;} #side-menu ul li a{font-size: 14px;background: none; -webkit-transition: all .2s ease; transition: all .2s ease;padding: 1.0em 1.2em;} #side-menu ul li:last-child a {margin-bottom: 0;} #side-menu ul li a:before {top: 10px} #side-menu ul.side-menu-child {display: block;} #side-menu ul.side-menu-child li a {padding:8px 8px 8px 30px;background: #F8F7F8;} #side-menu ul.side-menu-child li a:hover {background:#cbc7df;} #side-menu ul.side-menu-child li a:before {left: 18px;top: 5px} #side-menu ul.side-menu-child li:last-child {border-bottom: #CBC7DF 1px solid;} #side-menu ul.side-menu-child li a {} } #side-order {border:7px solid #6A5FA1; } #side-order .info-erea {background: #6a5fa1;margin-bottom: 20px;padding: 10px 10px 15px 10px;position: relative;} #side-order .info-erea:before {content: "";background:url(img/side01.png)0 0 no-repeat;background-size:108px; position: absolute;bottom: 0; right: 0;display: block;width:108px; height: 137px;} #side-order .info-erea:after { content: "";position: absolute;top: 100%;left: 50%;margin-left: -12px;border: 12px solid transparent;border-top: 12px solid #6A5FA1;} #side-order .info-erea img {width:87px;} #side-order .btn-erea {} #side-order .btn-erea p.order-btn {width: 90%; margin: 0 auto; font-size: 21px; margin-bottom: 0; height: 65px; padding-top: 0.7em; color: #fefefe; font-weight: bold; text-align: center; border-radius : 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: #6a5fa1; background: -moz-linear-gradient(top, #6a5fa1 0%, #3e2f89 100%); background: -webkit-linear-gradient(top, #6a5fa1 0%,#3e2f89 100%); background: linear-gradient(to bottom, #6a5fa1 0%,#3e2f89 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a5fa1', endColorstr='#3e2f89',GradientType=0 ); } #side-order .btn-erea p {font-size: 12px;} #side-order .btn-erea p.order-nagare-btn {margin-top: 10px; padding-right: 5%; margin-bottom: 6px;} #side-order .btn-erea p.order-nagare-btn:hover {text-decoration: underline;} #side-order .btn-erea p i {color: #3e2f89;display: inline-block;margin-right: 3px;} #side-order .infoerea02 {display: none;} #side-search {display: none;} @media screen and (min-width:768px){ #side-order {} #side-order .info-erea{} #side-order .info-erea:before {background-size:83px;width: 83px;height:105px; } #side-order .info-erea:after{} #side-order .info-erea img {width:87px;} #side-order .btn-erea {} #side-order .btn-erea p.order-btn {font-size: 18px;height:54px; margin-bottom: 15px;opacity: 1.0; -webkit-transition: all .2s ease; transition: all .2s ease; } #side-order .btn-erea p.order-btn:hover {opacity: 0.8;} #side-order .btn-erea p {border-top:1px solid #6A5FA1;width: 90%;margin: 0 auto;padding-top: 1.1em;padding-bottom: 0.4em} #side-order .btn-erea p.order-nagare-btn {padding-right: 0;} #side-order .btn-erea p i{} #side-order .infoerea02 {display: block;width: 90%;margin: 0 auto;} #side-order .infoerea02 p {font-size: 13px;text-align: center; margin-bottom: 8px;} #side-order .infoerea02 p span{font-size: 15px;font-weight: bold;background: #fd0;padding-bottom: 1px;margin-right: 3%;width: 31%;display: inline-block;margin-bottom: 5px;} #side-search {display: block;border: 1px solid #CBC7DF;margin-top: 20px;padding: 15px;} #side-search .search-midashi {} #side-search .search-midashi p {font-weight: bold;display: block;margin: 0 auto;padding-left: 40px; margin-bottom: 24px;} #side-search .search-midashi p span {position: relative;font-size: 11px;color: #8E8E8E;display: block;line-height: 0;margin-top: 3px;} #side-search .search-midashi p span:after {content: "";width: 31px;height: 31px;background: url(img/obj01.svg)0 0 no-repeat;position: absolute;left: -38px;top: -28px;} #side-search form {} #side-search form p{margin-bottom: 11px;} #side-search form p#category {width: 100%;} #side-search form p#keyword input,#side-search form p#category select,#side-search form p#kensaku input {font-family: 'Roboto', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;border: 1px solid #CBCBCB;width: 100%;font-size: 15px;color: #8E8E8E;padding: 5px 0 8px 5px;} #side-search form p#category select {} #side-search form p#keyword input {} #side-search form p#kensaku {cursor: pointer;margin-bottom: 0;position: relative;display: block;opacity: 1.0; -webkit-transition: all .2s ease; transition: all .2s ease;width: 100%;} #side-search form p#kensaku input {background: #8E8E8E;border: none;width: 100%;color: #fff;font-size: 18px;letter-spacing: 0.4em;text-align: center;padding-left: 20px;cursor: pointer;} #side-search form p#kensaku:hover {opacity: 0.7;} #side-search form p#kensaku:after {margin-bottom: 0;content: "\f002";font-family: FontAwesome;display: inline-block;width: 30px;height: 30px;font-size: 18px;color: #fff;position: absolute;top: 5px;right: calc(50% + 10px);} } /*/////////////////////////////////////// CTA（Call to Action） ///////////////////////////////////////*/ #cta {text-align: center;background: #F8F7F8;margin-top: 50px;padding:50px 15px;} #cta h2 {color: #1d1d1d;font-size: 23px;line-height: 130%;border-bottom: 0;padding: 0;margin-bottom: 40px;} #cta h2 span {display: block;} #cta h2 span.cta-sub{font-size: 11px;color: #8E8E8E;line-height: 0;margin-top: 10px;} #cta p {font-size: 13px;text-align:center;} #cta .cta-tel-wrap {border: 4px solid #6A5FA1;width: 80%;margin: 0 auto;padding: 15px 0;margin-top: 20px;margin-bottom:30px;} #cta .cta-tel-wrap p {color: #3E2F89;text-align: center;margin-bottom: 0;line-height: 15px;} #cta .cta-tel-wrap p.cta-tel {font-size: 30px;font-weight: bold;letter-spacing: -0.08px;line-height: 30px;} #cta .cta-tel-wrap p.cta-tel span {font-size: 15px;font-weight: bold;color: #3E2F89;} #cta .cta-link-wrap {} #cta .cta-link-wrap a p {font-weight: bold;color: #fff;font-size: 16px;margin-bottom: 0;line-height: 16px;padding: 17px;} #cta .cta-link-wrap a p i {color: #fff;margin-right: 6px;} #cta .cta-link-wrap a p.cta-link-mail {position: relative;text-align: left;} #cta .cta-link-wrap a p.cta-link-mail:after {content: "\f003";font-family: FontAwesome;font-size: 26px;font-weight: normal;position: absolute;right: 15px;display: inline-block;} #cta .cta-link-wrap a p.cta-link-order {position: relative;text-align: left;} #cta .cta-link-wrap a p.cta-link-order:after {content: "\f0e5";font-family: FontAwesome;font-size: 26px;font-weight: normal;position: absolute;right: 15px;display: inline-block;} @media screen and (min-width:768px){ #cta{ padding: 78px 15px;} #cta h2 {font-size: 29px;} #cta h2 span {display: inline;} #cta h2 span.cta-sub {display: block;font-size: 15px;} #cta p {font-size: 16px;} #cta .cta-tel-wrap {width: 465px;padding:35px 0 20px 0;margin-top: 38px;} #cta .cta-tel-wrap p {font-weight: bold;} #cta .cta-tel-wrap p.cta-tel {font-size: 51px;margin-bottom: 20px;} #cta .cta-tel-wrap p.cta-tel span {font-size: 26px;} #cta .cta-link-wrap a.bsc-btn {display: inline-block;width: 40%;margin: 0 2%;padding-top: 5px;padding-bottom: 5px;max-width: 350px;} #cta .cta-link-wrap a p.cta-link-mail{text-align: left;font-size: 14px;} #cta .cta-link-wrap a p.cta-link-order{text-align: left;font-size: 14px;} #cta .cta-link-wrap a p.cta-link-mail:after, #cta .cta-link-wrap a p.cta-link-order:after {content: "";} } @media screen and (min-width:876px){ #cta .cta-link-wrap a p.cta-link-mail{font-size: 16px;} #cta .cta-link-wrap a p.cta-link-order{font-size: 16px;} #cta .cta-link-wrap a p.cta-link-mail:after {content: "\f003";} #cta .cta-link-wrap a p.cta-link-order:after {content: "\f0e5";} } /*/////////////////////////////////////// FOOTER（フッター） ///////////////////////////////////////*/ footer {} footer #GoTop {background: #6a5fa1;color: #fefefe;text-align: center;font-size: 11px;padding: 5px 0;letter-spacing: 0.2em;} footer #GoTop:before {content:"\f106";font-family: FontAwesome;display: block;font-size: 31px;line-height: 67%;} footer ul {} footer ul a li{background: none;-webkit-transition all .2s ease; transition all .2s ease;border-bottom: 1px solid #6A5FA1;width: 50%;float: left;font-size: 14px;padding: 1em;position: relative;text-decoration: none;} footer ul a:nth-child(odd) li{border-right: 1px solid #6A5FA1;} footer ul a li:hover{background: #afabc4;} footer ul a li:after {content:"\f105";font-family: FontAwesome;position: absolute;right: 15px;color: #3E2F89;font-size: 18px;} footer .footer-cpn-info {margin-top: 40px;padding-top: 50px;margin-bottom: 30px;background:url(img/logo.svg)50% 0 no-repeat; background-size: 176px;} footer .footer-cpn-info p {text-align: center;margin-bottom: 0;font-size: 13px;line-height: 140%;} small {display: block;background: #6A5FA1;color: #fefefe;text-align: center;font-size: 10px;letter-spacing: 0.1em;padding: 0.9em;} .footer-pc-menu {display: none;} @media screen and (min-width:768px){ footer #GoTop {border-top: 1px solid #3E2F89;border-bottom: 1px solid #3E2F89; background: none;color: #3E2F89;font-size: 20px;letter-spacing: inherit;font-weight: bold;padding: 10px 0;} footer #GoTop:hover {background: #afabc4;} footer #GoTop:before {display: inline-block;content: "\f062";font-size: 20px;margin-right: 5px;} footer ul.footer-sp-menu {display: none;} footer .footer-cpn-info {background-position: 15px 0;background-size: 214px;} footer .footer-cpn-info p {text-align: left;} footer .footer-cpn-info p:first-child {padding-top: 40px;} footer .footer-pc-menu {display: block; padding-bottom: 40px;} footer .footer-pc-menu ul {width: 33%;float: left;margin-top: 40px;padding-left: 0;} footer .footer-pc-menu ul a li {opacity: 1.0; border: none; width: 100%; padding: 0; float: none;margin-bottom: 2px;font-size: 13px;} footer .footer-pc-menu ul a li:after {content: "";} footer .footer-pc-menu ul a li:before {display: inline-block;content: "\f105";font-family: FontAwesome;color: #3E2F89;font-size: 15px;margin-right: 5px;} footer .footer-pc-menu ul a li:hover {background: none;text-decoration: underline;opacity: 0.8;} footer .footer-pc-menu ul div.footer-inner-list {} footer .footer-pc-menu ul div.footer-inner-list ul {width: 100%;padding-left: 1em;margin-top: 0;} footer .footer-pc-menu ul div.footer-inner-list ul a li {width: 100%;float: none;font-size: 12px;margin-bottom: 0;} } /*/////////////////////////////////////// LIGHTBOX ///////////////////////////////////////*/ /* Preload images */ body:after { content: url(img/js_img_lightbox/close.png) url(img/js_img_lightbox/loading.gif) url(img/js_img_lightbox/prev.png) url(img/js_img_lightbox/next.png); display: none;} body.lb-disable-scrolling { overflow: hidden;} .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none;} .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal;} .lightbox .lb-image { display: block; height: auto; max-width: inherit; max-height: none; border-radius: 3px;/* Image border */border: 4px solid white;} .lightbox a img { border: none;} .lb-outerContainer { position: relative; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; /* Background color behind image.This is visible during transitions. */ background-color: white;} .lb-outerContainer:after { content: ""; display: table; clear: both;} .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0;} .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(img/js_img_lightbox/loading.gif) no-repeat;} .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;} .lb-container > .nav { left: 0;} .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');} .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block;} .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(img/js_img_lightbox/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s;} .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(img/js_img_lightbox/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s;} .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;} .lb-dataContainer:after { content: ""; display: table; clear: both;} .lb-data { padding: 0 4px; color: #ccc;} .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em;} .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em;} .lb-data .lb-caption a { color: #4ae;} .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999;} .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(img/js_img_lightbox/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition:opacity 0.2s; transition: opacity 0.2s;} .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} /*/////////////////////////////////////// IN-VIEW　（スクロールイベント） ///////////////////////////////////////*/ /*----- フェードイン -----*/ .inviewfadeIn {opacity: 0; transition: .8s; } .fadeIn { opacity: 1.0; } /*----- 上へスライド -----*/ .inviewUp { transform: translate(0, 40px); -webkit-transform: translate(0, 40px); transition: .8s; } .Up { transform: translate(0, 0); -webkit-transform: translate(0, 0); } /*----- ズームイン -----*/ .inviewzoomIn { transform: scale(0, 0); -webkit-transform: scale(0, 0); transition: .8s; } .zoomIn { transform: scale(1, 1); -webkit-transform: scale(1, 1); } /*----- フェードインしながら上へスライド -----*/ .inviewfadeInUp { opacity: 0; transform: translate(0, 60px); -webkit-transform: translate(0, 60px); transition: .8s; } .fadeInUp {opacity: 1.0; transform: translate(0, 0); -webkit-transform: translate(0, 0); } /*/////////////////////////////////////// CONTENTS（コンテンツの独自部分） ///////////////////////////////////////*/ /* 会社概要ページ > page-company.php */ .gmap {width: 100%;height: 237px;} @media screen and (min-width:768px){.gmap {height: 292px;}} /* お知らせ一覧ページ > archive.php */ section.archive-basic-block ul {} section.archive-basic-block ul a li {border-bottom: 1px solid #6A5FA1;padding: 15px 0; opacity: 1.0; -webkit-transition: all .2s ease; transition: all .2s ease;} section.archive-basic-block ul a li:hover {opacity: 0.7;} section.archive-basic-block ul a li p {margin-bottom: 10px;font-size: 13px;} section.archive-basic-block ul a li p span {display: inline-block;color: #fefefe;background: #6a5fa1;font-size: 12px;padding: 0 8px;letter-spacing: -0.1em;margin-left: 1em;} section.archive-basic-block ul a li h2.archive-midashi {border-bottom: none; padding: 0; margin-bottom: 8px;font-size: 16px;} section.archive-basic-block ul a li p.archive-honbun {line-height: 21px;} @media screen and (min-width:768px){ section.archive-basic-block ul a li {padding: 18px 0;} section.archive-basic-block ul a li p {font-size: 15px;} section.archive-basic-block ul a li h2.archive-midashi{font-size: 18px;} section.archive-basic-block ul a li p.archive-honbun {line-height: 24px;} section.archive-basic-block ul a li p span {font-size: 12px;} } /* お知らせ詳細ページ > single.php */ section.single-basic-block p {font-size: 13px;margin-bottom: 12px;} section.single-basic-block p span {display: inline-block;color: #fefefe;background: #6a5fa1;font-size: 12px;padding: 0 8px;letter-spacing: -0.1em;margin-left: 1em;} section.single-basic-block h2.single-midashi {padding-top: 0;padding-bottom: 12px} section.single-basic-block div.single-honbun {border-bottom: 4px solid #CBC7DF;padding-bottom: 30px;margin-bottom: 12px;} section.single-basic-block .pager {} section.single-basic-block .pager ul {} section.single-basic-block .pager ul li {font-size: 14px;font-weight: bold;float: left;margin-left: 10px;background: #E7E4F5;color: #3E2F89;padding: 7px 12px;border-radius: 5px;} section.single-basic-block .pager ul li:hover {opacity: 0.7;} section.single-basic-block .pager ul a:first-child li:before {content: "\f104";font-family: FontAwesome;display: inline-block;margin-right: 0.5em;} section.single-basic-block .pager ul a:last-child li:after {content: "\f105";font-family: FontAwesome;display: inline-block;margin-left: 0.5em;} @media screen and (min-width:768px){ section.single-basic-block {padding-top: 30px;} section.single-basic-block p{font-size: 15px;margin-bottom: 0;} section.single-basic-block p span{font-size: 13px;} section.single-basic-block h2.single-midashi{ font-size: 25px; padding: 0.7em 0 1.5em 0;} section.single-basic-block div.single-honbun {padding-top: 30px;padding-bottom:50px;margin-bottom: 20px;} section.single-basic-block .pager ul a li {background: #fff;} section.single-basic-block .pager ul a:first-child li {background: #E7E4F5;} section.single-basic-block .pager ul a:last-child li {background: #E7E4F5;} section.single-basic-block .pager ul li{font-size: 16px;padding: 10px 15px;} } /* FAQページ > page-faq.php */ #panel {width: 100%;} #panel dt { border-bottom: solid 1px #CBC7DF; background-color: #E7E4F5; color: white;cursor: pointer; padding: 10px; font-weight:bold; color: #3E2F89;position: relative;} #panel dt:hover {background: #cbc7df;} #panel dt:before {content: "Q.";margin-right: 3px;} #panel dd { margin: 0px; padding: 10px;line-height: 22px;} @media screen and (min-width:768px){ #panel dt {padding: 15px 15px;font-size: 17px;} #panel dt:after {position: absolute;right: 15px; content: "\f078";font-family: FontAwesome;color: #6A5FA1;} #panel dd {padding: 25px 15px;line-height: 25px;} } /* ご注文・資料請求ページ > page-ordertop.php */ .ordertop-01 {margin-bottom: 55px;} .ordertop-01 p {color: #3e2f89;font: 15px;margin-top: 40px;} .ordertop-01 p span {color: #3e2f89;} .ordertop-02 { border: 1px solid #6A5FA1;max-width:75%;margin: 0 auto;padding: 10px;text-align: center;} .ordertop-02 p {margin: 0;} .ordertop-02 p:nth-child(1) {font-weight: bold;font-size: 17px;margin-bottom: 8px;} .ordertop-02 p:nth-child(1):before {content: "\f095";font-family: FontAwesome;font-size: 19px;display:inline-block;margin-right: 8px;} .ordertop-02 p:nth-child(2) {margin-top: -10px;font-size: 18px;} .ordertop-02 p:nth-child(2) a {color: #3e2f89;font-size: 32px;} .ordertop-02 p:nth-child(2) a:hover {opacity: 1.0;} .ordertop-02 p:nth-child(3) {font-size: 12px; margin-top: -5px;} .ordertop-03 {} .ordertop-03 div a div {border: 1px solid #6A5FA1;opacity: 1.0;-webkit-transition: all .2s ease; transition: all .2s ease;margin-bottom: 20px;} .ordertop-03 div a div:hover {opacity: 0.7;} .ordertop-03 div a div h3 {margin-bottom: 0;background: #6a5fa1;color: #fefefe;font-size: 15px;padding:10px;font-weight: bold;text-align: center;} .ordertop-03 div a div img {max-width: 160px; width: 40%;float: left;margin-right: 15px;} .ordertop-03 div a div p {margin-bottom: 0;padding: 10px 10px 0;font-size: 13px;line-height: 19px;} @media screen and (min-width:768px){ .ordertop-01 {margin-bottom: 65px;} .ordertop-02 {max-width: 450px;padding: 15px;} .ordertop-02 p:nth-child(1) {font-size: 20px;} .ordertop-02 p:nth-child(1):before {font-size: 23px;} .ordertop-02 p:nth-child(2) {font-size: 18px;} .ordertop-02 p:nth-child(2) a {font-size: 35px;} .ordertop-02 p:nth-child(3) {font-size: 13px;} .ordertop-03 {} .ordertop-03 div a div {} .ordertop-03 div a div h3 {font-size: 17px;padding: 18px;} .ordertop-03 div a div img {width: 100%;max-width: inherit; float: none;} .ordertop-03 div a div p {padding-bottom: 15px} } /* 流れページ > page-nagare.php */ .nagare-basic-block ol li {list-style-type: none;} /* 注文ページ > page-order.php */ .order-basic-block .order-01 {margin-top: 20px;padding: 7px;} .order-basic-block .order-01 p:nth-child(1) {color: #3e2f89;} .order-basic-block .order-01 p:nth-child(1):before {content: "\f040";margin-bottom: 1em;} .order-basic-block .order-01 p:nth-child(2) {color: #3e2f89;} .order-basic-block table td i {color: #fefefe;font-size: 15px;padding: 8px; } .order-basic-block table td a {background: #6A5FA1;color: #fefefe;widows: 100%;display: block;border-radius:5px;text-align: center; } @media screen and (min-width:768px){ .order-basic-block .order-01 {padding-top:10px;padding-bottom: 13px;} .order-basic-block table td.excel,.order-basic-block table td.pdf {width: 200px;} .order-basic-block table td.excel i:after {content: "EXCEL";margin-left: 0.5em;} .order-basic-block table td.pdf i:after {content: "PDF";margin-left: 0.5em;} } /* ★★★★★　以下20171216追加分　★★★★★ */ /* 問い合わせページ > page-contact.php */ section.contact-basic-block .contact-01 {min-height: 110px; width: 80%;max-width: 290px;margin: 0 auto 24px auto;border:1px solid #6A5FA1;padding-bottom: 5px;} section.contact-basic-block .contact-01 h3 {background: #6a5fa1;color: #fefefe;font-size: 17px;font-weight: bold;text-align: center;padding: 0.7em;} section.contact-basic-block .contact-01 h3 i {color: #fefefe;font-weight: normal;} section.contact-basic-block .contact-01 p {font-size: 15px;text-align: center;margin-top: 11px;margin-bottom: 0;} section.contact-basic-block .contact-01 h3 + p + p {font-size: 13px;margin-top: 0;color: #3e2f89;} section.contact-basic-block .contact-01 p a {color: #3e2f89;} section.contact-basic-block .contact-01 p a:hover {opacity: 1.0;} section.contact-basic-block .contact-01 p a span {color: #3e2f89;font-size: 29px;line-height: 100%;} section.contact-basic-block .contact-02 p {margin-top: 18px;} section.contact-basic-block div.Goform {border: 1px solid #95989A;background: #F8F7F8;padding: 10px; margin: 0 15px;} section.contact-basic-block div.Goform > p {text-align: center;font-size: 14px;margin-top: 3px;margin-bottom:10px} section.contact-basic-block div.Goform a p {opacity: 1.0;-webkit-transition: all .2s ease; transition: all .2s ease;line-height: 100%;padding: 1.2em 0; background: #6a5fa1;color: #fefefe;text-align: center;font-size: 15px;font-weight: bold;border-radius: 5px;border: #CBC7DF 1px solid;margin-bottom: 0;} section.contact-basic-block div.Goform a p span {color: #fefefe;position: relative;} section.contact-basic-block div.Goform a p :before {content:"\f25a";font-family:FontAwesome;display: inline-block;position: absolute;left: -9em;font-weight: normal;top: 0;} section.contact-basic-block div.Goform a p:hover {opacity: 0.7;} @media screen and (min-width:992px){ section.contact-basic-block .contact-01 {width: 95%;max-width:none;height:144px;} section.contact-basic-block .contact-01 h3 {font-size: 20px;} section.contact-basic-block .contact-01 h3 i {margin-right: 5px;} section.contact-basic-block .contact-01 > p {margin-top: 18px;} section.contact-basic-block .contact-01 p {font-size: 18px;} section.contact-basic-block .contact-01 p a span {font-size: 35px;} section.contact-basic-block .contact-02 p {margin-top: 25px;} section.contact-basic-block div.Goform {margin: inherit;} section.contact-basic-block div.Goform > p span {display: block;} section.contact-basic-block div.Goform a p span {display: block;position: inherit;} section.contact-basic-block div.Goform a p {text-align: left;padding-left: 4em;position: relative;} section.contact-basic-block div.Goform a p:before {font-size: 21px;content:"\f25a";font-family:FontAwesome;display: inline-block;position: absolute;left: 21px;font-weight: normal; top: calc(50% - 8px);} section.contact-basic-block div.Goform a p span {margin-top: 5px;} section.contact-basic-block .contact-mail-info > p{padding-right: 30px;} } /* 商品一覧ページ > page-search.php */ #syouhinkensaku {display: none;} section.search-basic-block > div {margin-top: 40px;} section.search-basic-block .search-ctg-block {margin-bottom: 25px;} section.search-basic-block .search-ctg-block .search-ctg-img {border: #6A5FA1 2px solid;height: 158px;} section.search-basic-block .search-ctg-block .search-ctg-img01 { background: url(img/page-search01.png)50% bottom no-repeat; background-size: contain;} section.search-basic-block .search-ctg-block .search-ctg-img02 { background: url(img/page-search02.png)50% bottom no-repeat; background-size: contain;} section.search-basic-block .search-ctg-block .search-ctg-img03 { background: url(img/page-search03.png)50% bottom no-repeat; background-size: contain;} section.search-basic-block .search-ctg-block .search-ctg-img04 { background: url(img/page-search04.png)50% bottom no-repeat; background-size: contain;} section.search-basic-block .search-ctg-block .search-ctg-img h3 {padding-top: 1.0em; font-size: 17px;font-weight: bold;text-align: center; text-shadow: 0px 0px 12px #fff;} section.search-basic-block .search-ctg-block p {height: 54px; position: relative;background: #6a5fa1;color: #fefefe;text-align: center;font-size: 13px;padding: 1.2em 0 1.3em 0;margin-bottom: 0;line-height: 100%;vertical-align: middle;} section.search-basic-block .search-ctg-block p:after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -12px; border: 12px solid transparent; border-top: 12px solid #6A5FA1;} section.search-basic-block .search-ctg-block .search-ctg-list {border: 2px solid #CBC7DF;border-top: none;margin-top: 0;padding-top: 30px;} section.search-basic-block .search-ctg-block .search-ctg-list ul {margin-bottom: 25px;} section.search-basic-block .search-ctg-block .search-ctg-list ul a {display: block;} section.search-basic-block .search-ctg-block .search-ctg-list ul a li {width: 50%;float: left;border-top: 1px solid #E7E4F5;padding: 8px;font-size: 14px;font-weight: bold;} section.search-basic-block .search-ctg-block .search-ctg-list ul a li:hover {background: #cbc7df;} section.search-basic-block .search-ctg-block .search-ctg-list ul a li:before {content:"\f105";font-family: FontAwesome;margin-right: 5px;color: #3E2F89;display: inline-block;} section.search-basic-block .search-ctg-block .search-ctg-list ul a:last-child li, section.search-basic-block .search-ctg-block .search-ctg-list ul a:nth-last-child(2) li {border-bottom: 1px solid #E7E4F5;} section.search-basic-block .search-ctg-block .search-ctg-list ul a:nth-child(odd) li {border-right: 1px solid #E7E4F5;} section.search-basic-block .search-ctg-block a.search-btn {border-radius:0;background: #6a5fa1;color: #fefefe;text-align: center;width: 94%;padding: 0.7em; margin: 0 auto; display: block;border: 1px solid #CBC7DF;margin-bottom: 15px;font-weight: bold;} @media screen and (min-width:768px){ section.search-basic-block .search-ctg-block .search-ctg-img {height: 240px;} section.search-basic-block .search-ctg-block p {font-size: 14px;height: 62px;line-height: 130%;padding-top: 13px} section.search-basic-block .search-ctg-block .search-ctg-list ul {padding-left: 12px;padding-right: 12px;} section.search-basic-block .search-ctg-block .search-ctg-list ul a li {height: auto; font-size: 12px;border: none;padding: 0;margin-bottom: 5px;} section.search-basic-block .search-ctg-block .search-ctg-list ul a:last-child li, section.search-basic-block .search-ctg-block .search-ctg-list ul a:nth-last-child(2) li {border: none;} section.search-basic-block .search-ctg-block .search-ctg-list ul a:nth-child(odd) li {border: none;} section.search-basic-block .search-ctg-block .search-ctg-list ul a li:hover {background: none;text-decoration: underline;} section.search-basic-block .search-ctg-block .search-ctg-list01{height: 310px} section.search-basic-block .search-ctg-block .search-ctg-list02{height: 220px} section.search-basic-block .search-ctg-block a.search-btn { position: absolute; bottom: 0px; width: 80%; margin-left: 5.5%;} #syouhinkensaku {display: block;background:#E9E6E9;padding: 10px;height:101px;margin: 0 auto;} #syouhinkensaku .syouhinnkensaku00 {width: 100%;margin: 0 auto;text-align: center; } #syouhinkensaku .syoihinnkensaku01 {display: none;} #syouhinkensaku .syoihinnkensaku01 p span {margin-top: -8px;letter-spacing: -0.1px ;display: block;font-weight: bold;font-size: 11px;color: #8E8E8E;} #syouhinkensaku .syoihinnkensaku01 p {margin-bottom: 0;padding-top: 38px;} #syouhinkensaku .syoihinnkensaku02 {float: none;} #syouhinkensaku .syoihinnkensaku02 form { } #syouhinkensaku .syoihinnkensaku02 {display: inline-block;padding-top: 17px;} #syouhinkensaku .syoihinnkensaku02 form p {display: inline-block;margin-bottom: 0;margin-right: 25px;} #syouhinkensaku .syoihinnkensaku02 form p#category {} #syouhinkensaku .syoihinnkensaku02 form p input[type=submit], #syouhinkensaku .syoihinnkensaku02 form p input, #syouhinkensaku .syoihinnkensaku02 form p select{ font-family: 'Roboto', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; height: 48px;border: 1px solid #CBCBCB;font-size: 15px;color: #8E8E8E;padding-left:15px;padding-right: 0; } #syouhinkensaku .syoihinnkensaku02 form p input[type=submit] {cursor: pointer;text-align: center;width:180px; letter-spacing: 0.1em; font-size: 18px;background: #6A5FA1;border:1px solid #CBC7DF;color: #fff;} #syouhinkensaku .syoihinnkensaku02 form p#keyword {} #syouhinkensaku .syoihinnkensaku02 form p#kensaku {position: relative;opacity: 1.0;-webkit-transition: all .2s ease; transition: all .2s ease;} #syouhinkensaku .syoihinnkensaku02 form p#kensaku:hover {opacity: 0.7;} #syouhinkensaku .syoihinnkensaku02 form p#kensaku:before {content: "\f002";font-family: FontAwesome;color: #fff;font-size: 21px;position: absolute;top: 5px;left: 45px;} #syouhinkensaku .syoihinnkensaku02 form p#kensaku:before :hover {color: #fff;} #syouhinkensaku.syouhinkensaku2 .syouhinnkensaku00:after { content: ""; display: block; clear: both; } } @media screen and (min-width:900px){ #syouhinkensaku .syoihinnkensaku01 {display: block;float: left; font-size: 14px;font-weight: bold;width: 152px;height: 68px;text-align: center;background: url(img/obj01.png)50% 5px no-repeat;background-size: 30px;font-family: FontAwesome;} #syouhinkensaku .syouhinnkensaku00 {width: 858px;margin: 0 auto; } #syouhinkensaku.syouhinkensaku2 .syouhinnkensaku00 {width: 100%;margin: 0 auto; } #syouhinkensaku .syoihinnkensaku02 {float: right;} } @media screen and (min-width:950px){ section.search-basic-block .search-ctg-block .search-ctg-list ul a li {font-size: 15px;} section.search-basic-block .search-ctg-block .search-ctg-list ul a:nth-child(odd) li {padding-right: 12px;} } @media screen and (max-width:1130px){ #syouhinkensaku.syouhinkensaku2 .syoihinnkensaku01 { display: none;} @media screen and (max-width:995px){ #syouhinkensaku.syouhinkensaku2 { height: auto;} #syouhinkensaku.syouhinkensaku2 .syoihinnkensaku02 form p#kensaku { margin-top: 10px;} } } /* 大カテゴリごとの商品一覧ページ > page-search-bigcategory.php */ .search-category-basic-block p.lead-sentence {margin-bottom:45px;} .search-category-basic-block ul.child-category-list {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between; -webkit-flex-wrap: wrap;flex-wrap: wrap;padding-left: 0;} .search-category-basic-block ul.child-category-list a { border: solid 1px #6A5FA1;width: 49%;height: auto;position: relative;-webkit-transition: all .2s ease; transition: all .2s ease;background: #fff; margin-bottom: 8px;} .search-category-basic-block ul.child-category-list a:hover {opacity:0.7;border: solid 3px #6A5FA1;} .search-category-basic-block ul.child-category-list a:before {content: "";display: block;padding-top: 100%;} .search-category-basic-block ul.child-category-list a.b-0 { border: 0;} .search-category-basic-block ul.child-category-list a.b-0:hover {background: none;} .search-category-basic-block ul.child-category-list a li span { display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%; text-align: center;padding: 12px 12px 18px 12px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;} .search-category-basic-block ul.child-category-list a li span:before{ content: "";height: 100%;vertical-align: middle;width: 0px;display: inline-block;} .search-category-basic-block ul.child-category-list a li span > *{ vertical-align: middle;display: inline-block;} .search-category-basic-block ul.child-category-list a li span img{ max-width: 100%;height: auto; max-height: 100%;padding-bottom: 14px;} .search-category-basic-block ul.child-category-list a li p {position: absolute; bottom: 4px; width: 100%; margin-bottom: 0; text-align: center;font-size: 12px;color: #3e2f89;font-weight: bold;} @media screen and (min-width:768px){ .search-category-basic-block ul.child-category-list a {width: 32.3%;} .search-category-basic-block ul.child-category-list a li p{padding-bottom: 0.3em;} .search-category-basic-block ul.child-category-list a li span { padding: 12px 12px 22px 12px;} } @media screen and (min-width:950px){ .search-category-basic-block ul.child-category-list a {margin-bottom: 12px;} .search-category-basic-block ul.child-category-list a li p{font-size: 16px;} .search-category-basic-block ul.child-category-list a li span { padding: 12px 12px 35px 12px;} } /* 子カテゴリ　登録商品一覧ページ > archive-child01～04 */ section.archive-childcategory-basic-block .GotoOrder {display: none;} section.archive-childcategory-basic-block .archive-child-attention01 {border: 1px solid #CBC7DF;padding: 15px;margin-bottom: 15px;}/* 説明エリア01 */ section.basic-block-children .archive-child-attention01 div.attention-text p {margin-bottom: 0;} section.basic-block .archive-child-attention03 {}/* 説明エリア03 */ section.basic-block .archive-child-attention03 div.attention-text dl {background: #E7E4F5;margin-bottom:1px;margin-top: 0;padding: 8px;margin-left: -15px;margin-right: -15px;} section.basic-block .archive-child-attention03 div.attention-text dl dt {float: left;width: 20%;} section.basic-block .archive-child-attention03 div.attention-text dl dt span {color: #fefefe;background: #6a5fa1;padding: 2px 10px;font-size: 11px;} section.basic-block .archive-child-attention03 div.attention-text dl dd {padding-left: 20%;font-size: 12px;line-height: 19px;margin-bottom: 0;} section.basic-block .archive-child-attention03 div.attention-text dl dd span {font-weight: bold;display: block;font-size: 14px;margin-bottom: 3px;} section.archive-childcategory-basic-block ul.syouhin-list01 {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between; -webkit-flex-wrap: wrap;flex-wrap: wrap;margin-top: 30px;margin-bottom: 60px;padding-left: 0;} section.archive-childcategory-basic-block ul.syouhin-list01 li {width:47%;border:1px solid #6A5FA1;border-top:4px solid #6A5FA1;margin-bottom: 15px;height: auto; position: relative;padding: 15px 10px 70px 10px;} section.archive-childcategory-basic-block ul.syouhin-list01 li img {margin: 0 auto;display: block;width: 100%;margin-bottom: 15px;} section.archive-childcategory-basic-block ul.syouhin-list01 li dl {border: 1px solid #6A5FA1;margin-left: 5px;margin-right: 5px;margin-top: 5px;margin-bottom: 8px;} section.archive-childcategory-basic-block ul.syouhin-list01 li dl dt {background: #6a5fa1;color: #fefefe;letter-spacing: -0.1px; width: 35%;text-align: center;float: left;margin-bottom: 0;font-size: 14px;} section.archive-childcategory-basic-block ul.syouhin-list01 li dl dd {padding-left: 40%; margin-bottom: 0;font-size: 11px;padding-top: 2px;} section.archive-childcategory-basic-block ul.syouhin-list01 li dl dd:after {content: "";clear: both;display: block;} section.archive-childcategory-basic-block ul.syouhin-list01 li div.product-info { position: absolute; width: 100%; bottom: 8px; left: 0; padding: 0 10px;} section.archive-childcategory-basic-block ul.syouhin-list01 li.flex-adjust {height: 0;margin-top: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;border:none;} section.archive-childcategory-basic-block ul.syouhin-list02 li a {display: block;} section.archive-childcategory-basic-block ul.syouhin-list02 li:hover {background: #cbcbcb:} section.archive-childcategory-basic-block ul.syouhin-list02 li a div.product-info dl, section.archive-childcategory-basic-block.special-orders ul.syouhin-list02 li div.product-info dl {border-radius: 3px;} section.archive-childcategory-basic-block ul.syouhin-list02 li a div.product-info dl dt, section.archive-childcategory-basic-block.special-orders ul.syouhin-list02 li div.product-info dl dt {color: #1d1d1d; background:#E7E4F5;border-right: 1px solid #6A5FA1;font-size: 13px;} section.archive-childcategory-basic-block ul.syouhin-list02 li a div.product-info dl dd {font-size: 12px;} section.archive-childcategory-basic-block ul.syouhin-list02 li a p {margin: 0 5px 5px 5px;text-align: center;display: block;background: #6a5fa1;color: #fefefe;padding: 5px;border: 1px solid #CBC7DF;font-size: 12px;} section.archive-childcategory-basic-block ul.syouhin-list03 {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content:space-between; -webkit-flex-wrap: wrap;flex-wrap: wrap;margin-top: 30px;margin-bottom: 15px;padding-left: 0;} section.archive-childcategory-basic-block ul.syouhin-list03 li {width: 100%;border:1px solid #CBCBCB;border-top:4px solid #6A5FA1;margin-bottom: 15px;height: auto; position: relative;} section.archive-childcategory-basic-block ul.syouhin-list03 li div.product-img {height: 100%; width: 30%;display: inline-block;vertical-align:bottom} section.archive-childcategory-basic-block ul.syouhin-list03 li div.product-img img {width: 100%;padding: 8%;} section.archive-childcategory-basic-block ul.syouhin-list03 li div.product-info03 {width: 68%;display: inline-block;border-left: #CBCBCB 1px solid;padding-left: 10px;padding-right: 10px; height: 100%;} section.archive-childcategory-basic-block ul.syouhin-list03 li div.product-info03 h4 {color: #1d1d1d;font-size: 15px;font-weight:bold; margin: 1em 0;} section.archive-childcategory-basic-block ul.syouhin-list03 li div.product-info03 dl {border: 1px solid #6A5FA1;margin-bottom: 5px;border-radius: 3px;} section.archive-childcategory-basic-block ul.syouhin-list03 li div.product-info03 dl dt { background:#E7E4F5;color: #1d1d1d;letter-spacing: -0.1px; width:auto;padding: 0 15px; text-align: center;float: left;margin-bottom: 0;font-size: 12.5px;line-height: 170%;margin-right: 8px;} section.archive-childcategory-basic-block ul.syouhin-list03 li div.product-info03 dl dd {margin-bottom: 0;font-size: 12px;padding-top: 0px;} section.archive-childcategory-basic-block ul.syouhin-list03 li p {background: none;font-size: 13px;letter-spacing: 0;line-height: 19px;} section.archive-childcategory-basic-block ul.syouhin-list03 li.flex-adjust {height: 0;margin-top: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;border:none;} section.archive-childcategory-basic-block ul.syouhin-list04 li div.product-info04 {} section.archive-childcategory-basic-block ul.syouhin-list04 li div.product-info04 .icon-erea {} section.archive-childcategory-basic-block ul.syouhin-list04 li div.product-info04 .icon-erea li {margin-top: 8px; border: none;float: left;width: auto;height: inherit;margin-bottom: 0;margin-right: 3px;} section.archive-childcategory-basic-block ul.syouhin-list04 li div.product-info04 .icon-erea li img {width: 25px;} section.archive-childcategory-basic-block ul.syouhin-list04 li div.product-info04 .icon-erea li span {background: #6a5fa1;color: #fefefe;font-size: 11px;font-weight: bold;padding: 3px 8px;} section.archive-childcategory-basic-block ul.syouhin-list04 li div.product-info04 h4 {line-height: 21px;margin-bottom: 10px;margin-top: 10px;} section.archive-childcategory-basic-block ul.syouhin-list04 li div.product-info04 dl {} section.archive-childcategory-basic-block ul.syouhin-list04 li div.product-info04 dl dt{} section.archive-childcategory-basic-block ul.syouhin-list04 li div.product-info04 dl dd{} section.archive-childcategory-basic-block ul.syouhin-list04 li div.product-info04 a.btn-Syousai {display: block;text-align: center;background: #6a5fa1;color: #fefefe;font-weight: bold;font-size: 14px;padding: 0.7em;margin-bottom: 12px;} @media (min-width: 576px) { section.archive-childcategory-basic-block ul.syouhin-list01 li dl dt {font-size: 15px;} section.archive-childcategory-basic-block ul.syouhin-list01 li dl dd {font-size: 14px;padding-top: 0;} } @media screen and (min-width:768px){ section.archive-childcategory-basic-block .GotoOrder {display: block;background: #fd0; font-weight: bold;border-radius: 5px;padding: 10px;} section.archive-childcategory-basic-block .GotoOrder p {line-height: 23px;width: 70%;float: left;margin-bottom: 0; padding: 5px;font-size: 12px;letter-spacing: -0.5px;} section.archive-childcategory-basic-block .GotoOrder a { width: 30%;display: inline-block;font-size: 15px; color: #fefefe; font-weight: bold; text-align: center; background: #6a5fa1; background: -moz-linear-gradient(top, #6a5fa1 0%, #3e2f89 100%); background: -webkit-linear-gradient(top, #6a5fa1 0%,#3e2f89 100%); background: linear-gradient(to bottom, #6a5fa1 0%,#3e2f89 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a5fa1', endColorstr='#3e2f89',GradientType=0 ); padding: 1em;} section.archive-childcategory-basic-block h3 {margin-top: 30px;} section.archive-childcategory-basic-block ul.syouhin-list03 {} section.archive-childcategory-basic-block ul.syouhin-list03 li {width: 32%;position: relative;} section.archive-childcategory-basic-block ul.syouhin-list03 li div.product-img { display: block;width: 90%;border: 1px solid #ddd; margin: 60px auto 10px auto; height: 150px;} section.archive-childcategory-basic-block ul.syouhin-list03 li div.product-img img { height: 100%; width: auto;margin: 0 auto; display: block; padding: 0;} section.archive-childcategory-basic-block ul.syouhin-list03 li div.product-info03 {width: 100%;border: none;} section.archive-childcategory-basic-block ul.syouhin-list03 li div.product-info03 h4 {width: 100%;position: absolute;top: 0;background:#E7E4F5;text-align: center;left: 0;margin: 0;padding: 1em;font-weight: normal;border-bottom: 1px solid #CBCBCB;} section.archive-childcategory-basic-block ul.syouhin-list03 li div.product-info03 {padding-left: 0; display: block; height: auto;width: 90%;margin: 0 auto;} section.archive-childcategory-basic-block ul.syouhin-list03 li div.product-info03 dl {margin-bottom: 5px} section.archive-childcategory-basic-block ul.syouhin-list03 li div.product-info03 dl dt {font-size: 12.5px;} section.archive-childcategory-basic-block ul.syouhin-list03 li div.product-info03 dl dd {font-size: 12px;} section.archive-childcategory-basic-block ul.syouhin-list03 li p {font-size: 14px;line-height: 20px;} section.archive-childcategory-basic-block ul.syouhin-list03 li.flex-adjust {} section.archive-childcategory-basic-block ul.syouhin-list04 li {position: relative;width: 48.5%;-webkit-transition: all .2s ease; transition: all .2s ease;opacity:1.0;} section.archive-childcategory-basic-block ul.syouhin-list04 li:hover {opacity: 0.7;} section.archive-childcategory-basic-block ul.syouhin-list04 li div.product-info04 h4 {height: 65px;display: table;padding: 0;} section.archive-childcategory-basic-block ul.syouhin-list04 li div.product-info04 h4 span {height: 100%;vertical-align: middle;display: table-cell;} section.archive-childcategory-basic-block ul.syouhin-list04 li div.product-img {margin-top: 77px;} section.archive-childcategory-basic-block ul.syouhin-list04 li div.product-img img {} section.archive-childcategory-basic-block ul.syouhin-list04 li div.product-info04 .icon-erea {margin-bottom: 10px;margin-top: 0;padding-left: 0;} section.archive-childcategory-basic-block ul.syouhin-list04 li div.product-info04 .icon-erea li{margin-top: 0px;} section.archive-childcategory-basic-block ul.syouhin-list04 li p {margin-top: 10px;padding-bottom: 50px;} section.archive-childcategory-basic-block ul.syouhin-list04 a.btn-Syousai {position: absolute;bottom: 0;width: calc(100% - 30px)} /* 説明エリア00 */ section.archive-childcategory-basic-block .archive-child-attention00:after {content: "";clear: both;display: block;} section.archive-childcategory-basic-block .archive-child-attention00 div.attention-text {float: left;width: 60%} section.archive-childcategory-basic-block .archive-child-attention00 div.attention-text p {} section.archive-childcategory-basic-block .archive-child-attention00 div.attention-img {width: 40%;} /* 説明エリア01 */ section.archive-childcategory-basic-block .archive-child-attention01 {margin-top: 30px;} section.archive-childcategory-basic-block .archive-child-attention01 div.attention-text {width: 60%; padding-right: 15px;} section.archive-childcategory-basic-block .archive-child-attention01 div.attention-text p {margin-bottom: 0;} section.archive-childcategory-basic-block .archive-child-attention01 div.attention-img {width: 40%;display: inline-block;} section.archive-childcategory-basic-block .archive-child-attention01 div.attention-text p.attention-midshi {font-weight: bold;margin-bottom: 0.7em;} /* 説明エリア02 */ section.archive-childcategory-basic-block .archive-child-attention02 div.attention-text {width: 100%;padding-right:0;} section.archive-childcategory-basic-block .archive-child-attention02 div.attention-text p:after {content: "";display: block;clear: both;} /* 説明エリア03 */ section.archive-childcategory-basic-block .archive-child-attention03 div.attention-text {width: 100%;} section.basic-block .archive-child-attention03 div.attention-text dl {margin-left: 0;} section.archive-childcategory-basic-block .archive-child-attention03 div.attention-text dl {margin-bottom: 10px;border: 1px solid #CBC7DF; } section.archive-childcategory-basic-block .archive-child-attention03 div.attention-text dl dt { text-align: center;padding-right: 15px;} section.archive-childcategory-basic-block .archive-child-attention03 div.attention-text dl dt span {display: inline-block;} section.archive-childcategory-basic-block .archive-child-attention03 div.attention-text dl dd {} } @media screen and (min-width:982px){ section.archive-childcategory-basic-block .GotoOrder p {font-size: 14px;letter-spacing:normal;} section.archive-childcategory-basic-block .GotoOrder a {font-size: 16px;} section.archive-childcategory-basic-block ul.syouhin-list01 {} section.archive-childcategory-basic-block ul.syouhin-list01 li {width: 18.5%;padding-bottom: 5px;} section.archive-childcategory-basic-block ul.syouhin-list01 li dl { margin-left: -2px;margin-right: -2px; margin-bottom: 0;} section.archive-childcategory-basic-block ul.syouhin-list01 li dl dt {font-size: 14px;} section.archive-childcategory-basic-block ul.syouhin-list01 li dl dd {font-size: 12px;padding-top: 2px;} section.archive-childcategory-basic-block ul.syouhin-list01 li img {margin-bottom: 76px;} section.archive-childcategory-basic-block ul.syouhin-list05 li img {margin-bottom: 15px;} section.archive-childcategory-basic-block ul.syouhin-list02 li a p {font-size: 13px;} section.archive-childcategory-basic-block ul.syouhin-list02 li a p {margin: 8px -2px 0 -2px;} section.archive-childcategory-basic-block ul.syouhin-list04 li {width: 32%;} } /* 商品詳細ページ > single-product.php */ /* スライダーのCSSは一番下 */ section.single-product-basic-block .product-name-erea {background:#E7E4F5;border-top: 4px solid #6A5FA1;padding: 15px;margin-top: 7px;margin-bottom: 15px;margin-right: -15px;margin-left: -15px;} section.single-product-basic-block .product-name-erea ul.icon-erea {margin-bottom: 10px;} section.single-product-basic-block .product-name-erea ul.icon-erea li {float:left;margin-right: 5px;height: 30px;background: #6a5fa1; } section.single-product-basic-block .product-name-erea ul.icon-erea li span {color: #fefefe;font-size: 14px;font-weight: bold;padding:0 10px;height: 30px;display: inline-block;vertical-align: middle;line-height: 31px;} section.single-product-basic-block .product-name-erea ul.icon-erea li img {width: 30px;} section.single-product-basic-block .product-name-erea h3 {font-weight: bold;font-size: 25px;margin-bottom: 0;} section.single-product-basic-block .basic-block-children {margin-top: 2em;} section.single-product-basic-block .basic-block-children h4 {font-size: 16px;font-weight: bold;margin-bottom: 10px;} section.single-product-basic-block .basic-block-children table {margin-bottom: 20px;margin-top: 0;} section.single-product-basic-block .basic-block-children table tr {} section.single-product-basic-block .basic-block-children table tr th {font-size: 13px;font-weight: normal;width: 20%;border-bottom: 1px solid #FEFEFE;} section.single-product-basic-block .basic-block-children table tr:first-child td {border-top: 1px solid #CBC7DF;} section.single-product-basic-block .basic-block-children table tr td {font-size: 13px;line-height: 18px;} section.single-product-basic-block .archive-child-attention04 {border:1px solid #CBCBCB;padding: 15px;}/* 説明エリア04 */ section.single-product-basic-block .archive-child-attention04 .attention-text p.attention-midashi{font-weight: bold;margin-bottom: 2px;} section.single-product-basic-block .archive-child-attention04 .attention-text p {line-height: 22px;} section.single-product-basic-block .archive-child-attention04 .attention-text {margin-bottom: 15px;} section.single-product-basic-block .archive-child-attention04 .attention-img, section.single-product-basic-block .archive-child-attention04 .attention-movie {text-align: center;margin-top: 25px;} section.single-product-basic-block .archive-child-attention04 .attention-movie iframe {max-width: 100%;} .product-link {border:1px solid #CBCBCB;padding: 15px;}/* リンク */ .product-link .attention-text ul {padding-top: 25px;padding-bottom: 15px;} .product-link .attention-text ul li {background: #E7E4F5;border: 1px solid #CBC7DF;margin-bottom: 12px;} .product-link .attention-text ul li p {text-align: center;font-weight: bold;font-size: 15px;display: block;border-bottom: 1px solid #CBC7DF;padding: 8px;} .product-link .attention-text ul li a {width: 100%;max-width:254px;margin: 8px auto;color: #fefefe;text-align: center;padding: 8px;} .product-link .attention-text ul li span.product-list-sub {color: #1d1d1d;font-size: 12px;padding:10px 15px 0;display: block;} .product-link .attention-text ul li span {color: #fefefe;font-size: 15px;} .product-link .attention-text ul li.GotoOrder {background: #fd0;} .product-link .attention-text ul li.GotoOrder p {border-color: #655A13;} @media screen and (min-width:982px){ section.single-product-basic-block .product-name-erea{margin-left: 0;margin-right: 0;} section.single-product-basic-block .basic-block-children table tr th{font-size: 13px;} section.single-product-basic-block .basic-block-children table tr td{font-size: 13px;} section.single-product-basic-block .archive-child-attention04 .attention-text p {font-size: 14px;line-height: 19px;} section.single-product-basic-block .basic-block-children h4{font-size: 21px;} .product-link {border:1px solid #CBCBCB;padding: 15px;}/* リンク */ .product-link .attention-text ul {padding: 0;margin-bottom: 0;} .product-link .attention-text ul li {position: relative;padding: 12px 12px;} .product-link .attention-text ul li p {display: inline-block;border: none;} .product-link .attention-text ul li a {display: inline-block;position: absolute;right:15px;top: 50%;margin-top: -20px;} .product-link .attention-text ul li span.product-list-sub {width: 50%;padding:0;padding-left: 8px;} .product-link .attention-text ul li.GotoOrder {margin-bottom: 0;} .product-link .attention-text ul li.GotoOrder p {} } /* NETISページ > archive-netis.php */ section.archive-netis a.blank-link {text-decoration: underline;} section.archive-netis ul.syouhin-list04 li div.product-info04 a.btn-Syousai {margin-top: 8px;} @media screen and (min-width:768px){ section.archive-netis ul.syouhin-list04 li div.product-info04 {padding-bottom: 58px;} section.archive-netis ul.syouhin-list04 li div.product-info04 a.btn-Syousai{} } /* 販売品ページ > archive-child05.php */ section.archive-hanbai {} section.archive-hanbai ul.syouhin-list01 { margin-bottom: 0;} section.archive-hanbai ul.syouhin-list01 li {width: 48%;padding: 8px;} section.archive-hanbai ul.syouhin-list01 li img {margin-bottom: 8px;} section.archive-hanbai ul.syouhin-list01 li div.product-info { position: inherit; width: 100%; padding: 0;} section.archive-hanbai ul.syouhin-list01 li div.product-info dl {margin: 0;border-radius: 3px;} section.archive-hanbai ul.syouhin-list01 li div.product-info dl dt {background: #E7E4F5;color: #1d1d1d;font-size: 12px;line-height: 200%;} section.archive-hanbai ul.syouhin-list01 li div.product-info dl dd {font-size: 12px;} section.archive-hanbai ul.syouhin-list01 li p.hanbai-cord {font-size: 12px;background: #6a5fa1;text-align: center;color: #fefefe;font-size: 14px;margin-bottom: 0;} @media screen and (min-width:768px){ section.archive-hanbai ul.syouhin-list01 li {width: 32%;} section.archive-hanbai ul.syouhin-list01 li img {} section.archive-hanbai ul.syouhin-list01 li p.hanbai-cord {font-size: 13px;} section.archive-hanbai ul.syouhin-list01 li div.product-info{} section.archive-hanbai ul.syouhin-list01 li div.product-info dl {} section.archive-hanbai ul.syouhin-list01 li div.product-info dl dt {} section.archive-hanbai ul.syouhin-list01 li div.product-info dl dd {} } @media screen and (min-width:982px){ section.archive-hanbai ul.syouhin-list01 li {width: 19%;} } /* 404ページ > 404.php */ div#contents.errpage {height: calc(100vh - 335px);} div#contents.errpage h2 {border-bottom: none;text-align: center;padding: 0;padding-top: 10vh;margin-bottom: 10vh; font-size: 17px;} div#contents.errpage p{text-align: center;font-size: 13px;color: #3e2f89;} div#contents.errpage p span {color: #3e2f89;} div#contents.errpage a {background: #6a5fa1;color: #fefefe;padding: 10px;width: 15em;display: block;text-align: center;margin: 30px auto;} @media screen and (min-width:768px){ div#contents.errpage h2 {font-size: 27px;} div#contents.errpage p{font-size: 14px;letter-spacing: 1.5px;} } /* 検索結果ページ > search.php */ section.search-basic-block h2 {margin-bottom: 5px;} section.search-basic-block p.search-status { margin-bottom: 40px;} section.search-basic-block p.search-status span {} section.search-basic-block p.search-status span.search-category {background: #6a5fa1;color: #fefefe;font-size: 12px;padding: 2px 15px} section.search-basic-block p.search-status span.search-word {font-size: 13px;letter-spacing: -0.5px} section.search-basic-block .basic-block-children h3 {position: relative;} section.search-basic-block .basic-block-children h3 span{font-size: 12px;position: absolute;display: block;left: 0;top: -22px;background:#fd0; left: 0;padding: 4px 15px 3px 15px;border: 2px solid #6a5fa1;border-bottom: none; border-top-left-radius: 5px;border-top-right-radius: 5px;} @media screen and (min-width:768px){ section.search-basic-block .basic-block-children h3 span{right: 0;left: inherit;} } /* 事例紹介ページ > works.php */ section.page-works {} section.page-works h2 {margin: 20px 15px 20px 15px;} section.page-works img.page-works-image {width: calc(100% - 30px);margin: 0 auto;display: block;} section.page-works img.section-img {width: 100%;} section.works-inner {background:#E9E6E9;padding-top: 15px;padding-bottom: 15px;} .work-inner-block {border: 7px solid #FFDD00;background: #fefefe;} .work-inner-block.work-night {border: 7px solid #1D1D1D;} section.works-inner div {} section.works-inner:last-child {padding-bottom: 50px;} section.works-inner div.basic-wrap-box h3 {background: #fd0;color: #1d1d1d;font-weight: bold;font-size: 18px;text-align: center;padding: 0.7em;position: relative;margin-bottom: 25px;} section.works-inner div.basic-wrap-box .work-night h3 {color: #fefefe;background: #1d1d1d;color: #fd0;} section.works-inner div.basic-wrap-box h3:before {content:"\f185";font-family: FontAwesome;margin-right: 8px;font-weight: normal; } section.works-inner div.basic-wrap-box .work-night h3:before {content: "\f186"} section.works-inner div.basic-wrap-box h3:after {content: ""; position: absolute;top: 100%; left: 50%; margin-left: -12px;border: 12px solid transparent;border-top: 12px solid #fd0;} section.works-inner div.basic-wrap-box .work-night h3:after {content: ""; position: absolute;top: 100%; left: 50%; margin-left: -12px;border: 12px solid transparent;border-top: 12px solid #1d1d1d;} section.works-inner div.basic-wrap-box img.works-inner-image {width: calc(100% - 30px);margin: 0 auto 15px auto;display: block;} .work-inner-block > p {padding: 0 15px;} .works-rental-sample {padding: 0 15px;margin-top: 30px;} .works-rental-sample p {font-size: 23px;color:#3e2f89;text-align: center;border-bottom: 4px solid #CBC7DF;margin-bottom: 25px;} .works-rental-sample ul { padding-bottom: 30px;} .works-rental-sample ul a {display: block;} .works-rental-sample ul li {width: 48%;float: left;position: relative;margin-right: 2%;padding-bottom: 50px;border: 1px solid #CBC7DF;margin-bottom: 15px;box-shadow:0 1px 2px #F1F0F7; } .works-rental-sample ul a:nth-child(even) li {} .works-rental-sample ul li:hover {background: #cbc7df;} .works-rental-sample ul li h4 {color: #3e2f89;font-size: 13px;position: absolute;bottom: 0px;display: block;background: #fefefe;width: 100%;height:50px;margin-bottom: 0;font-weight: bold;padding: 8px;} .works-rental-sample ul li div {width: 100%;border-bottom: 1px solid #CBC7DF;} .works-rental-sample ul li div img {width:100%; } .works-rental-sample ul li a.veiwall {display: none;} .event-inner {padding-bottom: 60px;margin-top: 15px;} .event-inner h3 {width: 100%;font-size: 18px;font-weight: bold;background: #CBC7DF;padding: 1em 1.2em;} .event-inner h3 span {display: block;font-size: 11px;font-weight: normal;text-align: right;float: right;color: #3e2f89; padding-top: 3px;} .event-inner p.lead-sentence {font-size: 23px;color: #3e2f89;letter-spacing: -0.2px;} .event-inner dl {border: 1px solid #CBCBCB;} .event-inner dl dt {border-bottom: 1px solid #CBCBCB; padding: 10px 10px 7px;color: #3e2f89;font-size: 14px;} .event-inner dl dd {margin-bottom: 0; padding: 10px 10px 7px;} .event-inner dl dd ul {} .event-inner dl dd ul li {margin-bottom: 3px;} .event-inner dl dd ul li span {width: 40%;display: inline-block;position: relative;color: #3e2f89;} .event-inner dl dd ul li span:after {content: "：";position: absolute;right: 8px;color: #3e2f89;font-weight: bold;} .event-inner .event-images {} .event-inner .event-images img {width: 50%;float: left;border-right: 1px solid #fff;} .event-inner .event-images p {padding-top: 10px;clear: both;display: block;} .event-inner .event-images img.secondimg {margin-top: 20px;width: 31%;margin-right: 3.5%} .event-inner .event-images img.thirdimg {margin-top: 20px;width: 31%;margin-right: 0;} .event-inner table.other-event {} .event-inner table.other-event tr {} .event-inner table.other-event tr th.th01 {width: 80px;} .event-inner table.other-event tr td {} .event-inner table.other-event tr td div.event-images img {width: 100%;} @media screen and (min-width:768px){ section.page-works {} section.page-works h2 {max-width: 1110px;width: 100%;margin: 0 auto 20px auto;text-align: center;font-size: 33px;padding-bottom: 0.8em;margin-bottom: 40px;} section.page-works img.page-works-image {max-width: 1110px;width: 100%;margin: 0 auto;margin-bottom: 70px;} section.page-works img.section-img {} section.works-inner {} section.works-inner:last-child {padding-bottom: 80px;} .work-inner-block {} section.works-inner div {margin-top: 50px;} section.works-inner div.basic-wrap-box h3 {font-size: 29px;padding: 1.2em;margin-bottom: 60px;} section.works-inner div.basic-wrap-box h3:before {} section.works-inner div.basic-wrap-box h3:after { margin-left: -25px;border: 25px solid transparent;border-top: 25px solid #fd0;} section.works-inner div.basic-wrap-box img.works-inner-image {width: 50%;float: left;padding-left: 25px} .work-inner-block > p {padding-left: calc(50% + 25px);line-height: 30px;} .works-rental-sample {clear: both;padding-top:30px;} .works-rental-sample p {border-bottom: none;font-size: 28px;margin-bottom: 10px;} .works-rental-sample ul { padding-left: 12px; padding-right: 12px;} .works-rental-sample ul a {} .works-rental-sample ul li {width: 25%;margin-right: 0;border-top:6px solid #6A5FA1;padding-top: 50px;padding-bottom: 0;margin-bottom: 0;} .works-rental-sample ul a:nth-child(even) li {} .works-rental-sample ul li:hover {} .works-rental-sample ul li h4 {top: 0;background: #E7E4F5;text-align: center;color: #1d1d1d;font-size: 13px;display: table;} .works-rental-sample ul li h4 span {display: table-cell;vertical-align: middle;} .works-rental-sample ul li div {border-bottom: none; margin-top: 15px;} .works-rental-sample ul li div img {width: 90%;border: 1px solid #CBC7DF; display: block;margin: 10px auto} .works-rental-sample ul li a.veiwall {display: block;text-align: center;background:#6A5FA1;color: #fefefe;border:#CBC7DF 1px solid;border-radius: 16px;width: 70%;margin: 15px auto;font-size: 13px;padding: 5px;font-weight: bold;} .event-inner {padding-bottom: 60px;} .event-inner h3 {font-size: 25px;padding: 1em 1.2em;} .event-inner h3 span {font-size: 21px;} .event-inner p.lead-sentence {font-size: 33px;} .event-inner dl {margin-bottom: 50px;} .event-inner dl dt {font-size: 22px;float: left;border-bottom: none;width: 150px;text-align: center;padding-top: 20px;} .event-inner dl dd {font-size: 16px;margin-left: 150px;border-left:1px solid #CBCBCB;padding: 25px 25px 20px 25px} .event-inner dl dd ul {padding-left: 0;} .event-inner dl dd ul li {line-height: 100%;margin-bottom: 1em;} .event-inner dl dd ul li span {font-weight: bold;width: 200px;} .event-inner .event-images {} .event-inner .event-images img {border-right:none;width: 48%;} .event-inner .event-images img.firstimg {margin-right: 4%;} .event-inner .event-images img.secondimg {margin-top: 20px;width: 31%;margin-right: 3.5%} .event-inner .event-images img.thirdimg {margin-top: 20px;width: 31%;margin-right: 0;} .event-inner .event-images p{} .event-inner table.other-event {} .event-inner table.other-event tr {} .event-inner table.other-event tr th.th01 {width: 150px;} .event-inner table.other-event tr td {} .event-inner table.other-event tr td div.event-images img {width: 31%;} .event-inner table.other-event tr td div.event-images img:hover {opacity: 0.9;} } /*/////////////////////////////////////// TOP ///////////////////////////////////////*/ /* TOP-メインビジュアル、検索バー */ #top-header {} #top-header .top-main-visual {background: url(img/mainimage-sp-bg.png)50% bottom no-repeat;background-size: cover;} #top-header .top-main-visual div {overflow: hidden;text-indent: 100%;white-space: nowrap;background: url(img/mainimage-sp.png)50% 50% no-repeat; background-size: contain; width: 100%; margin: 0 auto;} #top-header .top-main-visual div:after {content: "";display: block;height: 336px;} #top-header ul.top-sponly {} #top-header ul.top-sponly a li {width: 50%;float: left;background: #6a5fa1;color: #fefefe;text-align: center;font-size: 14px;font-weight: bold;padding: 11px 11px 10px;border-bottom: 1px solid #FEFEFE;} #top-header ul.top-sponly a li:hover {opacity: 0.7;} #top-header ul.top-sponly a:nth-child(odd) li{border-right:1px solid #FEFEFE ;} #top-header ul.top-sponly a li span {text-align: center;} #top-header ul.top-sponly a li span i {color: #fefefe;display: block;font-size: 23px;margin-top: 5px;} @media screen and (min-width:540px){ #top-header .top-main-visual {background: url(img/mainimage-bg.png)50% bottom no-repeat;background-size: cover;} #top-header .top-main-visual div { background: url(img/mainimage.png)50% 50% no-repeat; background-size: contain; width: 100%; max-width: 998px; margin: 0 auto; } #top-header .top-main-visual div:after {content: "";display: block;height: 250px;} } @media screen and (min-width:982px){ #top-header .top-main-visual div:after {content: "";display: block;height: 380px;} } /* TOP-アピールブロック */ .top-intro01 {text-align: center;background:#3e2f89;clear: both;padding: 15px 12px 17px;position: relative;} .top-intro01:after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -25px; border: 25px solid transparent; border-top: 25px solid #3e2f89;} .top-intro01 p {color: #fefefe;font-size: 20px;font-weight: bold;margin-bottom: 0;line-height: 140%;} .top-intro01 p span {color: #fefefe;} .top-intro01 p span.top-intro01-1{display: block;font-size: 13px;font-weight: normal;margin-bottom: 5px;letter-spacing: -0.5px;} .top-intro01 span.yellow {color: #fd0;} section.top-intro02 {padding:45px 20px 30px;background: #E9E6E9;} section.top-intro02 h2 {border-bottom: none;text-align: center;padding: 0;font-size: 23px;color: #1d1d1d;} section.top-intro02 p {font-size: 13px;text-align: left;} section.top-intro02 .point ul li {border:8px solid #CBC7DF;background: #fff;margin-bottom: 15px;padding: 20px;padding-left: 100px;position: relative;} section.top-intro02 .point ul li h3 {font-size: 22px;font-weight: bold;color: #1d1d1d;} section.top-intro02 .point ul li h3 span {font-size: 17px;} section.top-intro02 .point ul li.point01 h3:before {content:"";width:70px;height:70px;position: absolute;background: url(img/obj02.png)0 0 no-repeat;top: 50%;left: 15px;margin-top: -35px; background-size: 100%;} section.top-intro02 .point ul li.point02 h3:before {content:"";width:70px;height:70px;position: absolute;background: url(img/obj03.png)0 0 no-repeat;top: 50%;left: 15px;margin-top: -35px; background-size: 100%;} section.top-intro02 .point ul li.point03 h3:before {content:"";width:70px;height:70px;position: absolute;background: url(img/obj04.png)0 0 no-repeat;top: 50%;left: 15px;margin-top: -35px; background-size: 100%;} section.top-intro02 .point ul li p {font-size: 13px;margin-bottom: 0;line-height: 21px;min-height:5em; } @media screen and (max-width:360px){.top-intro01 p span.top-intro01-1 {font-size: 12px;}}/* 小さいスマホの時の調整*/ @media screen and (min-width:768px){ #top-header ul.top-sponly {display: none;} section.top-intro02 h2 {font-size: 32px;margin-top: 20px;} section.top-intro02 {padding-bottom: 55px;} section.top-intro02 p {text-align: center; font-size: 16px;margin-bottom: 50px;} section.top-intro02 .point ul:after {content: "";display: block;clear: both;} section.top-intro02 .point ul li {border:11px solid #CBC7DF;margin-bottom: 0px;padding: 15px 18px;float: left;width: 31%;margin-right: 2%;} section.top-intro02 .point ul li:last-child {margin-right: 0;} section.top-intro02 .point ul li h3 {font-size: 25px;text-align: center;padding-top: 120px;margin-bottom: 20px;} section.top-intro02 .point ul li h3 span {font-size: 20px;} section.top-intro02 .point ul li.point01 h3:before {content:"";width:84px;height:84px;position: absolute;background: url(img/obj02.png)0 0 no-repeat;top: 30px;left: 50%;margin-top: 0;margin-left: -40px; background-size: 100%;} section.top-intro02 .point ul li.point02 h3:before {content:"";width:84px;height:84px;position: absolute;background: url(img/obj03.png)0 0 no-repeat;top: 30px;left: 50%;margin-top: 0;margin-left: -40px; background-size: 100%;} section.top-intro02 .point ul li.point03 h3:before {content:"";width:84px;height:84px;position: absolute;background: url(img/obj04.png)0 0 no-repeat;top: 30px;left: 50%;margin-top: 0;margin-left: -40px; background-size: 100%;} section.top-intro02 .point ul li p {text-align: left;font-size: 15px;margin-bottom: 0;line-height: 25px;height:90px;} } @media screen and (min-width:982px){ .top-intro01 {padding: 25px 12px 30px;} .top-intro01:after {margin-left: -25px; border: 25px solid transparent; border-top: 25px solid #3e2f89;} .top-intro01 p {font-size: 33px;} .top-intro01 p span.top-intro01-1{font-size: 20px;margin-bottom: 5px;} } /* TOP-商品を探す */ section.top-search {} section.top-search h2 {text-align: center;font-size: 23px;color: #1d1d1d;border-bottom: NONE;} section.top-search h2 span {display: block;color: #8E8E8E;font-size: 11px;} section.top-search .top-search-midashi {background: #cbc7df;height:40px;position: relative;margin-left: -15px;margin-right: -15px;} section.top-search .top-search-block h3{display: inline-block;font-size: 16px;font-weight: bold;line-height: 100%;padding-top: 13px;margin-bottom: 0;padding-left: 50px;} section.top-search .top-search-block h3:before {position: absolute;left: 0;top: 4px; content: "";width:50px;height: 33px;} section.top-search .top-search-block h3.kanban:before { background: url(img/obj05.png)50% 50% no-repeat; background-size: 16px;} section.top-search .top-search-block h3.keijiban:before { background: url(img/obj06.png)50% 50% no-repeat;background-size: 30px;} section.top-search .top-search-block h3.hoan:before { background: url(img/obj07.png)50% 50% no-repeat;background-size: 25px;} section.top-search .top-search-block h3.hanbai:before { background: url(img/obj08.png)50% 50% no-repeat;background-size: 25px;} section.top-search .top-search-block h3.netis:before { background: url(img/obj09.png)50% 50% no-repeat;background-size: 25px;} section.top-search .top-search-block a.allview {display: inline-block;float: right;color: #fefefe;font-size: 11px;padding: 5px 40px;border-radius: 15px;margin-top: 6px;margin-right:12px;} section.top-search .top-search-hoan {margin-left: -15px;margin-right: -15px;} section.top-search .top-search-list ul {padding: 8px 0;padding-bottom: 20px;} section.top-search .top-search-list ul a li {float: left;width: 50%;font-size: 14px;letter-spacing: -0.5px} section.top-search .top-search-list ul a li:hover {text-decoration: underline;} section.top-search .top-search-list ul a li:before {content: "\f105";font-family: FontAwesome;color: #3e2f89;margin-right: 5px;display: inline-block;} .top-search-list dl#panel {padding: 0;margin-bottom: 20px;} .top-search-list dl#panel dt {background: none;font-size: 14px;font-weight: normal;color: #1d1d1d; padding: 5px 16px;border-color: #6A5FA1;} .top-search-list dl#panel dt:hover {background: #e7e4f5;} .top-search-list dl#panel dt:before {content: "\f105";font-family: FontAwesome;color: #3e2f89;margin-right: 5px;display: inline-block;} .top-search-list dl#panel dt:after {content: "\f0fe";font-family: FontAwesome;color: #3e2f89;float: right;font-size: 17px;} .top-search-list dl#panel dd {padding: 0;border-bottom: 1px solid #6A5FA1;} .top-search-list dl#panel dd ul {padding: 15px;background: #eee;margin: 0;} .top-search-list dl#panel dd ul li {width: 100%;margin-bottom: 2px;padding-left: 15px;} .top-search-list dl#panel dd ul li:before {content: "\f0a9";} .top-netis {} .top-netis .top-netis-in {background: #E9E6E9;border: 1px solid #CBCBCB;border-radius: 3px;margin:15px;padding: 15px;} .top-netis p {margin-top: 0;} .top-netis p:first-child {font-weight: bold;font-size: 17px;color: #3e2f89;margin-bottom: 0;} .top-netis a {color: #fefefe;text-align: center;padding: 10px;margin-bottom: 0;} @media screen and (min-width:768px){ section.top-search { padding-top: 30px;} section.top-search .top-search-midashi { margin-left: 0; margin-right: 0; width: 30%; float: left; height: auto; background: #E9E6E9; border:1px solid #CBCBCB; border-bottom: none; min-height: 150px; } section.top-search .serch-midashi-hoan { width: 30%;border: none; } section.top-search .top-search-block:nth-child(3) {margin-bottom: 20px;} section.top-search .top-search-block h3{ padding-top: 85px; width: 100%; text-align: center; padding-left: 0; } section.top-search .top-search-block h3:before {width: 100%; height: 54px; margin-top: 11px; } section.top-search .top-search-block h3.kanban:before { background-size: 30px;} section.top-search .top-search-block h3.keijiban:before {background-size: 50px;} section.top-search .top-search-block h3.hoan:before {background-size: 50px;} section.top-search .top-search-block h3.hanbai:before {background-size: 35px; } section.top-search .top-search-block h3.netis:before { background-size: 30px;} section.top-search .top-search-block a.allview { margin-right: 9px; margin-left: 9px; float: none; display: block; padding: 5px; text-align: center;font-size: 13px;font-weight: bold; } section.top-search .top-search-block .top-search-hoan-wrap { background: #e9e6e9; height: 100%;border:1px solid #CBCBCB;} section.top-search .top-search-hoan {margin-left:0;margin-right:0;} section.top-search .top-search-list ul {padding-left: calc(30% + 15px); border: 1px solid #CBCBCB; padding-bottom: 0;margin-bottom: 19px;} section.top-search .top-search-list ul a li {font-size: 13px;width: 100%;margin-bottom: 3px;font-weight: bold;} section.top-search .top-search-list ul a li:hover {} section.top-search .top-search-list ul a li:before {} .top-search-list dl#panel { width: calc(70% + 0px); float: right;border: none;border-left: none;margin-bottom: 0;background: #fefefe; } .top-search-list dl#panel dt {cursor:default;border: none;font-weight: bold;padding-left: 12px;} .top-search-list dl#panel dt:hover {background: none;} .top-search-list dl#panel dt:before {} .top-search-list dl#panel dt:after {content: "";} .top-search-list dl#panel dd {border: none;display: block!important;height: 100%!important; } .top-search-list dl#panel dd ul {margin: 15px;border-radius: 5px;margin-top: 0;} .top-search-list dl#panel dd ul li {width: 50%;padding-left: 0;padding-right: 10px;} .top-search-list dl#panel dd ul li:before {} .top-netis { padding-left: 30%; border: 1px solid #cbcbcb;min-height: 153px;} .top-netis .top-netis-in {margin: 0;padding: 10px; background: none;border: none;padding: 15px 15px 10px 15px;} .top-netis p {font-size: 14px;line-height: 130%;} .top-netis p:first-child {font-size: 16px;margin-bottom: 5px;} .top-netis a {padding: 5px;font-size: 14px;} } @media screen and (min-width:982px){ section.top-search .serch-midashi-hoan { width: calc(15% - 5px);} .top-search-list dl#panel { width: calc(85% + 5px); float: right;border:none; } .top-search-list dl#panel dt {padding-left: 15px} .top-search-list dl#panel dd ul {margin: 15px;border-radius: 5px;margin-top: 0;} .top-search-list dl#panel dd ul li {width: 33.333333%;padding-left: 0;padding-right: 10px;} } /* TOP-CTA */ #cta .cta-link-wrap-top {} #cta .cta-link-wrap-top ul {padding-left: 0;} #cta .cta-link-wrap-top ul:after {display: block;content: "";clear: both;} #cta .cta-link-wrap-top a {} #cta .cta-link-wrap-top a li {float: left;width: 100%;padding: 10px 12px;background: #6a5fa1;color: #fefefe;font-size: 16px;font-weight: bold;border-bottom: 1px solid #CBC7DF;overflow: hidden; opacity: 1.0;-webkit-transition: all .2s ease; transition: all .2s ease;height:140px;width: 50%;} #cta .cta-link-wrap-top a li:hover {opacity: 0.7;} #cta .cta-link-wrap-top a:nth-child(odd) li{border-right: 1px solid #CBC7DF;} #cta .cta-link-wrap-top a li i {color: #fefefe;margin-right: 5px;} #cta .cta-link-wrap-top a li span.cta-top01 {color: #fefefe;text-align: left;display: block;border-bottom: 1px solid #CBC7DF;padding: 0.7em 0;} #cta .cta-link-wrap-top a li span.cta-top02 {padding: 0.7em 0; color: #fefefe;font-size: 12px;font-weight: normal;display: block;text-align: left;} #cta .cta-link-wrap-top a:nth-child(1) li span.cta-top01 {background: url(img/obj12.png) right 5px no-repeat;background-size: 30px;} @media screen and (min-width:768px){ #cta .cta-link-wrap-top {width: 100%;max-width: 1140px;margin: 0 auto;padding-left: 15px;padding-right: 15px;padding-top: 50px} #cta .cta-link-wrap-top a {} #cta .cta-link-wrap-top a li {width: 31.33333%;margin-right: 3%;margin-bottom: 15px;border-radius: 5px;font-size: 18px;padding-top: 5px;height: 120px} #cta .cta-link-wrap-top a:nth-child(3n) li{margin-right: 0;} #cta .cta-link-wrap-top a li:hover {} #cta .cta-link-wrap-top a:nth-child(odd) li{border-right: none;} #cta .cta-link-wrap-top a li i {} #cta .cta-link-wrap-top a li span.cta-top01 {padding-bottom: 8px; } #cta .cta-link-wrap-top a li span.cta-top02 {font-size: 13px;} #cta .cta-link-wrap-top a:nth-child(1) li span.cta-top01 {background-size: 35px;} } /* TOP-お知らせと会社情報 */ .top-news-company {padding-top: 32px;} .top-news-company h2 {font-size: 21px;border: none;padding: 0;position: relative;padding-left: 45px;padding-top: 10px;height: 36px;border-bottom: 1px solid #95989A;padding-bottom: 45px;margin-bottom: 0;} .top-news-company h2 span {color: #CBC7DF;font-size: 10px;position: absolute;top: -1px;left:48px;} .top-news-company .top-news h2 {background: url(img/obj10.png)0 0 no-repeat;background-size: 36px;} .top-news-company .top-news .top-news-erea {margin-bottom: 10px;} .top-news-company .top-news .top-news-erea a {display: block;} .top-news-company .top-news .top-news-erea a:hover {background: #e7e4f5;} .top-news-company .top-news .top-news-erea a dl {border-bottom: 1px solid #95989A;margin-bottom: 0;padding: 0.4em 0;} .top-news-company .top-news .top-news-erea a dl dt {font-size: 12px;float: left;width: 80px;padding-left: 10px;} .top-news-company .top-news .top-news-erea a dl dd {font-size: 12px;width:100%;padding-left: 85px;margin-bottom: 0;} .top-news a.news-all {display: block;background: #6a5fa1;color: #fefefe;font-size: 13px;text-align: center;width: 100%;max-width: 190px;margin: 0 auto;margin-bottom: 50px;padding: 0.7em;border-radius: 5px;} .top-news a.news-all i {color: #fefefe;margin-right: 5px;font-size: 13px;} .top-news-company .top-company h2 {background: url(img/obj11.png)0 0 no-repeat;background-size: 36px;margin-bottom: 15px;} .top-news-company .top-company p {font-size: 14px;text-align: center;padding: 0 10px;} .top-news-company .top-company .top-logo {border: 1px solid #CBC7DF; padding: 20px 25px;width: 200px;margin: 0 auto;margin-bottom: 20px;} .top-news-company .top-company .top-company-info {padding: 0 10px;} .top-news-company .top-company .top-company-info p {text-align: left;line-height: 19px;} .top-news-company .top-company .top-company-info p span {font-weight: bold;display: block;line-height: 22px;} @media screen and (min-width:768px){ .top-news-company {padding-top: 52px;} .top-news-company h2 {padding-left: 67px;font-size: 26px;padding-top: 18px;padding-bottom: 60px;} .top-news-company h2 span {left:69px;font-size: 15px;top: 1px} .top-news-company .top-news h2 {background: url(img/obj10.png)0 0 no-repeat;background-size: 54px;} .top-news-company .top-news .top-news-erea {margin-bottom: 15px;} .top-news-company .top-news .top-news-erea a dl {padding: 0.6em 0;} .top-news-company .top-news .top-news-erea a dl dt {font-size: 14px;width: 100px;padding-left: 15px;} .top-news-company .top-news .top-news-erea a dl dd {font-size: 14px;padding-left: 110px;padding-right: 10px;} .top-news-company .top-company h2 {background: url(img/obj11.png)0 0 no-repeat;background-size: 54px;} .top-news a.news-all {font-size: 15px;} .top-news-company .top-company .top-logo {padding: 20px 67px;width: 391px;} } /* TOP-バナー */ .top-links{margin-top: 20px;} .top-links ul {padding-left: 0;padding: 0 15px;} .top-links a {margin-bottom: 15px;height: 150px;display: block;width: 100%;background: url(img/page-top01.jpg)50% 50%;background-size: 100%;border: 1px solid #8E8E8E;position: relative;-webkit-transition: all .2s ease; transition: all .2s ease;} .top-links a:nth-child(1){} .top-links a:nth-child(2){background: url(img/page-top02.jpg)50% 50%;background-size: 100%;} .top-links a:nth-child(3){margin-right: 0;background: url(img/page-top03.jpg)50% 50%;background-size: 100%;} .top-links a li { font-size: 17px;font-weight: bold;color: #3e2f89;background: #fff;padding: 8px 12px; position: absolute;bottom: 0;width: 100%;} .top-links a li span {color: #CBC7DF;font-size: 12px;margin-left: 12px;letter-spacing: 0.1em} .top-links a li div {} @media screen and (min-width:768px){ .top-links a {width: 30%;margin-right: 5%;height: 200px;} .top-links a:hover {background-size:110%;} } /* TOP-MAP*/ section.basic-block.top-map{margin-top: 20px;padding: 0;} section.basic-block #map-canvas {width: 100%;height: 318px;} /*/////////////////////////////////////// BX-slider ///////////////////////////////////////*/ /** VARIABLES ===================================*/ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin-bottom: 60px; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .bx-wrapper img { max-width: 100%; display: block; } .bxslider { margin: 0; padding: 0; } ul.bxslider { list-style: none; } .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); } /** THEME ===================================*/ .bx-wrapper { border: 5px solid #fff; background: #fff; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url('images/bx_loader.gif') center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #000; } .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url('images/controls.png') no-repeat 0 -32px; } /*.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position: 0 0; }*/ .bx-wrapper .bx-next { right: 10px; background: url('images/controls.png') no-repeat -43px -32px; } /*.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: -43px 0; }*/ .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url('images/controls.png') -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url('images/controls.png') -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } .one-slide,.slider div {border: 1px solid #ddd;} /*wp-pagenavi*/ .wp-pagenavi {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0; border-radius: .25rem; justify-content: center;} .wp-pagenavi a, .wp-pagenavi span { text-decoration: none; position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; background-color: #fff; border: 1px solid #ddd;} .wp-pagenavi span { color: #888;} .wp-pagenavi a.previouspostslink { margin-left: 0; border-bottom-left-radius: .25rem; border-top-left-radius: .25rem;} .wp-pagenavi a.nextpostslink { border-bottom-right-radius: .25rem; border-top-right-radius: .25rem;} /* fb */ .fb_iframe_widget {width:100%;} #fb-sidebar {margin-top: 30px;} @media screen and (min-width:768px){ #fb-sidebar {margin-top: 30px;} } /*manual-list*/ @media screen and (min-width:982px){ .manual-list .top-search-list dl#panel dd ul li {width: 50%;padding-left: 0;padding-right: 10px;} }