/*
Theme Name: MOVIST
Description: 動画コンテンツWordpressテーマ
Author: HTM-WEB
Author URI: http://www.htm-web.net/
Version: 3.0
*/

@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {max-width: 100%;}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {width:100%;}
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.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 !important;
word-break: break-all;
}

td,tr,th {border:1px #a0a0a0 solid;}

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


body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
overflow-x: hidden;
}
#wpadminbar * {border-bottom:none !important;}

#table {word-break: break-all;}
table {
border-collapse: collapse;
border-spacing: 0;
}

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

p {margin-top:0}


/* 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:110%;
border-bottom: dotted 1px #9C9C9C;
margin:3.5% 0;
padding:1% 2% 0.5% 2%;
}
h3 {
font-size:95%;
line-height:160%;
background-color:#585858;
color:#FFFFFF;
font-weight:normal;
margin:1% 0 3.5% 0;
padding:2%;
}

/* トップエリア
----------------------------------------------------------*/
#top_area {}
.top_bar {background-color:#232323;}
.Description_oneTXT {
color:#FFFFFF;
font-size:85%;
padding:1% 0;
text-align:center;
min-height:15px;
border:none;
font-weight:normal;
margin: 0;
}
.logo_sec {
text-align:center;
margin-top:2%;
clear:both;
}
.site_name {
font-size:160%;
font-weight:bold;
line-height:120%;
}

/* ソーシャルボタン
------------------------------------------*/
.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;
font-size:225%;
line-height:100%;
padding:1% 0 0.3% 0;
}

.sider_menu {
display: block;
float: right;
text-align:right;
font-size:125%;
padding:1.8% 0 1.1% 0;
}
.mobi_menu_list {display:none;}


/* ヘッダーエリア
------------------------------------------*/
.header_area {padding-bottom:3.5%;}
.header_top_TXT {
color:#FFFFFF;
margin-top:2%;
font-size:100%;
min-height:1px;
}
.header_box {margin-top:1.5%;}
.movie_box {width:100%;}
.mov_TXT {
display:block;
color:#FFFFFF;
}


.head_accordion {
width:100%;
padding-top:10px;
}
.head_accordion .ac-content {
margin: 0 ;
}
.head_accordion input {
display: none;
}
.head_accordion label {
display: block;
cursor: pointer;
padding:5px;
text-align:center;
color:#ffffff;
}

.head_accordion .ac-cont {
transition: 0.2s;
height: 0;
overflow: hidden;
padding: 0 10px;
}
.head_accordion input:checked + .ac-cont {
height: auto;
padding:15px 10px 5px 10px;
}


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

.Breadcrumb_area {display:none;}

/* メイン
------------------------------------------*/
.main_section_0 {}
.main_section_1 {}

/* 動画リスト
------------------------------------------*/
.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:3%;
}
.mov_thumb {width:100%;}
.mov_title {
margin-top:3%;
font-weight:bold;
font-size:90%;
height:33px;
line-height:140%;
}

/* 動画カテゴリー一覧
------------------------------------------*/
.MOV_cat_box {
float:left;
width:43.4%;
margin-right:4%;
margin-bottom:3%;
}
.mov_cat_thumb {width:100%;}
.mov_cat_nam {
width:37%;
height:120px;
float:right;
padding:7px;
font-size:90%;
background: rgba(45,45,45, 0.8);
}
.mov_cat_namTXT{
color:#FFFFFF;
text-align:center;
margin-top:15%;
}
.mov_cat_title {
margin-top:3%;
font-weight:bold;
font-size:90%;
height:20px;
line-height:120%;
}


/* 記事リスト
------------------------------------------*/
.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%;
}
.blog_title {
font-weight:bold;
font-size:110%;
}
.blog_date {
margin-top:0.5%;
font-weight:bold;
font-size:110%;
}
.blog_cont_TXT {display:none;}


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

.pickup_MOV {}
.pickup_mov_title {
margin-top:3%;
font-weight:bold;
font-size:110%;
padding-bottom:2%;
border-bottom:dotted 1px #B0B0B0;
}
.pickup_mov_cont{
margin-top:3%;
font-size:100%;
padding-bottom:3.5%;
}

