@charset "UTF-8"; /*! Theme Name: Cocoon Child Template: cocoon-master Version: 1.0.8 */ /************************************ ** 子テーマ用のスタイルを書く ************************************/ .entry-title { display: none !important; } /************************************ ** レスポンシブデザイン用のメディアクエリ ************************************/ /*1240px以下*/ @media screen and (max-width: 1240px){ /*必要ならばここにコードを書く*/ } /*1030px以下*/ @media screen and (max-width: 1030px){ /*必要ならばここにコードを書く*/ } /*768px以下*/ @media screen and (max-width: 768px){ /*必要ならばここにコードを書く*/ } /*480px以下*/ @media screen and (max-width: 480px){ /*必要ならばここにコードを書く*/ } /*オリジナルコピペ分*/ /*<リンクボタン正方形19-2-23*/ a.l-btn{ display: block; text-decoration: none; height:120px; width: 120px; line-height: 120px; text-align: center; color: #fff; background: #77b4fd; border-radius: 94%; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; } a.bt-samp41:hover{ background: #8393ca; } /*CSSのみ折畳みボックス全体　19-2-14*/ .accbox { margin: 2em 0; padding: 0; max-width: 400px;/*最大幅*/} /*ラベル*/ .accbox label { display: block; margin: 1.5px 0; padding : 11px 12px; color :#2f8fcf; font-weight: bold; background :#a4cbf3; cursor :pointer; transition: all 0.5s;} /*ラベルホバー時*/ .accbox label:hover { background :#85baef;} /*チェックは隠す*/ .accbox input { display: none;} /*中身を非表示にしておく*/ .accbox .accshow { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s;} /*クリックで中身表示*/ .cssacc:checked + .accshow { height: auto; padding: 5px; background: #eaeaea; opacity: 1;} /*ページ中のリンクボタン*/ .menu_mizu .btn{display:inline-block;margin:6px;font-size:inherit;line-height:1.42;padding:0.8em 2.5em;font-weight:normal;border-width:3px;border-style:solid;background:transparent;border-radius:0;cursor:pointer;font-family:"Booster Next FY", "Avenir Next", Avenir, sans-serif;user-select:none;vertical-align:bottom;transition:background-color 0.2s, color 0.2s, padding 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-radius 0.2s} .menu_mizu .btn-primary{color:#ffffff;border-color:#65318e} .menu_mizu .btn-primary:hover{background-color:#52C11F;color:#E6EAEF;padding-left:3.5em;padding-right:3.5em;border-radius:0.4em} .menu_mizu .btn-primary:active{background-color:#4cb41d;border-color:#65318e} /*18/8/6*/ ul.sub { list-style:square;}/*サブ・ナビゲーション*/ ul.sub-hart {list-style: none; padding:0; margin:0;} ul.sub-hart li { padding-left: 1em; text-indent: -.7em;} ul.sub-hart li:before { content: "♥ "; color: red;} /*18/3/27*/ .contact-LINE { width: 96%; margin-left: auto; margin-right: auto; text-align: center; vertical-align: middle; font-size: 13px; } /*.contact-LINE td :nth-child(1){ width: 40%; }*/ table.bg_none { table-layout: fixed; height:100%; width:70% ; margin: 0 auto; background: none; border: none; border:0; } table.border { table-layout: fixed; height:auto; width:auto ; margin: 0 auto; background: none; border: 1px solid; border:0; } table.border th {background-color: #84a2d4; } table.border td, th { border:1px solid ;} /*料金表・共通table 上 右 下 左*/ table.price { margin-left: auto; margin-right: auto; table-layout: fixed; height:auto; width:auto; color:;  background-color: ; border: 1px solid ; border:0; } table.price th { border: 1px solid #367714; text-align: center; color: #ffffff; background-color: #b65f00 !important; } table.price th.wid_49 { width:49% } table.price td { border: 1px solid #367714 !important; background-color: #fff3ca !important; text-align: center !important; } table td.td1 {background-color: #dccb18 ; text-align: center ; color: #65318e}/* ～1つ目のtd要素(1列目)の装飾～ */ table.price th.title { border: 1px solid #367714 !important; background-color: #dccb18 !important; text-align: center !important; color: #65318e !important; }/*フォント紫 背景：緑黄色*/ table.price td.s_title { color: #800080 !important; background-color: #fffaf0 !important; font-weight:bold !important;} /*リンクボックス　胸中*/ table.link { width:auto; margin: 0px auto; table-layout: fixed; background-color: #fff; border:#fff; border:0; } table.link th { border: none !important; text-align: center; background-color:#fff; } table.link td { border: none !important; background-color:#fff; text-align: center !important; } .top { vertical-align: baseline !important; }/*効かない rowspanの文字高さ指定*/ ul.s_menu {/*サイドメニュー*/ background: #fffde8; box-shadow: 0px 0px 0px 10px #fffde8;/*線の外側*/ border: dotted 2px #ffb03f;/*破線*/ border-radius: 5px;/*角の丸み*/ margin: auto; padding: 0.1em 0.1em 0.5em 0.3em; list-style-type: none!important; } /*文字のアンダーライン線*/ .u_line_r {border-bottom:dotted;/*下線を赤点線にする*/ border-color:#ff0000; border-width:2px;} .u_line_b {border-bottom:dotted;/*下線を黒点線にする*/ border-color:#000000; border-width:2px;} .u_line_bl {border-bottom:dotted;/*下線を青点線にする*/ border-color:#0000ff; border-width:2px;} .u_line_pp {border-bottom:dotted;/*下線を紫点線にする*/ border-color:#65318e; border-width:2px;} .u_line_gr {border-bottom:dotted;/*下線を緑点線にする*/ border-color:#007b43; border-width:2px;} small { font-size: 12px !important; color: #007b43 !important; }/*緑 常磐色ﾄｷﾜｲﾛ*/ .syatai { font-style:italic; } .bold { font-weight:bold; } ol.list{list-style-type:none;margin:0;padding:0;}/*リセット*/ ol.list li{margin: 0.1em 3em 0.1em 3em !important;line-height:1.6;padding-left:1.5em;position:relative;} ol.list li:before{content:"";position:absolute;top:0;left:0} ol.list li:nth-child(1):before{content:"①";} ol.list li:nth-child(2):before{content:"②";} ol.list li:nth-child(3):before{content:"③";} ol.list li:nth-child(4):before{content:"④";} ol.list li:nth-child(5):before{content:"⑤";} ol.list li:nth-child(6):before{content:"⑥";} ol.list li:nth-child(7):before{content:"⑦";} ol.list li:nth-child(8):before{content:"⑧";} ol.list li:nth-child(9):before{content:"⑨";} ol.list li:nth-child(10):before{content:"⑩";} ol.list li:nth-child(11):before{content:"⑪";} /*リンク文字エリア*/ .link { font-size: 13px; background: #e0ffff; text-align: center; line-height: 26px; } /*リンクボタン*/ .btn-gr a {display:block; width:auto; background-color: #fff; margin: 2em 0; padding: 2em; position: relative; z-index: 1;} .btn-gr a::before,.btn-gr a::after { border-radius: 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, .3); content: ""; height: 100%; position: absolute; width: 100%;} .btn-gr a::before {background-color: rgba(255, 255, 255, .5); left: 0; top: 0; z-index: -1;} .btn-gr a::after { background-color: #c3d825; top: 5px; left: 5px; z-index: -2;} .btn-gr a:hover { background-color: #ff0000; color:#222222; } .btn-gr a::after :hover { background-color: #ffffff; top: 5px; left: 5px; z-index: -2;} .btn-y {padding: 10px !important; margin-bottom: 10px; border: 5px double #333333 !important; border-radius: 10px; background-color: #ffff99 !important; } /* ▼▼▼ サイドメニュー