@charset "utf-8";

/* --------------------
 base settings
-------------------- */

#reserve1709 {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color:#000;
    line-height:1.4;
    -webkit-text-size-adjust: 100%;
}

#reserve1709 * {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}

/* Bugfix for Android font-size
#reserve1709 * {max-height: 999999px;}
*/

#reserve1709 ol, #reserve1709 ul {
	/* list-style: none; */
}

#reserve1709 img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
}


/* --------------------
 Class
-------------------- */

/* PC-SP Switch */
.dispPC {display:none;}
.dispSP { }

.center {text-align:center;}
.nw {display:inline-block;}

.mincho {
    font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.gothic{
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック体", "Original Yu Gothic", "游ゴシック", "Yu Gothic", YuGothic, Verdana, "Meiryo UI", "メイリオ", Meiryo, sans-serif;
}

/* --------------------
 Content
-------------------- */

#reserve1709 .reserve{
	margin: 3% 0;	
}

#reserve1709 .reserve img {
	width: 95%;
	padding: 2% 0 0;
}


/* 動画 */ 

#reserve1709 .iframe-content {
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 10px;
    height: 0;
    overflow: hidden;
	margin:15px 0 20px;
}

#reserve1709 .iframe-content iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}
 
#reserve1709 .OreWrap {
	background-color: #ed6c00;
	overflow: hidden;
	margin: 0 2%;
	padding-bottom: 20px; 
	-moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
}

#reserve1709 h2{
	width: 95%;
	margin-left: 2%;
	}

#reserve1709 .recommend img{
	width: 95%;
	margin: 2% 0;}

#reserve1709 H3{
	font-size:160%;
color: #000;
border-bottom: 2px solid #000;
border-top: 2px solid #000;
padding: 10px 0;
margin: 2% 0;
letter-spacing:2px;
font-weight:bold;
}

#reserve1709 h4{
		background: #f29600;
		color:#FFF;
		padding: 5px;
		font-size:120%;
	}
#reserve1709 .store{margin-bottom: 20px;}	
#reserve1709 .store img{width:95%;}

#reserve1709 .howto{
	color:#FF0000;
	font-size: 120%;
	font-weight: bold;
	border: #000000 2px solid;
	margin: 5px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	}

#reserve1709 .note	{
padding: 20px 10px;
font-size: 110%;
font-weight: normal;
line-height: 1.5;
text-align: left;
border-bottom: 1px dotted #CCCCCC;
margin: 0 0 20px;
}
	
#reserve1709 .before{
	font-size: 150%;
	text-align: center;
	color: #FF0000;
	font-weight:bold;
	margin-bottom: 5px;
}

/* 注文ボタン */
#reserve1709 .btn {
	padding: 0 15px 30px;
}
#reserve1709 .btn-contact {
	padding: 0 0 20px;
}
#reserve1709 .btn a.net{background: #bcd400;}	
#reserve1709 .btn a, .btn-contact a {
	display: inline-block;
	position: relative;
	margin: auto;
	padding: 20px 0;
	width: 100%;
	font-size: 140%;
	font-size: 1rem;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#reserve1709 .btn a:hover, .btn-contact a:hover {
	background: #95a002;
}
#reserve1709 .btn a:after, .btn-contact a:after {
	display: block;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -3px;
	height: 6px;
	width: 6px;
	content: "";
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-right: 2px solid #FFF;
	border-top: 2px solid #FFF;
}
#reserve1709 .btn a img, .btn-contact a img {
	width: 1.0em;
	height: auto;
	vertical-align: middle;
}

#reserve1709 h5{
font-size:120%;
font-weight:bold;
text-align: left;
padding:0 10px 10px;
}

#reserve1709 .tea{
	margin-bottom: 30px;
}

#reserve1709 .tea img{
	width: 100%;
	margin-bottom: 20px;
}

#reserve1709 .tea .note{
padding: 5px 10px;
font-size: 110%;
font-weight: normal;
line-height: 1.5;
text-align: left;
margin: 0 0 20px;
border: none;
}

/* 雑誌一覧 */
#reserve1709 .books h2 {
	width:100%;
	font-size:200%;
	background: #009944;
	color: #FFF;
	padding: 20px 0;
	margin-left: 0;
}

#reserve1709 .books h3 {
	font-size:150%;
	color: #FFF;
	padding-top: 10px;
	border:none;
	margin: 8% 0 0;
}
	
#reserve1709 .books img {width:100%;}	
	
#reserve1709 .bookItem ul{}
#reserve1709 .bookItem li{
	width: 50%;
	float: left;
	}
#reserve1709 .bookItem li p{
	width:75%;
	float: none;
	margin: 20px;}	
	
#reserve1709 .bookItem dl{
	width: 80%;
	float: none;
	text-align: left;
	padding: 0 10px;
	margin: 15px;}		
    

#reserve1709 .bookItem dt{
	font-weight:bold;
	font-size:120%;
	margin-bottom: 5px;
}

/*　週刊コミック誌　*/
#reserve1709 .bookComicB {background: #00b9ef;} 
#reserve1709 .bookComicB span{
	font-size: 120%;
}
#reserve1709 .bookComic {
	border:2px solid #00b9ef;
	background: #fffeee;
	overflow: hidden;
	}


/*　子供向け雑誌　*/
#reserve1709 .bookChildM {background: #ed6d46;} 
#reserve1709 .bookChildM span{
	font-size: 120%;
}

#reserve1709 .bookChild {
	border:2px solid #ed6d46;
	background: #fffeee;
	overflow: hidden;
	}

/*　主婦向け雑誌　*/

#reserve1709 .bookW {background: #f3994f;} 
#reserve1709 .bookW span{
	font-size: 120%;
}

