/* CSS Document */
@font-face {
    font-family: 'icomoon';
    src:    url('fonts/icomoon.eot');
    src:    url('fonts/icomoon.eot') format('embedded-opentype'),
        url('fonts/icomoon.ttf') format('truetype'),
        url('fonts/icomoon.woff') format('woff'),
        url('fonts/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Bebas';
    src:url('fonts/Bebas.ttf.woff') format('woff'),
        url('fonts/Bebas.ttf.svg#Bebas') format('svg'),
        url('fonts/Bebas.ttf.eot'),
        url('fonts/Bebas.ttf.eot?#iefix') format('embedded-opentype'); 
        font-weight: normal;
        font-style: normal;
}



@font-face {
    font-family: 'ionicons';
    src:    url('fonts/ionicons.eot');
    src:    url('fonts/ionicons.eot') format('embedded-opentype'),
        url('fonts/ionicons.ttf') format('truetype'),
        url('fonts/ionicons.woff') format('woff'),
        url('fonts/ionicons.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


*{
    -webkit-text-size-adjust: 100%; /* ブラウザ側での自動調整をなしにする */
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;      
}

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, ol, ul, li,
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;
vertical-align:baseline;
background:transparent;
list-style-type:none;
line-height:1.5em;
}



body {
	margin:0;
	overflow:visible;
	padding:0;
	color: #000;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.5em
	}

/*10px*/

@media screen and (min-width: 0px) and (max-width: 480px) {
	body{font-size: 12px;}
}

@media screen and (min-width: 481px) and (max-width: 1240px) {
    body{font-size: 13px;}
}
 
@media screen and (min-width: 1241px) and (max-width: 1680px) {
    body{font-size: 13px;}
}

@media screen and (min-width : 1681px) {
   body{font-size: 15px;}
}




h1,h2,h3,h4,h5,thead th,dt{
	font-family:"Hiragino Kaku Gothic W3 JIS2004", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.4em
}

.bold{font-weight: bold;font-weight: 500;}

.en{font-family:"Hiragino Kaku Gothic W6 JIS2004",  "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}



ruby rt{
  text-align: center;
  font-weight:normal;
  margin-bottom:0;
 font-size: 40%;
 line-height:1em;}


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
nav,ul,li{list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
area{outline:none;}
table {
border-collapse:collapse;
border-spacing:0;}

img{max-width: 100%;height: auto;}


/* ------------------------------
 anchor
------------------------------ */
a{color: #440000;outline:none;margin:0;padding:0;-webkit-transition: all .3s;transition: all .3s;}

a:hover{color:#222}

a:focus{outline: none;}

a img{
	opacity:1;
	-webkit-transition: all .3s;
	transition: all .3s;
}

a img:hover{
  opacity:0.5;
  transition:all 0.3s;
}

.boxlink{
text-decoration:none;
cursor:pointer;}


/* ------------------------------
 COMMON
------------------------------ */
.cf{zoom:1;}

.cf:after {   
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;}


/* ------------------------------
 WP_POST
------------------------------ */
.size_s{font-size: .8em}
.size_m{font-size: 1.2em}
.size_L{font-size: 1.8em}
.size_XL{font-size: 2em}
.size_2L{font-size: 3em}
.size_3L{font-size: 4em}

/* Images */
.alignleft {
	float: left;
	margin-right: 10px;
}
.alignright {
	float: right;
	margin-left: 10px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}