/* カテゴリー・タグ・検索結果など
------------------------------------------*/
.contents_sec_4{}
.archive_list_set {padding-bottom:1.5%;}
.archive_list_thum {
float:left;
width:43%;
overflow: hidden;
}
.archive_list_thum img {
max-width:100%;
height:auto;
}
.archive_list_TXTarea {
float:right;
width:53%;
}
.archive_list_title {
font-weight:bold;
font-size:110%;
line-height:140%;
}
.archive_list_cont_TXT {display:none;}

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

/* ページャー -----------*/
.pager{
margin-bottom: 20px;
text-align:center
}
 
a.page-numbers,
.pager .current{
background-color: #edede3;
border: solid 1px #aaaaaa;
border-radius:2px;
padding:1% 2%;
margin:0 2px;
}
.pager .current{
background-color: #585858;
border: solid 1px #2b2b2b;
color: #ffffff;
}
.pager a:hover{
color: #ffffff;
border: solid 1px #585858;
background-color: #585858;
}


.pagesprit {
padding-bottom:10px;
padding-top:20px;
text-align:center;
}
.pagesprit_area {
border-top:dotted 1px #878787;
padding-top:20px;
}

.page-numbers a {
background-color: #edede3;
border: solid 1px #aaaaaa;
border-radius:2px;
padding:1% 2%;
margin:0 2px;
}
.page-numbers a:hover {
color:white;
background: #585858;
}
.numbers {margin: 0 1%;}

	
/* サイドバー
------------------------------------------*/
.side_menu_section_0,.side_menu_section_1 {line-height:0 !important}

.side_menu_box, .side_menu_box_border{
padding:0 0 3% 0;
font-size:105% !important;
line-height:24px;
}
.side_menu_box {margin-top:0;}
.side_menu_box img {
max-width:100%;
height:auto;
}
.side_menu_box_border {
border:solid 1px #585858;
overflow:hidden;
}
.side_menu_box,.side_menu_box_border {margin-bottom:3%;}

.searchform_layout {margin:3.5% 0 1% 3%;}
.s_form {width:65%;}
.s_form,.s_form_button{font-family: "メイリオ", Meiryo, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}


/* ウィジェット
------------------------------------------*/
.side_menu_box_border ul, .side_menu_box ul {
margin:0 3% -1.5% 3%;
padding: 0;
}
.side_menu_box_border li, .side_menu_box li {
list-style:none;
border-bottom:solid 1px #939393;
margin:2% 0;
line-height:180%;
padding-bottom:1%;
}
.children li{border-bottom:none;}

