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

base.css
-----------------------------------
1: base settings
	1-1: reset
	1-2: base
	1-3: utility parts
-----------------------------------
ex: clearfix

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

/*=================================

	1: base settings

================================ */

/* 1-1: reset
================================ */
/* 
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;
}

body {
    line-height:1;
}

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

nav 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:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    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;
}

/**
 * custom reset
 */
main {
		display:block;
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
h1,h2,h3,h4,h5,h6,strong{font-weight:normal;}
ol,ul{list-style:none;}
a:focus{outline:thin dotted;}
a:hover,a:active{outline:0;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
mark{background:none;}
caption,th{text-align:left;}
video,audio,canvas{display:inline;zoom:1;}
svg:not(:root){overflow:hidden;}
audio:not([controls]),[hidden]{display:none;}
hr{display:none;}
img{max-width:100%;height:auto;width /***/:auto;-ms-interpolation-mode:bicubic;vertical-align:top;}
sub,sup{position:relative;line-height:0;font-size:12px;font-size:1.2rem;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
address {font-style: normal;}

/* 1-2: base
================================ */
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 62.5%; /* 1rem = 10px */
}
html.standard {
	font-size: 62.5%;
}
html.large {
	font-size: 75%;
}
body {
	color: #444444;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.67;
}
body * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input, select, textarea {
	font-size: 15px;
	font-size: 1.5rem;
}

/* font-family */
body .arial {
	font-family: Arial, Helvetica, sans-serif;
}

/* link setting */
a:link,
a:visited {
	color: #0a5fbe;
	text-decoration: none;
}
a:hover,
a:active {
	color: #3763b4;
	text-decoration: underline;
}
main a,
main a img {
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
main a:link,
main a:visited {
	text-decoration: underline;
}
main a:hover,
main a:active {
	text-decoration: none;
}
#sidebar a:link,
#sidebar a:visited {
	text-decoration: none;
}
#sidebar a:hover,
#sidebar a:active {
	text-decoration: underline;
}

/* ja */
body,
input, select, textarea {
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Myriad Pro, Myriad, Arial, sans-serif;
}
body .noto {
	font-family: 'Noto Sans Japanese', serif;
}

@media only screen and (max-width: 768px) {

body {
	font-size: 12px;
	font-size: 1.2rem;
}
.sp input, .sp select, .sp textarea {
	-webkit-appearance: button;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	font-size: 12px;
	font-size: 1.2rem;
}

}

/* 1-3: utility parts
================================ */
.mt0 {margin-top: 0 !important;} .mt5 {margin-top: 5px !important;} .mt10 {margin-top: 10px !important;} .mt15 {margin-top: 15px !important;} .mt20 {margin-top: 20px !important;} .mt25 {margin-top: 25px !important;} .mt30 {margin-top: 30px !important;} .mt35 {margin-top: 35px !important;} .mt40 {margin-top: 40px !important;} .mt45 {margin-top: 45px !important;} .mt50 {margin-top: 50px !important;} .mt55 {margin-top: 55px !important;} .mt60 {margin-top: 60px !important;} .mt65 {margin-top: 65px !important;} .mt70 {margin-top: 70px !important;} .mr0 {margin-right: 0 !important;} .mr5 {margin-right: 5px !important;} .mr10 {margin-right: 10px !important;} .mr15 {margin-right: 15px !important;} .mr20 {margin-right: 20px !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;} .mr55 {margin-right: 55px !important;} .mr60 {margin-right: 60px !important;} .mr65 {margin-right: 65px !important;} .mr70 {margin-right: 70px !important;} .mb0 {margin-bottom: 0 !important;} .mb5 {margin-bottom: 5px !important;} .mb10 {margin-bottom: 10px !important;} .mb15 {margin-bottom: 15px !important;} .mb20 {margin-bottom: 20px !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;} .mb55 {margin-bottom: 55px !important;} .mb60 {margin-bottom: 60px !important;} .mb65 {margin-bottom: 65px !important;} .mb70 {margin-bottom: 70px !important;} .ml0 {margin-left: 0 !important;} .ml5 {margin-left: 5px !important;} .ml10 {margin-left: 10px !important;} .ml15 {margin-left: 15px !important;} .ml20 {margin-left: 20px !important;} .ml25 {margin-left: 25px !important;} .ml30 {margin-left: 30px !important;} .ml35 {margin-left: 35px !important;} .ml40 {margin-left: 40px !important;} .ml45 {margin-left: 45px !important;} .ml50 {margin-left: 50px !important;} .ml55 {margin-left: 55px !important;} .ml60 {margin-left: 60px !important;} .ml65 {margin-left: 65px !important;} .ml70 {margin-left: 70px !important;} .pt0 {padding-top: 0 !important;} .pt5 {padding-top: 5px !important;} .pt10 {padding-top: 10px !important;} .pt15 {padding-top: 15px !important;} .pt20 {padding-top: 20px !important;} .pt25 {padding-top: 25px !important;} .pt30 {padding-top: 30px !important;} .pt35 {padding-top: 35px !important;} .pt40 {padding-top: 40px !important;} .pt45 {padding-top: 45px !important;} .pt50 {padding-top: 50px !important;} .pt55 {padding-top: 55px !important;} .pt60 {padding-top: 60px !important;} .pt65 {padding-top: 65px !important;} .pt70 {padding-top: 70px !important;} .pr0 {padding-right: 0 !important;} .pr5 {padding-right: 5px !important;} .pr10 {padding-right: 10px !important;} .pr15 {padding-right: 15px !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;} .pr55 {padding-right: 55px !important;} .pr60 {padding-right: 60px !important;} .pr65 {padding-right: 65px !important;} .pr70 {padding-right: 70px !important;} .pb0 {padding-bottom: 0 !important;} .pb5 {padding-bottom: 5px !important;} .pb10 {padding-bottom: 10px !important;} .pb15 {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;} .pb55 {padding-bottom: 55px !important;} .pb60 {padding-bottom: 60px !important;} .pb65 {padding-bottom: 65px !important;} .pb70 {padding-bottom: 70px !important;} .pl0 {padding-left: 0 !important;} .pl5 {padding-left: 5px !important;} .pl10 {padding-left: 10px !important;} .pl15 {padding-left: 15px !important;} .pl20 {padding-left: 20px !important;} .pl25 {padding-left: 25px !important;} .pl30 {padding-left: 30px !important;} .pl35 {padding-left: 35px !important;} .pl40 {padding-left: 40px !important;} .pl45 {padding-left: 45px !important;} .pl50 {padding-left: 50px !important;} .pl55 {padding-left: 55px !important;} .pl60 {padding-left: 60px !important;} .pl65 {padding-left: 65px !important;} .pl70 {padding-left: 70px !important;} .w001per {width: 1% !important;} .w002per {width: 2% !important;} .w003per {width: 3% !important;} .w004per {width: 4% !important;} .w005per {width: 5% !important;} .w006per {width: 6% !important;} .w007per {width: 7% !important;} .w008per {width: 8% !important;} .w009per {width: 9% !important;} .w010per {width: 10% !important;} .w011per {width: 11% !important;} .w012per {width: 12% !important;} .w013per {width: 13% !important;} .w014per {width: 14% !important;} .w015per {width: 15% !important;} .w016per {width: 16% !important;} .w017per {width: 17% !important;} .w018per {width: 18% !important;} .w019per {width: 19% !important;} .w020per {width: 20% !important;} .w021per {width: 21% !important;} .w022per {width: 22% !important;} .w023per {width: 23% !important;} .w024per {width: 24% !important;} .w025per {width: 25% !important;} .w026per {width: 26% !important;} .w027per {width: 27% !important;} .w028per {width: 28% !important;} .w029per {width: 29% !important;} .w030per {width: 30% !important;} .w031per {width: 31% !important;} .w032per {width: 32% !important;} .w033per {width: 33% !important;} .w034per {width: 34% !important;} .w035per {width: 35% !important;} .w036per {width: 36% !important;} .w037per {width: 37% !important;} .w038per {width: 38% !important;} .w039per {width: 39% !important;} .w040per {width: 40% !important;} .w041per {width: 41% !important;} .w042per {width: 42% !important;} .w043per {width: 43% !important;} .w044per {width: 44% !important;} .w045per {width: 45% !important;} .w046per {width: 46% !important;} .w047per {width: 47% !important;} .w048per {width: 48% !important;} .w049per {width: 49% !important;} .w050per {width: 50% !important;} .w051per {width: 51% !important;} .w052per {width: 52% !important;} .w053per {width: 53% !important;} .w054per {width: 54% !important;} .w055per {width: 55% !important;} .w056per {width: 56% !important;} .w057per {width: 57% !important;} .w058per {width: 58% !important;} .w059per {width: 59% !important;} .w060per {width: 60% !important;} .w061per {width: 61% !important;} .w062per {width: 62% !important;} .w063per {width: 63% !important;} .w064per {width: 64% !important;} .w065per {width: 65% !important;} .w066per {width: 66% !important;} .w067per {width: 67% !important;} .w068per {width: 68% !important;} .w069per {width: 69% !important;} .w070per {width: 70% !important;} .w071per {width: 71% !important;} .w072per {width: 72% !important;} .w073per {width: 73% !important;} .w074per {width: 74% !important;} .w075per {width: 75% !important;} .w076per {width: 76% !important;} .w077per {width: 77% !important;} .w078per {width: 78% !important;} .w079per {width: 79% !important;} .w080per {width: 80% !important;} .w081per {width: 81% !important;} .w082per {width: 82% !important;} .w083per {width: 83% !important;} .w084per {width: 84% !important;} .w085per {width: 85% !important;} .w086per {width: 86% !important;} .w087per {width: 87% !important;} .w088per {width: 88% !important;} .w089per {width: 89% !important;} .w090per {width: 90% !important;} .w091per {width: 91% !important;} .w092per {width: 92% !important;} .w093per {width: 93% !important;} .w094per {width: 94% !important;} .w095per {width: 95% !important;} .w096per {width: 96% !important;} .w097per {width: 97% !important;} .w098per {width: 98% !important;} .w099per {width: 99% !important;} .w100per {width: 100% !important;} .aC {text-align: center !important;} .aL {text-align: left !important;} .aR {text-align: right !important;} .vT {vertical-align: top !important;} .vM {vertical-align: middle !important;} .vB {vertical-align: bottom !important;} .dB {display: block !important;} .dN {display: none !important;} .fR, .fL, .fN {margin-top: 20px;} .fR > * {float:right !important;} .fL > * {float:left !important;} .fN > * {float:none !important;} .fR > *:first-child, .fL > *:first-child, .fN > *:first-child {margin-top:0 !important;} .clearB {clear:both !important;} .clearR {clear:right !important;} .clearL {clear:left !important;} .clearN {clear:none !important;} .voiceGuide {display: block;width: 1px;height: 1px;margin: 0;padding: 0;position: absolute;top: 0;left: 0;overflow: hidden;font-size: 0;} @media all and (min-width: 769px) { .spElm {display: none !important;} } @media only screen and (max-width: 768px) { .pcElm {display: none !important;} }