@charset "utf-8";

/* ==============  ・タブレット・スマホ共通設定 ================ */
/* ==============  全体の設定 ================ */
body {
  margin: 0px;
  padding: 0px;
  color: #333;
  font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, '游ゴシック', YuGothic, Arial, Helvetica,'Lucida Grande', sans-serif;
  font-size: 14px;
  line-height: 1.4;
  background: #fff;
  -webkit-text-size-adjust: none;
}

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,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-style:normal;
font-weight:normal;
text-decoration:none;
}
h1, h2, h3, h4, h5, h6{
font-size:100%;
}
ul {list-style-type: none;}
img {border: none;max-width: 100%;height: auto;}
a img:hover {opacity: 0.7;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
iframe {width: 100%;}
strong{font-weight:bold;}
em{font-weight:bold;text-decoration:none;font-style:normal;}
b{font-weight:bold;text-decoration:none;}
i,s,q{font-style:normal;text-decoration:none;}
ol, ul{
margin:0;
padding:0;
}
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;
}
hr {
display:block;
height:3px;
border:0;   
border-top:3px solid #ddd;
margin: 0;
}

.serifFont{
font-family:'Libre Baskerville','Times New Roman', Times,'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
}
.sansSerifFont{
font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, '游ゴシック', YuGothic, Arial, Helvetica,'Lucida Grande', sans-serif;
}

/* *{word-break:break-all;} */
*{word-wrap:break-word;}
.breakAll{word-break:break-all;}