.screen-reader-text {display:none}
.postform,select[name="archive-dropdown"] {
margin-left:3%;
font-family: "メイリオ", Meiryo, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

.textwidget {
line-height:160%;
font-size:110%;
}

/* リード
------------------------------------------*/
.read_L {}
.read_S {}
.read_TXT {
padding:0 2%;
color:#FFFFFF;
font-size:100%;
border:none;
margin:0;
font-weight:normal;
}
.read_L,.read_S {
width:96%;
padding:1.5% 2%;
background-color:#585858;
clear:both;
line-height:160%;
margin-bottom:3%;
}

/* 下層
------------------------------------------*/
.page_comment ul {margin-left:-10px;}
.page_comment ul li {
position: relative;
line-height:190%;
}
.page_comment ul li::after,
.page_comment ul li::before {
display: block;
content: '';
position: absolute;
}
.page_comment ul li::after {
top: .35em;
left: -1.2em;
width: 14px;
height: 14px;
border-radius: 100%;
}
.page_comment ul li::before {
z-index: 2;
top: .625em;
left: -.975em;
width: 4px;
height: 4px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.page_comment ol {
margin-left: -30px;
padding-right: 0;
list-style-type: none;
}
.page_comment ol li {
counter-increment: step-counter;
line-height:190%;
}
.page_comment ol li::before {
content: counter(step-counter);
margin-right: 5px;
font-size: 90%;
background-color: rgb(200,200,200);
background-color:#C0C0C0;
color: #464646;
padding: 1px 6px;
border-radius: 3px;
}

.page_comment {
margin-top:1.5%;
font-size:115%;
padding-bottom:10%;
line-height:170%;
}
.page_comment2 {
margin-top:1.5%;
font-size:115%;
padding-bottom:10%;
line-height:170%;
}

.single-page_title{
font-size:150%;
margin:5% 0 3% 0;
padding: 0;
line-height:160%;
font-weight:bold;
border: none;
}

.cat_name_box{}
.tag_name_box{padding-left:0.5%;}

.cat_name_box,.tag_name_box{
float:left;
margin-right:5px;
clear:none;
font-size:90%;
}

.NotFound_sec {margin-top:6%;}
.TXT_404 {
font-weight:bold;
font-size:200%;
}
.Not_TXT {
color:#626262;
font-weight:bold;
font-size:100%;
margin-top:3%;
}

.page_navi {
border-top: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
padding:1.5% 0;
margin-top:2%;
font-size:110%;
}

.single_ad {display:none;}

#relation_area{margin-top:6%;}

.relation_area {
width:100%;
margin-top:5%;
}

.relation_Box {
border-bottom:solid 1px #B5B5B5;
padding-bottom:2%;
}
.relation {
width:100%;
margin-bottom:2.5%;
}
.relation_thumb {
width: 27%;
padding-bottom: 27%;
overflow: hidden;
border: 1px solid #9B9B9B;
background-size:cover;
background-position:center;
float: left;
}
.relation_thumb img{
position: relative;
top: 50%;
left: 50%;
width: auto;
height: 100%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.relation_title {
width:67%;
font-size:110%;
float:left;
margin-left:4%;
}

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

/* 広告関係
----------------------------------------------------------*/
.foot_ad {
display:block;
position: fixed;
bottom: 0;
width: 100%;
height: 50px;
text-align:center;
padding-top:5px;
background-image:url(img/foot_ad_bg.png);
}
.foot_ad img{height: auto;}


/* デフォルト機能
----------------------------------------------------------*/
.tagcloud {
padding:1% 4% 2% 4%;
word-spacing: 2px;
}
.tagcloud  a {
white-space: nowrap;
line-height: 1.5;
}

.alignleft {margin-bottom:3%;}
.alignright {margin-bottom:3%;}


/* コメント -----------*/
#comments-list {list-style:none;}

.comments_num {
font-size:110%;
font-weight:bold;
margin:7% 0;
adding-bottom:1%;
border-bottom:dotted 1px #868686;
float:left;
color:#454545;
}
.comment_f {
background-color:#d3d3d3;
padding:0 3.5%;
margin:30px 0;
}
h3#reply-title {
background-color: transparent;
border-left:none;
padding:4% 0 0 0;
font-size:110%;
font-weight:bold;
color:#2E2E2E
}
.comment-body {margin-top:5%;}
.comment-meta {
margin-top:4%;
font-size:90%;
}
.comment-body p{
margin-top:1%;
padding:2% 3.5% 2.5% 3.5%;
border:solid 1px #B3B3B3;
}
.reply {margin-bottom:1.5%;}
.reply a{
background-color:#E5E5E5;
border:solid 1px #B3B3B3;
padding:1% 3%;
}
.children {
margin-left:0;
list-style:none;
}

#respond {margin-top:7%;}

#commentform input,
#commentform textarea{
font-family: "メイリオ", Meiryo, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
background-color:#fff;
border:1px solid #aaa;
padding:2px 1.5%;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
width:90% !important;
}

#commentform textarea {
width:96% !important;
}

#commentform label{display:block;}

.form-submit input{
background-color:#f6f6f6 !important;
border:solid 1px #8c8c8c !important;
padding:0 2%;
margin-bottom:15px;
}

.comment_partition { margin-top:2%;}
.nav-previous { float:left;}
.nav-next { float:right;}


/* calendar -----------*/
.calendar_wrap {
background-color:#A0A0A0;
border-radius:5px;
padding:5%;
}
#wp-calendar caption {
font-weight: bold;
text-align: left;
margin: 0 0 8px 0;
padding: 0 0 8px 0;
border-bottom: solid 1px #FFF;
}
#wp-calendar {
color: #FFF;
font-size:13px;
width: 100%;
line-height:30px;
}
#wp-calendar a {font-weight:bold;}
#wp-calendar th, #wp-calendar td {
color: #FFF;
text-align: center;
border:none;
width: 14%;
}
#wp-calendar tr{border:none;}

