@charset "utf-8";

/* タイトル */
#coupon .hgroup       { position:relative; }
#coupon .hgroup h1    { margin:0px; padding:0px; }
#coupon .hgroup h2    { position:absolute; top:0px; left:0px; z-index:2; width:100%; height:100%; -moz-opacity:0; opacity:0; filter:alpha(opacity=0); }
#coupon .hgroup h3    { position:absolute; bottom:-35px; left:0px; z-index:2; width:100%; height:36px; background:url(../../img/topics/2016/autumn_coupon/top_botton.png) no-repeat center 0px; text-indent:150%; white-space:nowrap; overflow:hidden; display:block; }
#coupon .hgroup h4    { position:absolute; top:-300px; left:50%; z-index:4; width:7%; margin:0px 0px 0px -3.5%; height:100px; }
#coupon .hgroup h5    { position:absolute; top:12%; left:50%; z-index:2; width:7%; margin:0px 0px 0px -3.5%; height:100px;-moz-opacity:0; opacity:0; filter:alpha(opacity=0); }

/* ボタン */
#coupon .coupon_btn     { background:rgba(255,255,255,0.8); border-top:1px solid #ede9e1; border-bottom:1px solid #ede9e1 }
#coupon div.btn         { position:relative; padding:20px; margin:15px 0px; text-align:center; background:rgba(0,0,0,0.1); display:block; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
#coupon div.btn span    { display:none; }
#coupon a.btn           { position:relative; padding:20px; margin:15px 0px; text-align:center; background:#ca3531; border-bottom:5px solid #a94542; display:block; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; }
#coupon a.btn:hover     { background:#e91613; border-bottom:5px solid #ca3531;}
#coupon a.btn:hover img { -moz-opacity:1.0; opacity:1.0; filter:alpha(opacity=100); }
#coupon a.btn span      { position:absolute; top:-25px; left:40px; z-index:2; width:50px; height:50px; display:block; animation:sdb 2s infinite; }
@-webkit-keyframes sdb  {
    0%  { -webkit-transform: translate(0, 0); }
    20% { -webkit-transform: translate(10px, 10px); }
    40% { -webkit-transform: translate(0, 0); }
}
@keyframes sdb {
    0%  { transform: translate(0, 0); }
    20% { transform: translate(10px, 10px); }
    40% { transform: translate(0, 0); }
}

/* テキスト */
#coupon .img_center         { margin:40px 0px; text-align:center; }
#coupon .coupon_txt         { width:640px; margin:0px auto; padding:50px 0px 0px 0px; }
#coupon .coupon_txt h1      { font-size:25px; font-weight:normal; color:rgba(0,0,0,0.9); padding-bottom:10px; line-height:1.6em; font-family: "Times New Roman","ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif; } 
#coupon .coupon_txt p       { font-size:18px; font-weight:normal; color:rgba(0,0,0,0.8); padding-bottom:10px; line-height:1.8em; font-family: "Times New Roman","ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif; }
#coupon .coupon_txt p.frame { border:none; padding:35px; background:rgba(0,0,0,0.1); -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin-bottom:30px; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif; }

/* セクション */
#coupon h1.ac_title         { text-align:center; margin:25px 0px; }
#coupon section             { width:640px; margin:0px auto; padding:30px 0px 30px 0px; }
#coupon section h1          { font-size:25px; font-weight:normal; color:rgba(255,255,255,1); background:#aa564f; text-align:center; padding:5px 10px; line-height:1.6em; font-family: "Times New Roman","ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif; margin-bottom:25px; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; } 
#coupon section p           { font-size:16px; font-weight:normal; color:rgba(0,0,0,0.9); padding-bottom:10px; line-height:1.6em; font-family: "Times New Roman","ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif; text-align:center; }
#coupon section ol          { margin-top:50px; }
#coupon section ol li       { position:relative; border:1px solid #40cb92; padding:20px; margin:15px 0px 50px 0px; font-size:116%; line-height:1.6em; text-align:center; }
#coupon section ol li .number { position:absolute; top:-25px; left:40px; z-index:2; width:50px; height:50px; background: url(../../img/base/bg100.png); display:block; }
#coupon section ol li .next { position:absolute; bottom:-40px; left:50%; z-index:2; width:30px; height:30px; margin:0px 0px 0px -15px; display:block; }

