@charset "utf-8";

img, object, embed, video {max-width: 100%;}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {width:100%;}

ul, li{list-style:none;}
a {
	text-decoration: none ;
}
.fluid {
clear: both;
margin-left: 0;
width: 100%;
float: left;
display: block;
}

.fluidList {
list-style:none;
list-style-image:none;
margin:0;
padding:0;        
}

body,td,th {
font-family: "メイリオ", Meiryo, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
color: #313131;
font-size:14px;
background-color: #e3e3e3;
}

table {
width: 100%;
border-collapse: collapse;
}
#table {word-break: break-all;}

th.t_top {border-top:#64bcb8 4px solid;}
th {
border-bottom: #e3e3e3 1px solid;
border-left: #e3e3e3 1px solid;
text-align: left;
background: #f7f7f7;
padding:2% 3%;
font-weight: normal;
}
td.t_top {border-top:#b3b3b3 4px solid;}
td {
border-bottom: #e3e3e3 1px solid;
border-right: #e3e3e3 1px solid;
text-align: left;
padding:2% 3%;
}

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
overflow-x: hidden;
}


img {border-style:none;}
.clear {clear:both;}

/* ▼まだ訪れたことのないリンク */
a:link {
   color: blue;
}
/* ▼既に訪れたことのあるリンク */
a:visited {
   color: purple;
}
/* ▼リンクの上にマウスポインタが載った場合 */
a:hover {
   color: yellow;
   background-color: blue;
   text-decoration: none; /* 下線を消す */
}
/* ▼選択状態にあるリンク */
a:active {
   color: green;
   background-color: yellow;
}
 /* ▼ページ内リンクのターゲットになったリンク */
a:target {
   color: white;
   background-color: red;
}
.title_link a:link { color: #1111cc;text-decoration: none;}
.title_link a:visited { color: #330066;text-decoration:  none;}
.title_link a:hover { color:#0099ff;text-decoration: none;}
.title_link a:active { color:#666699;text-decoration: none;}

.side_menu_List a:link { color: #1111cc;text-decoration: none;}
.side_menu_List a:visited { color: #330066;text-decoration:  none;}
.side_menu_List a:hover { color:#0099ff;text-decoration: none;}
.side_menu_List a:active { color:#666699;text-decoration: none;}

.mov_title a:link { color: #1111cc;text-decoration: none;}
.mov_title a:visited { color: #330066;text-decoration:  none;}
.mov_title a:hover { color:#0099ff;text-decoration: none;}
.mov_title a:active { color: #666699;text-decoration: none;}

.navi_button a:link { color: #1111cc;text-decoration: none;}
.navi_button a:visited { color: #330066;text-decoration:  none;}
.navi_button a:hover { color:#0099ff;text-decoration: none;}
.navi_button a:active { color: #666699;text-decoration: none;}

.home_link a:link { color:#1111cc;text-decoration: none;}
.home_link a:visited { color: #330066;text-decoration:  none;}
.home_link a:hover { color:#0099ff;text-decoration: none;}
.home_link a:active { color:#666699;text-decoration: none;}

.sider_menu a:link { color: #1111cc;text-decoration: none;}
.sider_menu a:visited { color: #330066;text-decoration:  none;}
.sider_menu a:hover { color:#0099ff;text-decoration: none;}
.sider_menu a:active { color: #666699;text-decoration: none;}



/* Mobile Layout: 480px and below. */
  
.gridContainer {
margin-left: auto;
margin-right: auto;
width: 96%;
padding-left: 2%;
padding-right: 2%;
clear: none;
float: none;
overflow : hidden ;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}


h1 {
font-size:125%;
border-top:solid 1px #4B4B4B;
border-bottom:solid 1px #4B4B4B;
margin:2% 0 3.5% 0;
padding:2.5% 0;
}


h2 {
font-size:115%;
border-bottom: dotted 1px #9C9C9C;
border-left:solid 3px #64bcb8;
margin:3.5% 0;
padding:1% 2% 0.5% 2%;
}

h3 {
font-size:95%;
line-height:160%;
background-color:#585858;
border-left:solid 3px #64bcb8;
color:#FFFFFF;
font-weight:normal;
margin:1% 0 3.5% 0;
padding:2%;
}

/* トップエリア
----------------------------------------------------------*/
#top_area {}
.top_bar {background-color:#232323;}
.h1_TXT {
color:#FFFFFF;
font-size:85%;
padding:1% 0;
text-align:center;
min-height:15px;
background-color: #232323;
border-left: none;
border-top: none;
border-bottom: none;
margin:0;
}
.logo_sec {
text-align:center;
margin-top:2%;
clear:both;
}

/* ソーシャルボタン
------------------------------------------*/
.Social_button {
text-align: center;
line-height:0;
}
.ajuster{
display: inline-block;
display: -moz-inline-box; /* Firefox対策 */
}
.Social_b{
display:inline-block;
float: right;
margin:7px 0 7px 7px;
clear:none;
}

/* ナビゲーションバー
------------------------------------------*/
.Navigationbar {background-color:#585858;}
.navi_button_set { display:none;}
.navi_button {}

.S_menu { display:block;}
.home_link {
display: block;
float:left;
color:#FF0000;
font-size:180%;
line-height:120%;
padding:0.6% 0 0 0;
}
.sider_menu {
display: block;
float: right;
color:#FFFFFF;
text-align:right;
font-size:100%;
padding:2% 0 1% 0;
}

/* ヘッダーエリア
------------------------------------------*/
.header_area {
background-color:#778899;
padding-bottom:5%;
}
.header_top_TXT {
color:#FFFFFF;
margin-top:2.5%;
}
.header_box { margin-top:2%;}
.header_box img{
width:100%;
height:auto;
}

/* ヘッダー下
----------------------------------------------------------*/
#head_under { margin-top:3%;}

/* メイン
------------------------------------------*/
.main_section {}

/* 動画リスト
------------------------------------------*/
.contents_sec_1{width:110%;}

.MOV_BOX_res iframe,
.MOV_BOX_res object,
.MOV_BOX_res embed {
min-width: 100% !important;
}

.MOV_thumb_box {
float:left;
width:43.4%;
margin-right:4%;
margin-bottom:2%;
}
.mov_thumb { width:100%;}
.mov_title {
margin-top:3%;
font-weight:bold;
font-size:90%;
height:35px;
line-height:140%;
}

/* 記事リスト
------------------------------------------*/
.contents_sec_2{}
.blog_list { padding-bottom:1.5%;}
.blog_list_thum {
float:left;
width:43%;
overflow: hidden;
}
.blog_list_thum img {
max-width:100%;
height:auto;
}
.blog_list_TXTarea {
float:right;
width:53%;
}
.fontico_color {color:#64bcb8;}
.blog_title {
font-weight:bold;
font-size:110%;
}
.blog_date {
margin-top:1%;
font-weight:bold;
border-bottom: dotted 1px #C1C1C1;
padding-bottom:1%;
color:#8cc8c5;
}
.blog_cont_TXT { display:none;}

/* ピックアップ動画
------------------------------------------*/
.contents_sec_3{}

.pickup_MOV {}
.pickup_mov_title {
margin-top:2%;
font-weight:bold;
font-size:100%;
}
.pickup_mov_cont{
margin-top:2%;
font-size:100%;
line-height:160%;
}


.cont_sections {padding:3% 0 2% 0;}

/* サイドバー
------------------------------------------*/
.side_menu_section {}
.side_menu_box {padding:3%;}
.side_menu_box img {
max-width:100%;
height:auto;
}
.side_menu_box_border {
padding:1% 3% 3% 3%;
border:solid 1px #585858;
font-size:90%;
}

.side_menu_box,.side_menu_box_border { margin-bottom:3%;}

.side_menu_List {
list-style:none;
border-bottom:solid 1px #ABABAB;
padding:2% 0;
}

#sidr-right {font-family: "メイリオ", Meiryo, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}

/* リード
------------------------------------------*/
.read_L {}
.read_S {}

.read_TXT {
border-left:solid 3px #64bcb8;
padding:0 2%;
color:#ffffff;
font-size:100%;
word-spacing: 1rem;
}
.read_L,.read_S {
width:96%;
padding:1.5% 2%;
background-color:#FF781C;
}

/* 下層
------------------------------------------*/
#page_cont {
font-size:110%;
padding-bottom:1%;
line-height:170%;
}
.page_comment { margin-top:2.5%;}

.single-page_title{
font-size:120%;
margin:3% 0 1% 0;
line-height:140%;
}

.subpage_img_L {
width:100%;
margin-bottom:3%;
clear:both;
}
.subpage_img_L img{
max-width:100%;
height:auto;
}
.subpage_img_R {
width:100%;
margin-bottom:3%;
clear:both;
}
.subpage_img_R img{
max-width:100%;
height:auto;
}

/* フッター
----------------------------------------------------------*/
.foot_top {
background-color:#2b2b2b;
color:#FFFFFF;
text-align:center;
font-size:90%;
padding:3% 0;
}
.foot_under {
background-color:#585858;
color:#FFFFFF;
text-align:center;
font-size:90%;
padding:3% 0;
}



.zeroMargin_mobile {margin-left: 0;}
.hide_mobile {display: none;}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
width: 96%;
padding-left: 2%;
padding-right: 2%;
clear: none;
float: none;
margin-left: auto;
}

h1 {
font-size:135%;
margin:3% 0 2.5% 0;
padding:1.3% 0;
}

h2 {
font-size:115%;
margin:3.5% 0;
padding:0.5% 2%;
}

h3 {
font-size:90%;
margin:1% 0 2% 0;
}

/* トップエリア
----------------------------------------------------------*/
#top_area {}
.top_bar {}
.h1_TXT {
padding:0.5% 0;
text-align:left;
font-size:85%;
}
.logo_sec {
float:left;
text-align:left;
}
.site_name {font-size:170%;}

/* ソーシャルボタン
------------------------------------------*/
.Social_button {text-align: right;}
.ajuster{}
.Social_b{margin:17px 0 0 7px;}

/* ナビゲーションバー
------------------------------------------*/
.Navigationbar { margin-top:1.5%;}
.navi_button_set {}
.navi_button {}

.S_menu {}
.home_link {font-size:170%;}
.sider_menu {
padding: 1% 0 0.7% 0;
font-size:100%;
}

/* ヘッダーエリア
------------------------------------------*/
.header_area { padding-bottom:4%;}
.header_top_TXT {}
.header_box { margin-top:1.5%;}

/* ヘッダー下
----------------------------------------------------------*/
#head_under { margin-top:4%;}

/* メイン
------------------------------------------*/
.main_section {}

/* 動画リスト
------------------------------------------*/
.contents_sec_1{}
.MOV_thumb_box {
width:28.2%;
margin-right:3%;
}
.mov_thumb {}
.mov_title {margin-top:3%;}

/* 記事リスト
------------------------------------------*/
.contents_sec_2{}
.blog_list {}
.blog_list_thum {width:36%;}
.blog_list_TXTarea {width:60%;}
.blog_title { font-size:105%;}
.blog_date {}
.blog_cont_TXT {
line-height:160%;
display:block;
margin-top:2%;
}

/* ピックアップ動画
------------------------------------------*/
.contents_sec_3{}
.pickup_mov_title {}
.pickup_mov_cont {}


.cont_sections {}

/* サイドバー
------------------------------------------*/
.side_menu_section {}

.side_menu_box {padding:3%;}
.side_menu_box img { max-width:65%; height:auto}
.side_menu_box_border {padding:0.5% 3% 3% 3%;}

.side_menu_box,.side_menu_box_border {}

.side_menu_List {
list-style:none;
border-bottom:solid 1px #ABABAB;
padding:2% 0;
}

/* リード
------------------------------------------*/
.read_L {}
.read_S {}

.read_TXT {padding:0 1.5%;}
.read_L,.read_S {}

/* 下層
------------------------------------------*/
#page_cont {line-height:180%;}
.page_comment { margin-top:3%;}

.single-page_title{
font-size:160%;
margin:2% 0 1% 0;
line-height:150%;
}

.subpage_img_L {}
.subpage_img_L img{}
.subpage_img_R {}
.subpage_img_R img{}

/* フッター
----------------------------------------------------------*/
.foot_top {}
.foot_under {}


.zeroMargin_tablet {margin-left: 0;}
.hide_tablet {display: none;}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
width: 980px;
padding-left: 15px;
padding-right: 15px;
margin: auto;
clear: none;
float: none;
margin-left: auto;
}

h1 {
font-size:21px;
margin:15px 0 20px 0;
padding:14px 0 10px 0;
}
h2 {
font-size:18px;
margin:20px 0;
padding:5px 10px 3px 10px;
}
h3 {
font-size:14px;
margin:5px 0 20px 0;
padding:10px 10px 7px 10px;
}


/* トップエリア
----------------------------------------------------------*/
#top_area {}
.top_bar {}
.h1_TXT {
font-size:11px;
padding:5px 0 3px 0;
}
.logo_sec {margin:10px 0 3px 0;}
.site_name {
font-size:22px;
line-height:27px;
}

/* ソーシャルボタン
------------------------------------------*/
.Social_button {}
.ajuster{}
.Social_b{ margin:13px 0 0 7px;}

/* ナビゲーションバー
------------------------------------------*/
.Navigationbar { margin-top:5px;}
.navi_button_set { display: block;}
.navi_button {
color:#FFFFFF;	
border-left:solid 1px #6f6f6f;
border-right:solid 1px #3d3d3d;
float:left;
text-align:center;
width:156px;
padding:14px 0 10px 0;
font-size:12px;
}

.S_menu { display: none;}
.home_link {display: none;}
.sider_menu { display:none;}

/* ヘッダーエリア
------------------------------------------*/
.header_area { padding-bottom:25px}
.header_top_TXT {
margin-top:15px;
font-size:16px;
}
.header_box {
width:950px;
margin-top:5px;
}

/* ヘッダー下
----------------------------------------------------------*/
#head_under { margin-top:30px;}

/* メイン
------------------------------------------*/
.main_section {
width:620px;
float:left;
}

/* 動画リスト
------------------------------------------*/
.contents_sec_1 {width:640px;}
.MOV_thumb_box {
width:193px;
margin-right:20px;
}
.mov_thumb {}
.mov_title {
margin-top:8px;
font-size:13px;
height:28px;
}

/* 記事リスト
------------------------------------------*/
.contents_sec_2{}
.blog_list { padding-bottom:10px;}
.blog_list_thum {
width:195px;
height:130px;
overflow: hidden;
}
.blog_list_thum img {
max-width:195px;
height:auto;
}
.blog_list_TXTarea { width:405px;}
.blog_title {
font-size:16px;
line-height:23px;
}
.blog_date {}
.blog_cont_TXT {
font-size:14px;
line-height:23px;
}

/* ピックアップ動画
------------------------------------------*/
.contents_sec_3{}
.pickup_mov_title {font-size:16px;}
.pickup_mov_cont { line-height:22px;}


.cont_sections {padding:20px 0 5px 0;}

/* サイドバー
------------------------------------------*/
.side_menu_section {
width:300px;
float:right;
}
.side_menu_box {padding:15px;}
.side_menu_box img {
max-width:100%;
height:auto;
}
.side_menu_box_border {padding:5px 15px 15px 15px;}
.side_menu_box,.side_menu_box_border {
margin-bottom:15px;
font-size:14px;
}
.side_menu_List {padding:10px 0;}

/* リード
------------------------------------------*/
.read_L {width:600px;}
.read_S {width:280px;}

.read_TXT {
padding:0 10px;
font-size:18px;word-spacing: 20px;}

.read_L,.read_S {padding:7px 10px;}

/* 下層
------------------------------------------*/
#page_cont {
font-size:14px;
line-height:25px;
}
.page_comment { margin-top:15px;}

.single-page_title{
font-size:24px;
margin:20px 0 15px 0;
line-height:34px;
}

.subpage_img_L {
width:300px;
margin-right:15px;
float:left;
clear: none;
}
.subpage_img_L img{
max-width:300px;
height:auto;
}
.subpage_img_R {
width:300px;
margin-left:15px;
float: right;
clear: none;
}
.subpage_img_R img{
max-width:300px;
height:auto;
}

/* フッター
----------------------------------------------------------*/
.foot_top {
font-size:13px;
padding:10px 0;
}
.foot_under {
font-size:13px;
padding:10px 0;
}


.zeroMargin_desktop {margin-left: 0;}
.hide_desktop {display: none;}
}



.MOV_BOX_res {
position: relative;
padding-bottom: 56.25%;/* 16:9 */
height: 0;
overflow: hidden;
}
.MOV_BOX_res iframe,
.MOV_BOX_res object,
.MOV_BOX_res embed {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}