*, :after, :before { margin: 0; padding: 0; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0}
a:active,a:hover{outline:0}
h1{font-size:2em}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
ul,li{ margin:0; padding:0; list-style-type:none}
a{outline:0 none;text-decoration:none}
a:focus{outline:none}
.cf:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }

.loading { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #fed631; z-index: 9999; -webkit-transition:all 666ms 333ms cubic-bezier(.215,.61,.355,1); -moz-transition:all 666ms 333ms cubic-bezier(.215,.61,.355,1); transition:all 666ms 333ms cubic-bezier(.215,.61,.355,1); }
.loading .loader-snow { display: block; position: absolute; left:50%; top:50%; margin:-120px 0 0 -120px; width: 240px; height:240px; background-color: #fff; border-radius: 50%; overflow: hidden; -webkit-transition:all 666ms cubic-bezier(.215,.61,.355,1); -moz-transition:all 666ms cubic-bezier(.215,.61,.355,1); transition:all 666ms cubic-bezier(.215,.61,.355,1); }
.loading #progressTxt { display: block; position: absolute; left:50%; top:50%; margin:-50px 0 0 -50px; width: 100px; height:100px; text-align: center; font-size: 40px; line-height: 100px; color:#f22619; z-index: 2; -webkit-transition:all 666ms cubic-bezier(.215,.61,.355,1); -moz-transition:all 666ms cubic-bezier(.215,.61,.355,1); transition:all 666ms cubic-bezier(.215,.61,.355,1); }
.loading .page-loader-circle { width: 350px; height: 350px; position: absolute; top: 50%; left: 50%; margin-left: -175px; margin-top: -175px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); z-index: 2; }
.loading .percentage { stroke-dasharray: 640; stroke-dashoffset: 640; }
.loaded .loading { height: 0; opacity: 0; }
.loaded .loading .loader-snow { opacity: 0; margin:0; width: 1px; height:1px; }
.loaded .loading .page-loader-circle,
.loaded .loading #progressTxt { opacity: 0; }

.hover {opacity:1;transition:opacity 0.3s linear;}
.hover:hover {opacity:0.7;}

.fit {max-width:100%;}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

/*youtube*/
.youtube-container {
  position: relative;
  /*padding-bottom: 56.25%;*/
  padding-bottom:51%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.youtube-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.product-text table{
		position:relative;
		z-index:1;
		text-align:left;
		margin-bottom:20px;
		}
	.product-text table th {padding-right:10px;}
	.product-text table th,
	.product-text table td {font-size:15px;font-weight:bold;}

@media all and (min-width: 320px){
	body{font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "游ゴシック", YuGothic, 'Yu Gothic', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif; -webkit-font-smoothing:antialiased }
	#tour .bx-wrapper .bx-pager.bx-default-pager a,
	.museo-slab {font-family: "museo-slab", "游ゴシック", YuGothic, 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif; font-weight: 700; }
	h1,h2,h3,h4{margin:0;}
	b,strong{font-weight:700}
	sup{top:-0.8em;font-size:54%}
	p{ margin:0; font-size:12px; line-height:1.6; }
	p.small-copy,li{ font-size:10px; }
}
@media all and (min-width: 768px){
	p.small-copy,li{ font-size:11px; }
}
@media all and (min-width: 1080px){
	p { font-size: 13px; }
	p.small-copy,li { font-size: 12px; }
}

@media all and (min-width: 320px){
	.sp { display: block !important; }
	.pc { display: none !important; }
}
@media all and (min-width: 768px){
	.pc { display: block !important; }
	.sp { display: none !important; }
}
@media all and (max-width:939px) and (min-width:768px){
	.tb { display: block !important; }
	}

@media all and (min-width: 320px){
	body{ width: 100%; background-color:#fffcef; -webkit-tap-highlight-color:rgba(0,0,0,0); overflow-x:hidden; }
	.canvas-snow { display: none; position: fixed; left:0; top:0; width: 100%; height:100%; z-index: 0; }
	section { position:relative; width:100%; margin:0; display:block; overflow: hidden; z-index: 1; }
	.section-inner { position:relative; max-width:1080px; margin:0 20px; display:block; }
	.section-inner hr{ margin:10px 0; height:1px; border:none; outline:none; display:block; background-color: #333; }
	.section-inner-2 { max-width: 1100px; margin:0 10px; }
	.section-content{ position:relative; margin:0 auto; display:block; overflow: hidden;}
	.section-content:after{ content:""; height:0; margin:0; display:block; clear:both}
	.section-content a.page-link { position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url("about:blank"); display:block }
	.table{ width:100%; height:100%; display:table; }
	.table-cell{ text-align:left; vertical-align:middle; display:table-cell; }
	.media-holder{ position:relative; width:100%; height:0; padding:0 0 100%; overflow:hidden; }
	.media-holder.h56 { padding:0 0 56%; }
	.media-holder.h67 { padding:0 0 67%; }
	.media-holder img,.media-holder iframe,.media-holder video,.media-holder embed { position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; }
}
@media all and (min-width: 768px){
	.canvas-snow { display: block; }
	.section-inner { margin:0 30px; }
	.section-inner-2 { margin:0 20px; }
	.section-inner hr{margin:10px 30px;height:1px;}
}
@media all and (min-width: 1120px){
	.section-inner { margin:0 auto; }
	.section-inner-2 { margin:0 auto; }
}

/* ////////////////// Header ////////////////// */
@media all and (min-width: 320px){
	header {position: fixed;left:0;width:100%; height:64px; background: #fed631; z-index: 99; overflow: hidden; -webkit-transition:height 666ms cubic-bezier(.215,.61,.355,1); transition:height 666ms cubic-bezier(.215,.61,.355,1); }
	header a { color: #1d1d1d; display: block;}
	#headerTop { position: relative; display: block; height: 100%; max-width: 1100px; margin: 0 auto;  }
	#Logo{ position: absolute; top:5px; left:50%; margin-left: -44px; width:88px; height:50px; display:block; z-index: 2; }
	#Logo img { position: absolute; left:0; top:0; width: 100%; height: 100%; }
	#socialLinks { position:absolute; top:0; left:0; width:100%; height:100%; margin:0 0 0 -64px; background-color: #fed631; z-index: 33; -ms-transform:translate(100%,0); -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); -webkit-transition:margin 666ms cubic-bezier(.666,0,.333,1),-webkit-transform 666ms cubic-bezier(.666,0,.333,1); transition:margin 666ms cubic-bezier(.666,0,.333,1),transform 666ms cubic-bezier(.666,0,.333,1); }
	#socialLinks.show { margin:0; -ms-transform:translate(0%,0); -webkit-transform:translate3d(0%,0,0); transform:translate3d(0%,0,0); }
	#socialLinks ul { position:absolute; top:0; right:15px; height:100%; font-size:0; line-height:0; }
	#socialLinks ul li { position:relative; width:32px; height:100%; display:inline-block; margin: 0 5px; }
	#socialLinks ul li.text { display: none; }
	#socialLinks ul li a { position:absolute; display: block; top:50%; left:0; width:100%; height:32px; margin:-16px 0 0; background-color:#e60012; border-radius: 32px; overflow:hidden; -webkit-transition: all .5s cubic-bezier(.19,1,.22,1); -ms-transition: all .5s cubic-bezier(.19,1,.22,1); transition: all .5s cubic-bezier(.19,1,.22,1); }
	#socialLinks ul li a svg { display: block; width: 20px; height: 20px; margin: 6px; fill:#fff; -webkit-transition: all .5s cubic-bezier(.19,1,.22,1); -ms-transition: all .5s cubic-bezier(.19,1,.22,1); transition: all .5s cubic-bezier(.19,1,.22,1); }
	#social-trigger { position:absolute; top:0; left:0; width:64px; height:100%; overflow:hidden; cursor:pointer; background-color: #fed631; }
	#social-trigger .share-icon { position:absolute; left:22px; top:22px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
	#social-trigger .share-icon ._path { background:#e60012; position:absolute; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }
	#social-trigger .share-icon ._path.-line { width:16px; height:2px; }
	#social-trigger .share-icon ._path.-line.-top { -webkit-transform:rotate3d(0,0,1,-30deg); transform:rotate3d(0,0,1,-30deg); top:6px; }
	#social-trigger .share-icon ._path.-line.-bottom { -webkit-transform:rotate3d(0,0,1,30deg); transform:rotate3d(0,0,1,30deg); top:12px; }
	#social-trigger .share-icon ._path.-joint { width:6px; height:6px; border-radius:6px; opacity:1; }
	#social-trigger .share-icon ._path.-joint.-top { left:12px; top:0; }
	#social-trigger .share-icon ._path.-joint.-middle { left:0; top:7px; }
	#social-trigger .share-icon ._path.-joint.-bottom { left:12px; top:14px}
	#socialLinks.show .share-icon ._path.-line.-top { -webkit-transform:translate3d(-3px,3px,0) rotate3d(0,0,1,45deg); transform:translate3d(-3px,3px,0) rotate3d(0,0,1,45deg); }
	#socialLinks.show .share-icon ._path.-line.-bottom { -webkit-transform:translate3d(-3px,-3px,0) rotate3d(0,0,1,-45deg); transform:translate3d(-3px,-3px,0) rotate3d(0,0,1,-45deg); }
	#socialLinks.show .share-icon ._path.-joint { opacity:0; }
	#socialLinks.show .share-icon ._path.-joint.-top { -webkit-transform:translate3d(0,12px,0) scale(0); transform:translate3d(0,12px,0) scale(0); }
	#socialLinks.show .share-icon ._path.-joint.-middle { -webkit-transform:scale(0); transform:scale(0); }
	#socialLinks.show .share-icon ._path.-joint.-bottom { -webkit-transform:translate3d(0,-12px,0) scale(0); transform:translate3d(0,-12px,0) scale(0); }
	.show-nav #socialLinks { margin:0; }
	#gn { opacity: 0; display: table; position: absolute; width: 100%; height: 100%; left:0; top:0; text-align: center; -ms-transform:translate(0%,-10%); -webkit-transform:translate3d(0%,-10%,0); transform:translate3d(0%,-10%,0); -webkit-transition: -webkit-transform 555ms 100ms cubic-bezier(.666,0,.333,1),opacity 100ms 0ms cubic-bezier(.666,0,.333,1); -ms-transition: -ms-transform 555ms 100ms cubic-bezier(.666,0,.333,1),opacity 100ms 0ms cubic-bezier(.666,0,.333,1); transition: transform 555ms 100ms cubic-bezier(.666,0,.333,1),opacity 100ms 0ms cubic-bezier(.666,0,.333,1); }
	#gn ul { display: table-cell; vertical-align: middle; }
	#gn li { display: block; font-size: 14px; line-height: 1.5; position: relative; }
	#gn li.active:after { content: ''; display: block; width: 100%; height: 100%; background-color: #e60012; position: absolute; left:0; bottom:0; }
	#gn li a,
	#gn li span { color:#e60012; font-weight: 700; letter-spacing: 0; padding:5px 0; position: relative; z-index: 2; }
	#gn li.drop>span { display: none; }
	#gn li li.active a { color: #fff }
	#gn li.drop ul { display: none; position: relative; }
	.show-nav #gn { opacity: 1; -ms-transform:translate(0%,0); -webkit-transform:translate3d(0%,0,0); transform:translate3d(0%,0,0); -webkit-transition: -webkit-transform 555ms 0ms cubic-bezier(.666,0,.333,1),opacity 555ms 300ms cubic-bezier(.666,0,.333,1); -ms-transition: -ms-transform 555ms 0ms cubic-bezier(.666,0,.333,1),opacity 555ms 300ms cubic-bezier(.666,0,.333,1); transition: transform 555ms 0ms cubic-bezier(.666,0,.333,1),opacity 555ms 300ms cubic-bezier(.666,0,.333,1); }
	.nav-button { position:absolute; display:block; width:64px; height:64px; z-index:9; cursor:pointer; top:0; left:0;}
	.nav-button .hamburger { position:absolute; z-index:60; cursor:pointer; top:24px; right:45px; }
	.nav-button .hamburger .line { position:absolute; background-color:#e60012; z-index:1; -webkit-transition:450ms cubic-bezier(1,0,0,1); -moz-transition:450ms cubic-bezier(1,0,0,1); transition:450ms cubic-bezier(1,0,0,1); left:0; width:25px; height:2px; }
	.nav-button .hamburger .line:nth-child(1) { top:0; z-index:2; }
	.nav-button .hamburger .line:nth-child(2) { z-index:1; -webkit-transition:150ms; -moz-transition:150ms; transition:150ms 0; top:7px; width: 12px; }
	.nav-button .hamburger .line:nth-child(3) { z-index:3; top:14px; width: 18px; }
	.show-nav .nav-button .hamburger .line { position:absolute; width: 25px !important; }
	.show-nav .nav-button .hamburger .line:nth-child(1) { top:1px; -webkit-transform:translate(0px,7px) rotate(225deg); -moz-transform:translate(0px,7px) rotate(225deg); -ms-transform:translate(0px,7px) rotate(225deg); transform:translate(0px,7px) rotate(225deg); }
	.show-nav .nav-button .hamburger .line:nth-child(2) { opacity:0; }
	.show-nav .nav-button .hamburger .line:nth-child(3) { top:15px; -webkit-transform:translate(0px,-7px) rotate(-225deg); -moz-transform:translate(0px,-7px) rotate(-225deg); -ms-transform:translate(0px,-7px) rotate(-225deg); transform:translate(0px,-7px) rotate(-225deg); }
	.show-nav header { height: 100%; }
	#header-after { display: block; width: 100%; height: 60px; background: #fed631; }
	#todays-fortune { position: relative; display: block; padding:20px 20px 10px; background-color: #ffe98e; }
	#todays-fortune .todays-area { width: 60px; text-align: center; }
	#todays-fortune .todays-area h5 { font-size: 11px; color: #e60012; margin: 0 0 3px; }
	#todays-fortune .todays-area .today { display: block; width: 60px; height: 60px; background-color: #e60012; color:#fff; font-weight: 700; line-height: 1.2; padding: 5px 0; border-radius: 6px; }
	#todays-fortune .todays-area .today .year { font-size: 11px; }
	#todays-fortune .todays-area .today .month { font-size: 12px; }
	#todays-fortune .todays-area .today .day { font-size: 20px; }
	#todays-fortune .todays-area img { position: absolute; right: 20px; bottom:0; display: block; width: 70px; margin:5px 5px 0; }
	#todays-fortune .fortune { position: absolute; z-index: 2; padding: 0 20px 0 100px; top:0; left:0; height: 100px; color: #e60012; display: table; }
	#todays-fortune .fortune p { font-size: 11px; font-weight: 700; display: table-cell; vertical-align: middle; }
}
@media (max-width:939px){
	#gn ul ul {display:block;width:100%;}
	#gn > ul > li.active::after {display:none;}
	#gn li.drop ul {display:block;}
	}
@media all and (min-width: 940px){
	header{height: 160px;top:-100px; overflow: visible; -webkit-transition:all 250ms ease-out;-moz-transition:all 250ms ease-out;-ms-transition:all 250ms ease-out;-o-transition:all 250ms ease-out;transition:all 250ms ease-out}
	.show-header header { top:0; }
	#headerTop {display: block; padding:0;}
	#Logo{ top:105px; left:20px; margin-left: 0;}
	.show-header #Logo { top:20px; left:50%; margin-left: -70px; width:140px;height:80px; }
	.show-header #Logo #logo-bottom { display: block; }
	#socialLinks { left:auto; top:115px; right:0; height:32px; width:auto; margin:0; -webkit-transition:none; transition:none; }
	#socialLinks,#socialLinks.show { -webkit-transform:none; -ms-transform:none; transform:none; }
	#socialLinks ul { position:relative; top:auto; right:auto; margin-right:20px; }
	#socialLinks ul li a:hover { background-color: #fff; }
	#socialLinks ul li a:hover svg { fill:#e60012; }
	#social-trigger { display:none; }
	#gn { display: block; letter-spacing: -.40em; left:0; top:auto; bottom:0; height:60px; opacity: 1; -ms-transform:translate(0%,0); -webkit-transform:translate3d(0%,0,0); transform:translate3d(0%,0,0);}
	#gn ul { display: block; }
	#gn li { display: inline-block; margin:0 10px; }
	#gn li.sp { display: none; }
	#gn li.active:after { height: 3px; bottom:0; }
	#gn li a,
	#gn li span { font-size: 11px; padding:0; margin:0; line-height: 60px; -webkit-transition:all .4s ease-out; -moz-transition:all .4s ease-out; -o-transition:all .4s ease-out; transition:all .4s ease-out; }
	.show-header #gn li a,
	.show-header #gn li span { font-size: 14px; }
	#gn li.drop>span { display: block; cursor:default;}
	#gn li a:hover { color:#222; }
	#gn li.active a { color:#e60012; }
	#gn li:before { content:""; display: block; width: 1px; height: 13px; position: absolute; left:-10px; top:50%; margin-top: -7px; background-image:url(../img/nav-bg.gif); background-position: left center; background-repeat: no-repeat; }
	#gn li:first-child:before { display: none; }
	
	#gn li.drop>a,
	#gn li.drop>span { position: relative; z-index: 2; }
	
	#gn li.drop>a:after,
	#gn li.drop>span:after { content:'';display: block; float:right; margin:22px 0 22px 6px; width: 10px; height: 16px; background-image:url(../img/n-drop.png); background-repeat: no-repeat; background-size: 6px 10px; background-position: center; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; }
	#gn li.drop ul { display: none; position: absolute; top:46px; width: 200px; left:50%; margin-left: -100px; padding:5px; background-color: #fed631; opacity: 0; border-radius: 0 0 6px 6px; }
	#gn li.drop ul li { background-color: #ffe786; border-bottom: 1px solid #fed631; text-align: center; }
	#gn li.showdrop>a:after, #gn li.showdrop>span:after { -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); }
	#gn li.showdrop ul { display: block; opacity: 1; }
	#gn li.showdrop ul li { display: block; margin:0; }
	#gn li.showdrop ul li:before { display: none; }
	#gn li.showdrop ul li a { line-height: 20px; padding:10px 0; font-size: 12px; font-weight: 700; }
	#gn li.showdrop ul li.active {}
	#gn li.showdrop ul li.active:after { height: 100%; }
	#gn li.showdrop ul li.active a { color:#fed631; }
	.show-header #gn li:first-child a { border-left: none }
	.show-header #gn { height: 50px; }
	.show-header #gn li a {position:relative;}
	#gn .icon_new {position:absolute;left:0;bottom:37px;height:15px;}
	#gn .drop .icon_new {position:absolute;top:-4px;bottom:auto;left:-5px;height:15px;}
	.show-header #gn li a,
	.show-header #gn li span { line-height:50px; }
	.show-header #gn li.drop>a:after,
	.show-header #gn li.drop>span:after { margin:16px 0 16px 6px; }
	.show-header #socialLinks { top:50px; }
	.show-header #socialLinks ul li.text { display: inline-block; width: 40px; }
	.show-header #socialLinks ul li.text span { position: absolute; display: block; top: 50%; left: 0; width: 100%; height: 32px; margin: -16px 0 0; line-height: 32px; color:#e60012; font-weight: 700; font-size: 11px; }
	.nav-button { display: none; }
	#header-after { height: 160px; }
	#todays-fortune { position: fixed; display: none; left: 20px; top:25px; padding:0; background: none; z-index: 199; }
	#todays-fortune .todays-area .today { margin-top: 20px; }
	#todays-fortune .todays-area img { position: relative; right: auto; bottom: auto; display: none; width: 50px; }
	#todays-fortune .fortune { width: 260px; padding:0; top:20px; left:80px; height: 60px; }
	#todays-fortune .fortune p { font-size: 12px; }
	.show-header #todays-fortune { display: block; }
}
@media all and (min-width: 1080px){
	#todays-fortune { left:50%; margin-left: -520px; }
	
}
@media (max-width:1030px) {
	.show-header #gn li a,
	.show-header #gn li span { font-size: 12px; }
	li a .icon_new {
		height:13px;
		vertical-align:middle;
		margin-left:3px;
		}
	}

/* ////////////////// Footer ////////////////// */
@media only screen and (min-width: 320px) {
	#footer,#footer * { margin:0; padding:0; letter-spacing:normal; }
	#footer { min-width:320px; width: 100%; margin:0 auto; overflow:hidden; position:relative; background: #fed631; text-align:left; padding: 0; }
	#footer * { font-size:11px; line-height:1.8; *line-height:expression(this.parentNode.currentStyle['line-height']); text-align:inherit; *text-align:expression(this.parentNode.currentStyle['text-align']); }
	#footer article,#footer aside,#footer details,#footer figcaption,#footer figure,#footer footer,#footer header,#footer nav,#footer section { display:block; }
	#footer img { border:0; vertical-align:middle; }
	#footer ul { list-style:none; }
	#footer a { color:#e60012; text-decoration:none; }
	#footer a:hover { text-decoration:underline; }
	#footer .footer-content { margin:0 auto; padding:0 20px; max-width:1120px; }
	#footer .footer-bottom { color:#e60012; padding:20px 0; }
	#footer .copyright { white-space:nowrap; font-size: 10px; letter-spacing: 1px; text-align: center; }
	#footer .footer-bottom-legal-links { padding-bottom: 10px; text-align: center; }
	#footer .footer-bottom-legal-links a { border-right:1px solid #e60012; font-weight: 700; margin-right:10px; padding-right:12px; line-height: 1; white-space:nowrap; }
	#footer .footer-bottom-legal-links a:last-child { border:none; margin:0; padding:0; }
	#footer .kameda-logo { position: relative; display: block; width: 100px; margin:0 auto 20px; }
	#footer .kameda-logo img { display: block; width: 100%; }
}
@media only screen and (min-width: 768px) {
	#footer .copyright { margin-right:16px; float:right; text-align: left; }
	#footer .footer-bottom-legal-links { float:left; padding-bottom: 0; margin-left: 70px; text-align: left; }
	#footer .kameda-logo { position: absolute; left: 0; top:10px; width: 52px; }
}

@media only screen and (min-width: 320px) {
	.banners { position: relative; width: 100%; max-width: 1000px; margin:40px auto 0; }
	.banners ul { display: block; width: 100%; text-align: center; font-size:0;}
	.banners ul li { display: inline-block; width: 50%; padding:5px; }
	.banners ul li a,
	.banners ul li a img { display: block; width: 100%; }
}
@media only screen and (min-width: 768px) {
	.banners { margin-top: 60px; }
	.banners ul li { width: 25%; }
}
@media only screen and (min-width: 1000px) {
	.banners ul li { padding:12px; }
}

/* ////////////////// Home Page ////////////////// */

@media all and (min-width: 320px){
	.sec-title { position: relative; margin: 40px 0 20px; color: #e60012; }
	.sec-title h4 { font-size: 13px; }
	.sec-title h4 strong { display: inline-block; margin-right: 10px; font-size: 18px; letter-spacing: 2px; }
}
@media all and (min-width: 768px){
	.sec-title { margin:60px 0 30px; }
	.sec-title h4 { font-size: 16px; }
	.sec-title h4 strong { font-size: 24px; }
}
@media all and (min-width: 1080px){
	.sec-title { margin:80px 0 30px; }
}

@media all and (min-width: 320px){
	.page-top { position: relative; margin: 20px 0 0; padding:0 20px; text-align: right; }
	.page-top span { position: relative; display: block; float: right; width: 90px; height: 75px; overflow: hidden; cursor: pointer; }
	.page-top span img { position: absolute; left:0; top:0; width: 90px; height: 75px; -webkit-transition: all .5s cubic-bezier(.19,1,.22,1); -ms-transition: all .5s cubic-bezier(.19,1,.22,1); transition: all .5s cubic-bezier(.19,1,.22,1); }
}
@media all and (min-width: 768px){
	.page-top span { width: 120px; height: 100px; }
	.page-top span img { top:15px; width: 120px; height: 100px; }
	.page-top span:hover img { top:0; }
}

@media all and (min-width: 320px){
	.container-grid { position: relative; margin:0 auto; border-left: 1px solid #e60012; border-top: 1px solid #e60012; }
	.home-lineups { border-left: 1px solid #e60012; border-top: 1px solid #e60012; }
	.lineup-grid { position: relative; width: 50%; float: left; background-color: #fff; border-right: 1px solid #e60012; border-bottom: 1px solid #e60012; }
	.lineup-grid .grid-img,
	.lineup-grid .grid-img img { display: block; width: 100%; }
	.lineup-grid .grid-text { display: block; width: 100%; padding:20px; height: 70px; color:#e60012; }
	.lineup-grid .grid-text h3 { font-size: 13px; font-weight: 700; margin-bottom: 5px; }
	.lineup-grid .grid-text h3 span { font-size: 11px; display: inline-block; margin-right: 10px; }
	.lineup-grid .grid-text p { font-size: 11px; display: none; }
	.lineup-grid .showhinIcon { position: absolute; width: 30px; top:10px; right: 10px; text-align: center; z-index: 2; }
	.lineup-grid .showhinIcon li { margin-bottom: 5px; }
	.lineup-grid .showhinIcon li img { display: block; width: 100%; }
}
@media all and (min-width: 768px){
	.lineup-grid { width: 33.3333%; }
	.lineup-grid .grid-text { height: 90px; overflow: hidden; }
	.lineup-grid .grid-text h3 { font-size: 14px; }
	.lineup-grid .grid-text p { display: block; }
	.home-lineups .lineup-grid:last-child { display: none; }
}
@media all and (min-width: 1080px){
	.lineup-grid { width: 25%; }
	.home-lineups .lineup-grid:last-child { display: block; }
}

@media all and (min-width: 320px){
	.news-grid { position: relative; width: 100%; float: left; background-color: #fff; border-right: 1px solid #e60012; border-bottom: 1px solid #e60012; }
	.news-grid .grid-img { position: relative; width: 50%; float: left; display: block; height: 0; padding-bottom: 50%; background-color: #fff; overflow: hidden; -webkit-transition: all 1s cubic-bezier(.19,1,.22,1); -ms-transition: all 1s cubic-bezier(.19,1,.22,1); transition: all 1s cubic-bezier(.19,1,.22,1); }
	.news-grid .grid-img img { position: absolute; left:0; top:0; width: 100%; height: 100%; -webkit-transition: all 1s cubic-bezier(.19,1,.22,1); -ms-transition: all 1s cubic-bezier(.19,1,.22,1); transition: all 1s cubic-bezier(.19,1,.22,1); }
	.news-grid .grid-img:after { content:""; position: absolute; right:0; top:50%; margin-top: -12px; display: block; width: 0; height: 0; border-style: solid; border-width: 12px 12px 12px 0; border-color: transparent #fff transparent transparent; -webkit-transition: all .6s cubic-bezier(.19,1,.22,1); -ms-transition: all .6s cubic-bezier(.19,1,.22,1); transition: all .6s cubic-bezier(.19,1,.22,1); }
	.news-grid .grid-text { position: absolute; right: 0; top:0; width: 50%; height: 100%; color:#e60012; padding: 20px; overflow: hidden; -webkit-transition: all .6s cubic-bezier(.19,1,.22,1); -ms-transition: all .6s cubic-bezier(.19,1,.22,1); transition: all .6s cubic-bezier(.19,1,.22,1); }
	.news-grid .grid-text .table { position: relative; z-index: 3; }
	.news-grid .grid-text p { margin-bottom: 5px; }
	.news-grid .grid-text h2 { font-size: 14px; margin: 0; }
	.news-grid .grid-text .news-cat { display: inline-block; padding:3px 10px; background-color:#e60012; color:#fff; margin-bottom: 10px; border-radius: 20px; font-size: 11px; font-weight: 700; -webkit-transition: all .6s cubic-bezier(.19,1,.22,1); -ms-transition: all .6s cubic-bezier(.19,1,.22,1); transition: all .6s cubic-bezier(.19,1,.22,1); }
	.news-grid .grid-text .news-cat-img { display: inline-block; padding:0; margin-bottom: 10px; }
	.news-grid .grid-text .news-cat-img img { display: inline-block; width: 30px; margin:0 0 0 5px; }
	.news-grid-double .grid-img { width: 100%; }
	.news-grid-double .grid-img svg { position: absolute; left:50%; top:50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; fill:#fff; }
	.news-grid-double .grid-img:after { display: none; }
	.news-grid-double .grid-text { color:#fff; width: 100%; background: url(../img/grade-bg.png) left bottom repeat-x; }
	.news-grid-double .grid-text .table-cell { vertical-align: bottom; }
}
@media all and (min-width: 768px){
	.news-grid { width: 50%; }
	.news-grid .grid-text .news-cat { position: absolute; right: 20px; top:20px; margin-bottom: 0; }
	.news-grid .grid-text .news-cat-img { position: absolute; right: 10px; top:20px; margin-bottom: 0; }
	.news-grid-flip .grid-img { float: right; }
	.news-grid-flip .grid-text { right: auto; left:0; }
	.news-grid-flip .grid-img:after { right: auto; left:0; border-width: 12px 0 12px 12px; border-color: transparent transparent transparent #fff; }
	.news-grid a:hover .grid-img img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); }
	.news-grid a .grid-text .hover-k-01,
	.news-grid a .grid-text .hover-k-02 { position: absolute; left: 50%; top:50%; display: block; width: 70px; height: 70px; background-size: 70px 70px; z-index: 2; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 1s cubic-bezier(.19,1,.22,1); -ms-transition: all 1s cubic-bezier(.19,1,.22,1); transition: all 1s cubic-bezier(.19,1,.22,1); }
	.news-grid a .grid-text .hover-k-01 { background-image: url(../img/products/kirakira-01.png); margin-top: -90px; margin-left: 50px; }
	.news-grid a .grid-text .hover-k-02 { background-image: url(../img/products/kirakira-02.png); margin-top: 50px; margin-left: -100px; }
	.news-grid a:hover .grid-text .hover-k-01,
	.news-grid a:hover .grid-text .hover-k-02 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
	.news-grid a .grid-text:before { content:""; position: absolute; left:50%; top:50%; margin-left: -100px; margin-top: -100px; display: block; width: 200px; height: 200px; background-color: #ffe5e5; border-radius: 120px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 1s cubic-bezier(.19,1,.22,1); -ms-transition: all 1s cubic-bezier(.19,1,.22,1); transition: all 1s cubic-bezier(.19,1,.22,1); }
	.news-grid a:hover .grid-text:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}
@media all and (min-width: 1080px){
	.news-grid .grid-text h2 { font-size: 15px; }
	.news-grid-double .grid-img svg { width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; }
}

@media all and (min-width: 320px){
	.container-tvcm { position: relative; margin:0 auto; background-color: #e60012; }
}

@media all and (min-width: 320px){
	.campaign-grid { position: relative; display: block; border: 1px solid #e60012; background-color: #fff; }
	.campaign-grid .flag { display: block; width: 100%; }
	.campaign-grid .grid-img { display: block; width: 100%; padding:0 20px 20px; }
	.campaign-grid .grid-img.w35 { padding:0; }
	.campaign-grid .grid-img img { display: block; width: 100%; }
	.campaign-grid .grid-text { position: relative; display: block; padding:20px; color:#e60012; }
	.campaign-grid .grid-text img { display: block; width: 100%; }
	.campaign-grid .grid-text a { position: relative; display: block; padding:0; width: 100%; }
	.campaign-grid .grid-text a svg { position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; fill: #fff;}
	.campaign-grid .grid-text h1 { font-size: 16px; margin-bottom: 10px; }
	.campaign-grid .grid-text h1 span { font-size: 13px; display: inline-block; background-color: #e60012; color:#fff; padding:4px 10px 2px; border-radius: 20px; margin-right: 10px; }
	.campaign-grid .grid-text h2 { font-size: 15px; margin-bottom: 10px; }
	.campaign-grid .grid-text h3 { font-size: 13px; font-weight: 400; margin-bottom: 10px; }
	.campaign-grid .grid-text p { font-size: 12px; }
	.campaign-grid .grid-text .cir-text { display: inline-block; text-align: center; border:1px solid #e60012; padding:5px 10px; font-size: 13px; margin: 0 0 10px; }
	.campaign-grid .grid-text table { width: 100%; margin-bottom: 10px; }
	.campaign-grid .grid-text table th,
	.campaign-grid .grid-text table td { border-bottom: 1px solid #f3a8ae; text-align: left; font-size: 11px; padding:5px 0; }
	.campaign-grid .grid-text table th { padding-right: 10px; }
	.campaign-grid .grid-text .twitter-widget { position: relative; display: block; width: 100%; height: 0; padding-bottom: 70%; overflow: hidden; }
	.campaign-grid .grid-text .twitter-widget iframe { position: absolute !important; left:0; top:0; width: 100% !important; height: 100% !important; display: block !important; }
	.tw-img { display: block; width: 100%; max-width: 180px; margin:0 auto; }
	.campaign-space { display: block; height: 30px; }

	.oubo-area { border-top: 1px solid #e60012; padding:20px; text-align: center; color: #e60012; }
	.oubo-area a { text-decoration: underline; color: #e60012; }
	.oubo-area .agree { display: block; margin:20px auto; font-weight: 700; }
	.oubo-area .entryBtn { position: relative; display: block; width: 240px; height: 40px; margin:0 auto; overflow: hidden; }
	.oubo-area .entryBtn a { display: block; border: 1px solid #e60012; background-color: #e60012; color:#fff; line-height: 38px; text-decoration: none; font-weight: 700;}
	.oubo-area .entryBtn .mask { position: absolute; display: block; left:0; top:0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.6); }
}
@media all and (min-width: 768px){
	.campaign-grid .grid-img,
	.campaign-grid .grid-text { width: 50%; float: left; padding:30px 20px; }
	.campaign-grid .grid-text.w35,
	.campaign-grid .grid-img.w35 { width: 35% }
	.campaign-grid .grid-text.w45 { width: 45% }
	.campaign-grid .grid-text.w20 { width: 20% }
	.tw-img { margin-top: 30px; }
	.campaign-grid .grid-text table th,
	.campaign-grid .grid-text table td { font-size: 12px; }
	.oubo-area { padding:30px; }
	.oubo-area p br { display: none; }
	.oubo-area .entryBtn { width: 300px; height: 50px; }
	.oubo-area .entryBtn a { font-size: 14px; line-height: 48px; -webkit-transition: all .6s cubic-bezier(.19,1,.22,1); -ms-transition: all .6s cubic-bezier(.19,1,.22,1); transition: all .6s cubic-bezier(.19,1,.22,1); }
	.oubo-area .entryBtn a:hover { background-color: #a8000c; }
	.oubo-area .entryBtn a:after { content:""; position: absolute; left:0; top:50px; opacity: 0; display: block; width: 100%; height: 100%; background-image:url(../img/stars.png); background-size: 300px 137px; background-position: center; -webkit-transition: all .6s cubic-bezier(.19,1,.22,1); -ms-transition: all .6s cubic-bezier(.19,1,.22,1); transition: all .6s cubic-bezier(.19,1,.22,1); }
	.oubo-area .entryBtn a:hover:after { opacity: 0.3; top:0; }
}
@media all and (min-width: 1080px){
	.campaign-grid .grid-text a svg { width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; }
	.campaign-grid .grid-text h1 { font-size: 25px; }
	.campaign-grid .grid-text h1 span { font-size: 16px; }
	.campaign-grid .grid-text h2 { font-size: 18px; }
	.campaign-grid .grid-text h3 { font-size: 15px; }
	.campaign-grid .grid-text p { font-size: 13px; }
	.campaign-space { display: block; height: 40px; }
}

@media all and (min-width: 320px){
	.cp-grid { position: relative; width: 100%; float: left; display: block; }
	.cp-grid-half { width: 50%; }
	.cp-grid .grid-img { position: relative; display: block; width: 100%; }
	.cp-grid .grid-img .grid-img-wrap { width: 100%; height: 100%; padding: 0 10px 20px; }
	.cp-grid .grid-img .grid-img-wrap .grid-img-inner { border:1px solid #e60012; display: block; width: 100%; height: 100%; overflow: hidden; text-align: center; }
	.cp-grid .grid-img img { display: block; width: 100%; }
	.cp-grid .entryBtn { position: relative; display: block; width: 100%; height: 40px; text-align: center; overflow: hidden; }
	.cp-grid .entryBtn a { display: block; border: 1px solid #e60012; background-color: #e60012; color:#fff; line-height: 38px; text-decoration: none; font-weight: 700;}
	
}
@media all and (min-width: 768px){
	.cp-grid { width: 50%; }
	.cp-grid-half { width: 25%; }
	.cp-grid .entryBtn { width: 100%; height: 50px; }
	.cp-grid .entryBtn a { font-size: 14px; line-height: 48px; -webkit-transition: all .6s cubic-bezier(.19,1,.22,1); -ms-transition: all .6s cubic-bezier(.19,1,.22,1); transition: all .6s cubic-bezier(.19,1,.22,1); }
	.cp-grid .entryBtn a:hover { background-color: #a8000c; }
	.cp-grid .entryBtn a:after { content:""; position: absolute; left:0; top:50px; opacity: 0; display: block; width: 100%; height: 100%; background-image:url(../img/stars.png); background-size: 300px 137px; background-position: center; -webkit-transition: all .6s cubic-bezier(.19,1,.22,1); -ms-transition: all .6s cubic-bezier(.19,1,.22,1); transition: all .6s cubic-bezier(.19,1,.22,1); }
	.cp-grid .entryBtn a:hover:after { opacity: 0.3; top:0; }
}
@media all and (min-width: 1080px){
	.cp-grid .grid-text h3 { font-size: 15px; }
}

@media all and (min-width: 320px){
	.pickup-grid { position: relative; width: 100%; float: left; display: block; }
	.pickup-grid-half { width: 50%; }
	.pickup-grid .grid-img { position: relative; display: block; width: 100%; height: 0; padding-bottom: 50%; }
	.pickup-grid-half .grid-img { padding-bottom: 100%; }
	.pickup-grid-x2 .grid-img { padding-bottom: 100%; }
	.pickup-grid .grid-img .grid-img-wrap { position: absolute; left:0; top:0; width: 100%; height: 100%; padding: 0 10px 20px; }
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner { position: relative; border:1px solid #e60012; background-color: #fff; display: block; width: 100%; height: 100%; overflow: hidden; text-align: center; }
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner #twitterWrap { position: relative; width: 100%; height: 100%; overflow: hidden; text-align: left; }
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner #twitterWrap .timeline-LoadMore { display: none; }
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner #twitterWrap .timeline-Viewport,
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner #twitterWrap .twitter-timeline { overflow: hidden; }
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner #twitterWrap .timeline-Header-title { position: relative; font-size: 10px; display:block !important;}
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner #twitterWrap .timeline-Header-title:after { content:""; position: absolute; right: 0; top:0; width: 104px; height: 23px; background: url(../img/home/tw-follow.jpg); }
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner #twitterWrap .timeline-Header-title a { font-size: 13px; position: absolute; left: 0px; top: 0px; display: block; background:#fff; }
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner .img { position: relative; height: 100%; float: left; background-color: #fff; overflow: hidden; -webkit-transition: all 1s cubic-bezier(.19,1,.22,1); -ms-transition: all 1s cubic-bezier(.19,1,.22,1); transition: all 1s cubic-bezier(.19,1,.22,1); }
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner .img img { width: 100%; height: 100%; -webkit-transition: all 1s cubic-bezier(.19,1,.22,1); -ms-transition: all 1s cubic-bezier(.19,1,.22,1); transition: all 1s cubic-bezier(.19,1,.22,1); }
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner .iframe { position: relative; float: left; width: 49%; height: 100%; }
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner .iframe iframe { position: absolute; width: 100%; height: 100%; display: block; }
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner .img:after { content:""; position: absolute; right:0; top:50%; margin-top: -12px; display: block; width: 0; height: 0; border-style: solid; border-width: 12px 12px 12px 0; border-color: transparent #fff transparent transparent; -webkit-transition: all .6s cubic-bezier(.19,1,.22,1); -ms-transition: all .6s cubic-bezier(.19,1,.22,1); transition: all .6s cubic-bezier(.19,1,.22,1); }
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner .text { position: absolute; right: 0; width: 52%; height: 100%; color:#e60012; padding: 0 20px; overflow: hidden; -webkit-transition: all 1s cubic-bezier(.19,1,.22,1); -ms-transition: all 1s cubic-bezier(.19,1,.22,1); transition: all 1s cubic-bezier(.19,1,.22,1); }
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner .text .table { position: relative; z-index: 3; }
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner .text p { margin-bottom: 5px; }
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner .text h2 { font-size: 13px; margin: 0; }
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner .text .news-cat { display: inline-block; padding:3px 10px; background-color:#fed631; color:#e60012; margin-bottom: 10px; border-radius: 20px; font-size: 10px; font-weight: 700; -webkit-transition: all .6s cubic-bezier(.19,1,.22,1); -ms-transition: all .6s cubic-bezier(.19,1,.22,1); transition: all .6s cubic-bezier(.19,1,.22,1); }
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner .text .news-cat-img { display: inline-block; padding:0; margin-bottom: 10px; }
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner .text .news-cat-img img { display: inline-block; height: 30px; margin:0 0 0 5px; }
	
	.pickup-grid .grid-text { position: relative; margin:0; padding:0 10px; }
	.pickup-grid .grid-text h3 { font-size: 12px; height: 50px; padding:10px; line-height: 30px; font-weight: 700; background-color:#e60012; color:#fff; display: block; text-align: center; }
	.pickup-grid .grid-text .heading3 { font-size: 12px; height: 50px; padding:10px; line-height: 13px; font-weight: 700; background-color:#e60012; color:#fff; display: block; text-align: center; }
	.pickup-grid .grid-text .heading3 .spOnly { display: block; }
	.pickup-grid#turnsPanel .grid-text h3 {font-size:13px;}
	.pickup-grid .grid-text h3 .icon { position: relative; display: inline-block; width: 20px; height: 20px; }
	.pickup-grid .grid-text h3 .icon svg { position: absolute; left:0; top:5px; width: 20px; height: 20px; fill:#fff; }
	.pickup-grid .grid-text h3 span { display: none }
	.pickup-grid .grid-text p { font-size: 12px; height: 50px; padding:10px; line-height: 30px; border:1px solid #e60012; border-bottom: 0; background-color:#fff; color:#e60012; display: none; text-align: center; }
}
@media all and (max-width: 767px){
	#turnsPanel.pickup-grid .grid-text h3 {
		height:auto;
		line-height:1.2em;
		}
	}
@media all and (min-width: 768px){
	.pickup-grid { width: 50%; }
	.pickup-grid-half { width: 25%; }
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner .text .news-cat { position: absolute; right: 10px; top:20px; margin-bottom: 0; }
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner .text .news-cat-img { position: absolute; right: 10px; top:20px; margin-bottom: 0; }
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner .text .hover-k-01,
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner .text .hover-k-02 { position: absolute; left: 50%; top:50%; display: block; width: 70px; height: 70px; background-size: 70px 70px; z-index: 2; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 1s cubic-bezier(.19,1,.22,1); -ms-transition: all 1s cubic-bezier(.19,1,.22,1); transition: all 1s cubic-bezier(.19,1,.22,1); }
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner .text .hover-k-01 { background-image: url(../img/products/kirakira-01.png); margin-top: -90px; margin-left: 50px; }
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner .text .hover-k-02 { background-image: url(../img/products/kirakira-02.png); margin-top: 50px; margin-left: -100px; }
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner .text h2 { font-size: 14px;}
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner .text .news-cat { font-size: 11px; }
	.pickup-grid:hover .grid-img .grid-img-wrap .grid-img-inner .img img { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); transform: scale(1.08); }
	.pickup-grid:hover .grid-img .grid-img-wrap .grid-img-inner .text .hover-k-01,
	.pickup-grid:hover .grid-img .grid-img-wrap .grid-img-inner .text .hover-k-02 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
	.pickup-grid .grid-img .grid-img-wrap .grid-img-inner .text:before { content:""; position: absolute; left:50%; top:50%; margin-left: -100px; margin-top: -100px; display: block; width: 200px; height: 200px; background-color: #ffe5e5; border-radius: 120px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 1s cubic-bezier(.19,1,.22,1); -ms-transition: all 1s cubic-bezier(.19,1,.22,1); transition: all 1s cubic-bezier(.19,1,.22,1); }
	.pickup-grid:hover .grid-img .grid-img-wrap .grid-img-inner .text:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
	.pickup-grid .grid-text p { display: block; }
	.pickup-grid .grid-text .heading3 .spOnly { display: none; }
	.pickup-grid .grid-text .heading3 { line-height: 30px; }
}
@media all and (min-width: 1080px){
	.pickup-grid .grid-text h3 { font-size: 15px; }
}
@media all and (min-width: 320px){
	.home-prince { width: 100%; }
	.home-prince img { display: none; }
}
@media all and (min-width: 1200px){
	.home-prince img { position: absolute; display: block; width: auto; height: 120px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 1s cubic-bezier(.19,1,.22,1); -ms-transition: all 1s cubic-bezier(.19,1,.22,1); transition: all 1s  cubic-bezier(.19,1,.22,1); }
	.home-prince img.img-right { right: 0; }
	.home-prince img.img-left { left: 0; }
	.home-prince img.img-01 { top:600px; }
	.home-prince img.img-02 { top:900px; }
	.home-prince img.img-03 { top:1200px; }
	.home-prince img.img-04 { top:1500px; }
	.home-prince img.img-05 { top:1800px; }
	.home-prince img.img-06 { top:2100px; display: none; }
	.home-prince img.img-07 { top:4500px; display: none; }
	.home-prince img.open { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}
@media all and (min-width: 1340px){
	.home-prince img.img-right { right: 50%; margin-right: -700px; }
	.home-prince img.img-left { left: 50%; margin-left: -700px; }
}

/* ////////////////// Page ////////////////// */
@media all and (min-width: 320px){
	#breadcrumb { background-color: #fff; border-bottom: 1px solid #f3e292; }
	#breadcrumb ul { margin: auto; width: 100%; min-width: 500px; height: 47px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	#breadcrumb li { float: left; padding:12px 0 5px; }
	#breadcrumb a, #breadcrumb span { font-size: 11px; display:block; line-height: 25px; height: 25px; color:#e60012; }
	#breadcrumb a { font-weight: 700; }
	#breadcrumb .icon { display: inline-block; width: 25px; height: 25px; position: relative; }
	#breadcrumb .icon svg { position: absolute; left:5px; top:3px; width: 15px; height: 15px; fill:#ed878f; }
	#breadcrumb a .icon svg { fill:#e60012; }
}

@media all and (min-width: 320px){
	.page-title { position: relative; margin: 30px 0; color: #e60012; text-align: center; }
	.page-title .icon { display: block; margin:0 auto 5px; width: 60px; height: 40px; }
	.page-title .icon svg { width: 60px; height: 40px; fill:#fed631; }
	.page-title h1 { font-size: 11px; display: block; }
	.page-title h1 strong { display: block; font-size: 30px; letter-spacing: 2px; }
}
@media all and (min-width: 768px){
	.page-title { margin:40px 0; }
	.page-title h1 { font-size: 13px; }
	.page-title h1 strong { font-size: 40px; }
}
@media all and (min-width: 1080px){
	.page-title { margin:50px 0; }
}

/* ////////////////// Lineup Page ////////////////// */
@media all and (min-width: 320px){
	.products-list { background-color: #fff; border:1px solid #e60012; margin: 0 0 40px; }
	.isotope-item { z-index: 2;}
	.isotope-hidden.isotope-item { pointer-events: none; z-index: 1;}
	.isotope,
	.isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s;}
	.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width;}
	.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity;}
	.isotope.no-transition,
	.isotope.no-transition .isotope-item,
	.isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s;}
	.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
	.col-container { position:relative; width: 100%; -webkit-transition:height 0.3s ease-out; -moz-transition:height 0.3s ease-out; -o-transition:height 0.3s ease-out; transition:height 0.3s ease-out; }
	.col-container .col-sizer { width: 50%; }
	.col-container .col { width: 50%; padding:1px 1px 0 0; background-color: #fff; position: relative; z-index: 1; }
	.col-container .col.w2 { width: 100%; }
	.col-container .col a { color:#e60012; }
	.col-container .col .col-img { position: relative; width: 100%; padding:10px; }
	.col-container .col .col-img img { position: relative; display: block; max-width: 200px; width: 100%; margin:0 auto; }
	.col-container .col .col-text { position: relative; padding:10px; text-align: center; height: 90px; }
	.col-container .col .col-text h3 { font-size: 12px; width: 100%; height: 50px; display: table; }
	.col-container .col .col-text h3 span { display: table-cell; vertical-align: middle; }
	.col-container .col .col-text p { font-size: 10px; line-height: 1; }
	.col-container .col .showhinIcon { position: absolute; width: 30px; top:10px; right: 10px; text-align: center; }
	.col-container .col .showhinIcon li { margin-bottom: 5px; }
	.col-container .col .showhinIcon li img { display: block; height:30px; }
	.filtering { position: relative; }
	.filtering ul { display: block; width: 100%; }
	.filtering li { display: block; float: left; width: 50%; border-left: 1px solid #e60012; text-align: center; }
	.filtering li:first-child { border-left: none; }
	.filtering li:nth-child(3) { border-left: none; }
	.filtering li a { display: block; padding:10px; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; border-bottom: 1px solid #e60012; background-color: #f7d9db; color:#e60012; -webkit-transition: all .4s cubic-bezier(.19,1,.22,1); -ms-transition: all .4s cubic-bezier(.19,1,.22,1); transition: all .4s cubic-bezier(.19,1,.22,1); }
	.filtering li .selected { background-color:#e60012; color:#fff; font-weight: 700; }
}
@media all and (min-width: 768px){
	.products-list { margin: 0 0 60px; }
	.col-container .col-sizer { width: 33.3333%; }
	.col-container .col { width: 33.3333%; }
	.col-container .col.w2 { width: 66.6666%; }
	.col-container .col .col-img { padding:20px 0 0; min-height: 220px; }
	.col-container .col a { display: block; }
	.col-container .col a img { -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
	.col-container .col a .col-img:before { content:""; position: absolute; left:50%; top:50%; margin-left: -110px; margin-top: -100px; display: block; width: 220px; height: 220px; background-color: #fdf7ce; border-radius: 120px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 1s cubic-bezier(.19,1,.22,1); -ms-transition: all 1s cubic-bezier(.19,1,.22,1); transition: all 1s cubic-bezier(.19,1,.22,1); }
	.col-container .col a:hover .col-img:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
	.col-container .col a .col-img .hover-k-01,
	.col-container .col a .col-img .hover-k-02 { position: absolute; left: 50%; top:50%; display: block; width: 70px; height: 70px; background-size: 70px 70px; z-index: 2; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 1s cubic-bezier(.19,1,.22,1); -ms-transition: all 1s cubic-bezier(.19,1,.22,1); transition: all 1s cubic-bezier(.19,1,.22,1); }
	.col-container .col a .col-img .hover-k-01 { background-image: url(../img/products/kirakira-01.png); margin-top: -50px; margin-left: 50px; }
	.col-container .col a .col-img .hover-k-02 { background-image: url(../img/products/kirakira-02.png); margin-top: 50px; margin-left: -100px; }
	.col-container .col a:hover .col-img .hover-k-01,
	.col-container .col a:hover .col-img .hover-k-02 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
	.filtering { margin-bottom: 10px; }
	.filtering li { width: 25%; }
	.filtering li:nth-child(3) { border-left: 1px solid #e60012; }
	.filtering li a { display: block; font-size: 13px; padding:15px 10px; }
	.filtering li .selected { background-color:#fff; border-bottom: 1px solid #fff; color:#e60012; }
}
@media all and (min-width: 1080px){
	.col-container .col-sizer { width: 25%; }
	.col-container .col { width: 25%; }
	.col-container .col.w2 { width: 50%; }
}

@media all and (min-width: 320px){
	.online-shop { position: relative; display: block; max-width: 558px; margin:0 auto; border: 1px solid #e60012; background-color: #fff; }
	.online-shop a { display: block; padding-top: 45px; background-image:url(../img/products/onlineshop-bg.jpg); background-size: 35px 39px; background-repeat: repeat-x; background-position: center top; }
	.online-shop a .link-text { position: relative; text-align: center; padding:20px 0; z-index: 2; }
	.online-shop a .link-text h2 { display: block; font-size: 12px; color:#e60012; margin-bottom: 10px; }
	.online-shop a .link-text h2 strong { display: block; font-size: 30px; letter-spacing: 2px; }
	.btn { position: relative; margin-bottom: 10px; display: inline-block; padding:6px 20px; font-weight: 700; font-size: 12px; line-height: 1.6; background-color:#e60012; color:#fff; border-radius: 20px; -webkit-transition: all 1s cubic-bezier(.19,1,.22,1); -ms-transition: all 1s cubic-bezier(.19,1,.22,1); transition: all 1s cubic-bezier(.19,1,.22,1); }
	.btn .go { position: absolute; right:2px; top:2px; display: block; width: 26px; height: 26px; background-color:#fff; border-radius: 20px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 1s cubic-bezier(.19,1,.22,1); -ms-transition: all 1s cubic-bezier(.19,1,.22,1); transition: all 1s cubic-bezier(.19,1,.22,1); }
	.btn .go svg { width: 12px; height: 12px; margin:7px; fill:#e60012; }
	.two-link .btn { border-radius: 50px; }
}
@media all and (min-width: 768px){
	.online-shop a { padding-top: 80px; background-size: 70px 78px; }
	.online-shop a .link-text { padding:30px 0; text-align: center; width: 60%; }
	.online-shop a .link-text h2 { font-size: 16px; }
	.online-shop a .link-text .link-text h2 strong { font-size: 35px; }
	.online-shop a:hover .link-text .btn { padding-right: 40px; }
	.online-shop a:hover .link-text .btn .go { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
	.online-shop a .turn-prince { position: absolute; right:10px; top:0; display: block; width: 250px; height: 250px; background-image:url(../img/turn-prince/online.png); background-size: 250px 250px; -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); -webkit-transition: all 1s cubic-bezier(.19,1,.22,1); -ms-transition: all 1s cubic-bezier(.19,1,.22,1); transition: all 1s cubic-bezier(.19,1,.22,1);}
	.online-shop a .turn-prince .kira { opacity: 0; width: 250px; height: 250px; background-image:url(../img/turn-prince/kira.png); background-size: 250px 250px; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
	.online-shop a:hover .turn-prince { right: 40px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
	.online-shop a:hover .turn-prince .kira { opacity: 1; }
}

/* ////////////////// Product Single ////////////////// */
@media all and (min-width: 320px){
	.product-item { position: relative; border: 1px solid #e60012; background-color: #fff; max-width: 860px; margin:0 auto; }
	.product-item.noborder {background:none;border:none;}
	.product-img { display: block; }
	.product-img img { display: block; width: 100%; }
	.product-text { position: relative; display: block; padding:20px; color:#e60012;}
	.product-text h2 { position: relative; font-size:15px; line-height: 1.4; margin-bottom: 20px; z-index: 2; }
	.product-text h2 span {display:block;margin-bottom:10px;}
	.product-text p { position: relative; font-size: 12px; margin-bottom: 20px; z-index: 2; }
	.product-text hr { position: relative; display: block; width: 100%; height: 1px; margin:20px 0; border:none; background: url(../img/dot.gif); outline: none; }
	.product-item.noborder .product-text::before, .product-item.noborder .product-text::after {display:none;}
}
@media all and (min-width: 768px){
	.product-text { padding: 30px; text-align: center; }
	.product-text:before,
	.product-text:after { content:""; display: block; width: 20%; height: 100%; position: absolute; top:0; background: url(../img/products/bg.jpg); background-size: 300px 200px; }
	.product-text:before { background-position: right center; left:0; }
	.product-text:after { background-position: left center; right:0; }
	.product-text h2 { font-size: 17px; }
	.product-text p { font-size: 13px; }
	.product-text p span { font-size: 11px; }
	.product-text .btn:hover { padding-right: 40px; }
	.product-text .btn:hover .go { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
	.product-text .two-link .btn:hover { padding-right: 20px; }
	.product-text .two-lin .btn { width:  }
}
@media all and (min-width: 320px){
	.single-sec-title { position: relative; margin: 40px 0 0; color: #fff; text-align: center; z-index: 2; }
	.single-sec-title h4 { font-size: 11px; line-height: 1.2; position: relative; z-index: 2; }
	.single-sec-title h4 strong { display: block; font-size: 16px; letter-spacing: 2px; }
	.single-sec-title .ribon { position: absolute; display: block; width: 320px; height: 44px; left:50%; top:50%; margin-left: -160px; margin-top: -21px; }
	.single-sec-title .ribon img { display: block; width: 100%; }
	.single-sec-title .single-cp { position: absolute; display: none; width: 200px; height: 109px; left:50%; top:50%; margin-left: -100px; margin-top:-130px; }
	.single-sec-title .single-cp img { display: block; width: 100%; }
}
@media all and (min-width: 768px){
	.single-sec-title { margin:60px 0 0; }
	.single-cp-title { margin: 160px 0 0; }
	.single-sec-title h4 { font-size: 12px; }
	.single-sec-title h4 strong { font-size: 18px; }
	.single-sec-title .single-cp { display: block; }
}
@media all and (min-width: 1080px){
	.product-text p { font-size: 14px; }
	.single-sec-title { margin:80px 0 0; }
	.single-cp-title { margin: 220px 0 0; }
	.single-sec-title .ribon { width: 384px; height: 53px; margin-left: -192px; margin-top: -24px; }
	.single-sec-title .single-cp { width: 300px; height: 164px; margin-left: -150px; margin-top: -188px; }
}
@media all and (min-width: 320px){
	#carousel .sp-mask { border: 1px solid #e60012; }
	.lineup-grid a { color:#e60012; }
	.lineup-grid .col-img { position: relative; width: 100%; padding:10px; }
	.lineup-grid .col-img img { position: relative; display: block; max-width: 200px; width: 100%; margin:0 auto; }
	.lineup-grid .col-text { position: relative; padding:0 10px; text-align: center; }
	.lineup-grid .col-text h3 { font-size: 12px; width: 100%; height: 70px; display: table; }
	.lineup-grid .col-text h3 span { display: table-cell; vertical-align: middle; }
	.lineup-grid .col-text p { font-size: 10px; line-height: 1; }
}
@media all and (min-width: 768px){
	.lineup-grid .col-img { padding:20px 0 0; min-height: 220px; }
	.lineup-grid a { display: block; }
	.lineup-grid a .col-img img { -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
	.lineup-grid a .col-img:before { content:""; position: absolute; left:50%; top:50%; margin-left: -110px; margin-top: -100px; display: block; width: 220px; height: 220px; background-color: #fdf7ce; border-radius: 120px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 1s cubic-bezier(.19,1,.22,1); -ms-transition: all 1s cubic-bezier(.19,1,.22,1); transition: all 1s cubic-bezier(.19,1,.22,1); }
	.lineup-grid a:hover .col-img:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
	.lineup-grid a .col-img .hover-k-01,
	.lineup-grid a .col-img .hover-k-02 { position: absolute; left: 50%; top:50%; display: block; width: 70px; height: 70px; background-size: 70px 70px; z-index: 2; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 1s cubic-bezier(.19,1,.22,1); -ms-transition: all 1s cubic-bezier(.19,1,.22,1); transition: all 1s cubic-bezier(.19,1,.22,1); }
	.lineup-grid a .col-img .hover-k-01 { background-image: url(../img/products/kirakira-01.png); margin-top: -50px; margin-left: 50px; }
	.lineup-grid a .col-img .hover-k-02 { background-image: url(../img/products/kirakira-02.png); margin-top: 50px; margin-left: -100px; }
	.lineup-grid a:hover .col-img .hover-k-01,
	.lineup-grid a:hover .col-img .hover-k-02 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}


/* ////////////////// Profile Page ////////////////// */
@media all and (min-width: 320px){
	.page-text-item { position: relative; border: 1px solid #e60012; background-color: #fff; }
	.page-text-item h2 { font-size:15px; line-height: 1.4; margin-bottom: 20px; }
	.page-text-item h3 { font-size: 12px; line-height: 1.6; }
	.page-text-item h4 { font-size: 11px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 5px; }
	.page-text-item p { font-size: 12px; line-height: 1.8; margin-bottom: 20px; }
	.profile-img { display: block; }
	.profile-img img { display: block; width: 80%; margin:0 auto; }
	.profile-text { position: relative; display: block; padding:20px; color:#e60012; z-index: 2; }
	.profile-text th,
	.profile-text td { padding:10px 0; font-size: 12px; line-height: 1.6; text-align: left; vertical-align: top; }
	.profile-text th { width: 65px; font-weight: 700; }
	.profile-bg-item { background-color: #fff0f0; }
}
@media all and (min-width: 768px){
	.page-text-item h2 { font-size: 18px; }
	.page-text-item h3 { font-size: 14px; }
	.page-text-item h4 { font-size: 12px; }
	.page-text-item p { font-size: 13px; }
	.profile-img { position: absolute; right: 1px; top:0; width: 50%; height: 100%; }
	.profile-img img { position: absolute; right: 30px; bottom:0; width: auto; height: 80%; }
	.profile-text { width: 50%; padding:40px 30px; }
	.profile-text.w70 { width: 70%; }
	.profile-text th,
	.profile-text td { font-size: 13px; border-bottom: 1px solid #ffd5d5; }
	.profile-text th { width: 80px; }
	.profile-bg-item { background-image:url(../img/turn-prince/profile.png); background-position:right center; background-repeat: no-repeat; background-size: auto 75%; }
}
@media all and (min-width: 1080px){
	.page-text-item p { font-size: 14px; }
	.page-text-item h2 { font-size: 24px; }
	.profile-text th,
	.profile-text td { font-size: 14px; }
	.profile-img img { right: 20%; height: 90%; }
	.profile-text { padding:40px; }
}

/* ////////////////// About Page ////////////////// */
@media all and (min-width: 320px){
	.about-item { position: relative; margin:0 20px; border-top: 1px dashed #e60012; }
	.about-item:first-child { border-top: none; }
	.about-img { display: block; }
	.about-img img { display: block; width: 80%; margin:0 auto; }
	.about-text { position: relative; display: block; padding:20px 0 0; color:#e60012; z-index: 2; }
	.page-text-item .about-text h2 { display: inline-block; padding:5px 10px; background-color:#e60012; color:#fff; font-size: 13px; }
	.page-text-item .about-text p { margin-bottom: 0; }
}
@media all and (min-width: 768px){
	.about-item { margin:0 30px; }
	.about-img { width: 30%; height: 100%; }
	.about-img img { width: 100%; }
	.about-text { position: absolute; right: 0; top:0; width: 70%; height: 100%; padding:0 0 0 20px; }
	.turn .about-img { float: right; }
	.turn .about-text { left: 0; right: auto; padding:0 20px 0 0; }
	.page-text-item .about-text h2 { font-size: 14px; }
}
@media all and (min-width: 1080px){
	.about-item { margin:0 40px; }
	.page-text-item .about-text h2 { font-size: 15px; }
}


/* ////////////////// ハッピーターン号 Page ////////////////// */
@media all and (min-width: 320px){
	.turngo-img { display: block; }
	.turngo-img img { display: block; width: 80%; margin:0 auto; }
	.turngo-text { position: relative; display: block; padding:20px; color:#e60012; z-index: 2; }
	.turngo-text th,
	.turngo-text td { display: block; font-size: 12px; padding:5px; line-height: 1.6; text-align: left; vertical-align: top; }
	.turngo-text th span { display: block; font-weight: 700; padding:5px; text-align: center; background-color: #e60012; color:#fff; }
}
@media all and (min-width: 768px){
	.turngo-text { text-align: center; padding:40px 30px; }
	.turngo-text th,
	.turngo-text td { display: table-cell; }
	.turngo-text th { width: 180px; }
	.turngo-text td { padding:10px 20px; }
}
@media all and (min-width: 1080px){
	.turngo-text { padding:40px; }
}
@media all and (min-width: 320px){
	.archive-list { position: relative; border: 1px solid #e60012; background-color: #fff; padding:20px; }
	.archive-list .list { border-bottom: 1px solid #e60012; margin-bottom: 20px; }
	.archive-list .list a,
	.archive-list .list .a { position: relative; display: block; color:#e60012; padding-bottom: 20px; cursor: pointer; }
	.archive-list .list .thumb { display: block; width: 30%; margin:0 auto 10px; }
	.archive-list .list .thumb img { display: block; width: 100%; }
	.archive-list .list h2 { font-size: 14px; line-height: 1.6; margin: 10px 0; }
	.archive-list .list h3 { font-size: 15px; line-height: 1.6; margin: 10px 0; }
	.archive-list .list h3 span { display: inline-block; font-size: 11px; background-color: #e60012; color:#fff; padding:2px 9px 0; border-radius: 20px; margin-right: 10px; }
	.archive-list .list p { font-size: 12px; }
	.archive-list .list p.date { font-size: 11px; }
	.archive-list .list .more { display: none; }
	.archive-list .detail { position: relative; margin-top: 20px; padding-top: 20px; border-top: 1px dashed #e60012; display: none; }
	.archive-list .detail .detail-list { padding: 0; }
	.archive-list .detail .detail-list th,
	.archive-list .detail .detail-list td { padding:5px 0; font-size: 12px; line-height: 1.6; text-align: left; vertical-align: top; }
	.archive-list .detail .detail-list th { width: 65px; font-weight: 700; }
	.archive-list .detail .detail-list td a { padding:0; text-decoration: underline; }
	.archive-list .detail .detail-list td span { font-size: 11px; }
	.archive-list .detail .detail-map { margin-top: 20px; width: 100%; height: 200px; display: block; }
	.archive-list .detail .detail-map iframe { display: block; width: 100%; height: 100%; }
	.archive-list .detail .detail-text { padding:0; }
	.archive-list .detail .detail-img { margin-top: 20px; width: 100%; display: block; }
	.archive-list .detail .detail-img img { display: block; width: 100%; }
}
@media all and (min-width: 768px){
	.archive-list { padding:30px; }
	.archive-list .list { margin-bottom: 30px; }
	.archive-list .list p { font-size: 13px; }
	.archive-list .list a,
	.archive-list .list .a { padding-bottom: 30px; padding-right: 150px; }
	.archive-list .list .thumb { width: 15%; float: left; margin-bottom: 0; }
	.archive-list .list .text { width: 80%; margin-left: 5%; float: left; }
	.archive-list .list h2 { font-size: 16px; }
	.archive-list .list h3 { font-size: 18px; }
	.archive-list .list .more { position: absolute; right: 0; bottom:0; display: block; width: 130px; height: 130px; }
	.archive-list .list .more img { position: absolute; left:0; top:0; display: block; width: 100%; }
	.archive-list .list .more .more-text { -webkit-transition: all .5s cubic-bezier(.19,1,.22,1); -ms-transition: all .5s cubic-bezier(.19,1,.22,1); transition: all .5s cubic-bezier(.19,1,.22,1); }
	.archive-list .list .more .more-close { opacity: 0; }
	.archive-list .list .show .more .more-close { opacity:1; }
	.archive-list .list a:hover .more .more-text,
	.archive-list .list .a:hover .more .more-text {  }
	.archive-list .list .more:before { content:""; position: absolute; left:10%; top:10%; width: 80%; height: 80%; display: block; background-color: #fad9dc; border-radius: 50%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .9s cubic-bezier(.19,1,.22,1); -ms-transition: all .9s cubic-bezier(.19,1,.22,1); transition: all .9s cubic-bezier(.19,1,.22,1); }
	.archive-list .list a:hover .more:before,
	.archive-list .list .a:hover .more:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
	.archive-list .detail .detail-list { width: 50%; }
	.archive-list .detail .detail-map { position: absolute; right: 0; top:0; width: 45%; height: 100%; margin-top: 0; }
}
@media all and (min-width: 1080px){
	.archive-list { padding:40px; }
	.archive-list .list h3 { font-size: 20px; }
	.archive-list .list p { font-size: 14px; }
	.archive-list .detail .detail-list th,
	.archive-list .detail .detail-list td { font-size: 13px; }
}


/* ////////////////// TVCM Page ////////////////// */
@media all and (min-width: 320px){
	.tvcm-img { width: 100%; display: block; }
	.tvcm-img img { display: block; width: 100%; }
	.tvcm-text { display: block; padding:20px; color:#e60012; }
	.tvcm-text .table-cell { text-align: center; }
	.tvcm-text h2 { font-size:15px; line-height: 1.4; margin-bottom: 10px; }
	.tvcm-text h3 { font-size: 12px; }
	.tvcm-text h3 span { display: inline-block; font-size: 11px; }
}
@media all and (min-width: 768px){
	.tvcm-img { width: 50%; }
	.tvcm-text { position: absolute; right: 0; top:0; width: 50%; height: 100%; padding:20px; text-align: center; }
	.tvcm-text h2 { font-size: 22px; }
	.tvcm-text h3 { font-size: 14px; }
	.tvcm-text h3 span { margin-left: 10px; }
}

/* ////////////////// History Page ////////////////// */
@media all and (min-width: 320px){
	.history-grid { position: relative; width: 50%; height: 0; padding-bottom: 50%; float: left; background-color: #fff; border-right: 1px solid #e60012; border-bottom: 1px solid #e60012; }
	.history-grid a { position: absolute; left: 0; top:0; width: 100%; height: 100%; display: block; }
	.history-grid a:before,
	.history-grid a:after { content:""; position: absolute; right: 0; bottom:0; }
	.history-grid a:before { right: 50%; bottom:0; margin-right: -100px; width: 200px; height: 200px; border-radius: 50%; background-color: #fed8df; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .9s cubic-bezier(.19,1,.22,1); -ms-transition: all .9s cubic-bezier(.19,1,.22,1); transition: all .9s cubic-bezier(.19,1,.22,1); }
	.history-grid a:after { width: 25px; height: 25px; background: url(../img/history/link.png); background-size: 25px 25px; }
	.history-grid .grid-img { position: absolute; left: 20%; bottom:5%; width: 60%; height: 60%; }
	.history-grid .grid-img img { display: block; width: 100%; }
	.history-grid .grid-text { position: absolute; z-index: 2; display: block; width: 100%; height: 40%; text-align: center; color:#e60012; }
	.history-grid .grid-text .table-cell { text-align: center; }
	.history-grid .grid-text h3 { font-size: 18px; font-weight: 700; margin: 5px 10px; }
	.history-grid .grid-text h2 { font-size: 13px; font-weight: 700; margin: 5px 10px; }
	.history-grid .grid-text p { font-size: 11px; margin: 5px 10px; }
	.history-grid-title { position: relative; width: 100%; height: 150px; float: left; background: url(../img/history/bg.jpg) center; border-right: 1px solid #e60012; border-bottom: 1px solid #e60012; }
	.history-grid-title .grid-img { position: absolute; left: 50%; bottom:0; margin-left: -61px; width: 122px; height: 100px; }
	.history-grid-title .grid-img img { display: block; width: 100%; }
	.history-grid-title .grid-text { position: relative; text-align: center; height: 60px; }
	.history-grid-title .grid-text h3 { font-size: 20px; font-weight: 700; line-height: 60px; color:#fff; }
	#sidebar { position: absolute; display: none; }
	.inlines div { display: none; }
	.inline-box { width: 300px; padding: 20px; background:#fff; color:#e60012; }
	.inline-box .half { padding:10px 0; }
	.inline-box h3 { font-size: 13px; margin-bottom: 10px; }
	.inline-box h4 { font-size: 12px; margin-bottom: 10px; }
	.inline-box p { font-size: 11px; margin-bottom: 5px; }
	.inline-box p a { display: inline-block; padding:3px 10px; background-color:#e60012; color:#fff; font-weight: 700; border-radius: 30px; }
	.inline-box img { display: block; max-width: 100%; margin:0 auto; }
}
@media all and (min-width: 768px){
	.history-grid { width: 25%; padding-bottom: 25%; }
	.history-grid .grid-text { overflow: hidden; }
	.history-grid .grid-text h2 { font-size: 14px; }
	.history-grid .grid-text p { font-size: 12px; }
	.history-grid:hover a:before { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
	.inline-box { width: 600px; }
	.inline-box .half { float: left; width: 50%; }
	.inline-box .half:first-child { padding:0 10px 0 0; }
	.inline-box .half:last-child { padding:0 0 0 10px; }
	.inline-box .half.w70 { width: 70%; }
	.inline-box .half.w30 { width: 30%; }
	.inline-box h3 { font-size: 15px; }
	.inline-box h4 { font-size: 13px; }
	.inline-box p { font-size: 12px; }
}
@media all and (min-width: 1080px){
	.history-grid { width: 25%; }
	.history-grid a:after { width: 50px; height: 50px; background-size: 50px 50px; }
}
@media all and (min-width: 1120px){
	.history-inner { padding-left: 60px; }
	#sidebar { position: absolute; left:50%; top:0; margin-left: -560px; width:80px; display: block; z-index: 2; }
	#sidebar ul { position: absolute; right: 0; top:0; padding:10px; width: 80px; background:#e60012; }
	#sidebar li { margin:2px 0; }
	#sidebar li a { color:#fff; line-height: 26px; display: block; padding:0 10px; }
	#sidebar li.active a { background-color:#fff; color:#e60012; }
	#sidebar .side-prince { display: none; }
}
@media all and (min-width: 1340px){
	.history-inner { padding-left: 0; }
	#sidebar { margin-left: -640px; }
	#sidebar ul { border-radius:8px; }
	#sidebar ul:after { content:""; display: block; position: absolute; left:20px; bottom:-20px; width: 38px; height: 26px; background-image: url(../img/history/side.png); background-position: center; background-repeat: no-repeat; }
	#sidebar .side-prince { display: block; position: absolute; left: -70px; top:250px; width: 100px; height: 110px; }
}
@media all and (min-width: 1440px){
	#sidebar { margin-left: -680px; }
}

/* ////////////////// 王国 Page ////////////////// */
@media all and (min-width: 320px){
	.page-kingdom .page-top { display: none; }
	.section-kingdom { display: none; }
	.sp-kingdom { display: block; width: 100%; }
	.sp-kingdom h1 { display: block; margin:0; }
	.sp-kingdom h1 img { width: 100%; display: block; }
	.sp-kingdom table { margin:0; background-color: #fff; width: 100%; }
	.sp-kingdom th,
	.sp-kingdom td { border-bottom: 1px solid #fed631; padding:0; margin:0; }
	.sp-kingdom th { width: 100px; }
	.sp-kingdom th img { display: block; width: 100%; }
	.sp-kingdom td { padding:0 20px; font-weight: 700; font-size: 13px; }
	.sp-kingdom td a { color: #e60012; display: block; }
	.sp-kingdom td.arrow { width: 50px; padding:0 10px 0 0; }
	.sp-kingdom td.arrow a { position: relative; text-decoration: none; display: block; width: 40px; height: 40px; background-color: #e60012; border:2px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 10; overflow: hidden; cursor: pointer; }
	.sp-kingdom td.arrow a svg { position: absolute; left:10px; top:10px; width: 18px; height: 18px; fill:#fff; }
}
@media all and (min-width: 768px){
	
}
@media all and (min-width: 940px){
	.sp-kingdom { display: none; }
	.section-kingdom { position: relative; display: block; width: 100%; height: 700px; overflow: hidden; background-image:url(../img/kingdom/bg.jpg); background-position: center; background-size: auto 100%; background-repeat: no-repeat; }
	.section-kingdom .section-content { position: absolute; width: 1100px; left: 50%; margin-left: -550px; height: 100%; padding-bottom: 0; }
	.section-kingdom .section-content>a,
	.section-kingdom .section-content>div { position: absolute; display: block; }
	.section-kingdom .section-content img { display: block; width: 100%; }
	.section-kingdom .section-content a { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .5s cubic-bezier(.19,1,.22,1); -ms-transition: all .5s cubic-bezier(.19,1,.22,1); transition: all .5s cubic-bezier(.19,1,.22,1); }
	.section-kingdom .section-content a:hover { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); }
	.section-kingdom .island { left:0; top:20%; width: 100%; }
	.section-kingdom .castle { left:42%; top:16%; width: 13%; }
	.section-kingdom .tv { left:28%; top:51%; width: 11%; }
	.section-kingdom .parasol { left:4%; top:55%; width: 22%; }
	.section-kingdom .house { left:25%; top:67%; width: 11%; }
	.section-kingdom .museum { left:54%; top:53%; width: 25%; }
	.section-kingdom .balloon { left:16%; top:14%; width: 9%; }
	.section-kingdom .prince { left: 50%; top:69%; width: 9%; }
	.section-kingdom .treasure { left: 63%; top:82%; width: 10%; }
	.section-kingdom .cur-left { position: absolute; display: block; left: 50%; top:0%; width: auto; height: 100%; display: none; }
	.section-kingdom .cur-right { position: absolute; display: block; right: 50%; top:0%; width: auto; height: 100%; display: none; }
	.section-kingdom .cur-left img,
	.section-kingdom .cur-right img { display: block; width: auto; height: 100%; }
	.section-kingdom .title { position: absolute; display: block; font-size: 12px; font-weight: 700; line-height: 1.3; border-radius: 50%; background-color: #e60012; color:#fff; -webkit-transition: all .3s cubic-bezier(.19,1,.22,1); -ms-transition: all .3s cubic-bezier(.19,1,.22,1); transition: all .3s cubic-bezier(.19,1,.22,1); }
	.section-kingdom .title .tri { position: absolute; width: 12px; height: 12px; }
	.section-kingdom .title .tri svg { width: 100%; height: 100%; fill: #e60012; -webkit-transition: all .3s cubic-bezier(.19,1,.22,1); -ms-transition: all .3s cubic-bezier(.19,1,.22,1); transition: all .3s cubic-bezier(.19,1,.22,1); }
	.section-kingdom .title .tri.right-bottom { right:8px; bottom:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
	.section-kingdom .title .tri.left-bottom { left:0; bottom:0; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); }
	.section-kingdom a:hover .title { background-color: #fed631; color:#e60012; }
	.section-kingdom a:hover .title .tri svg { fill:#fed631; }
	.section-kingdom .cur-left { margin-left: -650px; display: block; }
	.section-kingdom .cur-right { margin-right: -650px; display: block; }
}
@media all and (min-width: 1300px){
	.section-kingdom .cur-left { left:0; margin-left: 0; }
	.section-kingdom .cur-right { right:0; margin-right: 0; }
}



/* ////////////////// Slider Pro ////////////////// */

.slider-pro { position: relative; margin: 0 auto; }
.slider-pro .sp-slides-container { position: relative; }
.slider-pro .sp-slides-container .sp-mask { position: relative; overflow: hidden; }
.slider-pro .sp-slides-container .sp-mask .sp-slides { position: relative; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; }
.slider-pro .sp-slides-container .sp-mask .sp-slides .sp-slide { position: absolute; }
.slider-pro .sp-slides-container .sp-mask .sp-slides .sp-slide .sp-image-container { overflow: hidden; }
.slider-pro .sp-slides-container .sp-mask .sp-slides .sp-slide .sp-image-container .sp-image { position: relative; display: block; border: none; }
.sp-no-js { overflow: hidden; max-width: 100%;}

/* Buttons
--------------------------------------------------*/
.sp-buttons { position: relative; width: 100%; text-align: center; padding-top: 10px; display: none; }
.sp-buttons .sp-button { width: 10px; height: 10px; border: 2px solid #000; border-radius: 50%; margin: 4px; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer;}
.sp-buttons .sp-selected-button { background-color: #000;}

/* Arrows
--------------------------------------------------*/
.sp-fade-arrows { opacity: 1; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.sp-slides-container:hover .sp-fade-arrows { opacity: 1; }
.sp-arrows .sp-arrow,
.slide-count { position: absolute; right: 0; top:50%; width: 40px; height: 40px; background-color: #fed631; cursor: pointer;}
.slide-count { margin-top: -20px; background-color:#e60012; color:#fff; text-align: center; z-index: 2; }
.slide-count div { display: inline-block; line-height: 20px; font-size: 12px; padding:10px 1px; margin:0; font-weight: 700; }
.sp-arrows .sp-arrow svg { display: block; width: 20px; height: 20px; margin:10px; fill:#e60012; -webkit-transition: all .5s cubic-bezier(.19,1,.22,1); -ms-transition: all .5s cubic-bezier(.19,1,.22,1); transition: all .5s cubic-bezier(.19,1,.22,1); }
.sp-arrows .sp-arrow:before { content: ""; position: absolute; top: 50%; left:18px; margin-top: -2px; display: block; height: 3px; width: 25px; background-color: #e60012; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all .5s cubic-bezier(.19,1,.22,1); -ms-transition: all .5s cubic-bezier(.19,1,.22,1); transition: all .5s cubic-bezier(.19,1,.22,1); }
.sp-arrows .sp-previous-arrow { margin-top: -60px; background-size: 40px 40px; }
.sp-arrows .sp-next-arrow { margin-top: 20px; }
@media only screen and (min-width: 1080px){
	.slide-count { margin-top: -30px; width: 60px; height: 60px; }
	.slide-count div { padding:20px 2px; font-size: 15px; }
	.sp-arrows .sp-arrow { width: 60px; height: 60px; }
	.sp-arrows .sp-arrow svg { width: 26px; height: 26px; margin:17px 17px; }
	.sp-arrows .sp-arrow:hover:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }
	.sp-arrows .sp-previous-arrow { margin-top: -90px; }
	.sp-arrows .sp-previous-arrow:hover svg { margin-left:7px; }
	.sp-arrows .sp-next-arrow { margin-top: 30px; }
	.sp-arrows .sp-next-arrow:hover svg { margin-left:26px; }
}

#simple .slide-count,
#carousel .slide-count { top:100%; margin-top: -40px; right: 50%; margin-right: -20px; }
#simple .sp-arrows,
#carousel .sp-arrows { position: relative; width: 100%; height: 40px; background-color: #e60012; }
#simple .sp-arrows .sp-arrow,
#carousel .sp-arrows .sp-arrow { top:0; right:auto; margin-top: 0; }
#simple .sp-arrows .sp-previous-arrow,
#carousel .sp-arrows .sp-previous-arrow { left:0; }
#simple .sp-arrows .sp-next-arrow,
#carousel .sp-arrows .sp-next-arrow { right: 0; }
@media only screen and (min-width: 1080px){
	#simple .sp-arrows,
	#carousel .sp-arrows { height: 60px; }
	#simple .slide-count,
	#carousel .slide-count { margin-top: -60px; }
}


.sp-image-container{overflow:hidden}
.sp-image{position:relative;display:block;border:none}
.sp-thumbnails-container { position: relative; z-index: 2; }
.sp-left-thumbnails,.sp-right-thumbnails { position: absolute; top: 0; }
.sp-right-thumbnails { right: 0; margin-left: 4px; }
.sp-left-thumbnails { left: 0; margin-right: 4px; }
.sp-thumbnails { position: relative; }
.sp-thumbnail { border: none; }
.sp-thumbnail-container { position: relative; display: block; float: left; -moz-box-sizing: border-box; box-sizing: border-box; }
.sp-left-thumbnails .sp-thumbnail-container,.sp-right-thumbnails .sp-thumbnail-container { margin-top: 2px; margin-bottom: 2px; }
.sp-left-thumbnails .sp-thumbnail-container:first-child,.sp-right-thumbnails .sp-thumbnail-container:first-child { margin-top: 0; }
.sp-left-thumbnails .sp-thumbnail-container:last-child,.sp-right-thumbnails .sp-thumbnail-container:last-child { margin-bottom: 0; }
.sp-right-thumbnails.sp-has-pointer { margin-left: 0; }
.sp-right-thumbnails.sp-has-pointer .sp-thumbnail { position: absolute; top:12px; left: 18px; margin-left: 0 !important; }
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before { content: ''; position: absolute; height: 100%; border-left: 5px solid #e60012; left: 0; top: 0; margin-left: 13px; }
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after { content: ''; position: absolute; width: 0; height: 0; left: -10px; top: 50%; margin-top: -12px; border-style: solid; border-width: 12px 12px 12px 0; border-color: transparent #e60012 transparent transparent; }

#mov-slide { -moz-box-sizing:content-box;box-sizing:content-box}
#mov-slide .sp-thumbnail-container { border-bottom: 1px solid rgba(255,255,255,0.5); opacity: 0.7; }
#mov-slide .sp-selected-thumbnail { opacity: 1; }
#mov-slide .sp-thumbnail-image-container { width: 100px; height: 55px; overflow: hidden; float: left;}
#mov-slide .sp-thumbnail-image { width: 100%; }
#mov-slide .sp-thumbnail-text { width: 170px; float: right; padding: 8px; color:#fff; -moz-box-sizing: border-box; box-sizing: border-box;}
#mov-slide .sp-thumbnail-title { margin-bottom: 5px; margin-left: 5px; font-weight: 700; font-size: 12px; text-transform: uppercase; }
@media (max-width: 500px) {
	#mov-slide .sp-thumbnail { text-align: center; }
	#mov-slide .sp-thumbnail-image-container { display: none; }
	#mov-slide .sp-thumbnail-text { width: 150px; }
	#mov-slide .sp-thumbnail-title { font-size: 12px; margin: 0; text-transform: uppercase; }
	#mov-slide .sp-thumbnail-description { display: none; }
}

.bx-wrapper { margin: 0 auto; padding: 0; *zoom: 1; }
.bx-wrapper .bx-viewport { -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
.bx-wrapper .bx-loading { min-height: 50px; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; display: block; margin: 0 1px 1px 0; outline: 0; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }

@media all and (min-width: 320px){
	#image-bloc { position: relative; margin:20px auto 70px; padding:10px; background-color: #fed631; }
	#image-bloc .bloc-inner { position: relative; }
	#image-bloc .slider-area { width: 100%; overflow: hidden; }
	#image-bloc .cur-left,
	#image-bloc .cur-right { display: none; }
	#image-bloc .bx-wrapper { border: 1px solid #fff; overflow: hidden; }
	#image-bloc .slider { overflow: hidden; }
	#image-bloc .slider img { display: block; width: 100%; }
	#image-bloc .bx-wrapper .bx-viewport { left: 0; border-width: 0; box-shadow: none;}
	#image-bloc #bx-pager { position: absolute; left:0; top:100%; text-align: center; background-color: #fc9e00; display: block; padding:11px 0 10px; width: 100%; }
	#image-bloc #bx-pager a { opacity: 0.7; margin: 0 3px; padding:1px; width: 10%; display: inline-block; cursor: pointer; }
	#image-bloc #bx-pager a img { display: block; width: 100%; margin:0; padding:0; }
	#image-bloc #bx-pager a.active { opacity: 1; padding:0; border:1px solid #fff; }
	#image-bloc .bx-wrapper .bx-controls-direction a { text-decoration: none; display: block; width: 40px; height: 40px; margin: 0; position: absolute; bottom: -53px; z-index: 10; overflow: hidden; cursor: pointer; }
	#image-bloc .bx-wrapper .bx-controls-direction a svg { position: absolute; left:10px; top:10px; width: 18px; height: 18px; fill:#fff; -webkit-transition: all .5s cubic-bezier(.19,1,.22,1); -ms-transition: all .5s cubic-bezier(.19,1,.22,1); transition: all .5s cubic-bezier(.19,1,.22,1); }
	#image-bloc .bx-wrapper .bx-controls-direction a:before { content: ""; position: absolute; top: 50%; left:18px; margin-top: -2px; display: block; height: 3px; width: 25px; background-color: #fff; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all .5s cubic-bezier(.19,1,.22,1); -ms-transition: all .5s cubic-bezier(.19,1,.22,1); transition: all .5s cubic-bezier(.19,1,.22,1); }
	#image-bloc .bx-wrapper .bx-controls-direction a.bx-prev svg { left:8px; }
	#image-bloc .bx-wrapper .bx-controls-direction a.disabled { display: none; }
	#image-bloc .bx-wrapper .bx-controls-direction a.bx-prev { left: -10px; }
	#image-bloc .bx-wrapper .bx-controls-direction a.bx-next { right: -10px; }
	#image-bloc #newsList { background-color: #fff; display: block; position: relative; }
	#image-bloc #newsList h3 { width: 100%; height: 40px; background-color: #e60012; color:#fff; text-align: center; font-size: 14px; line-height: 40px; z-index: 2; }
	#image-bloc #newsList li { padding:0 10px; border-bottom: 1px dashed #fce100; }
	#image-bloc #newsList li a { position: relative; padding-left: 60px; display: block; color:#e60012; font-weight: 700; }
	#image-bloc #newsList li a dl { padding:10px 0; }
	#image-bloc #newsList li a dt { font-size: 10px; }
	#image-bloc #newsList li a img { position: absolute; left:0; top:0; width: 50px; }
	#image-bloc #newsList li a > span {position: absolute; left:0; top:0; width: 50px;display:block;}
	#image-bloc #newsList li a > span img { position:static; width: 50px; }
}

@media(max-width:939px) {
		#image-bloc #newsList li a img { position: absolute; left:0; top:50%; width: 50px; transform:translateY(-50%);}
}

@media all and (min-width: 768px){
	#image-bloc { padding:15px 60px; }
	#image-bloc .cur-left,
	#image-bloc .cur-right { display: block; position: absolute; top:0; display: block; width: 10%; height: 100%; }
	#image-bloc .cur-left img,
	#image-bloc .cur-right img { position: absolute; left:0; top:0; display: block; width: 100%; height: 100%; }
	#image-bloc .cur-left { left:0; }
	#image-bloc .cur-right { right: 0; }
	#image-bloc .bx-wrapper .bx-controls-direction a { bottom:-70px; }
	#image-bloc .bx-wrapper .bx-controls-direction a.bx-prev { left: -50px; }
	#image-bloc .bx-wrapper .bx-controls-direction a.bx-next { right: -50px; }
}
@media all and (min-width: 940px){
	#image-bloc { padding:20px 70px; }
	#image-bloc .cur-left,
	#image-bloc .cur-right { width: 7.5%; }
	#image-bloc .slider-area { width: 66%; margin:0; }
	#image-bloc .bx-wrapper .bx-controls-direction a { width: 60px; height: 60px; }
	#image-bloc .bx-wrapper .bx-controls-direction a svg { width: 24px; height: 24px; top:18px; left: 18px; }
	#image-bloc .bx-wrapper .bx-controls-direction a.bx-prev svg { left:16px; }
	#image-bloc .bx-wrapper .bx-controls-direction a.bx-prev { margin: -90px 0 0; }
	#image-bloc .bx-wrapper .bx-controls-direction a.bx-next { margin: 30px 0 0; }
	#image-bloc .bx-wrapper .bx-controls-direction a:hover:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }
	#image-bloc .bx-wrapper .bx-controls-direction a.bx-prev:hover svg { left: 10px; }
	#image-bloc .bx-wrapper .bx-controls-direction a.bx-next:hover svg { left: 27px; }
	#image-bloc .bx-wrapper .bx-controls-direction a { bottom:-85px; }
	#image-bloc .bx-wrapper .bx-controls-direction a.bx-prev { left: -60px; }
	#image-bloc .bx-wrapper .bx-controls-direction a.bx-next { right: -60px; }
	#image-bloc #newsList { position: absolute; right: 0; top:0; width: 32%; height: 100%; }
	#image-bloc #newsList h3 { position: absolute; left: 0; top:0; width: 100%; height: 40px; background-color: #e60012; color:#fff; text-align: center; font-size: 14px; line-height: 40px; z-index: 2; }
	#image-bloc #newsList .news-inner { padding-top: 40px; height: 100%; position: relative; }
	#image-bloc #newsList ul { padding:0; height: 100%; }
	#image-bloc #newsList li { padding:10px; border-bottom: 1px dashed #fce100; }
	#image-bloc #newsList li a { position: relative; padding-left: 60px; display: block; color:#e60012; font-weight: 700; min-height:54px;}
	#image-bloc #newsList li a dl { padding: 0; }
	#image-bloc #newsList li a dt { font-size: 10px; }
	#image-bloc #newsList li a img { position: absolute; left:0; top:0; width: 50px; }
}
@media all and (min-width: 1120px){
	#image-bloc .slider-area { width: 70%; }
	#image-bloc #newsList { width: 28%; }
}

#tvcm-bloc { position: relative; }
#tvcm-bloc .slider { overflow: hidden; }
#tvcm-bloc .slider img { display: block; width: 100%; }
.video-iframe { display: none; position: absolute; width: 100%; top:0; height: 100%; background-color: #fff; z-index: 10; }
.video-iframe embed,
.video-iframe iframe { position: absolute; left: 0; top:0; width: 100%; height: 100%; }
#tvcm-pager { padding:10px; }
#tvcm-pager .sp-thumbnail { display: block; cursor: pointer; position: relative; padding:10px; border-bottom: 1px solid #ed7a83; }
#tvcm-pager .sp-thumbnail.active:after { content: ''; position: absolute; width: 0; height: 0; left: -20px; top: 50%; margin-top: -12px; border-style: solid; border-width: 12px 12px 12px 0; border-color: transparent #e60012 transparent transparent;}
#tvcm-pager .sp-thumbnail .image { float: left; width: 80px; }
#tvcm-pager .sp-thumbnail .image img { display: block; width: 100%; }
#tvcm-pager .sp-thumbnail .text { float: left; margin-left: 10px; }
#tvcm-pager .sp-thumbnail .text .title { font-size: 12px; color:#fff; font-weight: 700; }
@media only screen and (min-width: 1080px){
	#tvcm-bloc { padding-right: 300px; }
	#tvcm-pager { width: 300px; position: absolute; right: 0; top:0; }
}



.tourMovie {
	display:block !important;
	position: relative !important;
}
#tour { background-color: #fed631; padding:15px 15px 90px; margin:0; }
#tour .tour-img { background-color: #fff; border-radius: 7px 7px 0 0; padding:5px; }
#tour .tour-img img { display: block; width: 100%; }
#tour .tour-text { color:#e60012; background-color: #fff; border-radius: 0 0 7px 7px; padding:20px; height: 200px; }
#tour .tour-text .step { font-size: 13px; letter-spacing: 1px; line-height: 1.1; margin-bottom: 20px; }
#tour .tour-text .step strong { display: block; font-size: 32px; }
#tour .tour-text h2 { font-size: 16px; letter-spacing: 1px; margin-bottom: 10px; }
#tour .tour-text p { margin-bottom: 10px; }
#tour .flex-control-nav { display: none; }
#tour .bx-wrapper { position: relative; }
#tour .bx-wrapper .bx-pager { position: absolute; bottom: -75px; width: 100%; }
#tour .bx-wrapper .bx-pager.bx-default-pager a { width: 60px; height:30px; line-height: 30px; font-size: 12px; text-decoration: 0; display: block; background: #fff; color:#e60012; cursor: pointer; text-align: center; -webkit-transition: all .5s cubic-bezier(.19,1,.22,1); -ms-transition: all .5s cubic-bezier(.19,1,.22,1); transition: all .5s cubic-bezier(.19,1,.22,1); }
#tour .bx-wrapper .bx-pager.bx-default-pager a:before { content:"STEP"; }
#tour .bx-wrapper .bx-pager.bx-default-pager a:hover { background: #f07b84; color:#fff; }
#tour .bx-wrapper .bx-pager.bx-default-pager a.active { background: #e60012; color:#fff; cursor: default; }
#tour .bx-wrapper .bx-controls-direction a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; background-color: #e60012; border:2px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 10; overflow: hidden; cursor: pointer; }
#tour .bx-wrapper .bx-controls-direction a svg { position: absolute; left:10px; top:10px; width: 18px; height: 18px; fill:#fff; }
#tour .bx-wrapper .bx-controls-direction a.bx-prev svg { left:8px; }
#tour .bx-wrapper .bx-controls-direction a.disabled { display: none; }
#tour .bx-wrapper .bx-controls-direction a.bx-prev { left: -10px; }
#tour .bx-wrapper .bx-controls-direction a.bx-next { right: -10px; }
#tour .turn-prince { display: none; }
#tour .tour-img .bx-wrapper { position: absolute; left:0; top:0; width: 100%; height: 100%; }
#tour .tour-img .bx-wrapper .bx-viewport,
#tour .tour-img .bx-wrapper .slide { width: 100% !important; height: 100% !important; }
#tour .tour-img .bx-wrapper .inner-slider {  position: static !important; }
#tour .tour-img .bx-wrapper .bx-pager { bottom:20px; text-align: center; }
#tour .tour-img .bx-wrapper .bx-pager.bx-default-pager a { width: 10px; height: 10px; margin:0 5px; text-indent: -9999px; overflow: hidden; border-radius: 10px !important; }

@media (min-width: 768px) {
	#tour { padding:20px 20px 70px; }
	#tour .tour-spep { position: relative; overflow: hidden; }
	#tour .tour-img { float: left; width: 65%; border-radius: 10px; padding:12px; }
	#tour .tour-text { position: absolute; right: 0; top:0; width: 33%; height: 100%; border-radius: 10px; padding:30px; }
	#tour .tour-text .step { font-size: 16px; }
	#tour .tour-text .step strong { font-size: 40px; }
	#tour .tour-text h2 { font-size: 20px; margin-bottom: 20px; }
	#tour .flex-control-nav { display: block; bottom:20px; text-align: left; }
	#tour .flex-control-paging li { text-align: center; margin:0 1px 0 0; }
	#tour .turn-prince { display: block; width: 100px; height: 150px; position: absolute; right: 20px; bottom:0; z-index: 3; }
	#tour .bx-wrapper .bx-pager { bottom: -50px; }
	#tour .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:first-child a { -moz-border-radius: 20px 0 0 20px; -webkit-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; }
	#tour .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:last-child a { -moz-border-radius: 0 20px 20px 0; -webkit-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; }
}
@media (min-width: 940px) {
	#tour .turn-prince { width: 120px; height: 180px; }
}
@media (min-width: 1080px) {
	#tour .turn-prince { width: 140px; height: 210px; right: 30px; }
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #e60012; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "museo-slab","Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../img/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('../img/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('blank.gif'); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../img/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "museo-slab","Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: #e60012; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }


.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 6px; height: 100%; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background: red; }
.jspVerticalBar *,
.jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background:#fff; position: relative; border-bottom-right-radius: 8px; }
.jspDrag { background:#EC1B23; position: relative; top: 0; left: 0; cursor: pointer;z-index:10; }
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
.jspPane { left:0 !important; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0;}


/*スマホ 画像ダウンロード対策*/
.veil {display:block;position:relative;}
.veil:after {display:block;position:absolute;width:100%;height:100%;content:"";background:rgba(0, 0, 0, 0);top:0;left:0;z-index:1;}
.veil,.veil img.protect {
	touch-callout:none;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	}
.veil img.spc {
	position:absolute !important;
	top:0 !important;
	left:0 !important;
	width:100% !important;
	height:100% !important;
	z-index:1;
	}
	
/*商品詳細 SNS領域*/
.socialLinks ul {margin-top:20px;}
.socialLinks ul li { position:relative; width:32px; height:100%; display:inline-block; margin: 0 5px; }
.socialLinks ul li.text { display: none; }
.socialLinks ul li a { cursor:pointer; position:absolute; display: block; top:50%; left:0; width:100%; height:32px; margin:-16px 0 0; background-color:#e60012; border-radius: 32px; overflow:hidden; -webkit-transition: all .5s cubic-bezier(.19,1,.22,1); -ms-transition: all .5s cubic-bezier(.19,1,.22,1); transition: all .5s cubic-bezier(.19,1,.22,1); }
.socialLinks ul li a svg { display: block; width: 20px; height: 20px; margin: 6px; fill:#fff; -webkit-transition: all .5s cubic-bezier(.19,1,.22,1); -ms-transition: all .5s cubic-bezier(.19,1,.22,1); transition: all .5s cubic-bezier(.19,1,.22,1); }
.socialLinks ul li a:hover { background-color: #fff; }
.socialLinks ul li a:hover svg { fill:#e60012; }
.socialLinks .twBanner {margin-top:40px;position:relative;z-index:10;text-align:center;font-size:0;}
.socialLinks .twBanner  img {max-width:100%;}
.socialLinks .twBanner a {
	display:inline-block;
	width:48%;
	margin:0 0.5% 10px;
	}
@media (max-width:767px) {
.socialLinks .twBanner a {
	display:block;
	width:auto;
	margin:0 0 10px;
	}
}
	
/*印刷禁止*/
@media print {
.noPrint { display: none !important; }
}

/*推奨環境*/
.requirements {
	padding:35px;
	font-size:13px;
	}
.requirements a {color:#e90000;text-decoration:underline;}
.requirements a:hover {text-decoration:none;}
.requirements h2 {
	font-size:15px;
	color:#e90000;
	margin-top:2em;
	margin-bottom:0;
	}
.requirements h2:first-child {margin:0;}
.requirements p {
	margin-top:0.5em;
	}
	
	
/*ムービーギャラリー*/
#movieHead {
	color:#10268E;
	}
#movieHead h2 {
	font-size:23px;
	margin-bottom:10px;
	}
#movieHead p {
	font-size:16px;
	}
#movieArea {
	position:relative;
	margin-bottom:50px;
	}
#movieArea::before {
	content:"";
	display:block;
	padding-top:56.29%;
	}
#movieArea iframe {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	}
#movieThumbArea {font-size:0;}
#movieThumbArea li {
	font-size:15px;
	display:inline-block;
	vertical-align:top;
	width:33.3%;
	margin-bottom:40px;
	text-align:center;
	}
#movieThumbArea li a {
	max-width:320px;
	display:inline-block;
	padding:0 1%;
	color:#E90000;
	text-align:left;
	}
#movieThumbArea li img {max-width:100%;}

@media(max-width:768px) {
#movieArea {display:none;}
#movieArea {
	position:absolute;
	z-index:1000;
	width:90%;
	}
}
@media(max-width:640px) {
#movieThumbArea li {
	width:48%;
	margin-right:2%;
	}
#movieThumbArea li:nth-of-type(2n) {margin-right:0;}
#movieThumbArea li a {padding:0;}
}

/* トップページ注意メッセージ */
.top-notice-text {
	padding: 20px 0;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color:#e90000;
}
@media(max-width:768px) {
	.top-notice-text {
		padding: 0 0 6% 0;
		font-size: 12px;
	}
}