/* 各スポット */
#coupon .spot article       { border-bottom:1px solid rgba(0,0,0,0.1); margin:0px; padding:30px 0px }
#coupon .spot .thumb        { float:left;  width:35%; margin:0px 0px 0px 5%; }
#coupon .spot .thumb img    { -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
#coupon .spot .data         { float:right; width:50%; margin:0px 5% 0px 0px; }
#coupon .spot h1            { font-size:25px; font-weight:normal; color:rgba(0,0,0,0.9); padding-bottom:10px; line-height:1.6em; font-family: "Times New Roman","ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif; } 
#coupon .spot h2            { font-size:15px; font-weight:normal; color:rgba(0,0,0,0.9); padding-bottom:10px; line-height:1.6em; font-family: "Times New Roman","ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif; } 
#coupon .spot .plice        { position:relative; padding:20px; background:#fff; border:1px solid #ede9e1; margin:25px 0px 10px 0px; }
#coupon .spot .plice:before { position:absolute; content:"参考料金"; top:-18px; left:50%; width:100px; transform:rotate(-6deg); background:rgba(202,53,49,0.6); color:#fff; font-size:16px; line-height:1.5em; text-align:center; margin-left:-50px; font-family: "Times New Roman","ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif; color:#fff; } 
#coupon .spot table         { display:block; margin:0px auto; font-size:116%;line-height:1.6em; font-family: "Times New Roman","ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif; }
#coupon .spot table th,
#coupon .spot table td      { border-bottom:1px solid rgba(0,0,0,0.1); margin:0px; padding:5px 0px; line-height:1.4em; }
#coupon .spot table tr:last-child th,
#coupon .spot table tr:last-child td { border-bottom:none; }
#coupon .spot table th      { font-weight:normal; text-align:left; }
#coupon .spot table td      { color:rgba(0,0,0,0.6); font-size:85%; padding-left:15px }
#coupon .spot table span    { color:red;}
#coupon .spot table strong  { font-size:26px; }
#coupon .spot dl            { margin:20px 0px 20px 0px; line-height:1.6em; font-size:108%; }
#coupon .spot dl dt         { font-size: 85%; width:60px; border:none; padding:0px; margin:0px; font-weight:normal; text-align:center; background:rgba(0,0,0,0.05); color:rgba(0,0,0,0.6); letter-spacing:0.2em;}
#coupon .spot dl dd         { font-size:100%; margin:-1.6em 0px 10px 70px; padding:0px; }
#coupon .spot dl dd a       { word-wrap:break-word; }
#coupon .spot dl strong     { font-size:120%; font-family:Arial, Helvetica, sans-serif; }

