/*
Theme Name: インディーズ.com
Author: higashiguchi
*/

@charset "UTF-8";
/* CSS Document */

html { font-size: 25px; }

body {
	margin:0;
	padding:0;
	background-color:#000;
	color:#fff;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	line-height:25px;
}
a img {
	border:none;
}
ul,li,p {
	margin:0;
	padding:0;
}
img {
	width:100%;
	height:auto;
}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
li {
	list-style-type:none;
}
a {
	color:#DDD;
	text-decoration:none;
	display:block;
}
a:hover {
	opacity:0.8;
}

h2 {
	background-color:#333;
	color:#fff;
	text-align:center;
	padding:13px 0;
	margin:0;
	position:relative;
	font-weight:normal;
}
h2 a {
	position:absolute;
	right:10px;
	bottom:10px;
	color:#fff;
	font-size:50%;
}
header .slick-slider {
	margin-bottom:0;
}
header .logo {
	position:absolute;
	top:5px;
	left:5px;
	color:#fff;
	font-size:30px;
}
header a#right-menu {
	width:7%;
	position:fixed;
	z-index: 9999999;
	top:5px;
	right:5px;
}
header #sidr-right .page {
	text-align:center;
	padding:70px 0 0;
}
header #sidr-right .page li {
	width:44%;
	text-align:center;
	background-color: #444;
	display:inline-block;
	margin-bottom:5px;
}
header #sidr-right .page li a {
	color:#fff;
	padding:15px 0;
}
header #sidr-right h2.sidrcat {
	padding:15px 0;
	background-color:#fff;
}
header #sidr-right .catlist {
	text-align:center;
	margin-top:30px;
}
header #sidr-right .catlist .category {
	width:45%;
	display:inline-block;
	text-align:left;
	vertical-align:top;
}
header #sidr-right .catlist .category p {
	font-size:23px;
}
header #sidr-right .catlist .category li {
	padding-left:30px;
}

.search {
	padding:15px 5%;
}
.search input[type="text"] {
	width:80%;
	height:50px;
	vertical-align:top;
	padding:0 1%;
	font-size:23px;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	border:2px solid #888;
}
.search input[type="submit"] {
	width:15%;
	height:53px;
	background-image:url(img/search_icon.png);
	background-repeat:no-repeat;
	background-color:#333;
	background-position:center;
	border:none;
	margin-left:2%;
	vertical-align:top;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	border:2px solid #333;
}


.content {
	margin-bottom:20px;
}
ul.list3>li {
	width:33.333%;
	float:left;
	margin-bottom:10px;
}
ul.list3>li .text {
	padding:2px 5px;
	height:48px;
	overflow-y:hidden;
}
ul.list3>li .text .name {
}
ul.list3>li .text .sns {
	width:48px;
	float:right;
}
ul.list3>li .text .sns li {
	width:20px;
	height:20px;
	float:left;
	margin:2px;
}

ul.list1 {
	width:95%;
	margin:10px auto;
}
ul.list1>li {
	width:100%;
}
ul.list1>li .eyecatch {
	width:20%;
	border-radius: 50%;		/* CSS3草案 */
	-webkit-border-radius: 50%;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50%;	/* Firefox用 */
	overflow:hidden;
	display:table-cell;
}
ul.list1>li .text {
	width:70%;
	display:table-cell;
	vertical-align:middle;
	padding-left:10%;
}
ul.list1>li .text .name {
}
ul.list1>li .text .sns li {
	width:20px;
	height:20px;
	float:left;
	margin:2px;
}
.report .singlecnt {
	width:95%;
	margin:10px auto;
	border-top:1px solid #444;
	padding-top:30px;
}
.report .singlecnt iframe {
	width:100% !important;
	height:450px !important;
}
.report .singlecnt h2 {
	border-left:15px solid #444;
	border-bottom:2px solid #444;
	background:none;
	text-align:left;
	padding-left:20px;
	color:#444;
}
.report .outline h1 {
	padding-top:20px;
	line-height:50px;
}
.report .outline .date {
	text-align:right;
}


.gnav {
	position:fixed;
	bottom:0;
	width:100%;
	background-color:#444;
}
.gnav ul {
	width:100%;
	height:100px;
	background-color:#444;
}
.gnav ul li {
	width:20%;
	float:left;
	background-color:#444;
	text-align:center;
}
.gnav ul li img {
	width:auto;
	height:100px;
}




