html {
    -webkit-text-size-adjust: 100%;
    word-wrap: break-word;
}
a:hover {
    opacity:0.6;
}
.wrapper {
    padding-top:10px;
}
.annime {
    padding: 0 3% 3%;
}
.annime h1 {
    width:100%;
    margin:0 auto;
}
.annime h1 img{
    width:100%;
}
h2 {
    clear: both;
    color: #d66556;
    margin-left: 0;
    margin-top:40px;
    font-size: 20px;
    font-weight: bold;
}
h2:first-of-type {
    margin-top:0;
}
b {
    font-size: 18px;
}
video {
    width: 840px;
    border: solid 1px #cccccc;
}
iframe {
	width:800px;
	height:450px;
}
.visual {
    width:400px;
}
dl {
    overflow: hidden;
    margin-bottom:15px;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
dl dt {
    font-weight: bold;
    width: 15%;
}
dl dd {
    width: 85%;
}
aside {
    display: block;
    margin:15px 0;
}
dt.tworows {
    height:35px;
}
dt.three_rows {
    height:54px;
}
ul.shoplink {
    margin: 5px 30px 20px;
}
ul.shoplink li:before {
    content:"→";
    display:inline-block;
    font-size:18px;
    padding-right: 10px;
}
p.twitter {
    margin:60px 0 30px;
}
p.bold {
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
}
@media screen and (max-width: 500px) {
    html {
        line-height: 1.3;
    }
    h2 {
        width:100%;
        font-size:14px;
        margin: 30px 0 10px;
    }
    b {
        font-size: 14px;
    }
    video {
        width:275px;
    }
	iframe {
		width:275px;
		height:155px;
	}
    .visual {
        width:260px;
        margin: 0 auto;
        display: block;
    }
    dl dt, dl dd {
        float:none;
        width:100%;
    }
    dl dd {
        margin-bottom:5px;
        margin-left: 5px;
        margin-right: 5px;
    }
    dl.inside {
        display: -webkit-flex; /* Safari */
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap:wrap;
    }
    dl.inside dt {
        width:20%;
    }
    dl.inside dd {
        width:70%;
        padding-left: 15px;
        text-indent: -11px;
        margin-left: 0;
        margin-right: 0;
    }
    dt.tworows, dt.three_rows {
        height:auto;
    }
    dt.tworows_sp {
        height:28px;
    }
    .pconly {
        display:none;
    }
    .flap {
        padding-left: 15px;
        text-indent: -11px;
    }
}

/* 5月18日追加 */
ul.pre_list {
    width: 95%;
    margin: 0 auto;
    height: auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: space-around;
    align-content: space-around;
}
ul.pre_list img {
    width:100%;
    max-width:360px;
}
ul.pre_list h3, ul.pre_list p {
    margin:10px;
}
ul.pre_list h3 {
    font-weight: bold;
}
ul.pre_list p {
    margin-bottom:30px;
}
ul.pre_list a {
    display: inline-block;
    padding: 5px 0;
}
.left, .right {
    float:left;
}
.left {
    margin-bottom:40px;
    margin-left:20px;
}
.left img {
    width:100%;
    max-width:300px;
    border:solid 1px #805e39;
}
.right p {
    margin:20px 30px;
}
.right .bold {
    margin-top:40px;
}
@media screen and (max-width: 500px) {
    ul.pre_list {
        width:100%;
    }
    ul.pre_list p {
        margin:0;
        margin-bottom:20px;
    }
    ul.pre_list h3 {
        font-size:14px;
        margin-left: 0;
    }
    p.bold {
        font-size:14px;
    }
    .left {
        margin:0;
    }
    .right p {
        margin: 10px 5px;
    }
    ul.shoplink {
        margin: 5px 10px 20px;
    }
    ul.shoplink li:before {
        font-size:14px;
    }
}