@charset "utf-8";
 body{
font-size: 14px;
}
#wrapper {
}
.sp_message {
display: block !important;
}
.pc_message {
display: none !important;
}
img {
width: 100%;
}
* {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
} .site-header { 
display: none;
}
header {
height: 80px;
}
header .header_main {
position: relative;
border-top: 2px solid #9b8367;
}
header h1 {
position: absolute;
left: 50%;
top: 10px;
margin-left: -50px;
width: 100px;
}
.logo {
position: absolute;
left: 50%;
top: 10px;
margin-left: -50px;
width: 100px;
}
header nav ul {
width: 100%;
padding-top: 0;
position: absolute;
top: 78px;
display: none;
}
header nav ul li {
width: 100%;
float: none;
text-align: left;
margin-left: 0;
padding: 0;
background-color: #9b8367;
}
header nav ul li:first-child {
margin-left: 0;
}
header nav li a {
display: block;
padding: 10px;
text-align: left;
font-size: 12px;
text-indent: inherit;
border-bottom: 1px solid #ffffff;
color: #ffffff;
position: relative;
text-decoration: none;
}
header nav ul li a.on,
header nav ul li a:hover{
border-bottom: 1px solid #ffffff;
padding-bottom: 10px;
}
header nav li a:after {
position: absolute;
top: 50%;
right: 15px;
display: block;
content: '';
width: 8px;
height: 8px;
margin-top: -4px;
border-top: 2px solid #ffffff;
border-right: 2px solid #ffffff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
header .sns_area {
display: none;
}
header nav .menu {
position: absolute;
width: 60px;
height: 60px;
display: block;
top: 10px;
right: 10px;
background: url(//thu-three.com/wp/wp-content/themes/thuThree/img/share/sp/btn-menu.png) no-repeat 0 0;
background-size: 60px;
}
header nav .menu.open {
background: url(//thu-three.com/wp/wp-content/themes/thuThree/img/share/sp/btn-close.png) no-repeat 0 0;
background-size: 60px;
}
header nav .menu span { 
text-indent: -999px;
display: block;
} #common_main {
height: 120px;
background: #ffffff url(//thu-three.com/wp/wp-content/themes/thuThree/img/share/sp/bg-header.jpg) no-repeat bottom center;
background-size: 100%;
}
#common_main header {
background: none;
}
#common_main .title {
top: 80px;
}
#common_main .title img {
height: 18px;
width: auto;
} .anchor_section {
background: #ffffff;
border: 1px #E1DBD2 solid;
border-radius: 0;
text-align: left;
padding: 0;
margin-bottom: 10px;
border-radius: 5px;
padding: 10px;
}
#contents .anchor_section .common_inner {
padding: 0;
}
.anchor_section ul {
width: 100%;
}
#contents .menu_section li:after {
position: absolute;
top: 50%;
right: 20px;
display: none;
content: '';
width: 14px;
height: 14px;
margin-top: -7px;
border-top: 2px solid #9C8365;
border-right: 2px solid #9C8365;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.anchor_section dl dt {
position: relative;
}
.anchor_section dl dt:after {
display: block;
content: "";
position: absolute;
top: 8px;
right: 0;
margin: 0 0 0 -30px;
width: 0px;
height: 0px;
border: 10px solid transparent;
border-top: 10px solid #333333;
}
.anchor_section dl dt:before {
content: "";
position: absolute;
background: none;
top: 10px;
right: 0;
height: 0;
width: 100%;
}
.anchor_section dl dt.current:after {
display: block;
content: "";
position: absolute;
top: -2px;
right: 0;
margin: 0 0 0 -30px;
width: 0px;
height: 0px;
border: 10px solid transparent;
border-bottom: 10px solid #333333;
}
.anchor_section dl dt.current:before {
content: "";
position: absolute;
background: none;
top: 10px;
right: 0;
height: 0;
width: 100%;
}
.anchor_section dl dd {
display: none;
}
.anchor_section li {
display: block;
margin: 0;
position: relative;
}
.anchor_section li a {
border-left: none;
font-size: 12px;
padding: 10px 0;
display: block;
}
.anchor_section li a:hover,
.anchor_section li a.on {
text-decoration: none;
color: #9B8365;
background: none;
} #contents {
padding-top: 130px;
background: url(//thu-three.com/wp/wp-content/themes/thuThree/img/share/bg-content.png) repeat-x left 120px;
}
#contents .section_inner {
padding: 0 10px;
}
#contents .section_title {
font-size: 18px;
margin-bottom: 20px;
}
#contents .txt_content {
font-size: 12px;
line-height: 1.5;
}
#contents .scroll_aside {
display:none;
}
#contents .scroll_aside_sp.fix {
position: fixed;
bottom: 0;
left:0;
z-index: 9999;
width: 100%;
}
#contents .scroll_aside_sp ul {
display: table;
width: 100%;
margin-top: 20px;
}
#contents .scroll_aside_sp ul li {
display: table-cell;
vertical-align: middle;
text-align: center;
}
#contents .scroll_aside_sp ul li:first-child {
width: 60%;
}
#contents .scroll_aside_sp a {
display: block;
color: #ffffff;
text-decoration: none;
padding: 20px;
font-size: 16px;
font-weight: bold;
}
#contents .scroll_aside_sp a.reserve {
background: linear-gradient(to bottom, #F15078 0%,#DE1245 100%);
}
#contents .scroll_aside_sp a.reserve span {
background: url(//thu-three.com/wp/wp-content/themes/thuThree/img/share/sp/bg-aside_reserve.png) no-repeat left center;
background-size: 15px;
padding-left: 20px;
}
#contents .scroll_aside_sp a.fc {
background: linear-gradient(to bottom, #444444 0%,#111111 100%);
} #topic_path {
display: none;
} #footer {
padding-top: 25px;
margin-top: 30px;
}
#footer .sns_area {
margin-bottom: 20px;
}
#footer .sns_area ul li {
display: inline-block;
padding: 0 10px;
}
#footer .sns_area ul li img {
width: 50px;
}
#footer nav ul {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
#footer nav ul li {
display: block;
}
#footer nav ul li a {
background: none;
border-bottom: 1px #eeeeee solid;
padding: 15px;
line-height: 1.2;
display: block;
text-align: left;
position: relative;
color:#333333;
}
#footer nav ul:last-child li a {
padding: 15px;
line-height: 1.2;
font-size: 14px;
background: #FAFAFA;
}
#footer nav ul li:first-child a {
border-top: 1px #eeeeee solid;
}
#footer nav ul li a:after {
position: absolute;
top: 50%;
right: 15px;
display: block;
content: '';
width: 8px;
height: 8px;
margin-top: -4px;
border-top: 2px solid #aaaaaa;
border-right: 2px solid #aaaaaa;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#pagetop img {
width: 30px;
height: auto;
}