@charset "UTF-8"; /* タイトル部分の色・サイズ変更、オリジナルCSS */ /*タイトルサイズ半分にしたときに使用*/ #header .siteName a {color:#2b1b01!important;} #main .btnColor a { position: relative;} #main .btnColor a i.fa-chevron-circle-right { position: absolute; right: 5%; top: 50%; transform: translateY(-50%); } .contentsList .pageLink li{ background: none;} /*:::::::::::::::::::::*/ /* スマホ */ @media screen and (max-width: 730px){ /* テンプレート部分 */ a:hover {color: #360e00;} .textColor {color: #360e00!important;} .svgColor {fill: #360e00;} .tit01, h3.tit01 {border-color: #360e00;} .bgColor {background-color: #360e00!important;} .btnColor {border-color: #B9D5F0;} .btnColor a { color: #360e00; background: linear-gradient(to top, rgba(185, 213, 240, 1), #fff 100%)!important; } .btnColor a:hover {color: #360e00} /*ヘッダーテキスト帯*/ #header .headerText { background-color: #0894ff!important;} #headerContactInfo {background-color: #2ba0ff;} #headerContactInfo li { border-right: none; box-shadow: -1px -1px 0px 0 rgba(0,0,0,0.2) inset, 1px 1px 1px 0 rgba(255,255,255,0.2) inset; } #mainMenu a { border-bottom: none; box-shadow: -1px -1px 0px 0 rgba(0,0,0,0.2) inset, 1px 1px 1px 0 rgba(255,255,255,0.2) inset; } #mainMenu ul li a { background: #2ba0ff; /*background: linear-gradient(rgba(43, 160, 255, 0.65), rgba(43, 160, 255, 0.9));*/ } #mainMenu ul li.current a { background: #2ba0ff; /*background: linear-gradient(rgba(43, 160, 255, 0.65), rgba(43, 160, 255, 0.9));*/ } #mainMenu ul .subMenu a, #mainMenu ul .subMenu>li.moreMenu a {background: rgba(43, 160, 255, 0.55);} /* Gメニュー 第1、第2のみカラー変更 */ #mainMenu #mainMenuBox > ul > li > a, #mainMenu #mainMenuBox > ul > li > .subMenu > li > a {color: #ffffff;} /* Gメニュー 階層グラデーション用 */ #mainMenu .subMenu[level="1"] > li > a {background: rgba(43, 160, 255, 0.75);} #mainMenu .subMenu[level="2"] > li > a {background: rgba(43, 160, 255, 0.50);} #mainMenu .subMenu[level="3"] > li > a {background: rgba(43, 160, 255, 0.25);} #mainMenu .subMenu[level="4"] li a { background: rgba(43, 160, 255, 0); border-bottom: 1px solid rgba(43, 160, 255, 0.15); } #mainMenu li.parent a i.fa-chevron-circle-down {background: linear-gradient(#B9D5F0, rgba(185, 213, 240, 0.65));} #headerContactInfo li .fa-phone {color: #360e00;} /* サイト名 フォントサイズ */ #header .siteName a {font-size:80%!important;} /* タイトルのスタイル */ .SiteID3154_SiteNameProperty1{ text-align:center; } /* PRポイント1~4 フォントサイズ */ /* 共通の編集 サイト内リンクテキストの2行目が入っているときの基準フォントサイズ */ #headerContactBtnSP a, #headerContactBtnSP .nolink {font-size: 90%!important;line-height:1em;} /* 共通の編集 サイト内リンク 任意フォントサイズ */ /*フッター*/ #footer #siteMapTitle { border-bottom: 1px solid #360e00; color: #360e00!important; } #footer #footerSitemap ul li a {color: #360e00!important;} #footer #footerSiteName a {color: #360e00} /* サイド */ .catList {border: #360e00 1px solid;} .catList .catListTitle { border-bottom: rgba(255, 255, 255, 0.3) 3px solid; background-color: #360e00; } .catList p.sideMenuTop a { color: #360e00; border-bottom: #360e00 1px dotted; } /*サイドメニュー グラデ*/ .catList ul:not(.pageGroupList) li.current > ul > li > div > a, .catList ul.pageGroupList li.current > ul > li > .liBox { background-color: rgba(54, 14, 0, 0.15)!important; } .catList ul:not(.pageGroupList) li.current > ul > li > ul > li > div > a, .catList ul.pageGroupList li.current > ul > li > ul > li > .liBox { background-color: rgba(54, 14, 0, 0.10)!important; } .catList ul:not(.pageGroupList) li.current > ul > li > ul > li > ul > li > div > a, .catList ul.pageGroupList li.current > ul > li > ul > li > ul > li > .liBox { background-color: rgba(54, 14, 0, 0.05)!important; } .catList ul:not(.pageGroupList) li.current > ul > li > ul > li > ul > li > ul > li a, .catList ul.pageGroupList li.current > ul > li > ul > li > ul > li > ul > li .liBox { background-color: rgba(54, 14, 0, 0)!important; } .catList p.sideMenuTop a.current, .catList ul:not(.pageGroupList) li.current a, .catList ul.pageGroupList li.current .liBox { background-color: rgba(54, 14, 0, 0.2)!important; } .catList ul.pageGroupList li.current a { color: #360e00; } .catList .catListTitle a:hover {background-color: rgba(54, 14, 0, 0.6);} .catList ul:not(.pageGroupList) li a, .catList ul.pageGroupList li .liBox { border-bottom: #360e00 1px dotted; } .catList ul li a:hover {color: #360e00;} /* 各ページ部分 */ #main .tit01, #main h3.tit01, #main .tit02, #main h3.tit02, .mainCatList .t_pageSubHeading {border-color: #2ba0ff!important;} #main .svgColor {fill: #2ba0ff!important;} #main .pointTit .t_pageHeading {background: linear-gradient(to bottom,rgba(43, 160, 255, 0.4), rgba(43, 160, 255, 1.0));} #main .btnColor {border-color: #B9D5F0!important;} #main .btnColor a i.fa-chevron-circle-right {fill: #B9D5F0;} #footer, .contentsList .titList, .patern90 > ul, .blogContents .blogCategoryList > ul {background-color: rgba(43, 160, 255, 0.1)!important;} .mainCatList h4 {border-color: #2ba0ff;} .patern01 table th {background-color: rgba(54, 14, 0, 0.2);} .patern05 .patern05Box .t_itemTitle span.iconQ , .question span.iconQ {background-color: #B9D5F0;} .patern05Box .textBox .answer {background-color: #2ba0ff!important;} .contentsList .pageLink li{ background: none;} .contentsList .pageLink li svg{ fill: #2ba0ff;} .index .contentsList .titList li, .mainCatList .titList li { background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 154 256'><polygon fill='%232ba0ff' fill-rule='evenodd' points='0.2,0 0.2,256 153.8,134.4'/></svg>") no-repeat left 0.4em; } #mainImage .bx-pager .bx-pager-item a.active {background-color: #360e00} } /* PC */ @media screen and (min-width: 731px){ /* テンプレート部分 */ a:hover {color: #360e00;} .textColor {color: #360e00!important;} .svgColor {fill: #360e00;} .tit01, h3.tit01 {border-color: #360e00;} .bgColor {background-color: #360e00!important;} .btnColor {border-color: #B9D5F0;} .btnColor a { color: #360e00; background: linear-gradient(to top, rgba(185, 213, 240, 1), #fff 100%)!important; } .btnColor a:hover {color: #360e00} /*ヘッダーテキスト帯*/ #header .headerText { background-color: #0894ff!important;} /* サイト名 フォントサイズ */ #header .siteName a {font-size:85%!important;} /* タイトルのスタイル */ .SiteID3154_SiteNameProperty1{ text-align:center; } /* PRポイント1~4 フォントサイズ */ /* コンタクトボタン フォントサイズ */ /*フッター*/ #footer #siteMapTitle { border-bottom: 1px solid #360e00; color: #360e00; } #footer #footerSitemap ul li a {color: #360e00!important;} #footer #footerSiteName a {color: #360e00} /* サイド */ .catList {border: #360e00 1px solid;} .catList .catListTitle { border-bottom: rgba(255, 255, 255, 0.3) 3px solid; background-color: #360e00; } .catList p.sideMenuTop a { color: #360e00; border-bottom: #360e00 1px dotted; } /*サイドメニュー グラデ*/ .catList ul:not(.pageGroupList) li.current > ul > li > div > a, .catList ul.pageGroupList li.current > ul > li > .liBox { background-color: rgba(54, 14, 0, 0.15)!important; } .catList ul:not(.pageGroupList) li.current > ul > li > ul > li > div > a, .catList ul.pageGroupList li.current > ul > li > ul > li > .liBox { background-color: rgba(54, 14, 0, 0.10)!important; } .catList ul:not(.pageGroupList) li.current > ul > li > ul > li > ul > li > div > a, .catList ul.pageGroupList li.current > ul > li > ul > li > ul > li > .liBox { background-color: rgba(54, 14, 0, 0.05)!important; } .catList ul:not(.pageGroupList) li.current > ul > li > ul > li > ul > li > ul > li a, .catList ul.pageGroupList li.current > ul > li > ul > li > ul > li > ul > li .liBox { background-color: rgba(54, 14, 0, 0)!important; } .catList p.sideMenuTop a.current, .catList ul:not(.pageGroupList) li.current a, .catList ul.pageGroupList li.current .liBox { color: #360e00; background-color: rgba(54, 14, 0, 0.2)!important; } .catList ul.pageGroupList li.current a { color: #360e00; } .catList .catListTitle a:hover {background-color: rgba(54, 14, 0, 0.6);} .catList ul:not(.pageGroupList) li a, .catList ul.pageGroupList li .liBox { border-bottom: #360e00 1px dotted; } .catList ul li a:hover {color: #360e00;} /* 各ページ部分 */ #main .tit01, #main h3.tit01, #main .tit02, #main h3.tit02, .mainCatList .t_pageSubHeading {border-color: #2ba0ff!important;} #main .svgColor {fill: #2ba0ff!important;} #main .pointTit .t_pageHeading {background: linear-gradient(to bottom,rgba(43, 160, 255, 0.4), rgba(43, 160, 255, 1.0));} #main .btnColor {border-color: #B9D5F0!important;} #mainMenu ul .subMenu li a:hover {background: #B9D5F0!important;} .fixedImage {background-color: rgba(43, 160, 255, 0.1)!important;} #main .btnColor a i.fa-chevron-circle-right {fill: #B9D5F0;} #footer, .contentsList .titList, .patern90 > ul, .blogContents .blogCategoryList > ul {background-color: rgba(43, 160, 255, 0.1)!important;} .mainCatList h4 {border-color: #2ba0ff;} .patern01 table th {background-color: rgba(54, 14, 0, 0.2);} .patern05 .patern05Box .t_itemTitle span.iconQ , .question span.iconQ {background-color: #B9D5F0;} .patern05Box .textBox .answer {background-color: #2ba0ff!important;} .contentsList .pageLink li{ background: none;} .contentsList .pageLink li svg{ fill: #2ba0ff;} .index .contentsList .titList li, .mainCatList .titList li { background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 154 256'><polygon fill='%232ba0ff' fill-rule='evenodd' points='0.2,0 0.2,256 153.8,134.4'/></svg>") no-repeat left 0.4em; } #mainImage .bx-pager .bx-pager-item a.active {background-color: #360e00} #mainMenuBox>ul>li { border: none; height: unset; } #mainMenuBox>ul { border: none; } #mainMenuInner { /* 無料テンプレ用 */ border-top:solid 1px rgb(13, 130, 225); border-bottom:solid 1px rgb(83, 200, 255); background: #2ba0ff; /* L3 background: linear-gradient(to bottom, rgb(83, 200, 255) 0%, rgb(13, 130, 225) 100%); */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fde4d5', endColorstr='#ff9a26',GradientType=0 ); } #mainMenu ul .subMenu { /* 無料テンプレ */ /*background: linear-gradient(to top, rgb(13, 130, 225) 30%, rgb(83, 200, 255) 100%);*/ background: #2ba0ff; } #mainMenu ul li{ border-top: 1px solid #45454545; border-right: 1px solid #45454545; } #mainMenuBox>ul>li { border:none; } #mainMenuBox>ul>li>a { box-shadow: -1px -1px 0px 0 rgba(0,0,0,0.2) inset, 1px 1px 1px 0 rgba(255,255,255,0.2) inset; /* L3 */border:none; height: 2.85em; text-shadow: 1px 1px 3px #543308; } #mainMenuBox>ul>li { /*box-shadow: -1px -1px 0px 0 rgba(0,0,0,0.2) inset, 2px 1px 1px 0 rgba(255,255,255,0.2) inset*/ } #mainMenuBox>ul>li>a:hover,#mainMenuBox>ul>li.current>a { background: radial-gradient(rgba(255, 245, 160, 1) 30%, rgba(255, 245, 80, 0) 70%); color: #000!important; text-shadow: none; } #mainMenu ul .subMenu>li>a {text-shadow: 1px 1px 3px #543308;} #mainMenu ul .subMenu>li>a:hover { background-color:#fb3 !important; /*color: #630;*/ text-shadow: none; } #mainMenu ul .subMenu>li.moreMenu>a:hover { background-color:#fb3 !important; text-shadow: none; } /* Gメニュー 第1、第2のみカラー変更 */ #mainMenuBox > ul > li > a, #mainMenu #mainMenuBox > ul > li > .subMenu > li > a, #mainMenu ul .subMenu[level="1"] > li > a {color: #ffffff;} /* Gメニュー 階層グラデーション用 要望No940の際に復活する*/ #mainMenu ul .subMenu {background: #fff;} #mainMenu ul .subMenu[level="1"] > li > a, #mainMenu #mainMenuBox > ul > li > .subMenu > li > a {background: rgba(43, 160, 255, 0.75);} #mainMenu ul .subMenu[level="2"] > li > a {background: rgba(43, 160, 255, 0.5);} #mainMenu ul .subMenu[level="3"] > li > a {background: rgba(43, 160, 255, 0.25);} #mainMenu ul .subMenu[level="4"] a {background: rgba(43, 160, 255, 0.05);} /* Gメニュー スクロールバー */ #mainMenuBox > ul > .parent > .subMenu::-webkit-scrollbar-track {background: rgba(43, 160, 255, 0.05);} #mainMenuBox > ul > .parent > .subMenu::-webkit-scrollbar-thumb {background: rgba(43, 160, 255, 0.3);} }