@charset "utf-8";

/*==================
 ▼ブレイクポイントのルール▼
*～786px
*1024px～

 -スマホを基本設計にする-
 *〜479px：SP縦
 *480px〜：SP横
 *600px〜タブレット
 *960px〜小型PC
 *1280px〜大型PC
==================*/

/*------------------------------------------------------
　リセット
-------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
min-width:320px;
max-width:1920px;
margin : 0 auto;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
strong{
	font-weight:bold;
}

/*------------------------------------------------------
　基本設定
-------------------------------------------------------*/
body{
	font-family: Meiryo, "メイリオ", Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro", "MS PGothic","Segoe UI Light","Segoe UI",Tahoma,Arial,Verdana,sans-serif;
	color: #444444;
	line-height: 1.5;
}

.font-yugo{
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.font-en{
	font-family: 'Varela Round', sans-serif; 
}

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


/* リンク
-------------------------------------------------------*/
a:link {
	color: #0066CC;
	text-decoration: underline;
}
a:visited {
	color: #003399;
	text-decoration: underline;
}
a:hover {
	color: #0099CC;
	text-decoration: underline;
	font-weight: bold;
}
a:active {
	color: #0066CC;
	text-decoration: underline;
}

/*画像クリック時に半透明*/
a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/* フォント
-------------------------------------------------------*/
.red {color: #ff0000;}
.blue {color: #1085C5;}
.blue02 {color: #03419E;}
.green {color: #009966;}
.orenge {color: #FF3333;}
.pink {color: #F69;}
.gray {color: #666;}

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

p.headspace {margin-left: 1em;}
p.indent10 {text-indent: 1em;}
p.starmark10 {
	margin-left: 1em;
	text-indent: -1em;
}

.font80 {font-size: 80%;}
.font90 {font-size: 90%;}
.font100 {font-size: 100%;}
.font110 {font-size: 110%;}
.font120 {font-size: 120%;}
.font130 {font-size: 130%;}
.font140 {font-size: 140%;}
.font150 {font-size: 150%;}
.font160 {font-size: 160%;}
.font180 {font-size: 180%;}
.font200 {font-size: 200%;}
.font240 {font-size: 240%;}

storong {
	font-size: 110%;
	font-weight: bold;
}

em {
	font-family: "ＭＳ Ｐゴシック", 小塚ゴシック Pro, Meiryo, "メイリオ", "MS PGothic","Segoe UI Light","Segoe UI",Tahoma,Arial,Verdana,sans-serif;
}

.japan_font {font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}


/* 文字ぞろえ
-------------------------------------------------------*/
.textcenter {text-align: center;}
.textright {text-align: right;}
.textleft {text-align: left;}

@media screen and (max-width:768px){
/*改行*/
.br:before {
	content: "\A" ;
	white-space: pre ;
}
}

/* スマホ切り替え
-------------------------------------------------------*/
.sp_alive {display: none;}
.pc_alive {display: block;}
@media screen and (max-width:768px){
.sp_alive {display: block;}
.pc_alive {display: none;}
}

/* 画像
-------------------------------------------------------*/
/*--画像に文字を回り込ませるとき--*/
.imgright {
	float: right;
	margin: 0 0 10px 10px;
}
.imgleft {
	float: left;
	margin: 0 10px 5px 0;
}

@media screen and (max-width:768px){
.imgright {
	float: none;
	margin: 0 auto 0.5em;
	text-align: center;
}
.imgleft {
	float: none;
	margin: 0 auto 0.5em;
	text-align: center;
}
}

/*スマホ時も常に回り込ませる*/
.imgright_all {
	float: right;
	margin: 0 0 10px 10px;
}
.imgleft_all {
	float: left;
	margin: 0 10px 5px 0;
}

/*--画像の大きさ--*/
.img_960{
	max-width:960px;
	width:100%;
}
.img_720{
	max-width:720px;
	width:100%;
}
.img_640{
	max-width:640px;
	width:100%;
}
.img_480{
	max-width:480px;
	width:100%;
}
.img_320{
	max-width:320px;
	width:100%;
}
.img_240{
	max-width:240px;
	width:100%;
}
.img_180{
	max-width:180px;
	width:100%;
}
.img_160{
	max-width:160px;
	width:100%;
}