#wp-calendar #prev {
text-align: left;
padding: 3px 0 0 0;
}
#wp-calendar #next {
text-align: right;
padding: 3px 0 0 0;
}
#wp-calendar #prev a{
color:#ffffff;
background-color: transparent;
border-radius: 0;
padding:0;
}
#wp-calendar #next a{
color:#ffffff;
background-color: transparent;
border-radius: 0;
padding:0;
}
#wp-calendar a {
color:#ffffff;
border-radius: 12px 12px 12px 12px;
padding:3px 5px;margin: 1px;
}


/* プラグイン用
----------------------------------------------------------*/
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;	
}
.alignright {
display: block;
margin-left: auto;
text-align: right;
}
.alignleft {
display: block;
margin-right: auto;
text-align: left;
}
.widget_sp_image-description  p{
margin:3% 0 2% 0;
padding-top:2%;
clear:both;
font-size:110%;
line-height:160%;
}


.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 {}
.Description_oneTXT {
text-align:left;
font-size:85%;
}
.logo_sec {
float:left;
text-align:left;
}
.site_name {font-size:170%;}

/* ソーシャルボタン
------------------------------------------*/
.Social_button {
	text-align: right;
	float: 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:240%;
padding:0.5% 0 0 0;
}
.sider_menu {
padding: 1% 0;
font-size:130%;
}

/* ヘッダーエリア
------------------------------------------*/
.header_area {padding-bottom:2.5%;}
.header_top_TXT {
font-size:110%;
min-height:1px;
}
.header_box {margin-top:1.5%;}
.movie_box {}
.mov_TXT {}

.head_accordion {
padding-top:12px;
}

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

.Breadcrumb_area {
display:block;
font-size:95%;
padding-bottom:1.3%;
}

/* メイン
------------------------------------------*/
.main_section_0 {}
.main_section_1 {}

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

/* 動画カテゴリー一覧
------------------------------------------*/
.MOV_cat_box {
width:28.2%;
margin-right:3%;
}
.mov_cat_thumb {}
.mov_cat_nam {}
.mov_cat_namTXT{margin-top:20%;}
.mov_cat_title {}

/* 記事リスト
------------------------------------------*/
.contents_sec_2{}
.blog_list {}
.blog_list_thum {width:36%;}
.blog_list_TXTarea {width:60%;}
.blog_title {font-size:120%;}
.blog_date {padding-bottom:1%;}
.blog_cont_TXT {
display:block;
line-height:160%;
border-top: dotted 1px #C1C1C1;
padding-top:2%;
}

/* ピックアップ動画
------------------------------------------*/
.contents_sec_3{}
.pickup_mov_title {
padding-bottom:1%;
font-size:120%;
}
.pickup_mov_cont {margin-top:2%;}

/* カテゴリー・タグ・検索結果など
------------------------------------------*/
.contents_sec_4{}
.archive_list_set {}
.archive_list_thum {width:36%;}
.archive_list_TXTarea {width:60%;}
.archive_list_title {font-size:120%;}

.archive_list_cont_TXT {
display:block;
line-height:160%;
font-size:100%;
border-top: dotted 1px #C1C1C1;
margin-top:1%;
padding-top:1.5%;
}
.cont_sections {padding:1% 0 4% 0;}

/* サイドバー
------------------------------------------*/
.side_menu_section_0 {}
.side_menu_section_1 {}
.side_menu_box {padding:0 0 2% 0;}
.side_menu_box img {}
.side_menu_box_border {}
.side_menu_box,.side_menu_box_border {}

.searchform_layout {margin:2.5% 0 0 3%;}
.s_form {width:80%;}

/* ウィジェット
------------------------------------------*/
.side_menu_box_border ul, .side_menu_box ul {margin:0 2% -2% 2%;}
.side_menu_box_border li, .side_menu_box li {margin:1.2% 0;}

/* リード
------------------------------------------*/
.read_L {}
.read_S {}
.read_TXT {padding:0 1.5%;}
.read_L,.read_S {width:96%;}

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

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

.cat_name_box{}
.tag_name_box{}

