@charset "UTF-8";

/*----------------------------------------------------
スマホ用
----------------------------------------------------*/

/* ############　初期設定　##################  */

html { font-size: 62.5%; }/*62.5*/
body { font-size: 16px; font-size: 1.6rem; } /* =18px */

body {
	margin:0;	
	min-width: 320px;
	color:#333;
	line-height: 1.8;
 font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}

html,body{width:100%;}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0;
	padding: 0;
	font-weight:normal;
}

ul,ol{list-style-type: none;}

img {
  	max-width: 100%;
  	height: auto;
	vertical-align:bottom;
	border:none;	
}

.ie8 img{
  	width: auto;
	border:0;
}

table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

.clear{
	clear:both;
}

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

.clearfix {
	min-height: 1px; /*IE6、7対策*/
}

* html .clearfix {
	height: 1px;
	/*\*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}

/* ############　共有　##################  */

/* 全体
----------------------*/
#wrapper{overflow:hidden;}


/* リンク
----------------------*/
a{color:#000;text-decoration:none;}
a:hover{opacity:0.7;}
a:focus, *:focus {outline:none;}


/* カラー　
----------------------*/
.color-blue{color:#0066ff;}
.color-red{color:#660000;}

/* 背景カラー　
----------------------*/
.bg-green{background-color:#2f9178;}
.bg-red{background-color:#ea4c44;}


/* レイアウト・位置系
----------------------*/
address{font-style:normal;}

.t-center{text-align:center;}
.t-left{text-align:right;}
.t-right{text-align:right;}


/* フォント-種類
----------------------*/
.selector-for-normal{font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.selector-for-YuGothic{font-family:"游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ ゴシック",sans-serif;}
.selector-for-YuMincho{font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
.selector-for-normal{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.selector-noto{
    font-family: 'Lato', sans-serif;
    font-family: 'Source Sans Pro', sans-serif;
}
.selector-font2018{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;}
/*.selector-for-YuMincho{font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;	
*/


/* GoogleFont
----------------------*/
.abel{font-family: 'Abel', sans-serif;}
.swap{font-family: 'Merriweather', serif;}
.rale{font-family: 'Raleway', sans-serif;}


/* フォント-太さ　
----------------------*/
.f-bold{font-weight:bold;}
.f-normal{font-weight:normal;}


/* フォント-サイズ　
----------------------*/
.font24{font-size:24px; font-size: 2.4rem;}
.font28{font-size:28px; font-size: 2.8rem;}
.font32{font-size:32px; font-size: 3.2rem;}
.font36{font-size:36px; font-size: 3.6rem;}


.bron{display: block;}
.brno{display: none;}


/*----------------------------------------------------
タブレット/ PC用 768 -
----------------------------------------------------*/
@media print, screen and (min-width: 768px) {

	/* フロート スマホ無し・PC有
	---------------------------------------------*/
	.fl{float:left;}
	.fr{float:right;}	

	/* フロート スマホ無し・スモールスマホから有、PCはleftで統一　*/
	.fl-480,.fr-480{float:left;}

	.bron{display: none;}
	.brno{display: block;}

	/* タブレットで右側が切れない為の処置
	---------------------------------------------
	header,
	footer,
	nav{min-width:1080px;}	*/

}