@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
body{
    color:#DAB280;
}

a, a:hover{
    text-decoration:none;
}
a:link, a:visited {color:#FFEAB5;} /* #fbe18a */
a:hover{ color:maroon;}

#welcome-container{
    border-width: 10px 5px;
    border-style: solid;
    border-color: #2b0000;
	background-color: #503020;
    
    max-width: 900px;
    margin: 5px auto;
}
.external_link:after{
content: "";
margin-right:0;
background-image:none;
display: inline-block;
width: 0;
height: 0;
}
/*==========================================
 ヘッダーのスタイル
===========================================*/
#welcome-header{
  text-align: center;
  padding: 20px 4%;
  border-top: 15px solid #aa744d;
  border-bottom: 15px solid #aa744d;
  overflow:hidden;
}

#welcome-header h1{
    font-family: "Times New Roman";
    font-size: 3.2rem;

    letter-spacing: 3px;
    line-height: 1;
}

.welcome-header-Japanese{
    font-size: 65%;
    font-family: "Book Antiqua", Palatino, "Palatino Linotype", Palatino, Tahoma, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", "MS UI Gothic",sans-serif;
}
/*==========================================
 コンテンツエリア -> サイト説明
===========================================*/
.welcome-contents-description.start{
    text-align:center;
margin: 1.5em 2em 1.5em;
}
.welcome-contents-description.start h2{
    margin-bottom: .5em;
    font-size: 1.6rem;
    line-height: 1.4;
}
.welcome-contents-title-E{
    font-size: 125%; /* 日本語とのバランス調整 */
    letter-spacing: 1px;
}
.welcome-j{
    display: inline-block;
}
.welcome-j:before{
    content:"";
    margin: 0 .5em;
}
.welcome-contents-descriptio-sub {
margin: 0 1em 2em;
}
.welcome-contents-item-all{
    line-height: 1.3;

	box-shadow: inset 2px 2px 2px #3C2711;
	border-bottom: 1px solid #64503E;
    
    background-color:#5F3A28;
    padding: 10px 10px 15px;
    margin-top: 5px;
    margin-left: -4px;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
ul.welcome-contents-item-J{
    margin-bottom: 1em;
}
ul.welcome-contents-item-J li,
ul.welcome-contents-item-E li{
    display: inline;
    font-size: 1.3rem;
}
ul.welcome-contents-item-E li{
letter-spacing: .5px;
font-size: 1.4rem;
}
ul.welcome-contents-item-J li a,
ul.welcome-contents-item-E li a{
    display: inline-block;
}
ul.welcome-contents-item-J li:after,
ul.welcome-contents-item-E li:after{
    content: ", ";
}
ul.welcome-contents-item-J:after{
    content: "など。";
}
ul.welcome-contents-item-E:after{
    content: "and so on.";
}

/*==========================================
 コンテンツエリア -> 画像表示
===========================================*/
article.welcome-contents-topimage_area {
padding: 0;
background-color: #000;
}
.welcome-contents-topimage {
overflow: hidden;
}
.welcome-contents-topimage img{
    border-top: 5px solid black;
    border-bottom: 5px solid black;
}
.welcome-contents-topimage img.topimage {
height: 300px;
margin-left: -150px;
max-width: initial;
}
/*==========================================
 コンテンツエリア -> 言語選択
===========================================*/
.welcome-contents-language-selectbox-middle{
  text-align:center;
  margin: 2em auto 1em;
}
.welcome-contents-language-selectbox-middle li{
    display: -moz-inline-box; /* Firefox */
    display: inline-block;
    /display: inline; /* IE */
    /zoom: 1; /* IE */
}

.welcome-contents-japanese a,
.welcome-contents-english a{
    display: -moz-inline-box; /* Firefox */
    display: inline-block;
    /display: inline; /* IE */
    /zoom: 1; /* IE */
    
    width: 150px;
    padding: 8px 0;
    margin: 0 20px 10px;
    text-align: center;
    background-color:#400000;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #2f0000;
    border-width: 1px 3px 3px 2px;
}

.welcome-contents-japanese a:hover,
.welcome-contents-english a:hover
{
  color: #800000; /* maroon */
  background-color: #FFA07A; /* 'lightsalmon';*/

}

/*==========================================
 ページトップへボタンのスタイル
===========================================*/

/*==========================================
 フッター
===========================================*/
#welcome-footer{
    text-align: center;
    padding: 0 10px 10px;
    border-top: 12px solid #aa744d;
}
.welcome-footer-site_info{
    margin: 1.5em 4% 1.5em;
    font-size: 1.2rem;
}
.welcome-footer-site_info p{
    letter-spacing: 0.75px;
}
ul.submenu {
text-align: center;
font-size: 90%;
}
ul.submenu li {
display: inline-block;
margin: 0 1em 1em;
}
/*==========================================
 フッター > スポンサードリンク
===========================================*/
.welcome-sponsored_link a:link, 
.welcome-sponsored_link a:visited {
    color: #976c51;
}
.welcome-sponsored_link a:hover {
    text-decoration:underline;
    background-color:transparent;
    font-weight: normal;
}
.welcome-sponsored_link{
    font-size: 1.2rem;
    color:#aa7842;

    display: -moz-inline-box; /* Firefox */
    display: inline-block;
    /display: inline; /* IE */
    /zoom: 1; /* IE */
    
    line-height: 1.5;
	padding: 10px 0px;
    background-color: #2b0000;
    width: 100%;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border:1px solid black;
}
.welcome-sponsored_link h3{
    font-size: 1em;
    margin: 5px 0;
}
.welcome-sponsored_link h3:before{
    content: "< ";
}
.welcome-sponsored_link h3:after{
    content: " >";
}
.welcome-sponsored_link_item:after{
    content: " | ";
}
.welcome-sponsored_link_item li{
    display: -moz-inline-box; /* Firefox */
    display: inline-block;
    /display: inline; /* IE */
    /zoom: 1; /* IE */
}
.welcome-sponsored_link_item li:before{
    content: " | ";
}
/*==========================================
 フッター > SNSボタン
===========================================*/
.welcome-sns-bottom{
    margin: 24px 0 5px;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
	メディアクリエによる切り替え
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
/* PC向けおよび中型タブレット向けのレイアウトの指定：640～768px */
@media screen and (min-width: 640px) {
.welcome-contents-item-all{
  padding: 1em 2em;
}
.welcome-contents-topimage img.topimage {
height: 350px;
margin-left: -175px;
max-width: initial;
}
article.welcome-contents-topimage_area {
padding: 0px 10px;
}

}

/* PC向けおよび大型タブレット向けのレイアウトの指定：768px～960px */
@media only screen and (min-width: 768px) {
body{
    background-image:url(../imgs/parts/wallppr080.gif);
}
.pageTop {
	right: 5%;
}

#welcome-header h1{
    font-size: 4.4rem;
    letter-spacing: 7px;
}

.welcome-contents-item-J-all{
    padding: 15px 20px 20px;
}

.welcome-footer-site_info{
    margin: 1.5em 4% 1.25em;
    font-size: 1.4rem;
    text-align: center;
}
.welcome-contents-topimage img.topimage {
height:400px;
margin-left: -175px;
max-width: initial;
}
article.welcome-contents-topimage_area {
padding: 0px 20px;
}
}

/* PC向けレイアウトの指定：961px以上では固定レイアウト */
@media only screen and (min-width: 960px) {
.welcome-contents-topimage img.topimage {
height:400px;
margin-left: -150px;

}