/* フォーム */
#coupon form table { margin:20px 0px 25px 0px;}
#coupon form em    { color:#aa564f;}
#coupon form input[type=text] , 
#coupon form select , 
#coupon form textarea {
    border:2px solid #40cb92;
    padding:8px; margin:5px 5px 5px 5px;
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;
    background-color:#fbf9fa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbf9fa), to(#fff));
    background: -moz-linear-gradient(top, #fbf9fa, #fff);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbf9fa', endColorstr='#ffffff');
}
#coupon form input[type=text] { width:180px;}
#coupon form select   { width:200px;}
#coupon form textarea { width:180px;}
#coupon form input[type=submit] , 
#coupon form input[type=reset] , 
#coupon form input[type=button] { padding:8px; }
#coupon form input[type="submit"]   {
	width        : 420px;
	margin       : 25px auto 25px auto;
	padding      : 0px 10px ;

	border       : none;
	font-family  : "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size    : 108%;
	font-weight  : normal;
	line-height  : 2.6em;
	text-align   : center;
	display      : block;
	color        : #fff;
	background   : #40cb92;
	background   : -webkit-gradient( linear, left top, left bottom, color-stop(0.00, #40cb92), color-stop(1.00, #40cb92));
	background   : linear-gradient( to bottom, #40cb92 0%, #40cb92 100%);
	cursor       : pointer;
    -webkit-border-radius : 3px;
       -moz-border-radius : 3px;
            border-radius : 3px;
	-webkit-box-shadow    : 0px 1px 3px rgba( 0, 0, 0, 0.1 );
	   -moz-box-shadow    : 0px 1px 3px rgba( 0, 0, 0, 0.1 );
	        box-shadow    : 0px 1px 3px rgba( 0, 0, 0, 0.1 );
	-webkit-transition    : all 0.2s ease;
	   -moz-transition    : all 0.2s ease;
	     -o-transition    : all 0.2s ease;
 	        transition    : all 0.2s ease;
}

#coupon form input[type="submit"]:hover {
	background   : #97433d;
	background   : -webkit-gradient( linear, left top, left bottom, color-stop(0.00, #97433d), color-stop(1.00, #97433d));
	background   : linear-gradient( to bottom, #97433d 0%, #97433d 100%);
}

#coupon .ac_cyuui   { background:rgba(255,255,255,0.9); padding:25px; margin:10px 0px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#coupon .ac_cyuui p { font-size:95%; margin:5px 0px; line-height:1.6em; text-align:left; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif; }
#coupon a.btn_zip   { font-size:12px; line-height:20px; color: #111; position: relative; margin:0px 5px; padding:9px 10px; background:rgba(0,0,0,0.05); border:1px solid rgba(0,0,0,0.1); text-align:center; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; display:inline;}

/* ウインドウサイズ 920px以下 */
@media screen and (max-width:920px) {
	#coupon .hgroup h1     { margin:0px; padding:0px; }
	#coupon .hgroup h2     { -moz-opacity:1.0; opacity:1.0; filter:alpha(opacity=100); }
	#coupon .hgroup h3     { bottom:-17px; left:0px;height:18px; -moz-background-size:auto 18px; background-size:auto 18px; }
	#coupon .hgroup h4     { top:12%; }
	#coupon .hgroup h5     { -moz-opacity:1.0; opacity:1.0; filter:alpha(opacity=100); }
	#coupon .img_center    { margin:20px 0px; text-align:center; }
	#coupon .coupon_txt    { width:88%; padding:20px 0px 0px 0px; }
	#coupon section        { width:88%; padding:20px 0px; }
	#coupon .spot .thumb,
	#coupon .spot .data    { float:none; width:88%; margin:0px auto; padding:10px 6% }
	#coupon h1.ac_title    { margin:15px 0px -10px 0px; }
    #coupon .ac_title img  { width:110px; height:auto; }
	#coupon .coupon_txt h1 { font-size:18px; } 
	#coupon section h1     { font-size:18px; }
	#coupon section p      { font-size:108%; }
	#coupon div.btn,
	#coupon a.btn          { padding:10px 40px;} 
	#coupon .spot h1       { font-size:20px;}
	#coupon a.btn span     { top:-15px; left:20px; width:25px; height:25px; }
	#coupon .spot dl       { margin:20px 0px -10px 0px; font-size:100%; }
    #coupon section ol     { margin-top:30px; }
	#coupon section ol li  { margin:15px 0px 30px 0px; }
	#coupon section ol li .number { top:-12px; left:20px; z-index:2; width:25px; height:25px; }
	#coupon section ol li .next   { bottom:-15px; left:50%; width:15px; height:15px; } 

	#coupon .ac_cyuui                 { padding:15px; }
	#coupon form input[type=text]     { width:100px;}
	#coupon form select               { width:120px;}
	#coupon form textarea             { width:100px;}
	#coupon form input[type="submit"] { width:240px; }
}