@charset "UTF-8";



/*
-----------------------------------------------------

	=WordPress Reset default browser

-----------------------------------------------------
*/

/* =HTML5 Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-----------------------------------------------------*/
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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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 {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;border-collapse: collapse !important;}
:focus {/* remember to define focus styles! */ outline: 0;}
body { background: #fff; line-height: 1;}
ol, ul { list-style: none;}
table {/* tables still need 'cellspacing="0"' in the markup */border-collapse: collapse !important; border-spacing: 0;}
caption, th, td { font-weight: normal; text-align: left;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
a img { border: 0 !important;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block;}
audio, canvas, video { display: inline-block; max-width: 100%; *display: inline; zoom: 1;}
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

/*
-----------------------------------------------------

Global Formatting

-----------------------------------------------------
*/

.clearfix { zoom:1; /*for IE 5.5-7*/}
.clearfix:after { content:"."; display: block; height: 0px; font-size: 0; clear: both; visibility: hidden;}
* html .clearfix{display:inline-table;/**/display:block;/**/}

.clear { margin:0 !important; clear:both; visibility: hidden; height: 0;}
.hidden { display:none !important; visibility: hidden; height: 0;}

.block { margin-bottom: 30px;}
.block:last-child { margin-bottom: 0 !important;}
.in { padding: 30px; }

.imgover{}
.anchor-link{}
.window-scale{}

/* Hover */
.over img, .scaleup, .rotate, .scaleup-rotate {
	-webkit-transition: all ease-in 0.2s;
	-moz-transition: all ease-in 0.2s;
	-ms-transition: all ease-in 0.2s;
	transition: all ease-in 0.2s;
}
.over:hover img {
	opacity:0.6;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* For IE 5-7 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* For IE 8 */
}
.scaleup:hover { -webkit-transform: scale(2);}
.rotate:hover { -webkit-transform: rotate(360deg);}
.scaleup-rotate:hover { -webkit-transform: scale(2) rotate(360deg); box-shadow:1px 1px 8px #999; }

/* Transform */
.shadow { box-shadow: 1px 1px 8px #ccc;}
.radius { border-radius: 10px;}

/* Font Size */
.fs-9 { font-size: 9px !important;}
.fs-10 { font-size: 10px !important;}
.fs-11 { font-size: 11px !important;}
.fs-12 { font-size: 12px !important;}
.fs-13 { font-size: 13px !important;}
.fs-14 { font-size: 14px !important;}
.fs-15 { font-size: 15px !important;}
.fs-18 { font-size: 18px !important;}
.fs-21 { font-size: 21px !important;}
.fs-24 { font-size: 24px !important;}
.fs-28 { font-size: 28px !important;}
.fs-30 { font-size: 30px !important;}
.fs-36 { font-size: 36px !important;}
.fs-48 { font-size: 48px !important;}
.fs-60 { font-size: 60px !important;}
.fs-72 { font-size: 72px !important;}
.f-catch { font-size: 161.6%;}
.f-focus  {color: #34495e !important; font-weight: 300;}
.f-attention { color:#f60 !important; font-weight: bold; border-bottom: dotted 2px #f60;}
.f-note { font-size: 9px !important; line-height: 1.66;}

/* Font Color */
.fc-black { color:#000 !important;}
.fc-white { color:#fff !important;}
.fc-gray { color:#999 !important;}
.fc-red { color:#F00 !important;}
.fc-pink { color:#f39 !important;}
.fc-yellow { color:#cc0 !important;}
.fc-orange { color:#ff9673 !important;}
.fc-blue { color:#09C !important;}
.fc-lightblue { color:#6CC !important;}
.fc-navy { color:#3498db !important;}
.fc-green { color:#090 !important;}
.fc-lightgreen { color:#9C0 !important;}
.fc-darkgreen { color: #678C00 !important;}
.fc-maroon { color:#6d0020 !important;}
.fc-marron { color:#c9a15e !important;}
.fc-turquoise { color:#1abc9c !important;}
.fc-salmon-pink { color:#FF9897 !important;}
.fc-sun-flower { color:#f1c40f !important;}
.fc-rss { color:#fc0 !important;}

/* Background Color */
.bg-facebook { background-color: #3b5998 !important;}
.bg-facebook, .bg-facebook a { color: #fff !important;}
.bg-twitter { background-color: #0bf !important;}
.bg-twitter, .bg-twitter a { color: #fff !important;}
.bg-line { background-color: #00C500 !important;}
.bg-line, .bg-line a { color: #fff !important;}
.bg-google-plus { background-color: #cd201f !important;}
.bg-google-plus, .bg-google-plus a { color: #fff !important;}
.bg-rss { background: #fc0 !important;}
.bg-rss, .bg-rss a { color:#fff !important;}

/* Font Style */
 strong,
.fw-bold{font-weight:bold !important;}
.ff-mincho { font-family:"游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}

/* Column Layout Format */
.row .col { float: left;}
.column-1 {}
.column-2 .col { width: 50%;}
.column-3 .col { width: 33.33%;}
.column-4 .col { width: 25%;}
.column-5 .col { width: 20%;}
.column-6 .col { width: 16.66%;}
.column-8 .col { width: 12.5%;}

.row > li{ float: left;}
.column-1 {}
.column-2 > li { width: 50%;}
.column-3 > li { width: 33.33%;}
.column-4 > li { width: 25%;}
.column-5 > li { width: 20%;}
.column-6 > li { width: 16.66%;}
.column-8 > li { width: 12.5%;}

/* Alignment */
.alignleft {display:block;float:left;}
.alignright {display:block;float:right;}
.aligncenter {clear:both;display:block;}
.alignleft,.alignright,.aligncenter {}
.alignleft { margin: 0 3% 3% 0; max-width: 95%;}
.alignright  { margin: 0 0 3% 3%; max-width: 95%; }
.aligncenter { margin: 0 auto 3%;}

.taL { text-align: left !important;}
.taR { text-align: right !important;}
.taC { text-align: center !important;}

.taL img,
.taR img,
.taC img { display:inline !important;}

.cntL { float: left;}
.cntR { float: right;}
.cntL, .cntR { width: 48%;}

/*Position*/
.parent { position: relative;}
.parent .child { position: absolute;}

/* Borders */
.bd { border: solid 1px #ddd !important;}
.bd3px { border: solid 3px #ccc !important;}
.bdT { border-top: solid;}
.bdR { border-right: solid;}
.bdB { border-bottom: solid;}
.bdL { border-left: solid;}
.bdT, .bdR, .bdB, .bdL { border-width: 1px; border-color: #ddd;}
.no-border { border: none !important;}

/* Margin & Padding */
.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;}
.mt80  { margin-top	: 80px !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;}

.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;}
.mb80  { margin-bottom: 80px !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;}

.m0  { margin: 0px !important;}
.m5  { margin: 5px !important;}
.m10  { margin: 10px !important;}
.m15  { margin: 15px !important;}
.m20  { margin: 20px !important;}
.m25  { margin: 25px !important;}
.m30  { margin: 30px !important;}
.m35  { margin: 35px !important;}
.m40  { margin: 40px !important;}
.m80  { margin: 80px !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;}
.pt30 { padding-top: 30px !important;}
.pt40 { padding-top: 40px !important;}
.pt80 { padding-top: 80px !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;}

.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;}

.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;}
.pb30 { padding-bottom: 30px !important;}
.pb40 { padding-bottom: 40px !important;}

.p0  { padding: 0px !important;}
.p5  { padding: 5px !important;}
.p10 { padding: 10px !important;}
.p15 { padding: 15px !important;}
.p20 { padding: 20px !important;}
.p30 { padding: 30px !important;}
.p40 { padding: 40px !important;}

/* Twitter Plug In Optimize */
iframe.twitter-share-button {max-width: 105px !important;}

/* Facebook Plug In Optimize */
.fb-like iframe,
.fb_iframe_widget iframe{max-width:none !important;}
.fb-like-box,
.fb-like-box iframe,
.fb-like-box span{max-width:100% !important;}
@media screen and (min-width: 0px) and (max-width: 768px) {
	.fb-like iframe{max-width:100% !important;}
}