/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
  color: #03c;
  -webkit-transition: 0.5s;  /*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
  transition: 0.5s;      /*同上*/
  text-decoration: none;
}
a:hover {
  color: #08f;      /*マウスオン時の文字色*/
  text-decoration: underline;  /*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}
---------------------------------------------------------------------------*/
/* 汎用便利クラス */

.f09px{font-size:9px;}
.f10px{font-size:10px;}
.f11px{font-size:11px;}
.f12px{font-size:12px;}
.f13px{font-size:13px;}
.f14px{font-size:14px;}
.f15px{font-size:15px;}
.f16px{font-size:16px;}
.f17px{font-size:17px;}
.f18px{font-size:18px;}
.f20px{font-size:20px;}
.f24px{font-size:24px;}
.f26px{font-size:26px;}
.f30px{font-size:30px;}
.f32px{font-size:32px;}
.f36px{font-size:36px;}
.f40px{font-size:40px;}

.f80p{font-size:80%}
.f90p{font-size:90%}
.f100p{font-size:100%}
.f110p{font-size:110%}
.f120p{font-size:120%}
.f125p{font-size:125%}
.f130p{font-size:130%}
.f140p{font-size:140%}
.f150p{font-size:150%}
.f160p{font-size:160%}
.f170p{font-size:170%}
.f180p{font-size:180%}
.f190p{font-size:10%}
.f200p{font-size:200%}

.cblack { color: #000000;}
.cwhite { color: #FFFFFF;}
.cred { color: #FF0000;}
.cdkred { color: #770000;}
.cblue { color: #4d6fdf;}
.corgred { color: #FF6600;}
.cmosgold { color: #996633;}
.cdkgrn { color: #338800;}
.cgry { color: #777;}
.cwgry{ color:#cccccc;}
.cmosgrn{color:#689B00;}
.cdkblue{color:#5555BB;}

.txShadow{text-shadow:#bbb 2px 2px 6px;}

.bfgry{background-color:#f7f5f3;}
.bwhite{background-color:#ffffff;}
.bcream{background-color:#fff7e3;}
.bgreen{background-color:#f4fff7;}
.bblue{background-color:#ecfafb;}
.bgry{background-color:#EEE3E3;}
.bwgry{background-color:#F7F3F3;}

/* ================================ */
.mgnt3{margin-top:3px;}
.mgnt5{margin-top:5px;}
.mgnt10{margin-top:10px;}
.mgnt15{margin-top:15px;}
.mgnt20{margin-top:20px;}
.mgnt25{margin-top:25px;}
.mgnt30{margin-top:30px;}
.mgnt35{margin-top:35px;}
.mgnt40{margin-top:40px;}
.mgnt50{margin-top:50px;}
.mgnt60{margin-top:60px;}
.mgnt100{margin-top:100px;}

.mgnb3{margin-bottom:3px;}
.mgnb5{margin-bottom:5px;}
.mgnb10{margin-bottom:10px;}
.mgnb15{margin-bottom:15px;}
.mgnb20{margin-bottom:20px;}
.mgnb25{margin-bottom:25px;}
.mgnb30{margin-bottom:30px;}
.mgnb35{margin-bottom:35px;}
.mgnb40{margin-bottom:40px;}
.mgnb50{margin-bottom:50px;}
.mgnb60{margin-bottom:60px;}
.mgnb100{margin-bottom:100px;}

.pdd3{padding:3px;}
.pdd5{padding:5px;}
.pdd10{padding:10px;}
.pdd15{padding:15px;}
.pdd20{padding:20px;}

.pddLR5{padding-left:5px;padding-right:5px;}
.pddLR10{padding-left:10px;padding-right:10px;}
.pddLR15{padding-left:15px;padding-right:15px;}
.pddLR20{padding-left:20px;padding-right:20px;}
.pddLR25{padding-left:25px;padding-right:25px;}
.pddLR30{padding-left:30px;padding-right:30px;}

.pddt5{padding-top:5px ;}
.pddt10{padding-top:10px;}
.pddt15{padding-top:15px;}
.pddt20{padding-top:20px;}
.pddt25{padding-top:25px;}
.pddt30{padding-top:30px;}
.pddt35{padding-top:35px;}
.pddt40{padding-top:40px;}
.pddt50{padding-top:50px;}

.pddb5{padding-bottom:5px;}
.pddb10{padding-bottom:10px;}
.pddb15{padding-bottom:15px;}
.pddb20{padding-bottom:20px;}
.pddb25{padding-bottom:25px;}
.pddb30{padding-bottom:30px;}
.pddb35{padding-bottom:35px;}
.pddb40{padding-bottom:40px;}
.pddb50{padding-bottom:50px;}

.mgnL5{margin-left:5px;}
.mgnL10{margin-left:10px;}
.mgnL15{margin-left:15px;}
.mgnL20{margin-left:20px;}
.mgnL25{margin-left:25px;}
.mgnL30{margin-left:30px;}

.mgnR5{margin-right:5px;}
.mgnR10{margin-right:10px;}
.mgnR15{margin-right:15px;}
.mgnR20{margin-right:20px;}
.mgnR25{margin-right:25px;}
.mgnR30{margin-right:25px;}

.LH1{line-height:1;}
.LH12{line-height:1.2;}
.LH14{line-height:1.4;}
.LH15{line-height:1.5;}
.LH16{line-height:1.6;}
.LH17{line-height:1.7;}
.LH18{line-height:1.8;}
.LH2{line-height:2;}
.LH22{line-height:2.2;}
.LH24{line-height:2.4;}
.LH25{line-height:2.5;}
.LH3{line-height:3;}
.LH4{line-height:4;}

a img:hover{
filter:alpha(opacity=77);
-moz-opacity:0.77;
opacity:0.77; 
}

@media screen{
.screenNoDisp{display:none;}
}/* screen */

@media print{
.printNoDisp{display:none;}
}/* print */

.pageBreakBf{page-break-before: always;}
.pageBreakAft{page-break-after: always;}

.txLeft{text-align:left !important;}
.txCenter{text-align:center !important;}
.txRight{text-align:right !important;}
.txVtop{vertical-align:top;}
.txVmiddle{vertical-align:middle;}
.txVbottom{vertical-align:bottom;}
.noWrap {white-space: nowrap;}
.bold{font-weight:bold;}
.bolder{font-weight:bolder;}
.fNormal{font-weight:normal;}
.obli{font-style:oblique;}
.throu{text-decoration:line-through;}
.under{text-decoration:underline;}
.over{text-decoration:overline;}
.pointer{cursor:pointer;}
.noPointer{cursor:default;}
.lsNormal{letter-spacing:normal;}

.noVisib{visibility:hidden;}
.noDisp{display:none;}
.inlineBlock{display:inline-block;}
.posRelative{position:relative;}
.dispBlock{display:block;}
/* ===== float ===== */
.fLeft{float:left;}
.fRight{  float:right;}
.clrBoth{clear:both;}
.clrLeft{clear:left;}
.clrRight{clear:right;}

.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clrBlock {
clear: both;
display: block;
margin: 0;
padding: 0;
height: 0;
line-height: 1px;
font-size: 1px; 
overflow:hidden;
}

.clearfix:after{
  content:"\00a0";
  display:block;
  height:0;
  font:0px/0 serif;
  clear:both;
  visibility:hidden;
  overflow:hidden;
}
/* ===== etc ===== */
.borderT1 {
    border-top: 1px solid #cccccc;
    padding-top: 5px;
}
.borderB1 {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 5px;
}
.dispBlock {
    display: block;
}
.popRelative {
    position: relative;
}
/* ================================ */

@media screen and (min-width: 800px) {
  .PCnoDisp{display:none;}
}