#reserve1709 .bookHouseW {
	border:2px solid #f3994f;
	background: #fffeee;
	overflow: hidden;
	}

/*　趣味誌　*/

#reserve1709 .bookH {background: #9bcb6c;} 
#reserve1709 .bookH span{
	font-size: 120%;
}

#reserve1709 .bookHobby {
	border:2px solid #9bcb6c;
	background: #fffeee;
	overflow: hidden;
	}

/*　スポーツ誌　*/
#reserve1709 .bookS {background: #3eb370;} 
#reserve1709 .bookS span{
	font-size: 120%;
}

#reserve1709 .bookSports {
	border:2px solid #3eb370;
	background: #fffeee;
	overflow: hidden;
	}

/*　情報誌・芸能　*/
#reserve1709 .bookI {background: #f9c158;} 
#reserve1709 .bookI span{
	font-size: 120%;
}

#reserve1709 .bookinfo {
	border:2px solid #f9c158;
	background: #fffeee;
	overflow: hidden;
	}

#reserve1709 .all ul{ 
	background: #bae3f9;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	text-align: left;
	margin: 0 2% 2%;
	padding: 1% 0 2%;
}

#reserve1709 .alltit {font-size:120%; font-weight:bold;padding:1% 3%; text-align: left;}
#reserve1709 .text{padding:1% 3% 0;font-size:95%;}
#reserve1709 .point img{width:95%; margin-bottom: 2%;}
#reserve1709 .allP {text-align: left; margin: 0 2%;}

/* --------------------
 PC and Print
-------------------- */
@media screen and (min-width:769px), print {
    /* PC-SP Switch */
    .dispPC { display:block;}
    .dispSP { display:none;}

/* ----- Content ----- */
	
#reserve1709 .reserve{
  width: 100%;
  text-align: center;
  margin: 10px 0 20px;
}

#reserve1709 .reserve img {
	width: 23.5%;
	padding:0;
}
	
/* 動画 */
	
#reserve1709 .iframe-content {
	text-align:center;
	position:static;
	margin-bottom:-22%;
	}
	
#reserve1709 .iframe-content iframe {
	position:static;
	width:560px;
	height:315px;
	}	
	
#reserve1709 .recommend {
	text-align: center;

}
#reserve1709 .recommend ul{overflow: hidden;}	
#reserve1709 .recommend li
	{
	display: inline-block;
	width: 45%;
	margin: 12px 5px 5px;
	}	
	
#reserve1709 .recommend img{
	width: 100%;
	margin: 0;}

#reserve1709 H3{
	font-size:180%;
color: #000;
border-bottom: 2px solid #000;
border-top: 2px solid #000;
letter-spacing:5px;
}
	
#reserve1709 h4{
		margin-top: 4%;
		padding: 10px;
		font-size:120%;
	}
	
#reserve1709 .store{margin-bottom: 30px;}	
#reserve1709 .store img{width:80%;}		
	
#reserve1709 .howto{
	font-size: 150%;
	padding: 10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	}
	
#reserve1709 .note{
padding: 20px 10px;
font-size: 90%;
margin: 0 0 20px;
}
	
#reserve1709 .tea img{
	width: 58%;
}
#reserve1709 .tea .note{
padding: 0 10px;
font-size: 90%;
margin: 0 0 10px;
}	
	
#reserve1709 .before{
	margin-bottom: 0;
}	
	
/* 注文ボタン */
#reserve1709 .btn {
	padding: 5px 80px;
}
#reserve1709 .btn.mb-0 {
	padding: 5px 40px 0em;
}
#reserve1709 .btn-contact {
	padding: 5px 80px 20px;
}
	
#reserve1709 .btn a, .btn-contact a {
	display: inline-block;
	position: relative;
	margin: auto;
	padding: 20px 0;
	width: 100%;
	font-size: 140%;
	font-size: 1.35rem;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#reserve1709 .btn a:after, .btn-contact a:after {
	display: block;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -3px;
	height: 6px;
	width: 6px;
	content: "";
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-right: 2px solid #FFF;
	border-top: 2px solid #FFF;
}
#reserve1709 .btn a img, .btn-contact a img {
	width: 1.0em;
	height: auto;
	vertical-align: middle;
}
	
/* 雑誌一覧 */
#reserve1709 .books h2 {
	width:100%;
	font-size:200%;
	background: #009944;
	color: #FFF;
	padding: 20px 0;
	margin-left: 0;
}

#reserve1709 .books h3 {
	font-size:150%;
	color: #FFF;
	padding-top: 10px;
	border:none;
	margin: 2% 0 0;
}
	
#reserve1709 .books img {width:100%;}	

/*　雑誌レイアウト　*/	
#reserve1709 .bookItem ul{}
#reserve1709 .bookItem li{
	width: 33%;
	float: left;
	}
#reserve1709 .bookItem li p{
	width:25%;
	float: left;
	margin: 15px;
	}	
	
#reserve1709 .bookItem dl{
	width: 60%;
	float: left;
	text-align: left;
	padding: 0 5px;
	margin: 15px 0;
	}		
    

#reserve1709 .bookItem dt{
	font-weight:bold;
	font-size:120%;
	margin-bottom: 5px;
}

#reserve1709 .last{overflow: hidden;}	
#reserve1709 .all{
float: left;
width: 50%;	
}	
#reserve1709 .point img{width:40%; margin:0 3% 2%; float: left;}
#reserve1709 .alltit {text-align: left;padding:1% 5%;}
#reserve1709 .text{padding:1% 5% 0;}	
#reserve1709 .allP {text-align: left; margin: 0 2%; font-weight:normal; font-size: 95%;}
	
	
	
}