@charset "utf-8";

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

_reset.css

***********************************/
/* リセット */

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    /*font-size:100%;*/
    vertical-align:baseline;
    background:transparent;
}

html {
  /*font-size: 62.5%;*/
}

body {
    line-height: 1;
}
@media print {
  html, body {
    _zoom: 70% !important;
  }
}

article,aside,details,figcaption,figure,
hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}
ul{
    list-style:none;
}
blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    /*font-size:100%;*/
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#333333;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#333333;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}




*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

html {
     /*font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
   font-size: 62.5%;*/
}
body {
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    overscroll-behavior-y: none;
    -webkit-overflow-scrolling: touch;
    font-size: 1.4rem;
}
/* contents */

body {
    margin: 0 auto;
    color: #000;
    /*font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;*/
}





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

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
    display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}






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

ヘッダー部分

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



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

フッター部分

***********************************/
/*.christmas_2020 footer {
  width: 100%;
  height: 300px;
  background-image: linear-gradient(#757575 120px, #0e1215 120px);
}*/

@media screen and (max-width: 767px) {
/*
	.christmas_2020 footer {
		height: 235px;
	  background-image: linear-gradient(#757575 85px, #0e1215 85px);
	}
*/
}




.christmas_2020 #Copyright {
	padding: 10px 0px;
	text-align: center;
	clear: both;
	font-size: 0.68em;
	background: #bc1205;
	line-height: 1.2em;
	font-family: verdana;
	color: #FFFFFF;
	margin: 0px auto;
	width: 100%;
	max-width: 1080px;
}
@media screen and (max-width: 767px) {
	.christmas_2020 #Copyright {
		font-size: 9px;
		padding: 10px;
		line-height: 1.4;
	}
}




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

_default.css

***********************************/
/* responsive */
.pc {
  display: block !important;
}

.pc.in_nbsp {
  display: inline-block !important;
}

@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
  .pc.in_nbsp {
    display: none !important;
  }
}

.tb {
  display: none !important;
}

@media screen and (max-width: 1199px) {
  .tb {
    display: block !important;
  }
}

.sp_l {
  display: none !important;
}

@media screen and (min-width: 376px) and (max-width: 768px) {
  .sp_l {
    display: block !important;
  }
}

.sp {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .sp {
    display: block !important;
  }
}

.ss {
  display: none !important;
}

@media screen and (max-width: 320px) {
  .ss {
    display: block !important;
  }
}




/* detect element */
.pc{
	display: block !important;
}
.sp{
	display: none !important;
}
.cc-FloatingButtonBarContainer {
	bottom: 50px;
	display: flex;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 10100;
	right: 10px;
}
.cc-FloatingButtonBarContainer li a {
	background: rgb(255 255 255 / 70%);
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 2px solid #bc1205;
	cursor: pointer;
	/*display: block;*/
	display: flex;
	font-size: 0;
	overflow: hidden;
	-webkit-transition: opacity .6s cubic-bezier(.35,.75,.59,.93);
	transition: opacity .6s cubic-bezier(.35,.75,.59,.93);
	padding: 5px;
}
.cc-FloatingButtonBarContainer li a span {
	display: block;
	height: 42px;
	width: 42px;
	opacity: .5;
}

@media (min-width: 768px) {
	.cc-FloatingButtonBarContainer {
		bottom: 60px;
		right: 60px;
	}
	.cc-FloatingButtonBarContainer li a span {
		height: 45px;
		width: 45px;
	}
}
@media (max-width: 768px){
	.pc{
		display: none !important;
	}
	.sp{
		display: block !important;
	}
}