@charset "UTF-8";
 @import url(http://fonts.googleapis.com/css?family=Open+Sans);
 @import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
 @import url(https://fonts.googleapis.com/css?family=Rochester);

body
{
margin: 0px;
padding: 0px;
background: #fff;
font-size: 100%;
color: #222;
/*font-family: "ヒラギノ角ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiyro", "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica", "Open Sans", sans-serif;*/
font-family: 'Noto Sans Japanese', sans-serif;
}

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


a
{
color: #878785;
}

a:link
{
color: #878785;
text-decoration: none;
}

a:visited
{
color: #878785;
}

a:active
{
color: #FFCD00;
}

a:hover
{
color: #FFCD00;
text-decoration: none;
}

.newbadge
{
color: #F00;
}

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




h1,
h2,
h3,
h4,
h5
{
font-weight: bold;
}

hr
{
margin: 0px;
padding: 0px;
}

img
{
border: none;
}

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





.clearfix:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*.clearfix
	{display:inline-block;}*/
	
/* Hides from IE-mac */




* html .clearfix
{
height: 1%;
}

.clearfix
{
display: block;
}

/* End Hides from IE-mac */


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




p
{
margin: 0px;
padding: 0px;
}

img
{
border: none;
display: block;
}

hr
{
margin: 1em 0px;
padding: 0px;
}

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




table.dt01
{
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
width: 100%;
}

table.dt01 th
{
margin: 0px;
padding: 0.5em;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #eee;
font-size: 80%;
white-space: nowrap;
text-align: left;
width: 100px;
}

table.dt01 td
{
margin: 0px;
padding: 0.5em;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 75%;
line-height: 1.4;
}

table.dt01 td.nl
{
border-left: none;
}

table.dt01 td.nb
{
border-bottom: none;
width: 80px;
}

table.dt01 td.nlb
{
border-bottom: none;
border-left: none;
width: 300px;
}

table.ft01
{
border-top: 1px solid #999;
border-right: 1px solid #999;
margin: 10px auto 20px auto;
}

table.ft01 th
{
margin: 0px;
padding: 3px 3px 3px 3px;
border-left: 1px solid #999;
border-bottom: 1px solid #999;
background: #ddd;
color: #333;
font-size: 80%;
}

table.ft01 td
{
margin: 0px;
padding: 3px 3px 3px 3px;
border-left: 1px solid #999;
border-bottom: 1px solid #999;
font-size: 70%;
}

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



abbr
{
text-decoration: none;
}

.widget-twitter.widget iframe
{
border: 2px solid #ddd !important;
border-radius: 0.5em;
box-sizing: border-box;
}

.pagetop
{
display: none;
position: fixed;
width: 50px;
height: 50px;
right: 15px;
bottom: 15px;
z-index: 1000;
}

.pagetop a
{
display: block;
width: 50px;
height: 50px;
background: #FFCD00;
color: #000;
line-height: 50px;
font-size: 70%;
text-align: center;
border-radius: 0.3em;
opacity: 1;
text-decoration: none;
font-weight: bold;
font-family: "Open Sans", sans-serif;
}

.pagetop a:hover
{
background: #000;
color: #fff;
box-sizing: border-box;
}



iframe[name="google_conversion_frame"]
{
display: none;
}

ul.sbtn
{
margin: 0 0 1em 0;
padding: 0;
list-style-type: none;
overflow: hidden;
}

ul.sbtn li
{
height: 20px;
float: left;
margin: 0px 0.5em 0px 0px !important;
line-height: 0;
}

ul.sbtn li img
{
height: 20px !important;
}
 @media screen and (max-width: 979px) {
}
 @media screen and (max-width: 767px) {

.pagetop a
{
display: block;
width: 50px;
height: 50px;
background: #FFCD00;
color: #000;
line-height: 50px;
font-size: 70%;
text-align: center;
border-radius: 0.3em;
opacity: 1;
text-decoration: none;
font-weight: bold;
font-family: "Open Sans", sans-serif;
}

.pagetop a:hover
{
background: #000;
color: #fff;
}
}
 @media screen and (max-width: 479px) {
}
