@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*********************************************
RESET
*********************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style:normal;
  font-weight: normal;
  font-size: 13px;
  vertical-align: baseline;
  line-height: 1.5em;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section,main {
  display: block;
}
html {
  overflow-y: scroll;
}
img {
  vertical-align: middle;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
input, textarea {
  margin: 0;
  padding: 0;
}
ol, ul{
  list-style:none;
}
table{
  border-collapse: collapse; 
  border-spacing:0;
}
caption, th {
  text-align: left;
}
a,span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}
a:focus {
  outline:none;
}
button {
  border:none;
  background-color:inherit;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
}


/*********************************************
DEFAULT
*********************************************/
*,
*::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;
}
body * {
  font-family: "Noto Sans Japanese","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%; 
}
.serif { /* 本文用 */
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}
.serifH { /* 見出し用 */
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
}
a img {
  transition-property: opacity;
  transition-duration: .2s;
  backface-visibility: hidden;
}
a:hover {
  text-decoration: underline;
}
a:hover img {  
  opacity: 0.75;  
  -moz-opacity:0.75;
  filter: alpha(opacity=75); 
}
iframe[name=google_conversion_frame] {
  position: absolute;
  top: 0;
}

/* clearfix clear */
/* -------------------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
.clear { 
  clear:both;
}
/* 汎用クラス */
/* -------------------------------------------------- */
.mp0 {
  margin: 0px;
  padding: 0px;
}
.p0 {padding:0px !important;}
.m0{margin:0px !important;}

.pT0 {padding-top:0px !important;}
.pT5 {padding-top:5px !important;}
.pT10 {padding-top:10px !important;}
.pT15 {padding-top:15px !important;}
.pT20 {padding-top:20px !important;}
.pT30 {padding-top:30px !important;}
.pT40 {padding-top:40px !important;}
.pT50 {padding-top:50px !important;}
.pT60 {padding-top:60px !important;}

.pB5 {padding-bottom:5px !important;}
.pB10 {padding-bottom:10px !important;}
.pB20 {padding-bottom:20px !important;}
.pB30 {padding-bottom:30px !important;}
.pB40 {padding-bottom:40px !important;}
.pB50 {padding-bottom:50px !important;}
.pB60 {padding-bottom:60px !important;}

.pL5 {padding-left:5px !important;}
.pL10 {padding-left:10px !important;}
.pL20 {padding-left:20px !important;}
.pL30 {padding-left:30px !important;}
.pL40 {padding-left:40px !important;}
.pL50 {padding-left:50px !important;}
.pL60 {padding-left:60px !important;}

.pR0 {padding-right:0px !important;}
.pR10 {padding-right:10px !important;}
.pR20 {padding-right:20px !important;}
.pR30 {padding-right:35px !important;}
.pR40 {padding-right:20px !important;}
.pR50 {padding-right:55px !important;}
.pR60 {padding-right:55px !important;}

.mT0 {margin-top:0px !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;}
.mT40 {margin-top:40px !important;}
.mT50 {margin-top:50px !important;}
.mT60 {margin-top:60px !important;}

.mB0 {margin-bottom:0px !important;}
.mB10 {margin-bottom:10px !important;}
.mB20 {margin-bottom:20px !important;}
.mB25 {margin-bottom:25px !important;}
.mB30 {margin-bottom:30px !important;}
.mB40 {margin-bottom:40px !important;}
.mB50 {margin-bottom:50px !important;}
.mB60 {margin-bottom:60px !important;}

.mL0 {margin-left: 0px !important;}
.mL10 {margin-left: 10px !important;}
.mL15 {margin-left: 15px !important;}
.mL20 {margin-left: 20px !important;}
.mL30 {margin-left: 30px !important;}

.mR0 {margin-right: 0px !important;}
.mR5 {margin-right: 5px !important;}
.mR10 {margin-right: 10px !important;}
.mR20 {margin-right: 20px !important;}
.mR30 {margin-right: 30px !important;}
.mR40 {margin-right: 40px !important;}

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

.fLeft{float:left !important;}
.fRight{float:right !important;}