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


body #content.cloth_napkin{
	background:#ffffff;
}


body #content.cloth_napkin #content{
	padding:0;
}

body #content.cloth_napkin #container{
	background-image: url(../../img/subpage/school/mmu/cloth_napkin/border_bg.png);
	background-size:100% auto;
	background-repeat:repeat-y;
	max-width:938px;
	box-shadow:none;
	padding:0 16px 0;	
}

body #content.cloth_napkin .main_area{
	padding:16px 0 0 0;
}


body #content.cloth_napkin .main_area:after,
body #content.cloth_napkin .clear_box,
body #content.cloth_napkin .con_area:after,
body #content.cloth_napkin .shop_area:after{
clear: both;
float: none;
content: ".";
display: block;
height: 0px;
visibility: hidden;
}


body #content.cloth_napkin .main_image{
	float:left;
	max-width:636px;
	width:70%;
	margin:0;
	padding:0;
}

body #content.cloth_napkin .main_image img{
	width:100%;
}

body #content.cloth_napkin .new_book{
	float:right;
	max-width:270px;
	width:30%;
	margin:0;
	padding:0;
}

body #content.cloth_napkin .new_book img{
	width:100%;
}

body #content.cloth_napkin .con_box{
	float:left;
	width:60.7064%;
	margin:0 0 0 3.31125%;
}

body #content.cloth_napkin .con_boxin{
	width:100%;
	border:3px dashed #f6ba94;
	-moz-border-radius: 10px;    /* Firefox */
    -webkit-border-radius: 10px; /* Safari,Chrome */
    border-radius: 10px;         /* CSS3 */
}





body #content.cloth_napkin .flyer{
	width:29.1390%;
	margin:0 0 0 1.9867%;
	text-align:center;
}

body #content.cloth_napkin .flyerin{
	width:100%;
	border:3px dashed #f6ba94;
	-moz-border-radius: 10px;    /* Firefox */
    -webkit-border-radius: 10px; /* Safari,Chrome */
    border-radius: 10px;         /* CSS3 */	
}


body #content.cloth_napkin .ttl_flyer{
		text-align:center;
	position:relative;
	padding:10px 0 0 0;
	margin:20px 0 0 0;
}

body #content.cloth_napkin .flyer img{
	width:90%;
	margin:auto;
	padding:0 0 13px 0;
}

body #content.cloth_napkin .ttl_flyer img{
	position:absolute;
	width:100%;
	max-width:161px;
	padding:0 0 0 0;
	top:-45px;
	left:30%;
}




body #content.cloth_napkin .banner {
    float: left;
    width: 50%;
	text-align:center;
}


body #content.cloth_napkin .banner .YoutubeWrapper{
	width:90%;
	margin:auto;
}

body #content.cloth_napkin .ttl_movie{
	text-align:center;
	position:relative;
	padding:10px 0 0 0;
	margin:20px 0 0 0;
}


body #content.cloth_napkin .ttl_movie img{
	position:absolute;
	width:100%;
	max-width:270px;
	padding:0 0 0 0;
	top:-45px;
	left:30%;
}


body #content.cloth_napkin .mov_ttl{
	font-weight:bold;
	color:#37868c;
	padding:7px 0 10px 0;
}



body #content.cloth_napkin .shop_area{
	padding:29px 0 30px 0;
}

body #content.cloth_napkin .shop_area img{
	width:100%;
}


body #content.cloth_napkin .shop_pattern01{
	float:left;
	width:9.16114%;
	padding:0 3% 0 0 ;
}

body #content.cloth_napkin .shop_ttl{
	float:left;
	width:18.2119%;
}

body #content.cloth_napkin .shop_link{
	float:left;
	width:45.4746%;
	padding:30px 0 0 4%;
}

body #content.cloth_napkin .shop_pattern02{
	float:left;
	width:9.933%;
	padding:20px 3% 0 3%;
	}
	
body #content.cloth_napkin .page_ft{
	background-image: url(../../img/subpage/school/mmu/cloth_napkin/bg_ft_ie.png);
	background-repeat:repeat-x;
	width:100%;
	height:38px;
	text-indent:-99999px;
}


body #content.cloth_napkin .book_cover img {
    border: none;
}

body #content.cloth_napkin .book_cover{
	display:block;
	
}

body #content.cloth_napkin .book_cover_sp{
	display:none;
}




@media screen and (max-width: 568px) {
body #content.cloth_napkin #container{
	width:90%;
}


body #content.cloth_napkin .book_cover{
	display:none;
	
}

body #content.cloth_napkin .book_cover_sp{
	display:block;
}


body #content.cloth_napkin .main_image{
	float:none;
	clear:both;
	width:90%;
	max-width:none;
}


body #content.cloth_napkin .new_book {
	float:none;
	clear:both;
	width:80%;
	max-width:none;
	margin:auto;
}

body #content.cloth_napkin .con_box {
    float: none;
    margin: 5% 0 6% 0;
    width: 100%;
}

body #content.cloth_napkin .ttl_flyer img {
    left: 35%;
}

body #content.cloth_napkin .flyer {
	width:70%;
	margin:auto;
}

body #content.cloth_napkin .shop_pattern01 {
    width: 15%;
	margin:5% 0 0 13%;
}


body #content.cloth_napkin .shop_ttl {
	width: 36.4238%;
	margin:0 0 5% 0;

}

body #content.cloth_napkin .shop_pattern02 {
    width: 15%;
	margin:5% 0 0 0;

}






body #content.cloth_napkin .shop_link {
    float: none;
    padding: 30px 0 0 4%;
    width: 94%;
}


}



@media screen and (max-width: 375px) {
body #content.cloth_napkin #container{
	padding:0;
}
	
body #content.cloth_napkin .con_box {
    margin: 9% auto 10%;
}
	
body #content.cloth_napkin .ttl_movie img {
    left: 18%;
}

body #content.cloth_napkin .shop_area {
    padding: 0px 0 30px;
}

body #content.cloth_napkin .con_boxin {
    margin: auto;
    width: 90%;
}

body #content.cloth_napkin .con_box .mov_ttl {
	font-size:12px;
}
}




@media screen and (max-width: 320px) {
body #content.cloth_napkin .ttl_movie img {
    max-width: 230px;
	left: 17%;
}

body #content.cloth_napkin .ttl_flyer img {
    max-width: 140px;
	left: 24%;

}
}