@charset "utf-8";

body{
    width: 100%;
    background-color: rgb(219, 213, 213);
}

.header {
	background: #000;
}

.main_picture{
    margin-left: 20%;
}

div.wrap {
	font-size: 5%;
	vertical-align: top;
	border-top: thin solid;
}

div.product_name {
	margin: 2px 0px;
	border-top: thin dotted;
	vertical-align: top;
	border-bottom: thin solid;
	font-size: x-large;
}

table.contents{
	border-top: thin solid;
}

td.left_content{
	font-size: 90%;
	vertical-align: top;
	width: 200px;
	padding-right: 5px;
}

div.container{
}

div#menu{
	background-image: url("../image/menu-bg.jpg");
	height: 51px;
}

.wrapper{
    margin: 0 10%;
}

table.container{
	border-top-style: none;
    width: 100%;
    text-align: center;
}

.button{
    width: 14.28%;
}

table.three{
	margin-top: 1em;
    width: 100%;
}

#video_cont {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

div.size-ch {
	font-size: 53%;
	flex-pack: justify;
}

p.size {
	font-size: 20px;
	width: 99%;
}

/*	商品一覧 */
.products {
	list-style: none;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

.products__item  {
	position: relative;
	width: 33%;
	height: ;
	flex: 0 1 auto;
	margin: 0;
	padding: 10px 20px 145px 20px; 
}

.products__item p {
	word-break: break-all;
}

.products__item img {
	max-width: 100%;
	position: absolute;
	bottom: 0;
	border: 20px solid transparent;
    margin-left: -20px;
}

.margin_wrapper{
    margin: 50px 10%;
}

.free{
    width: 20%;
    margin: 0 10px;
    float: left;
}

.free > p{
    border-bottom: 2px solid #000011;
    font-size: 22px;
}

.free > ul{
    font-size:16px;
}

.premium{
    width: 70%;
    margin: 0 10px;
    float: left;
}

.premium > p{
    border-bottom: 2px solid #000011;
    font-size: 22px;
}

.box{
    width: 45%;
    margin: 10px 10px 0 10px;
    float: left;
    text-align: center;
}

.box > p{
    font-size: 17px;
}

@media screen and ( max-width: 1024px ){
    .main_picture{
        margin: 0;
        text-align: center;
    }
    .free{
        width: 100%;
    }
    .premium{
        width: 100%;
    }
    .box{
        width: 100%;
        margin: 10px 10px 0 10px;
        text-align: center;
    }
}