/* ---------- 基本カラー ---------- */
body, .txt_color_nomal {
	color: #666666;
}
.txt_color1 {
	color: #666666;
}
.bg_color1 {
	background-color: #b9c1c3;
}
.bg_color3 {
	background-color: #9bcad0;
}
.border_color1 {
	border-color: #b9c1c3;
}
.border_color2 {
	border-color: #9bcad0;
}


/* ---------- 全体共通部分 ---------- */
.linkStyle{
	color:#aaa;
}
.linkStyle:hover{
	color:#aaa;
	opacity: 0.7;
	transition: all 0.5s;
}
#body{
	background-image: url(Dup/img/5.jpg);
	background-size: 50%;
}
#logo2 {
    max-width: 300px;
}
.all_header #global-nav ul li a, .fat-nav.active li a {
    display: inline-block;
    width: auto;
}
#fakeloader .fl {
    max-width: 200px!important;
}

/* ---------- TOP ---------- */
#header #logo img{
	width:80%!important;
}
#catch h2,#contents h2,#contents2 h2,#top_cms h2{
	font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
#contents2 .box p{
	opacity:0.9;
}


/* ---------- 下層ページ ---------- */
.all_header .nav_box {
	padding-top: 10px;
	padding-bottom: 10px;
}
.all_header #logo {
    max-width: 90px;
}
#page_title h2{
	font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
#cms_2-c .cate_box{
	padding: 2.5% 0;
}
#cms_2-c .box_description2{
	padding: 5px 20px;
}
#cms_2-c .box_txt1{
	color: #9bcad0;
}
#cms_3-a .cate_title{
	background-color: #9bcad0;
	color: #fff;
	padding: 3px 10px;
}
#cms_3-a .sub_cate_title{
	border-bottom: 2px solid #9bcad0;
}
#cms_3-a .cate .sub_cate_wrap:nth-child(even) .sub_cate_flex{
	flex-flow: row-reverse;
}
#cms_3-a .cate_box{
	border-bottom: 1px dotted #9bcad0;
}
#cms_3-a .cate_box .box_txt1{
	text-align: right;
}
#cms_3-a .cate_box .box_txt2{
	color: #9bcad0;
}


@media all and (-ms-high-contrast: none){
#cms_3-a .cate_title {
    padding: 8px 10px 0px;
}
#cms_1-c .pager li a span{
top: 55%;
}
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#header #logo img {
    width: 60%!important;
}
#header.all_header #logo img {
    width: 70%!important;
}
}


/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
#fakeloader .fl {
    max-width: 150px!important;
}
.index_header .nav_box, .nav_box {
    padding: 10px 10px 10px 15px;
}
#header #logo img {
    width: 80%!important;
}
#header.all_header #logo img {
    width: 80%!important;
}
.index_header #logo, #logo {
    max-width: 60px;
}
.all_header #logo {
    max-width: 60px;
}
.hamburger {
    top: 18px;
}
#banner{
    margin-top: 70px;
    margin-bottom: 50px
}
#banner .banner2{
    margin-top: 35px;
}
#logo2 img{
    width: 80%!important;
}
#cms_2-c .box_description2 {
    padding: 15px 20px;
}
}