html, body, h1, h2, h3, h4, h5, ol, li, dl, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  /*vertical-align:baseline;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
}

body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
ol, ul {
  list-style: none;
  list-style-type: none;
}
selector {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
スマホ: 320px - 480px 
タブレット: 480 - 768px
PC: 768px以上
*/

/* 共通の設定 スマホ: 320px - 480px */

body {
    margin:0 auto;
    font-family: 'HelveticaNeue-Thin', 'Helvetica Neue Thin', 'Helvetica Neue', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'Osaka', sans-serif;
}

h1{
	font-size: 50px;
}

h2{
	font-size: 24px;
}

#header h2 {
	font-size: 29px;
}
#header h3 {
	font-size: 16px;
	margin: 5px 0 10px 0;
}

a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

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

a:hover{
	color: red;
}

.ad_text{
	font-size: 14px;
}

#ad1{
	margin-bottom: 20px;
}

#header {
    padding: 10px;
}

#footer {
    /*background: green;*/
}

#container {
}

#main {
    /*background: orange;*/
    padding: 10px;
}
#main h2{
	margin-bottom: 10px;
}
#main ol{
	font-size: 24px;
}

#main li {
	display: inline-block;
	text-align: left;
	width: 100%;
}

#main td{
	font-size: 14px;
}

#sub {
    /*background: yellow;*/
    /* line-height: 130%;
    padding-left: 10px;
	position: fixed;  
	position: absolute;  
	bottom: 0;  
	left: 0;  
	width: 85%;  */
}

#sub_menu{
	display: none;
}

#footerNavLink {
    float: right;
}

#headerNav ul {
    list-style: none;
    overflow: hidden;
}

#headerNav li {
    float:left;
    width: 33%;
    text-align: center;
}

.btn{
	float: left;
	margin-right: 5px;
	width: 23%;
}
.btn img {
	width: 100%;
}
.am{
	float: left;
	margin-right: 5px;
	width: 23%;
	margin-bottom: 30px;
}
.am img {
	width: 100%;
}
.yt{
	float: left;
	margin-right: 5px;
	width: 23%;
}
.yt img {
	width: 100%;
}

.gpm{
	margin-bottom: 30px;
}
.gpm img {
	width: 23%;
}

/*toTop*/
.page-top
{
	margin: 0 ;
	padding: 0 ;
}
 
.page-top p
{
	margin: 0 ;
	padding: 0 ;

	position: fixed ;
	right: 16px ;
	bottom: 16px ;
}
 
.move-page-top
{
	display: block ;
	background: #dddddd ;
	width: 50px ;
	height: 50px ;

	color: #3d5086;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
	opacity: 0.3 ;
}

.move-page-top:hover
{
	opacity: 0.6 ;
	color: orange;
}

.page-top
{
	display: none ;
}
/*To Topここまで*/


/*ヘッダメニュー*/
#menu-box {
	margin-top: 10px;
}

#menu{
	margin-top: -5px;
	display: none;
	background: #444;
	padding: 10px;
}
#menu li{
	font-size: 18px;
  	background: #444;
}
#menu li a{
	color: #fff;
	display: block;
	line-height: 200%;
}
#menu li a:hover{
	display: block;
	background: #222;
}
#toggle{
  display: block;
  position: relative;
  width: 100%;
  background: #222;
}
#toggle a{
  display: block;
  position: relative;
  padding: 12px 0 10px;
  border-bottom: 1px solid #444;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#toggle:before{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: #fff;
}
#toggle a:before, #toggle a:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 20px;
  height: 4px;
  background: #222;
}
#toggle a:before{
  margin-top: -6px;
}
#toggle a:after{
  margin-top: 2px;
}


/*スマホのスタイル ここから上*/
/* タブレットのスタイル */

@media all and (min-width: 480px) {
    #footerNavLink {
        display: none;
    }
    #headerNav {
        display: block;
    }
    #footerNav {
        display: none;    
    }
}

/* タブレットのスタイル */
@media all and (min-width: 600px) {
	body {
		padding: 10px;
	}

	#menu-box {
		display: none;
	}
	
	#container {
		display: flex;
	}
	#main {
		flex: 1;
	}
	#sub {
		/* width: 200px; */
	}
    #sub_menu{
    	display: block;
    	padding: 10px 0px 0px 0px;
    	line-height: 130%;
    	font-size: 18px;
    	float: left;
    	margin-left: -25px;
    }
    .btn{
    	float: left;
    	margin-right: 5px;
    	width: 90px;
    }
    .am{
    	float: left;
    	margin-right: 5px;
    	width: 90px;
    }
    .yt{
    	/* float: left; */
    	margin-right: 5px;
    	width: 90px;
    } 
    .gpm img {
    	width: 90px;
    }
}

/* PCのスタイル */
@media all and (min-width: 800px) {
	#container {
		display: flex;
	}
	#main {
	    /* float: left;
		width: 65%; */
		flex: 1;
	}
	#sub {
	    /* float: right;
		width: 30%; */
		width: 300px;
		/* display: none; */
	}
	#main td {
		font-size: 20px;
	}
}