@charset "UTF-8";
/* -----------------------------------------------------------
 CSS Information

 File name:      default.css
 Style Info:     デフォルトのスタイルのリセット及び基本設定
----------------------------------------------------------- */

/*----------------------------------------------------
	Reset
----------------------------------------------------*/

html{
	overflow-x: hidden;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin:		0;
	padding:	0;
	word-break: normal;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}



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

object,
embed {
	vertical-align: top;
}

hr,legend {
	display: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight:bold;
}

img,abbr,acronym,fieldset {
	border: 0;
}

ul,ol {
	list-style-type: none;
}

label {
	cursor: pointer;
 } 

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 * 3. Fix vertical align in list elements
 */

img {
    border: 0; /* 1 */
				border:none;
    -ms-interpolation-mode: bicubic; /* 2 */
				line-height: 0;
}
ul img,
ol img,
dl img {
    vertical-align: top; /* 3 */
}

/*
 * Corrects overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects alignment displayed oddly in IE6/7
 */

legend {
    border: 0; /* 1 */
    *margin-left: -7px; /* 2 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
    line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible;  /* 3 */
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding that is displayed in S5, Chrome on OS X
 */

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;/*空白セルの場合にもボーダーを表示*/
}


/*----------------------------------------------------
	Font
----------------------------------------------------*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires 
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */



table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
 
input,textarea,select {
	*font-size: 100%;
}

/*-------------------------------------------------------
	汎用class
---------------------------------------------------------*/
body.font-basic {
    font-size: 13px;
}
.text0 { font-size:0 !important; }
.text9 { font-size:70% !important; }
.text10 { font-size:77% !important; }
.text11 { font-size:85% !important; }
.text12 { font-size:93% !important; }
.text13 { font-size:100% !important; }
.text14 { font-size:108% !important; }
.text15 { font-size:116% !important; }
.text16 { font-size:123.1% !important; }
.text17 { font-size:131% !important; }
.text18 { font-size:138.5% !important; }
.text19 { font-size:146.5% !important; }
.text20 { font-size:153.9% !important; }
.text21 { font-size:161.6% !important; }
.text22 { font-size:167% !important; }
.text23 { font-size:174% !important; }
.text24 { font-size:182% !important; }
.text25 { font-size:189% !important; }
.text26 { font-size:197% !important; }
.text28 { font-size:210% !important; }
.text30 { font-size:225% !important; }
.fwn  { font-weight: normal !important; }
.fwb  { font-weight: bold 	!important; }


.text_px14{
	font-size: 14px;
}



/* micro clearfix---------------- */

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}


.ovf{
	overflow: hidden;
}

/* Floats */
.fl { float: left; }
.fr { float: right; }
.fn { float: none; }

/* Vertical Align */
.vat { vertical-align: top; }
.vam { vertical-align: middle; }
.vab { vertical-align: bottom; }

/* Text Align */
.tal { text-align:		left   !important; }
.tac { text-align:		center !important; }
.tar { text-align:		right  !important; }
.vat { vertical-align:	top    !important; }
.vam { vertical-align:	middle !important; }
.vab { vertical-align:	bottom !important; }

/* Line Height */
.lh0{ line-height: 0 !important;}
.lh1{ line-height: 1 !important;}
.lh14{ line-height: 1.4 !important;}
.lh15{ line-height: 1.5 !important;}
.lh16{ line-height: 1.6 !important;}
.lh18{ line-height: 1.8 !important;}
.lh2{ line-height: 2 !important;}

/* Text Decoration */
.tdu{ text-decoration: underline !important; }

/* Text Indent */
.tid{
	text-indent: -1em;
}
.tid2{
	text-indent: -2em;
}

.dbk{
	display: block;
}

