@charset "utf-8";

/* ===================================================================
css information

File Name  : common.css
Author     :
Style Info :
=================================================================== */

/*********************************************************************

Browser Default Initialization

*********************************************************************/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-style:normal; font-weight:normal; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
html, body { height:100%; }
html { overflow-y:scroll; }
body { line-height:1; letter-spacing:normal; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
dl, ol, ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
img { vertical-align:bottom; }
img, x:-moz-any-link, x:default { box-shadow:#000 0 0 0; }
a { color:inherit; -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; }
a, b, big, i, s, small, strike, strong, sub, sup, u, span, em { font-weight:inherit; line-height:inherit; }
*,
:before,
:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }

/*********************************************************************

common

*********************************************************************/

html,
input,
select,
textarea,
button { color:#333; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
html { font-size:10px; }
body { font-size:14px; background:#afdef4; }
h1, h2, h3, h4, h5, h6 { line-height:1.4; }
p { line-height:1.6; }
a { text-decoration:none; }
img { width:100%; vertical-align: top; }

/* ===================================================================
 font-family
=================================================================== */

html,
input,
select,
textarea,
button { font-family:メイリオ, Meiryo, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }

.bn-ie,
.bn-ie input,
.bn-ie select,
.bn-ie textarea,
.bn-ie button { font-family:メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }

/* ===================================================================
 cursor
=================================================================== */

.device-mobile *,
.device-tablet * { cursor:pointer; }

/* ===================================================================
 clearfix
=================================================================== */

.clearfix:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .clearfix { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .clearfix { zoom:1; }

/* ===================================================================
 clear
=================================================================== */

.clear { clear:both; }

/* ===================================================================
 text-align
=================================================================== */

.text-left { text-align:left !important; }
.text-right { text-align:right !important; }
.text-center { text-align:center !important; }

/*********************************************************************

#wrapper

*********************************************************************/

#wrapper { width:100%; min-width:960px; background:URL(../img/body-bg-1.jpg) repeat-y center top; overflow:hidden; position:relative; }
#wrapper:after { content:''; width:100%; height:630px; position:absolute; bottom:206px; left:0; background:URL(../img/body-bg-2.png) no-repeat center bottom; z-index:0; }
#wrapper > * { position:relative; z-index:2; }

/* lower-page */
.layout-lower-page #wrapper:before { content:''; width:100%; height:422px; position:absolute; top:0; left:0; background:URL(../img/body-bg-3.png) no-repeat center top; z-index:0; }

/*********************************************************************

#g-header

*********************************************************************/

#g-header--inner { padding:25px 0 35px 0; }
#g-header--inner > * { position:relative; }
#g-header .logo { width:220px; float:left; padding-top:20px; z-index:1; }
#g-header--nav { width:100%; float:right; margin-left:-220px; padding-left:250px; z-index:0; }
#g-header--nav ul { font-size:0; }
#g-header--nav li { display:inline-block; vertical-align:top; font-size:14px; padding:5px; position: relative; }
li.nav-new:before { position:absolute; content:''; display:block; top:-5px; left:5px; width:58px; height:22px; background:url(/am/mg/spirits/v3/img/top/icon-new.png) no-repeat center center; background-size:100% 100%;  }
#g-header--nav li.nav-new:before { width:47px; height:18px; }
#g-header--nav li a { display:block; width:150px; }

/* clearfix element */
#g-header--inner:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html #g-header--inner { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html #g-header--inner { zoom:1; }

/* iOS9 */
.og-ios.ov-9 #g-header--nav ul { font-size:1px; letter-spacing:-1px; }
.og-ios.ov-9 #g-header--nav li { letter-spacing:normal; }

/*********************************************************************

#g-footer

*********************************************************************/

#g-footer { margin-top:140px; position:relative; z-index:98 !important; }
#g-footer--top { height:130px; padding:4px 20px 0 20px; }
#g-footer--top .link-1 { width:542px; }
#g-footer--bottom { background:rgba(255,255,255,0.4); padding:15px 0; }
#g-footer--bottom .copyright-1 { font-size:10px; color:#333; text-align:center; line-height:1.6; font-weight:bold; margin-top:10px; } 
#g-footer--banner { width:800px; margin:0 auto; font-size:0; text-align:center; }
#g-footer--banner li { display:inline-block; vertical-align:top; font-size:14px; padding:5px; }
#g-footer--banner li > * { width:200px; display:block; border:#fff 1px solid; }

/* iOS9 */
.og-ios.ov-9 #g-footer--banner { font-size:1px; letter-spacing:-1px; }
.og-ios.ov-9 #g-footer--banner li { letter-spacing:normal; }

/*********************************************************************

#page-top

*********************************************************************/

#page-top--wrap,
#page-top { width:100%; height:0; min-width:960px; }
#page-top--wrap { position:relative; }
#page-top { position:fixed; bottom:0; left:0; z-index:99; opacity:0; visibility:hidden;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease; 
}
#page-top .inner { width:1024px; height:0; margin:0 auto; position:relative; }
#page-top .inner a { display:block; width:318px; height:124px; position:absolute; right:0; bottom:6px; }

/* absolute */
#page-top.absolute { position:absolute !important; opacity:1; visibility:visible; }

/* visible */
#page-top.visible { opacity:1; visibility:visible; }

/*********************************************************************

.cmn-basewidth-1

*********************************************************************/

.cmn-basewidth-1 { width:960px; margin:0 auto; position:relative; }

/*********************************************************************

.cmn-info-frame-1

*********************************************************************/

.cmn-info-frame-1 { overflow:hidden; border-radius:4px; border:#fff 2px solid; }
.cmn-info-frame-1 > .frame--head { text-align:center; background:#ff4514 URL(../img/hl-bg-1.jpg) repeat-x center top; border-radius:4px 4px 0 0; box-shadow:inset 0px 2px 0px 0px rgba(255, 255, 255, 0.4); }
.cmn-info-frame-1 > .frame--head img { width:auto; height:50px; }
.cmn-info-frame-1 > .frame--body { background:#222; border:#ff4514 3px solid; border-top:0; border-radius:0 0 4px 4px; }
.cmn-info-frame-1 > .frame--body--type2 { border-top: #ff4514 3px solid;}

/*********************************************************************

.cmn-cont-frame-1

*********************************************************************/

.cmn-cont-frame-1 > .frame--body { overflow:hidden; background:#222; border-style:solid; border-width:4px; border-top:0 !important; border-radius:0 0 6px 6px; }
.cmn-cont-frame-1 > .frame--body.pad-1 { padding:36px; }
.cmn-cont-frame-1 + .cmn-cont-frame-1 { margin-top:50px; }

/* border */
.cmn-cont-frame-1 > .frame--body.border-0 { border-color:#df4031; }
.cmn-cont-frame-1 > .frame--body.border-1 { border-color:#e47900; }
.cmn-cont-frame-1 > .frame--body.border-2 { border-color:#be9d00; }
.cmn-cont-frame-1 > .frame--body.border-3 { border-color:#1c8691; }
.cmn-cont-frame-1 > .frame--body.border-4 { border-color:#319f2e; }
.cmn-cont-frame-1 > .frame--body.border-5 { border-color:#287fcc; }
.cmn-cont-frame-1 > .frame--body.border-6 { border-color:#9342aa; }
.cmn-cont-frame-1 > .frame--body.border-7 { border-color:#ba005d; }

/*********************************************************************

.cmn-cont-frame-2

*********************************************************************/

.cmn-cont-frame-2 > .frame--head { height:58px; text-align:center; background:URL(../img/hl-bg-2.jpg) repeat-x center top; overflow:hidden; }
.cmn-cont-frame-2 > .frame--head img { width:auto; height:58px; }
.cmn-cont-frame-2 > .frame--body { background:#333; border-top:0 !important; }
.cmn-cont-frame-2 + .cmn-cont-frame-2 { margin-top:40px; }

/* border */
.cmn-cont-frame-2 > .frame--body.border-1 { border:#555 1px solid; padding:39px; }

/*********************************************************************

.cmn-hl-1

*********************************************************************/

.cmn-hl-1 { height:48px; line-height:48px; border-top:#269bd5 1px solid; color:#fff; font-size:20px; font-weight:bold; background:#0b7cd3; text-align:center; padding:0 20px; position:relative;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); 
}

/*********************************************************************

.cmn-button-1

*********************************************************************/

.cmn-button-1 { display:block; width:380px; height:60px; margin:0 auto; border:#ffd730 1px solid; border-radius:6px; text-align:center; font-size:0;
background:#e0b430;
background: -moz-linear-gradient(top, #fff7d4 0%, #edd42f 50%, #dfb330 50%, #fece33 100%);
background: -webkit-linear-gradient(top, #fff7d4 0%,#edd42f 50%,#dfb330 50%,#fece33 100%);
background: linear-gradient(to bottom, #fff7d4 0%,#edd42f 50%,#dfb330 50%,#fece33 100%);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.cmn-button-1:before,
.cmn-button-1 > span { display:inline-block; vertical-align:middle; }
.cmn-button-1:before { content:''; width:0; height:100%; }
.cmn-button-1 > span { max-width:100%; font-size:18px; line-height:1.3; font-weight:bold; color:#222;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); 
}

.cmn-button-1:hover {
box-shadow: 0px 0px 16px 2px rgba(255, 255, 255, 0.3), 0px 0px 6px 1px rgba(255, 255, 255, 0.2), inset 0px -16px 16px 0px rgba(255, 255, 255, 0.2);
}

/*********************************************************************

.cmn-movie-thumb-1

*********************************************************************/

.cmn-movie-thumb-1 { display:block; position:relative; }
.cmn-movie-thumb-1:after { content:''; width:98px; height:70px; position:absolute; top:50%; left:50%; margin:-35px 0 0 -49px; background:URL(../img/movie-arrow-1.png) no-repeat center center; z-index:2; }

/* hover */
.cmn-movie-thumb-1:hover:after { background-image:URL(../img/movie-arrow-1_on.png); }

/*********************************************************************

.cmn-popup-1

*********************************************************************/

.cmn-popup-1.mfp-bg { opacity:0; visibility:hidden; background:rgba(0,0,0,0.8); }
.cmn-popup-1.mfp-wrap { opacity:1 !important; visibility:visible !important; }
.cmn-popup-1 .mfp-container { padding:0 20px; }
.cmn-popup-1 .mfp-content { padding:80px 0; 
opacity:0; visibility:hidden;
-webkit-transform: translateX(0px) translateY(30px);
-ms-transform: translateX(0px) translateY(30px);
transform: translateX(0px) translateY(30px);
}
.cmn-popup-1 .mfp-close { width:48px; height:48px; position:absolute; top:-68px !important; right:0; background:URL(../img/popup-close-1.png) no-repeat center center; padding:0; cursor:pointer; }

/* ready */
.cmn-popup-1.mfp-ready { opacity:1; visibility:visible;
-webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.cmn-popup-1.mfp-ready .mfp-content { opacity:1; visibility:visible;
-webkit-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
-webkit-transition: opacity 0.3s ease 0.3s, visibility 0.3s ease 0.3s, -webkit-transform 0.3s ease 0.3s;
transition: opacity 0.3s ease 0.3s, visibility 0.3s ease 0.3s, transform 0.3s ease 0.3s;
}

/* removing */
.cmn-popup-1.mfp-removing { opacity:0; visibility:hidden;
-webkit-transition: opacity 0.3s ease 0.3s, visibility 0.3s ease 0.3s;
transition: opacity 0.3s ease 0.3s, visibility 0.3s ease 0.3s;
}
.cmn-popup-1.mfp-removing .mfp-content { opacity:0; visibility:hidden;
-webkit-transform: translateX(0px) translateY(30px);
-ms-transform: translateX(0px) translateY(30px);
transform: translateX(0px) translateY(30px);
-webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}

/*********************************************************************

.cmn-popup-container-1

*********************************************************************/

.cmn-popup-container-1 { width:840px; background:#333; border:#555 1px solid; padding:20px; margin:0 auto; position:relative; }

/*********************************************************************

.cmn-movie-wrap-1

*********************************************************************/

.cmn-movie-wrap-1 { width:100%; height:0; padding-top:56.25%; position:relative; overflow:hidden; }
.cmn-movie-wrap-1 > .inner { position:absolute; top:0; left:0; }
.cmn-movie-wrap-1 > .inner,
.cmn-movie-wrap-1 iframe { width:100% !important; height:100% !important; }

/*********************************************************************

.cmn-hover-1

*********************************************************************/

.cmn-hover-1 {
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.cmn-hover-1:hover { opacity:0.8; }

/*********************************************************************

.cmn-hover-2

*********************************************************************/

.cmn-hover-2 { -webkit-transition: 0.3s ease; transition: 0.3s ease; }
.cmn-hover-2:hover { -webkit-transform: scale(1.05) rotate(0.1deg); transform: scale(1.05) rotate(0.1deg); }