/******single******/

.single .outline {
	width:80%;
	margin:15px auto;
}
.single .outline table {
	width:100%;
	table-layout:fixed;
	border-spacing:0 5px;
}
.single .outline table tr td {
	padding:2%;
	background-color:#aaa;
	text-align:center;
}
.single .outline table tr td:first-child {
	width:40%;
	background-color:#555;
	color:#fff;
}
.single .introduction {
	width:85%;
	background-color:#333;
	margin:20px auto;
	padding:4%;
}
.single .member h2 {
	width:50%;
	background-color:#555;
	margin-left:auto;
	margin-right:auto;
}
.single .member ul {
	width:92%;
	margin:10px auto;
}
.single .member ul li {
	margin-bottom:10px;
	border:1px solid #777;
}
.single .member ul li div {
	display:table-cell;
	vertical-align:middle;
}
.single .member ul li .image {
	width:20%;
}
.single .member ul li .name {
	padding:0 2%;
}
.single .member ul li .role {
	padding:0 2%;
	width:100px;
}
.single .snstab {
	width:92%;
	margin:30px auto;
}
.single .snstab .tab li {
	width:20%;
	float:left;
	opacity:0.4;
}
.single .snstab .tab li:hover {
	opacity:1.0;
	cursor:pointer;
}
.single .snstab .tab li.select {
	opacity:1.0;
}
.single .snstab .content .hide {
	display:none;
}
.single .sharebtn {
	width:70%;
	margin:20px auto;
}
.single .sharebtn li {
	float:left;
	margin:0 5px;
}
.single .sharebtn li img {
	width:auto;
	height:40px;
}



.wp_social_bookmarking_light_cover {
	width:60%;
	margin:20px auto;
}

#twitter-widget-0,#twitter-widget-1,.timeline-Widget {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing:border-box;
}

.fb-page,.fb-page>span,.fb-page iframe,._2p3a {
	max-width:100% !important;
	width:100% !important;
	box-sizing:border-box;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
  width: 100% !important;
}

#youtubelist .youtubebox {
	margin:10px auto;
	width:480px;
}
#twicaslist .twicasbox {
	margin:10px auto;
	width:480px;
}
#ameblolist dt {
	margin:5px 0 5px 0;
	padding-top:5px;
}
#ameblolist dd {
	margin:0;
	padding:0 0 10px 0;
	border-bottom:1px solid #DDD;
}


.pagecontent {
	margin:20px 0;
	padding:0 1%;
}

.mw_wp_form p {
	margin-top:10px;
}
.mw_wp_form input[type='text'],.mw_wp_form input[type='email']{
	height:30px;
	border-radius: 5px;        /* CSS3草案 */  
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 5px;   /* Firefox用 */  
	border:1px solid #ccc;
	width:95%;
	margin:5px 0;
	padding:5px;
	font-size:20px;
	line-height:30px;
}
.mwform-tel-field input[type='text'] {
	border-radius: 5px;        /* CSS3草案 */  
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 5px;   /* Firefox用 */  
	border:1px solid #ccc;
	width:20% !important;
}
.mw_wp_form textarea {
	border-radius: 5px;        /* CSS3草案 */  
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 5px;   /* Firefox用 */  
	border:1px solid #ccc;
	width:95%;
	padding:5px;
	font-size:20px;
	line-height:30px;
}
.mw_wp_form input[type="submit"] {
	font-size:20px;
	width:30%;
}
.mw_wp_form p.ttl {
	border-left:10px solid #666;
	padding-left:15px;
}


#pageplugin {
	max-width:500px;
	margin:5px auto;
}

.quote {
	text-align:right;
	padding:5px;
	font-size:13px;
}

#post-footer {
	margin:30px auto;
	width:95%;
}
#post-nav-prev {
	width:45%;
	float:left;
	height:5em;
	overflow-y:hidden;
	padding:7px;
	font-size:15px;
}
#post-nav-next {
	width:45%;
	float:right;
	background-color:#FFF;
	border:2px solid #999;
	height:5em;
	overflow-y:hidden;
	padding:7px;
	font-size:15px;
}
#post-nav-prev p {
	text-align:left;
	font-size:13px;
	color:#777;
}
#post-nav-next p {
	text-align:right;
	font-size:13px;
	color:#777;
}
.bottomwidget {
	margin:0 auto 200px;
}