.NotFound_sec {margin-top:4%;}
.TXT_404 {}
.Not_TXT {margin-top:3%;}

.page_navi {}

.relation_area {width:103%;}
.relation {
width:47%;
float:left;
margin-right:3%;
}
.relation_thumb {}
.relation_title {
width:67%;
margin-left:4.5%;
}


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


/* 広告関係
----------------------------------------------------------*/
.foot_ad {
padding-left: 2%;
padding-right: 2%;
width:96%;
height: 60px;
}
.foot_ad img{}


/* デフォルト機能
----------------------------------------------------------*/
.tagcloud {padding:0 3% 3% 3%;}

.alignleft {
float:left !important;
margin:1% 2% 3% 0 !important;
}
.alignright {
float:right !important;
margin:1% 0 3% 2% !important;
}

/* コメント -----------*/
.comments_num {
 margin:5% 0;
 padding-bottom:0.5%;
 }
.comment_f {}
h3#reply-title {}
.comment-body {margin-top:3.5%;}
.comment-meta {margin-top:2%;}
.comment-body p{padding:1.5% 2.5% 2% 2.5%;}
.reply {}
.reply a{padding:0.5% 2%;}
.children {}
.children p{}

#respond {margin-top:7%;}

#commentform input,
#commentform textarea{
font-family: "メイリオ", Meiryo, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
background-color:#fff;
border:1px solid #aaa;
padding:2px 1.5%;
margin-top:3px;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
width:70% !important;
}

#commentform textarea {
width:96% !important;
}

#commentform label{}
.form-submit input{}

/* プラグイン用
----------------------------------------------------------*/
.widget_sp_image-description  p{
margin:3% 0 0 0;
padding-top:1%;
}


.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 {}
.Description_oneTXT {
font-size:12px;
padding:6px 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;
min-height:5px;
}
.header_box {margin-top:5px;}
.movie_box {
width:525px;
float:left;
}
.mov_TXT {
width:400px;
height:295px;
overflow: hidden;
float:right;
line-height:23px;
font-size:14px;
}

.head_accordion {
padding-top:0;
}

.head_accordion label {
display: none;
}
.head_accordion label:hover {
background: none;
}
.head_accordion .ac-cont {
transition: none;
width:400px;
height:295px;
background-color:transparent;
padding: 0;
}
.head_accordion input:checked + .ac-cont {
padding: 0;
}

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

.Breadcrumb_area {
min-height:12px;
padding-bottom:10px;
font-size:12px;
}

/* メイン
------------------------------------------*/
.main_section_0 {float:left;}
.main_section_1 {float: right;}
.main_section_0,.main_section_1 {width:620px;}

/* 動画リスト
------------------------------------------*/
.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;
}

/* 動画カテゴリー一覧
------------------------------------------*/
.MOV_cat_box {
width:193px;
margin-right:20px;
}
.mov_cat_thumb {}
.mov_cat_nam {font-size:90%;}
.mov_cat_namTXT{margin-top:20px;}
.mov_cat_title {
margin-top:8px;
font-size:12px;
height:15px;
}

/* 記事リスト
------------------------------------------*/
.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 {padding-bottom:5px}
.blog_cont_TXT {
font-size:14px;
line-height:23px;
padding-top:10px;
}

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

.pickup_mov_title {
font-size:16px;
padding-bottom:10px;
}
.pickup_mov_cont {
margin-top:10px;
font-size:15px;
line-height:25px;
padding-bottom:20px;
}

/* カテゴリー・タグ・検索結果など
------------------------------------------*/
.contents_sec_4{}
.archive_list_set {padding-bottom:10px;}
.archive_list_thum {
width:195px;
height:130px;
overflow: hidden;
}
.archive_list_thum img {
max-width:195px;
height:auto;
}
.archive_list_TXTarea {width:405px;}
.archive_list_title {
font-size:16px;
line-height:23px;
}

.archive_list_cont_TXT {
font-size:13px;
line-height:23px;
padding-top:10px;
}
a.page-numbers,
.pager .current{padding:3px 10px;}

.page-numbers a {padding:2px 3px;}
.numbers {margin: 0 7px;}


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

