@charset "UTF-8";

/*共通*/

* {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
    list-style-type: none;
} 


body{
font-family: "Meiryo UI", "メイリオ", "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;  background: #FFFFFF;
	color: #000000;
	font-weight: normal;
	text-align: center;
    margin: 0;

}

div.header {
	text-align : left;
	background:#66cdaa;
  color: #191970;
  margin: 0;

}

#contents {
padding:0px 10% 0px 10%;
}

.box-1 {
height:40px;
color: #ffffff;
background-color: #393939;
text-align:right;
margin: 0;

}

.box-setumei {
color: #000000;
background-color: #ffffff;
margin:1em;
text-align:left;
}

.box-list {
color: #000000;
background-color: #ffffff;
text-align:left;

}
div.hwrap{
margin:0 auto;
	}

div.jacket{
text-align: center;
background: #a9a9a9;
color: #d3d3d3;
border: 2px #d3d3d3 solid;
margin: 1em auto;

}

div.jackets{
text-align: center;
height: 200px;
width:200px;
background: #a9a9a9;
color: #d3d3d3;
border: 2px #d3d3d3 solid;
margin: 1em auto;
line-height: 200px;

}


div.hoshi{
margin:0 auto;
padding:1em 0 1em 0;
}

div.honbun{
margin:0 auto;
padding:1em 0 1em 0;
text-align:left;


}
div.gesen{
width: 98%;
height: 12px;
margin:0 auto;
background: linear-gradient(to right, #66cdaa, #cc66bb);
border-radius: 5px;
}





p.h2{
font-size:1.2em;
color:#000000;
background:#dcdcdc;
margin:1em 0 0.5em 0;
padding:0.5em;

}

p.bo1{
margin-right:20px;
	}

p.name{
color: #c0c0c0;
font-size: 0.9em;
margin:0 0 0 2em;
}

p.read{
text-align:right;

}


p.honbundai
{
font-size: 1.5em;

}
p.honbunna
{
font-size: 1.2em;
color: #c0c0c0;
text-align:left;

}


span.cate{
color: #FFFFFF;
background:#000000;
  border: solid 1px #a9a9a9;
  padding: 3px 3em 3px 3em;
  border-radius: 0.5em;
}

span.bold{
font-weight:bold;

}

table{
text-align:left;
margin:0 auto;

}




hr{
margin:0 0 1em 0;}


/*リンク*/

a:hover {
position:relative;
top: 2px;
left:2px;
}

/*フッター*/

footer {
	color: #d3d3d3;
margin:1em 1em 100px 1em;

}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;}

    
/* ★★★★★★★★★★スマホ用★★★★★★★★★★ */

@media screen and (min-width:0px) and (max-width:736px){

body {

width:100%;
font-size: 80%;
line-height:1.6em;
-webkit-text-size-adjust: 100%;
	}

div.header {
height:50px;
}


div.jacket{
height: 250px;
width:250px;
line-height: 250px;

}


div.jackets{
height: 100px;
width:100px;
line-height: 100px;

}

div.hoshi{
width:23rem;
}

div.hwrap{
width:90%;
margin:0 auto;
	}

img {
		width:32;
    height:auto;
    
	}


img.header{
width:auto;
height:50px;
    
	}



.box-1 {
height:30px;
}

p.bo1{
line-height: 30px;

	}

table{
text-align:left;
width:90%;

}

td.samune{
width:100px;
margin:0;
}
}
/* ★★★★★★★★★★PC用★★★★★★★★★★ */


@media screen and (min-width:737px){

body{
font-size: 16px;
letter-spacing: 0.1em;
line-height: 1.8em;

}


div.header {
height:100px;

}

div.jacket{
height: 500px;
width: 500px;
line-height: 500px;
}

div.jackets{
height: 200px;
width:200px;
line-height: 200px;

}

div.hwrap{
width:80%;
margin:0 auto;
	}

div.hoshi{
width:500px;
}

div.honbunsita{


}

.box-1 {
height:40px;
}

p.bo1{
line-height: 40px;

	}

table{
text-align:left;
width:80%;

}

td.samune{
width:200px;
margin:0;
}


}