@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);}

}