/* サイドバー
------------------------------------------*/
.side_menu_section_0 {float:right;}
.side_menu_section_1 {float: left;}
.side_menu_section_0,.side_menu_section_1 {width:300px;}
.side_menu_box {padding:0 0 10px 0;}
.side_menu_box img {}
.side_menu_box_border {padding:0 0 15px 0;}
.side_menu_box,.side_menu_box_border {
margin-bottom:15px;
font-size:14px !important;
}

.searchform_layout {margin:15px 0 0 10px;}
.s_form {width:70%;}

/* ウィジェット
------------------------------------------*/
.side_menu_box_border ul {margin:-5px 12px -10px 12px;}
.side_menu_box ul {margin:-5px 12px -10px 12px;}

.side_menu_box_border li, .side_menu_box li {
margin:8px 0 !important;
line-height:22px;
padding-bottom:7px;
}
.postform,select[name="archive-dropdown"] {margin-left:12px;}

.textwidget {
font-size:14px;
line-height:27px;
}

/* リード
------------------------------------------*/
.read_L {width:600px;}
.read_S {width:278px;}
.read_TXT {
padding:0 10px;
font-size:13px;
}
.read_L,.read_S {
padding:7px 10px;
margin-bottom:20px;
line-height:24px !important
}

/* 下層
------------------------------------------*/
.page_comment {
margin-top:25px;
font-size:15px;
line-height:28px;
}
.page_comment2 {
margin-top:5px;
font-size:15px;
line-height:28px;
}

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

.cat_name_box{}
.tag_name_box{padding-left:5px;}

.cat_name_box,.tag_name_box{
margin-right:7px;
font-size:12px;
}

.NotFound_sec {margin-top:25px;}
.TXT_404 {font-size:37px;}
.Not_TXT {
font-size:15px;
margin-top:15px
}

.page_navi {
padding:10px 0;
margin-top:20px;
font-size:15px;
}

.single_ad {
display:block;
margin-top:50px;
}

.relation_area {
width:663px;
margin-top:30px;
}
.relation {
width:298px;
margin-right:24px;
}
.relation_thumb {
width: 80px;
height: 80px;
padding-bottom:0;
}
.relation_title {
width:200px;
font-size:14px;
margin-left:14px;
}

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

/* 広告関係
----------------------------------------------------------*/
.foot_ad {display:none;}


/* デフォルト機能
----------------------------------------------------------*/
.tagcloud {padding:0 10px 7px 10px;}

.alignleft {
float:left !important;
margin:10px 20px 15px 0 !important;
}
.alignright {
float:right !important;
margin:10px 0 15px 20px !important;
}


/* コメント -----------*/
.comments_num {
 font-size:16px;
 margin:35px 0 15px 0;
 padding-bottom:3px;
 }
.comment_f {
padding:0 3.5%;
margin-top:30px;
}
h3#reply-title {}
.comment-body {margin-top:25px;}
.comment-meta {
margin-top:15px;
font-size:12px;
}
.comment-body p{
margin-top:5px;
padding:10px 15px 13px 15px;
}
.reply { margin-bottom:7px;}
.reply a{padding:0 10px;}

.children {margin-left:0px;}
.children p{}

#respond {margin-top:50px;}

#commentform input,
#commentform textarea{}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input {}

#commentform textarea {}
#commentform label{}


/* プラグイン用
----------------------------------------------------------*/
.widget_sp_image-description  p{
margin:10px 0;
padding:10px 0 7px 0;
font-size:14px;
}


.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;
}
.MOV_cat_img {
position: relative;
padding-bottom: 56.25%;/* 16:9 */
height: 0;
overflow: hidden;
}

figcaption {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background: rgba(0,0,0,.6);
-webkit-transition: .3s;
transition: .3s;
opacity: 0;
}
.MOV_cat_img:hover figcaption {opacity: 1;}



#pageTopaaa {
 position: fixed;
 bottom: 35px;
 right: 20px;
}
#pageTopaaa a {
 display: block;
 z-index: 999;
 padding: 6px;
 border-radius: 30px;
 width: 35px;
 height: 35px;
 color: #fff;
 font-size:24px;
 text-decoration: none;
 text-align: center;
}
#pageTopaaa a:hover {
 text-decoration: none;
 opacity: 0.7;
}