@charset "utf-8";
/* CSS Document */


/* --------------------------------------------------
   基本フォント
-------------------------------------------------- */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body {
font-family: 'Noto Sans Japanese', sans-serif;
}



/* --------------------------------------------------
   全体
-------------------------------------------------- */
body{
	margin:0px;
	background-color:#ffffff;/*0d3161*/
	background-image: url('../img/img_back.jpg?ver=01');/**/
	background-size:100%;
	background-position: center;
	/*background-repeat:no-repeat;*/
	color:#222;
}


/*画像の余白*/
img {
  width:100%;
  vertical-align: bottom;
}


.bt_sokubai{
position:absolute;
margin-left:auto;
margin-right:auto;
z-index:200;

}



/*横並びbox*/
.flex{
display:flex;
}


a {
color:#111;
line-height:2em;

text-decoration: none;
border-bottom: 2px solid #222;

}


/* --------------------------------------------------
   ヘッダー
-------------------------------------------------- */
/*ロゴ*/
#rogo {position:absolute;
top:3.5%;
left:4%;
}

#rogo img {
width:18%;
height:auto;
}



/*ヘッダー*/
#header {
margin-top:0.5%;
width:75%;
height:120px;
/*margin-bottom:13%;*/
margin-left:auto;
margin-right:auto;
text-align:center;

}


#title {
font-family:HGS明朝B;
color:#241c1a;
margin-bottom:3%;
line-height:50px;
}


/*
#header div {
}
*/


#header span {
font-size:large;
}


#title_main {
font-size:350%;
margin-top:1%;
}


/* --------------------------------------------------
   read
-------------------------------------------------- */
#read {
width:75%;
margin-left:auto;
margin-right:auto;
margin-top:3%;

}

#read_box {
font-size:medium;
line-height:1.6em;
text-align:left;
width:73%;
margin-left:19%;
margin-right:auto;
margin-top:2%;
margin-bottom:3.7%;
}



/* --------------------------------------------------
   コンテンツ
-------------------------------------------------- */

#contents{
width:75%;
margin-left:auto;
margin-right:auto;
padding-bottom:5%;
position: relative;
}


.box1 {
width:50%;
}


.box2 {
width:75%;
margin-right:auto;
}

.box2:hover {
	opacity: 0.7;
	cursor:pointer;
}


.name{
margin-bottom:2%;
font-size:115%;
}

.ic_down {
width:7px;
height:auto;
vertical-align:middle;
}


.thum {
width:92%;/*90*/
}



/* --------------------------------------------------
   footer
-------------------------------------------------- */

/*フッター*/
 #footer{
 height:30px;
 width:90%;
 /*background-color:#1f252d;*/
 margin-left:5%;
 margin-right:5%;
 border-top:solid 1px #c6bfb0;/*262626*/
  /*border-bottom: 20px #221815 solid;*/

 
 position: absolute;/*下に固定*/
 bottom: 0;/*下に固定*/

 }




/* スマホ用 */
#sp{display: none;}

/* --------------------------------------------------
   レスポンシブ
-------------------------------------------------- */


/* 小画面用 */
@media (max-width: 1100px) {

#read_box {
width:90%;
margin-left:auto;
margin-right:auto;
}

}


/* タブレット用 */
@media (max-width: 768px) {

#read_box {
width:100%;
}


#header {
margin-top:3%;
width:100%;
height:100px;
}



#header span {
font-size:medium;
}





#title_main {
font-size:230%;

}



#contents{
width:85%;
margin-left:auto;
margin-right:auto;
}



#title {
line-height:30px;
}


#rogo {
top:2.5%;
left:2%;
}


#rogo img {
width:14%;
height:auto;
}



}



/* スマートフォン用 */
@media (max-width: 480px) {

#contents{
width:98%;
margin-left:auto;
margin-right:auto;
}

/*横並びbox*/
.flex{
display: block;
}


#header{
	width:88%;
}

#rogo {
top:1.0%;
left:5%;
}

#rogo img {
width:10%;
height:auto;
}


#title span{
text-align:left;
display:block;
width:88%;
margin-left:12%;
margin-right:auto;
line-height:1.2em;
margin-bottom:4%;
}


#title_main {
font-size:180%;
}


#read_box {
width:98%;
}


.box1 {
width:90%;
}


.box2 {
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:10%;
margin-bottom:10%;
}


.name{
margin-bottom:1%;
}


#footer{
display:none;
}


}


/* プリンター用 */
@media print {

}


body{display:none;}