﻿/* 基本カラー */
.linkStyle{
	color:#aaa;
}
.linkStyle:hover{
	color:#aaa;
	opacity: 0.7;
	transition: all 0.5s;
}
.hvr_txt_color2:hover {
    color: #1A1A1A;
    opacity: 0.7;
}
.hvr_txt_color4:hover {
    color: #1A1A1A;
    opacity: 0.7;
}


/* 共通部分 */
header {
padding-top: 10px;
    padding-bottom: 15px;
}
header #header_menu{
width: 66.66667%!important;
}


/* TOP */
#intro_txt p{
    display: inline-block;
}


/* 下層ページ */
#page7 .box_wrap .box .box_item:nth-child(1){
	width: 30%!important;
}
#page7 .box_wrap .box .box_item:nth-child(2){
	width: 70%!important;
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#header{
    padding-top: 20px!important;
}
header #header_menu {
    width: 100%!important;
}
}


/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#header{
    padding-top: 10px!important;
}
/* 下層ページ */
.page3 .page_title_box{
    position: absolute;
    top: 50%;
    left: 30%!important;
    transform: translate(-19%,-50%)!important;
}
.page3 #cms_2-c .cate_box{
    margin-bottom: 30px;
}
.page3 #cms_2-c .box_txt1{
    font-weight: bold;
    color: #948762;
    margin-bottom: 10px;
}
#page7 .box_wrap .box .box_item:nth-child(1){
	width: 100%!important;
}
#page7 .box_wrap .box .box_item:nth-child(2){
	width: 100%!important;
}
}