@charset "utf-8";

/* @group Reset */
*{
margin: 0;
padding: 0;
}
a {
text-decoration: none;
/*-webkit-tap-highlight-color: transparent;*/
-webkit-tap-highlight-color: rgba(255,255,255,.2);
}
a:hover {
opacity: 0.8;
}
ul, ol {
list-style : none;
}
img { 
vertical-align : middle;
}
/* @end */

/* @group Fluid-img */
img {
width : auto;
}
img { 
max-width : 100%;
-webkit-tap-highlight-color: transparent;
}
/* @end */

/* @group HTML */
html {
font-family : verdana, sans-serif;
font-size : 75%;
line-height : 1.5;
}
/* @end */

/* @group Heading */
h1,h2,h3,h4,h5,h6 {
margin-bottom : 24px;
}
h1 {
font-size : 48px; 
line-height : 1;
}
 /* 48px */
h2 {
font-size : 36px;
line-height : 1.3333;
} 
/* 48px */

h3 {
font-size : 24px; 
line-height : 1;
} 
/* 24px */

hgroup h2,h4,h5,h6 {
font-size : 16px; /* 16px */
line-height : 1.5;
} 
/* 24px */
/* @end */

/* @Header */
header { 
background:#310000 ;
display:block;
width:100%;
}

.mc{
width:30%;
height:auto;
}
header h1{
display:inline;
padding:0;
margin:0;
}
.icon{
float:right;
margin:23px 12px 0 0;
}
.PageTitle{
padding:24px;
}
.sub_title{
background:#310000;
font-weight:bold;
color:#FFFFFF;
padding:24px;
font-size:100%;
margin-bottom:24px;
}
/* @end */

/* @main */
#main{
clear:both;
background-color:#310000;
}
#main,#main p {
width : 100%;
margin : 0 auto;
text-align : center;
padding:0;
}
.main_sub, .main_sub_en{
width : 90%;
margin:0 auto;
}
.main_sub img{
max-width:280px; 
height:auto;
}
.main_sub h6{
font-size:80%;
font-weight:normal;
padding-top:12px;
}
.main_sub_en img{
margin-bottom:12px;
max-width:200px; 
height:auto;
}
.main_sub_en h5{
border-bottom:#666666 solid 2px;
margin-bottom:12px;
font-size:90%;
padding-bottom:6px;
}
.main_sub_en h6{
font-size:80%;
font-weight:normal;
}
/* @end */

/* @group Nav */

nav {
margin-bottom : 24px
}
.table-ul {
  background-color: #310000;
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}
.table-ul li {
 /* border-right: 1px solid #fff;*/
  display: table-cell;
  vertical-align: middle;
}
.table-ul li:last-child {
  border-right: 0;
}

.table-ul li a {
color: #fff;
display: block;
text-decoration: none;
padding: 10px 0;
}
nav ul li a:hover {
color : white
}
/* @end */

/* @group Contents */
#contents,#banner,#news {
width : 90%;
margin : 0 auto;
text-align :center;
}

#contents p{ 
/*margin-bottom : 24px;----newsboxの為消した*/
text-align : left;
}
#contents{
margin-bottom:24px;
}
/* @end */

/* @group newsBox */
.o_news{ padding:6px;
font-size:80%;
}
.news-box {
display: table;
border-bottom:#CCCCCC 1px solid;
margin-bottom:24px;
width:100%;
font-size:70%;
}

.news-box a{
display:block;
}
.news_thumb{
display:table-cell;
width:20%;
}
.news_thumb img{
padding-top:3px;
}
.news_article{
display:table-cell;
width:80%;
padding-left:10%;
vertical-align:top;
margin-bottom:24px;
text-align:left;
}

.news_article p.day{
margin-bottom:5px;
}

.news_article p.this_a{
margin-bottom:18px;
}
/* @end */

/* @banner */
#footer_menu_Side a{
color:#fff;
border-bottom: 1px solid #fff;
width: 100%;
}
#footer_menu_Tandem a{
color:#fff;
width: 100%;
}
#footer_menu_Tandem{
margin-top:56px;
background-color:#510000;
}
#footer_menu_Tandem li{
display:table;
width:100%;
border-bottom: 1px solid #fff;
line-height:5;
}
#footer_menu_Tandem li:first-child{
background-color:#610000;
}
#footer_menu_Tandem span{
padding-left:12px;
}
.arrow img{
width:50%;
height:auto;
}
#footer_menu_Side {
  height:auto;
  width:auto;
  background-color: #410000;
  display: table;
  table-layout: absolute;
}
#footer_menu_Side li {
display: table-cell;
line-height:5;
border-right: 1px solid #fff;
}
#footer_menu_Side li:last-child {
border-right: 0;
}

#footer_menu_Side li a {
  color: #fff;
  display: block;
  text-decoration: none;
}

.f_menu-title{
width:90%;
padding-left:12px;
display:table-cell;
}
.arrow{
width:10%;
display:table-cell;
}
/* @end */

/* @group Footer */

footer {
padding : 24px 0;
color : white;
text-align : center;
background : #310000;
display:block;
clear:both;
font-size:80%;
padding:56px 0 48px 0;
}
/* @end */


/*768px*/
@media screen and (min-width : 768px){

#contents {
text-align : left;
}
.news_thumb{
width:8%;
}

}

@media only screen
    and (orientation:landscape) {

.mc{
width:20%;
}
.news_thumb{
width:10%;
}
.arrow img{
width:35%;
}
	
	
}

/*1024px*/
@media screen and (min-width : 1024px) {

/* @group Nav */

nav ul {
width : 960px;/* 960/1024 */
margin : 0 auto;
}
/* @end */

/* @group Contents */

#contents {
overflow : hidden;
width : 960px;
}

#contents #main,
#contents #sub { 
float : left;
margin : 0 10px;
} 

#contents #main {
width : 620px;
}
#contents #sub {
width : 300px;
}
/* @end */

/* @group Footer */
footer {
width :940px; /*940/1024*/
margin : 0 auto
}
/* @end */
}