@charset "utf-8";

body{
    text-align: center;
    padding: 7% 5%;
    color: #231815;
    font-family: Arial, Helvetica, sans-serif;
}

.logo_stb img{
    max-width: 60%;
}

.title{
    line-height: 1.7em;
    letter-spacing: 0.1em;
    font-size: 145%;
    margin: 36px auto;
}

.text{
    line-height: 1.7em;
    margin: 40px auto;
    font-size: 90%;
}

/*btns*/

.btns{
    margin: 40px auto;
}
.btns a.btn{
    font-size: 75%;
    display: inline-block;
    padding: 22px 0 22px 6px;
    color: #000;
    text-decoration: none;
    background: #f0f0f0;
    min-width: 16em;
    margin: 4px;
}
.btns a.btn::after{
    content:"";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 4px;
    border-top: 1px solid #777777;
    border-right: 1px solid #777777;
    transform: rotate(45deg);
}
.btns a.btn:hover{
    background: #f5f5f5;
}

/*items*/

.itemList{
    margin: 45px auto;
    max-width: 620px;
    clear: both;
}
.itemList::after{
    content: "";
    display: block;
    clear: both;
    border-bottom: solid 1px #cccccc;
}

.item{
    clear: both;
    border-top: solid 1px #cccccc;
    text-align: left;
    line-height: 1.5;
}

.itemPic{
float:left;
margin:0 8px 0 0;
padding:10px 0 3px 0;
min-width:88px;
width:20%;
text-align: center;
}
.itemPic img{
max-width:320px;
min-width:222px;
max-height:320px;
box-shadow: #999999 1px 1px 3px;
margin:0 auto 8px auto;
}
.itemPic a:hover img{
    opacity: 0.85;
}

.itemText,
.itemTitle{/* アイテムタイトル */
padding:15px 0 15px 0;
font-size:100%;
}
.itemText p,
.itemTitle p,
.itemText a,
.itemTitle a{
margin:0;
padding:0;
text-decoration: none;
color: #333333;
}
.itemText a:hover,
.itemTitle a:hover{
    text-decoration: underline;
}

.itemIntro{/* アイテム概要 */
	line-height:1.6;
}
.itemIntro p{
margin:0 0 10px 0;
padding:0;
font-size:80%;
}
.itemDetail{
font-size:70%;
}

/*footer*/
.footer{
    width: 100%;
    clear: both;
    margin: 45px auto 0;
    padding: 45px 0 0 0;
}

.copyright{
    font-size: 75%;
}