/* color */
.coR{	color: #FF0000 !important;}

/* margin ----------------------- */
.mt0 { margin-top:0 !important; }
.mt3 { margin-top:3px !important; }
.mt4 { margin-top:4px !important; }
.mt5 { margin-top:5px !important; }
.mt6 { margin-top:6px !important; }
.mt8 { margin-top:8px !important; }
.mt10{ margin-top:10px !important; }
.mt12{ margin-top:12px !important; }
.mt14{ margin-top:14px !important; }
.mt15{ margin-top:15px !important; }
.mt17{ margin-top:17px !important; }
.mt18{ margin-top:18px !important; }
.mt20{ margin-top:20px !important; }
.mt22{ margin-top:22px !important; }
.mt23{ margin-top:23px !important; }
.mt25{ margin-top:25px !important; }
.mt28{ margin-top:28px !important; }
.mt30{ margin-top:30px !important; }
.mt32{ margin-top:32px !important; }
.mt35{ margin-top:35px !important; }
.mt40{ margin-top:40px !important; }
.mt45{ margin-top:45px !important; }
.mt50{ margin-top:50px !important; }
.mt54{ margin-top:54px !important; }
.mt60{ margin-top:60px !important; }
.mt65{ margin-top:65px !important; }
.mt70{ margin-top:70px !important; }
.mt80{ margin-top:80px !important; }
.mt90{ margin-top:90px !important; }
.mt120{ margin-top:120px !important; }
.mt150{ margin-top:150px !important; }
.mrA { margin-right:auto !important; }
.mr0 { margin-right:0 !important; }
.mr4 { margin-right:4px !important; }
.mr5 { margin-right:5px !important; }
.mr8 { margin-right:8px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }
.mr22{ margin-right:22px !important; }
.mr25{ margin-right:25px !important; }
.mr30{ margin-right:30px !important; }
.mr35{ margin-right:35px !important; }
.mr40{ margin-right:40px !important; }
.mr45{ margin-right:45px !important; }
.mr50{ margin-right:50px !important; }
.mb0 { margin-bottom:0 !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb8 { margin-bottom:8px !important; }
.mb10{ margin-bottom:10px !important; }
.mb14{ margin-bottom:14px !important; }
.mb15{ margin-bottom:15px !important; }
.mb18{ margin-bottom:18px !important; }
.mb20{ margin-bottom:20px !important; }
.mb22{ margin-bottom:22px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb35{ margin-bottom:35px !important; }
.mb40{ margin-bottom:40px !important; }
.mb45{ margin-bottom:45px !important; }
.mb50{ margin-bottom:50px !important; }
.mb60{ margin-bottom:60px !important; }
.mb70{ margin-bottom:70px !important; }
.mb80{ margin-bottom:80px !important; }
.mb90{ margin-bottom:90px !important; }
.mlA { margin-left:auto !important; }
.ml0 { margin-left:0 !important; }
.ml5 { margin-left:5px !important; }
.ml8 { margin-left:8px !important; }
.ml10{ margin-left:10px !important; }
.ml12{ margin-left:12px !important; }
.ml14{ margin-left:14px !important; }
.ml15{ margin-left:15px !important; }
.ml18{ margin-left:18px !important; }
.ml20{ margin-left:20px !important; }
.ml25{ margin-left:25px !important; }
.ml27{ margin-left:27px !important; }
.ml29{ margin-left:29px !important; }
.ml30{ margin-left:30px !important; }
.ml31{ margin-left:31px !important; }
.ml35{ margin-left:35px !important; }
.ml40{ margin-left:40px !important; }
.ml45{ margin-left:45px !important; }
.ml50{ margin-left:50px !important; }
.ml52{ margin-left:52px !important; }
.ml55{ margin-left:55px !important; }
.ml57{ margin-left:57px !important; }
.ml60{ margin-left:60px !important; }
.ml67{ margin-left:67px !important; }
.ml70{ margin-left:70px !important; }
.ml75{ margin-left:75px !important; }
.ml90{ margin-left:90px !important; }
.ml92{ margin-left:92px !important; }
.ml105{ margin-left:105px !important; }
.ml118{ margin-left:118px !important; }
.ml120{ margin-left:120px !important; }
.ml130{ margin-left:130px !important; }
.ml140{ margin-left:140px !important; }
.ml150{ margin-left:150px !important; }
.ml160{ margin-left:160px !important; }
.ml178{ margin-left:178px !important; }
.ml190{ margin-left:190px !important; }
.ml195{ margin-left:195px !important; }
.ml200{ margin-left:200px !important; }
.ml211{ margin-left:211px !important; }
.ml250{ margin-left:250px !important; }
.ml264{ margin-left:264px !important; }
.ml277{ margin-left:277px !important; }
.ml280{ margin-left:280px !important; }
.ml288{ margin-left:288px !important; }
.ml297{ margin-left:297px !important; }
.ml304{ margin-left:304px !important; }
.ml314{ margin-left:314px !important; }
.ml369{ margin-left:369px !important; }
.ml535{ margin-left:535px !important; }
.ml1em { margin-left:1em !important; }

/* padding ----------------------- */
.pt0 { padding-top: 0 !important; }
.pt2 { padding-top: 2px !important; }
.pt3 { padding-top: 3px !important; }
.pt5 { padding-top: 5px !important; }
.pt6 { padding-top: 6px !important; }
.pt8 { padding-top: 8px !important; }
.pt10{ padding-top: 10px !important; }
.pt14{ padding-top: 14px !important; }
.pt15{ padding-top: 15px !important; }
.pt18{ padding-top: 18px !important; }
.pt20{ padding-top: 20px !important; }
.pt22{ padding-top: 22px !important; }
.pt25{ padding-top: 25px !important; }
.pt30{ padding-top: 30px !important; }
.pt32{ padding-top: 32px !important; }
.pt35{ padding-top: 35px !important; }
.pt38{ padding-top: 38px !important; }
.pt40{ padding-top: 40px !important; }
.pt45{ padding-top: 45px !important; }
.pt50{ padding-top: 50px !important; }
.pt60{ padding-top: 60px !important; }
.pr0 { padding-right: 0px !important; }
.pr3 { padding-right: 3px !important; }
.pr5 { padding-right: 5px !important; }
.pr7 { padding-right: 7px !important; }
.pr10{ padding-right: 10px !important; }
.pr15{ padding-right: 15px !important; }
.pr18{ padding-right: 18px !important; }
.pr20{ padding-right: 20px !important; }
.pr25{ padding-right: 25px !important; }
.pr30{ padding-right: 30px !important; }
.pr35{ padding-right: 35px !important; }
.pr40{ padding-right: 40px !important; }
.pr45{ padding-right: 45px !important; }
.pr50{ padding-right: 50px !important; }
.pr51{ padding-right: 51px !important; }
.pb0 { padding-bottom: 0 !important; }
.pb3 { padding-bottom: 3px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb8 { padding-bottom: 8px !important; }
.pb10{ padding-bottom: 10px !important; }
.pb15{ padding-bottom: 15px !important; }
.pb18{ padding-bottom: 15px !important; }
.pb20{ padding-bottom: 20px !important; }
.pb25{ padding-bottom: 25px !important; }
.pb30{ padding-bottom: 30px !important; }
.pb35{ padding-bottom: 35px !important; }
.pb40{ padding-bottom: 40px !important; }
.pb45{ padding-bottom: 45px !important; }
.pb50{ padding-bottom: 50px !important; }
.pb60{ padding-bottom: 60px !important; }
.pb70{ padding-bottom: 70px !important; }
.pb80{ padding-bottom: 80px !important; }
.pl0 { padding-left: 0 !important; }
.pl3 { padding-left: 3px !important; }
.pl5 { padding-left: 5px !important; }
.pl10{ padding-left: 10px !important; }
.pl15{ padding-left: 15px !important; }
.pl18{ padding-left: 15px !important; }
.pl20{ padding-left: 20px !important; }
.pl25{ padding-left: 25px !important; }
.pl30{ padding-left: 30px !important; }
.pl34{ padding-left: 34px !important; }
.pl35{ padding-left: 35px !important; }
.pl40{ padding-left: 40px !important; }
.pl43{ padding-left: 43px !important; }
.pl45{ padding-left: 45px !important; }
.pl50{ padding-left: 50px !important; }
.pl66{ padding-left: 66px !important; }
.pl72{ padding-left: 72px !important; }
.pl110{ padding-left: 110px !important; }
.pl141{ padding-left: 141px !important; }
.pl200{ padding-left: 200px !important; }

.p10{ padding:10px !important; }
.p5{ padding:5px !important; }
.p3{ padding:3px !important; }
.plr5{
	padding:0 5px;
}

.w280{ width:280px; }
.w300{ width:300px; }
.w350{ width:350px; }
.w370{ width:370px; }
.w400{ width:400px; }
.w550{ width:550px; }
.w680{ width:680px; }
.wAuto{
      width: auto !important;
      max-width: none !important;
}
.w30{width: 30% !important;}
.w35{width: 35% !important;}
.w40{width: 40% !important;}
.w45{width: 45% !important;}
.w48{width: 48% !important;}
.w50{width: 50% !important;}
.w55{width: 55% !important;}
.w60{width: 60% !important;}
.w65{width: 65% !important;}
.w70{width: 70% !important;}
.w100{width: 100% !important;}
.h20{ height:20px; }
.h230{ height:230px; }
.hAuto{
      height: auto !important;
}
@media screen and (max-width: 480px){
.spw100{
	width: 100% !important;
}
.spml0,.spmr0{
		margin-left:0!important;
		margin-right:0!important;
	}
}
.c-text.-s {
    font-size: 14px !important;
}
.u-tac {
  text-align: center;
}

@media print, screen and (min-width: 48em) {
  .u-tac-pc {
    text-align: center;
  }
}

.u-taj {
  text-align: justify;
}

.u-tar {
  text-align: right;
}
.borderNone{
	border:none !important;
}
.font-weight-bold {
    font-weight: 700;
}

.font-weight-medium {
    font-weight: 500 !important;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}
.flex{
	display:flex;
}
.justify-center{
	justify-content: center;
}

@media screen and (max-width: 480px){
.flex-sp-none{
	display:block;
}
.flex-sp-wrap{
	flex-wrap: wrap;
}
}