@charset "utf-8";


#mail_magazine #sec1 { width:1100px; background:url(../../mail_magazine/img/bg_top.jpg) no-repeat top right; margin-top:12px; padding-bottom:40px;}
#mail_magazine #sec1 p.left { float:left; width:224px; padding:14px 0 0 15px;}
#mail_magazine #sec1 div.center { float:left; width:543px; padding:32px 0 0 10px;}
#mail_magazine #sec1 div.center h2 { padding:23px 0 23px 3px;}
#mail_magazine #sec1 div.center p { width:450px; line-height:1.6em;}
#mail_magazine #sec1 p.right { float:left; width:221px; padding:151px 0 0 74px;}

#mail_magazine #sec2 { width:1066px; background:#974946 0 11px; margin:0 auto 0 auto; padding-bottom:15px; position:relative;}
#mail_magazine #sec2 p#sono1 { position:absolute; top:-11px; left:7px;}
#mail_magazine #sec2 #sec2_1 div.left { float:left; width:390px; padding-top:90px;}
#mail_magazine #sec2 #sec2_1 div.left h3 { padding-left:72px;}
#mail_magazine #sec2 #sec2_1 div.left p { color:#fff; padding:25px 40px;}

#mail_magazine #sec2 #sec2_1 div.left div.group { width:379px; height:246px; position:relative;}
#mail_magazine #sec2 #sec2_1 div.left div.group p { width:214px; height:129px; position:absolute; z-index:1; left:165px; padding:0;}
#mail_magazine #sec2 #sec2_1 div.left div.group img.photo { width:256px; height:201px; position:absolute; z-index:3; top:17px;}
#mail_magazine #sec2 #sec2_1 div.left div.group a { display:block; width:237px; height:40px; position:absolute; z-index:2; top:205px; left:120px;}
#mail_magazine #sec2 #sec2_1 div.right { float:left; width:652px; padding-top:25px;}
#mail_magazine #sec2 #sec2_1 div.right img { float:left; padding:0 2px 2px 0;}

#mail_magazine #sec2 #sec2_2 div.right { float:right; width:390px; padding:37px 26px 0 0;}
#mail_magazine #sec2 #sec2_2 div.right h3 { padding:14px 0 0 11px;}
#mail_magazine #sec2 #sec2_2 div.right p { width:290px; color:#fff; padding:35px 0 0 10px;}
#mail_magazine #sec2 #sec2_2 div.right div.group { width:341px; height:189px; position:relative; margin:21px 0 0 48px;}
#mail_magazine #sec2 #sec2_2 div.right div.group p { width:170px; height:103px; position:absolute; z-index:1; padding:0;}
#mail_magazine #sec2 #sec2_2 div.right div.group img.photo { width:209px; height:183px; position:absolute; z-index:2; top:6px; left:132px;}
#mail_magazine #sec2 #sec2_2 img.left { float:left; width:600px; padding:60px 0 0 28px;}

#mail_magazine #sec2 #sec2_3 div.left { float:left; width:407px;}
#mail_magazine #sec2 #sec2_3 div.left img#sono3 { padding:0 0 0 34px;}
#mail_magazine #sec2 #sec2_3 div.left h3 { padding:22px 0 30px 40px;}
#mail_magazine #sec2 #sec2_3 div.left p { color:#fff; padding:0 48px;}

#mail_magazine #sec2 #sec2_3 div.left div.group { width:348px; height:186px; position:relative; margin:20px 0 0 27px;}
#mail_magazine #sec2 #sec2_3 div.left div.group p { width:171px; height:103px; position:absolute; z-index:1; top:11px; padding:0;}
#mail_magazine #sec2 #sec2_3 div.left div.group img.photo { width:209px; height:186px; position:absolute; z-index:2; left:140px;}
#mail_magazine #sec2 #sec2_3 div.center { float:left; width:318px; padding:52px 2px 0 0;}
#mail_magazine #sec2 #sec2_3 img.right { float:left; width:309px; padding:50px 0 0 0;}

#mail_magazine #sec3 { width:1066px; background:url(../../mail_magazine/img/bg_sec3.gif) no-repeat; width:1066px; height:66px; margin:35px auto;}
#mail_magazine #sec3 h3 { float:left; padding:15px 78px 0 274px;}
#mail_magazine #sec3 a { float:left; padding:36px 6px 0 0; }
#mail_magazine #sec3 .twitter-share-button{ float:left; padding:36px 6px 0 0; }
#mail_magazine #fb_button{ float:right; padding:0; }

