@charset "utf-8";

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, /*font,*/ 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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    word-break: break-all;
}

body {
    line-height: 1;
}
img{
    vertical-align: bottom;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
/* remember to define focus styles! */
:focus {
outline:none;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

address{font-style:normal;}

div:after,
dl:after,
ul:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*
for-box-bug 
div:after {content: "";display:block;height:0px;line-height:0;clear:both;visibility:hidden;} 
div {display:inline-table;} 
not allowed to Mac IE \
* html div {height:1px;} 
div {display:block;} 


for-box-bug 
dl:after {content: " ";display:block;height:0px;line-height:0;clear:both;visibility:hidden; }
dl {display:inline-table;} 
not allowed to Mac IE \
* html dl {height:1px;} 
dl {display:block;} 


for-box-bug 
ul:after {content: " ";display:block;height:0px;line-height:0;clear:both;visibility:hidden ;}
ul {display:inline-table;} 
not allowed to Mac IE \
* html ul {height:1px;} 
ul {display:block;} 
*/

/* --------------- 汎用 --------------- */
.pageBreakBf{
    page-break-before: always;
}
.pageBreakAft{
    page-break-after: always;
}
/* --------------- quick use --------------- */
.txLeft{text-align:left;}
.txCenter{text-align:center;}
.txRight{text-align:right;}
.txVtop{vertical-align:top;}
.txVmiddle{vertical-align:middle;}
.txVbottom{vertical-align:bottom;}
.noWrap {white-space: nowrap;}

.bold{font-weight:bold;}
.bolder{font-weight:bolder;}
.fwNormal{font-weight:normal !important;}
.obli{font-style:oblique;}
.fsNormal{font-style:normal;}
.throu{text-decoration:line-through;}
.under{text-decoration:underline;}
.over{text-decoration:overline;}
.fdNormal{text-decoration:none !important;}
.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;}

.fLeft{float:left;}
.fRight{    float:right;}
.clrBoth{clear:both;}
.clrLeft{clear:left;}
.clrRight{clear:right;}

.clearFix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.cf:before, .cf:after {
    content: "";
    display: table;
}
.cf:after {
    clear: both;
}

.cblack { color: #000000;}
.cwhite { color: #FFFFFF;}
.cred { color: #FF0000;}
.corgred { color: #ff6600;}
.cdkred { color: #aa0000;}
.cmosgold { color: #996633;}
.cdkgrn { color: #337F00;}
.cgry { color: #777;}
.cmagenta{ color: Magenta;}

.bfgry{background-color:#f7f5f3;}
.bgry{background-color:#dddddd;}
.bcream{background-color:#fff7e3;}

.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 ;}
.f19px{font-size:19px ;}
.f20px{font-size:20px ;}

.mgnt3{margin-top:3px !important;}
.mgnt5{margin-top:5px !important;}
.mgnt10{margin-top:10px !important;}
.mgnt15{margin-top:15px !important;}
.mgnt20{margin-top:20px !important;}
.mgnt25{margin-top:25px !important;}
.mgnt30{margin-top:30px !important;}
.mgnt40{margin-top:40px !important;}
.mgnt50{margin-top:50px !important;}

.mgnb3{margin-bottom:3px !important;}
.mgnb5{margin-bottom:5px !important;}
.mgnb10{margin-bottom:10px !important;}
.mgnb15{margin-bottom:15px !important;}
.mgnb20{margin-bottom:20px !important;}
.mgnb25{margin-bottom:25px !important;}
.mgnb30{margin-bottom:30px !important;}
.mgnb40{margin-bottom:40px !important;}
.mgnb50{margin-bottom:50px !important;}

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

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

.LH1{line-height:1;}
.LH12{line-height:1.2;}
.LH13{line-height:1.3;}
.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;}
.LH3{line-height:3;}


.spSet {display: none !important;}
.pcSet {display: block !important;}

/* --------------- スマホ --------------- */
@media (max-width: 767px) {
    .spSet {display: block !important;}
    .pcSet {display: none !important;}
    
    .f11px{font-size:3vw ;}
    .f12px{font-size:3.3vw ;}
    .f13px{font-size:3.5vw ;}
    .f14px{font-size:3.8vw ;}
    .f15px{font-size:4vw ;}
    .f16px{font-size:4.3vw ;}
    .f17px{font-size:4.5vw ;}
    .f18px{font-size:4.8vw ;}
    .f19px{font-size:5vw ;}
    .f20px{font-size:5.3vw ;}
    
    
    
}

/* --------- loading アニメ -------- */
/*
<p class="spinner-loader">Loading&#8230;</p>
*/
@-moz-keyframes spinner-loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner-loader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* :not(:required) hides this rule from IE9 and below */
.spinner-loader:not(:required) {
    -moz-animation: spinner-loader 1500ms infinite linear;
    -webkit-animation: spinner-loader 1500ms infinite linear;
    animation: spinner-loader 1500ms infinite linear;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    -moz-box-shadow: rgba(255,255,255,0.5 ) 1.5em 0 0 0, rgba(255,255,255, 0.5) 1.1em 1.1em 0 0, rgba(255,255,255, 0.5) 0 1.5em 0 0, rgba(255,255,255, 0.5) -1.1em 1.1em 0 0, rgba(255,255,255, 0.5) -1.5em 0 0 0, rgba(255,255,255, 0.5) -1.1em -1.1em 0 0, rgba(255,255,255, 0.5) 0 -1.5em 0 0, rgba(255,255,255, 0.5) 1.1em -1.1em 0 0;
    -webkit-box-shadow: rgba(255,255,255, 0.5) 1.5em 0 0 0, rgba(255,255,255, 0.5) 1.1em 1.1em 0 0, rgba(255,255,255, 0.5) 0 1.5em 0 0, rgba(255,255,255, 0.5) -1.1em 1.1em 0 0, rgba(255,255,255, 0.5) -1.5em 0 0 0, rgba(255,255,255, 0.5) -1.1em -1.1em 0 0, rgba(255,255,255, 0.5) 0 -1.5em 0 0, rgba(255,255,255, 0.5) 1.1em -1.1em 0 0;
    box-shadow: rgba(255,255,255, 0.5) 1.5em 0 0 0, rgba(255,255,255, 0.5) 1.1em 1.1em 0 0, rgba(255,255,255, 0.5) 0 1.5em 0 0, rgba(255,255,255, 0.5) -1.1em 1.1em 0 0, rgba(255,255,255, 0.5) -1.5em 0 0 0, rgba(255,255,255, 0.5) -1.1em -1.1em 0 0, rgba(255,255,255, 0.5) 0 -1.5em 0 0, rgba(255,255,255, 0.5) 1.1em -1.1em 0 0;
    display: inline-block;
    font-size: 14px;
    width: 1em;
    height: 1em;
    margin: 1.5em;
    overflow: hidden;
    text-indent: 100%;
}

/* facebookアイコンの位置調整 */
.socialWrap {
	padding: 20px 0;
	text-align: center;
}
.socialWrap div {
	display: inline-block;
}
.fb_iframe_widget > span {
	vertical-align: baseline !important;
}