@charset "utf-8";

p .wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; }
p .wf-hannari { font-family: "Hannari"; }

#tatebox {
text-align: center;
background-image : url("https://www.kyoto-su.ac.jp/ksukim/201804/bg_header.jpg");
background-position: center bottom;
}
#tatebox .tategaki
{
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
height:700px;
font-size: 20px;
line-height: 2.2;
letter-spacing: 0.2em;
padding:20px;
display: inline-block;
text-align: left;
}
#tatebox .tategaki p{
margin: 0em 12px;
}

#tatebox h1{
text-align:center;
border-bottom:0px;
}
#actionbox {
text-align: center;
background-image : url("https://www.kyoto-su.ac.jp/ksukim/201804/bg_poster.jpg");
background-position: center top;
background-attachment: scroll;
}

#actionbox .txt
{
height:380px;
padding:0px 90px 0px 90px;
font-family: Helvetica Neue, Helvetica, Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
line-height: 3.0;
display: inline-block;
text-align: left;
font-size: 100%;
}

#actionbox h3.act {
font-family: Helvetica Neue, Helvetica, Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
font-size:190%;
letter-spacing: 0.2em;
text-align:center;
background : none;
background-image : none;
border:0px;
}
#actionbox h3 {
text-align:left;
background : none;
background-image : none;
border:0px;
}


#prfbox {
padding-bottom:20px;
}


#prfbox .imgbox {
	display: table;
  width: 90%;
}

#prfbox .imgbox .pic {
 display: table-cell;
  vertical-align: middle;
}

#prfbox .txt
{
padding:0px 90px 0px 90px;
font-family: "Rounded Mplus 1c";
line-height: 1.8;
display: inline-block;
text-align: left;
font-size: 100%;
}

#prfbox .name
{
padding:10px 90px 10px 90px;
font-family: "Rounded Mplus 1c";
line-height: 2.0;
display: inline-block;
text-align: left;
font-size: 130%
}

#prfbox h3.prf {
font-family: Helvetica Neue, Helvetica, Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
font-size:190%;
letter-spacing: 0.2em;
text-align:center;
background : none;
background-image : none;
border:0px;
padding-bottom:20px;
}


#downl{
background-position: center bottom;
padding-bottom:0px;
}

#downl h3.dl {
font-size:200%;
letter-spacing: 0.2em;
text-align:center;
background : none;
background-image : none;
border:0px;
font-family: "Rounded Mplus 1c";
}

#aboutbox {
text-align: center;
background-color:#F8F65B;
margin:80px 0 0px 0;
}
#aboutbox h3.abt {
font-family: "Rounded Mplus 1c";
font-size:180%;
letter-spacing: 0.2em;
text-align:center;
background : none;
background-image : none;
border:0px;
padding-top:20px;
}
#aboutbox .txt
{
padding:0;
font-family: "Rounded Mplus 1c";
line-height: 1.8;
display: inline-block;
text-align: center;
font-size: 110%;
padding-bottom:20px;
}



/* SP CSS */
@media screen and ( max-width:480px )
{
#tatebox {
text-align: center;
background-image : url("https://www.kyoto-su.ac.jp/ksukim/201804/bg_header.jpg");
background-position: center bottom;
background-size:cover;
}
#tatebox .tategaki
{
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
height:420px;
font-size: 15px;
line-height: 1.3;
letter-spacing: 0.2em;
padding:20px;
display: inline-block;
text-align: left;
}
#tatebox .tategaki p{
margin: 0em 6px;
}
#tatebox img
{
max-width: 80%; 
height:auto;
}

#actionbox {
text-align: center;
background-image : url("https://www.kyoto-su.ac.jp/ksukim/201804/bg_poster.jpg");
background-position: center top;
background-size: cover;
}

#actionbox .txt
{
height:390px;
padding:0px 25px 15px 25px;
font-size: 110%;
font-family: Helvetica Neue, Helvetica, Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
line-height: 1.6;
display: inline-block;
text-align: left;
}
#actionbox img
{
max-width: 90%; 
height:auto;
}

#prfbox {
background-position: center bottom;
}

#prfbox .name
{
padding:0px 20px 0px 20px;
font-family: Helvetica Neue, Helvetica, Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
line-height: 2.0;
display: inline-block;
text-align: left;
font-size: 120%
}

#prfbox .txt
{
padding:0px 20px 0px 20px;
font-family: Helvetica Neue, Helvetica, Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
line-height: 1.5;
display: inline-block;
text-align: left;
font-size: 100%;
}

#prfbox .imgbox {
	display: table;
  width: 90%;
}

#prfbox .imgbox .pic {
 display: table-cell;
  vertical-align: middle;
}

#prfbox img
{
text-align:center;
max-width: 60%; 
height:auto;
}

#downl h3.dl {
font-size:180%;
letter-spacing: 0.2em;
text-align:center;
background : none;
background-image : none;
border:0px;
font-family: "Rounded Mplus 1c";
}

#downl img
{
text-align:center;
max-width: 70%; 
height:auto;
}
#aboutbox h3.abt {
font-family: "Rounded Mplus 1c";
font-size:180%;
letter-spacing: 0.2em;
text-align:center;
background : none;
background-image : none;
border:0px;
padding:10px;
}
#aboutbox .txt
{
padding:0;
font-family: "Rounded Mplus 1c";
line-height: 1.8;
display: inline-block;
text-align: center;
font-size:100%;
padding:0 25px 25px 25px;
}
}

}/* CSS Document */