#mail_magazine img#form { display:block; width:672px; margin:0 auto; padding-top:15px;}

/*160105*/
/*clearboth*/
#mail_magazine #sec4 div:after,
#mail_magazine #sec4 dl:after,
#mail_magazine #sec4 ul:after{clear:both; display:block; height:0px; visibility:hidden; content:" ";}

/*sec4*/
#mail_magazine #sec4 h3,
/*#mail_magazine #sec4 dt,*/
#mail_magazine #sec4 li,
#mail_magazine #sec4 p{float:left;}
#mail_magazine #sec4 dl,
/*#mail_magazine #sec4 dd,*/
#mail_magazine #sec4 ul{float:right;}
#mail_magazine #sec4{width:1066px; position:relative; text-align:center; margin: 0 auto;}
#mail_magazine #sec4 h2{margin:0 0 -25px -180px; position:relative; z-index:5;}
#mail_magazine #sec4 h2 img{vertical-align:middle;}
#mail_magazine #sec4 h2 img:nth-of-type(1) { margin-right: 20px; }
#mail_magazine #sec4 .msg{position:absolute; right: 30px; top: 215px; z-index:5;}

#mail_magazine #sec4 div{padding:0 30px 0 0; border:solid #974946; border-width:70px 45px; zoom:1; margin-top: 45px;}
#mail_magazine #sec4 h3{margin:50px 0 0 35px}
#mail_magazine #sec4 ul{padding:0 10px 10px 0;}
#mail_magazine #sec4 dl{width:640px; margin:55px 0 40px 0; padding: 30px 50px; box-sizing: border-box; border:solid #efc8c3 1px; background: url("../../mail_magazine/img/s4_coupon.png") no-repeat 400px,url(../../mail_magazine/img/s4_bg.jpg); text-align:left;}
#mail_magazine #sec4 dt{ margin-bottom: 15px; }
#mail_magazine #sec4 dd{ color:#3D1802; line-height:1.5em; font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;}
#mail_magazine #sec4 dd img{display:block; margin:30px 0 10px 0;}
#mail_magazine #sec4 p{clear:both; padding:70px 0 0 40px;}


/* 240418 point　追加 */
#mail_magazine #point { margin: 60px 0 35px;}
#mail_magazine #point:after { content: ""; display: block; height: 0; clear: both; visibility: hidden;}
#mail_magazine #point p { font-size: 16px; color: #000; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif; line-height: 1.8; padding: 10px 0 0 25px;}
#mail_magazine #point p a { display: table; margin: 30px 0 0 auto; position: relative; z-index: 10;}
#mail_magazine #point #point1 { position: relative; width: 530px; margin: -186px 0 0 auto; float: right; padding: 0 40px 0 0;}
#mail_magazine #point #point1 >img { margin: 20px 0 0;}
#mail_magazine #point #point2 { width: 500px; float: left;}
#mail_magazine #point #point3 { margin: 30px 0 0; float: right; width: 640px; position: relative;}
#mail_magazine #point #point3 > img:nth-of-type(1) { position: absolute; top: -240px; right: 0;}
#mail_magazine #point #point3 > img:nth-of-type(2) { position: absolute; left: -500px; top: -10px;}
#mail_magazine #point #point3 > img:nth-of-type(3) { float: right; margin: -25px 0 0;}
#mail_magazine #point #point4 { clear: both; width: 510px; float: left; margin: -150px 0 0;}
#mail_magazine #point #point4 >img { margin: -26px 0 0;}
#mail_magazine #point #point5 { width: 520px; float: right; margin: 0 25px 0 0;}
#mail_magazine #point #point5 >img { margin: 20px 0 0; position: relative; right: 103px;}
#mail_magazine #point #point6 { float: left; width: 515px; margin: 20px 0 0;}
#mail_magazine #point #point6 >img { margin: -30px 0 0;}
#mail_magazine #point #point7 { float: right; width: 470px; margin: 0 20px 0 0;}
#mail_magazine #point #point7 >img { margin: 10px 0 0; position: relative; right: 38px;}
#mail_magazine #point #point8 { float: left; width: 550px; margin: 25px 0 0;}
#mail_magazine #point #point8 >img { margin: -50px 0 0 25px;}
#mail_magazine #point >img { float: right; margin: 8px 0 0 0;}