/*
Theme Name: dwcmedia2018
Theme URI: https://dwcmedia.jp
Description: dwcmedia.jp themes
Version: 1.2
Author: msc
Author URI: https://dwcmedia.jp/
*/


/* ----------------------------------------------------
css set 
body
header
navi
contentiner (topics nabi / page navi)
main
side
footer
home
archives /events  一覧ページ用
event / archive 詳細ページ
msc
equipment / material
faq(mscfaq)
search
event個別記事用 
---------------------------------------------------- */

/* body
---------------------------------------------------- */
html{
    	width:100%;
}

body {
	width:100%;
	text-align: center;
	font-family:Helvetica,Verdana, Arial, sans-serif;
	color : #333333;
}

#wrapper{
	width:100%;
	text-align: center;
	margin: 0px auto;
}


a {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
	color :#33f;
}
a:hover {
	text-decoration:none;
	color :#66f;
}

.hidden{
	visibility:hidden;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
 
.clearfix {
	min-height: 1px;
}
 
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
 
.both{
	clear:both;
}

hr {
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #999; 
	margin:15px 0;
}


/* header
---------------------------------------------------- */

#header {
    width: 100%;
  	margin: 0 auto;
}

#header_wrap {
    	width:900px;
    	margin: 0 auto;
}

#header h1{
	float:left;
	margin-top:50px; 
    height:80px;
}
	
#header h1 img{
	width:360px;
}

#search_form_set{
	float:right;
    margin-top:60px;
}

#search_form_set span{
	color:#ccc;
}

#search_form_set a:link, #search_form_set a:visited{
color:#383635;
}

.search {
    padding:5px 0px 5px 25px;
    background: url('https://dwcmedia.jp/css/images/search.png') no-repeat 8px 6px;

}
.rounded {
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px; 
}

input[type=text]{
    color:#aaa;
    border:1px solid #ddd;
    background-color:#fefefe;
}





/* navi
---------------------------------------------------*/

#navi {
	clear: both;
	width:100%;
	height:45px;
	background-color:#fdfdfd;
}

#global_navi{
	width:900px;
	height:45px;
	margin: 0px auto;
	padding:0px;
}

#global_navi li{
	display:inline;
	float:left;
	height:45px;
	margin: 0px;
	padding: 0px;
}
#global_navi li img{
	height:45px;
}
#global_navi li a:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

#global_navi .n_home,
#global_navi .n_home img{
	width:50px;
}

#global_navi .n_news,
#global_navi .n_news img{
	width:69px;
}

#global_navi .n_event,
#global_navi .n_event img{
	width:120px;
}

#global_navi .n_archive,
#global_navi .n_archive img{
	width:105px;
}

#global_navi .n_msc,
#global_navi .n_msc img{
	width:194px;
}

#global_navi .n_equipment,
#global_navi .n_equipment img{
	width:120px;
}

#global_navi .n_faq,
#global_navi .n_faq img{
	width:102px;
}

#global_navi .n_dwclamedia,
#global_navi .n_dwclamedia img{
	width:190px;
}

#global_navi .n_dwcla,
#global_navi .n_dwcla img{
	width:50px;

}


/* contentiner (topics nabi / page navi)
---------------------------------------------------*/

#contentiner{
    width:900px;
    height:auto;
    margin: 0 auto;
    overflow:auto;
    padding-bottom:40px;
	text-align:left;
}

#contentiner .topics_path{
	font-size:9px;
	color:#666;
	height:15px;
	padding:10px 0 50px 0;
}

#contentiner .topics_path li{
	display: inline;
	width:auto;
	font-weight:100;
	margin-left:2px;
}
	
#contentiner .topics_path .first{
	padding-left:0px;
	background:none;
}

#contentiner .topics_path a{
	color:#F66;
	text-decoration:underline;
}

#contentiner .topics_path a:hover{
	color:#F66;
	text-decoration:none;
}


.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
}

.wp-pagenavi span.current {
	font-weight: bold;
}


/* main 
---------------------------------------------------*/

#main{
	width:602px;
	height:auto;
	float: left;
	text-align:left;
	padding-right:30px; 
	border-right:1px solid #EEE;
}

#main h2{
	clear:both;
	width:600px;
	font-size:120%;
	line-height: 180%;
	font-weight:bold;
	padding:0px 0 20px 0;
}

#main h3{
	width:600px;
	font-size:120%;
	line-height: 180%;
	font-weight:bold;
	padding:0px 0 15px 0;
}

#main h4{
	clear:both;
	font-size:105%;
	line-height: 170%;
	font-weight:bold;
	padding:20px 0 5px 0;
}

#main strong{
	font-size:105%;
	line-height: 160%;
	font-weight:bold;
	padding:10px 0;
	color:#555;
}

#main p{
	font-size:90%;
	line-height: 180%;
	margin-bottom:15px;
}

.page_contents .post p{
	text-align:justify;
}


.page_contents .post .text_indent{
padding-left:1em;
text-indent:-1em;
}

.aligncenter {
	display: block;
	margin:10px auto;
}

.thecontent{
	clear:both;
}

.post{
	clear:both;
	height:auto;
	overflow:auto;
	border-bottom:1px dotted #DDD;
	margin-bottom:35px;
}


#event .post{
	min-height: 250px;
}



#news .thecontent{
	margin-bottom:40px;
}

#news .post{
	margin-bottom:40px;
}

#news .post p{
	font-size:100%;
}
#news img{
	max-width:100%;
}

.single .post{
	border:none;
}

.post li{
	line-height: 180%;
}

.blog_info{
	overflow:auto;
	margin-bottom: 15px;
}

.text_wrap .blog_info{
	width: 299px;
	margin-bottom: 15px;
}

.blog_info li{
	font-size: 10px;
	list-style: none;
	float: left;
	padding-left: 15px;
	padding-right: 10px;
	color: #555;
}

li.cal{
	background: url(images/calendar.gif) no-repeat 0px 40%;
}

li.cat{
	background: url(images/folder.gif) no-repeat 0px 30%;
}

li.tag{
	background: url(images/tag.gif) no-repeat 0px 40%;
}

.caption{
	font-size:10px;
	line-height: 180%;
	letter-spacing: 0.1em;
	color:#666;
	text-align:left;
}

.news_more{
	font-weight:bold;
}



/* side
---------------------------------------------------*/

#side{
	width: 240px;
	float: right;
	text-align:left;
}

#side h3{
	font-size:110%;
	line-height: 180%;
	font-weight:bold;
	padding-bottom:15px;
}

#side ul{
	margin-left:5px;
	margin-bottom:25px;
}

#side ul li {
	font-size:85%;
	line-height: 180%;
	letter-spacing: 0.03em;
	padding: 0 5px 0 10px;
	background: url(https://dwcmedia.jp/images/list_arrow.png) no-repeat 0 5px;
	}


#side .eventyear ul{
	margin-bottom:5px;
}

#side .eventyear ul li{
	line-height: 180%;
}


#side .eventyear p{
	margin-left:1.5em;
	margin-top:-5px;
	margin-bottom:10px;
}

.widget-area ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.random_banner{
	padding-bottom:20px;
	font-size:85%;
}

.side_widget{
	width:240px;
	height:auto;
	padding-bottom:30px;
	overflow:hidden;
	box-sizing:border-box;
}

.side_widget img{
	overflow:hidden;
	border:solid 1px #EEF;
	box-sizing:border-box;
}

.side_archive{
	width:240px;
	height:auto;
}

.nav-below{
	clear:both;
}

.event_thum img{
	width:238px;
	border:solid 1px #EEF;
	box-sizing:border-box;
}

.event_thum p{
	color:#666;
	font-size:80%;
}

#side .fb-like-box{
	padding-top:10px;
}

#side .fb_iframe_widget,
#side .fb_iframe_widget span,
#side .fb_iframe_widget span iframe[style]{
width: 100% !important;
}



/* footer
---------------------------------------------------*/
#footer {
	width:100%;
	height:auto;
	overflow:auto;
	font-weight:lighter;
	color:#666;
	text-align:center;
	border-top:1px solid #f3f3f3;
	box-shadow: 0 1px #009;
}

#footer_contens{
	width:100%;
	height:auto;
	background-color:#fafafa;
}

#footer_contens h4 {
	width:900px;
	padding:30px 0 25px 0;
	margin:0px auto;
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid #DDD;
	box-shadow: 0 1px #fff;
}

#footer a{
	color:#666;
	text-decoration:none;
}

#footer a:hover{
	color:#333;
	text-decoration:underline;
}

#footer a:visited{
	color:#666;
	text-decoration:none;
}

#footer_menu{
	width:900px;
	overflow:auto;
	margin:0px auto;
	text-align:left;
	padding-bottom:30px;
}

#footer dl{
	float:left;
	margin-top:20px;
}

#footer_m_home{
	width:200px;
	height:115px;
}
#footer_m_event{
	width:200px;
	height:115px;
}
#footer_m_archives{
	width:205px;
	height:115px;
}
#footer_m_msc{
	width:205px;
	height:115px;
}
#footer_m_sns{
	width:90px;
}


#footer_m_about {
	clear:both;
	width:200px;
}
#footer_m_dwcla {
	width:200px;
}
#footer_m_equipment {
	width:205px;
}
#footer_m_faq {
	width:205px;
}



#footer_menu dt{
	font-size:85%;
	font-weight:bold;
	line-height:180%;
}

#footer_menu dd{
	font-size:80%;
	font-weight:100;
	line-height:180%;
}

#footer .footer_credit{
	width:900px;
	overflow:auto;
	margin:0px auto;
	padding:40px 0 40px 0;
	text-align:left;
	background-color:#FFF;
}

#footer .company{
	font-weight:bold;
	font-size:95%;
	margin:0px;
}
#footer address{
	float:left;
	font-size:80%;
	line-height:1.8em;
	font-style:normal;
	padding-top:5px;
}

#footer .pagetop{
	float:right;
	font-size:75%;
}

#footer .copy{
	float:right;
	font-size:9px;
	clear:both;
	margin-top:-15px;
}


/* home (toppage)
---------------------------------------------------*/

#slider{
	margin:30px 0 20px 0;
	height: 350px;
	width: 900px;
	overflow:hidden;
}

#slider .text_wrap{
	clear:both;
	float:left;
	width: 375px;
	height: 350px;
	background :#f7f7f7;
}

#slider h3{
	font-size:110%;
	font-weight:bold;
	padding:20px;
}

#slider p{
	height:auto;
	overflow:auto;
	padding-left:20px;
	margin-top:20px;
	font-size:90%;
	line-height:1.8em;
}

#slider h4{
	font-weight:bold;
	line-height:1.7;
	padding-left:20px;
}

#slider p strong{
	font-weight:bold;
	font-size:110%;
}

#slider h4 span{
	font-size:85%;
}

#slider .img_wrap{
	float:right;
	width: 525px;
	height: 350px;
}

#slider .img_wrap img{
	width: 525px !important;
	height: 350px !important;
}

#slider .slider_btn{
	width:290%;
	overflow:none;
}

#slider .slider_btn1{
	padding:5px 6px;
	color:#FFF;
	background-color:#4169e1;
	border-radius:3px;
}

#slider .slider_btn2{
	margin-left:15px;
	padding:5px 6px;
	color:#FFF;
	background-color:#ff69b4;
	border-radius:3px;
}

#slider a,
#slider a:visited,
#slider a:visited {
	color:#FFF;
}

#slider a:hover {
	color:#000;
}

/* EVENT TOPICS　件数に併せて調整
---------------------------------------------------*/
#snavi{
	height:50px;
	margin:10px auto;
}

#snavi a{
	font-size:11px;
	display: block;
	width: 22px;
	height: 23px;
	float: left;
	background: url(https://dwcmedia.jp/images/snavi-bg.png) no-repeat 0 0;
	color: #777 !important;
	text-align: center;
	line-height: 23px;
	text-decoration: none;
	margin: 0 6px 0 5px;
}
	
#snavi a:hover,
#snavi a.activeSlide{
	color: #FFF !important;
	background-position: 0 100%;
}

#news_box{
	clear:both;
	float:left;
	width:600px;
	height:auto;
	overflow:auto;
	padding-bottom:30px;
}

#news_box h3{
}

dl.newstopics{
	padding-top:15px;
	border-top:1px solid #EEE;
}

.newstopics dt{
	font-size:85%;
	line-height:1.8em;
	padding-left:5px;
}

.newstopics dd{
	font-size:90%;
	line-height:1.8em;
	padding-bottom:10px;
	margin-bottom:8px;
	border-bottom:1px solid #EEE;
	padding-left:5px;
}

.home_widget{
	float:right;
	width:240px;
	padding-bottom:40px;
}

.home_widget p{
	font-size:90%;
	line-height:1.8em;
}


#test_home #facebook_box,
#index #facebook_box{
	height:auto;
	margin-bottom:25px;
}

@media screen and (min-width: 600px) {
  .fb-page-parent > .fb-page {
    width: 600px;
  }
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
  width: 100% !important;
}

#test_home #twitter,
#index #twitter{
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	height:auto;
	width:600px;
	overflow:auto;
}

#twitter_header{
	height:33px;
	background-color:#00aced;
}

#twitter_header .twitter_logo{
	float:left;
}

#twitter_header .twitter_follow{
	float:right;
}

.twitter-timeline {
	max-width: 100% !important;
	width: 100% !important;
	box-sizing:border-box;
}


.twitter_favicon{
	float:left;
	margin:10px 0 0 5px;
}


.mt20{
margin-top:20px;
}

.redText{
color:red;
}

.blackText{
color:black;
}

.font80{
font-size:80%;
}

/*archives /events  一覧ページ用
---------------------------------------------------*/
.icatch {
	margin-bottom:30px;
}
.icatch img{
	width:100% !important;
	height:auto !important;
}

.post .img_wrap{
	width:240px;
	margin:0 20px 40px 0;
	float:left;
}


#event .img_wrap img,
#archives .img_wrap img{
	border:1px solid #EEF;
}

.post .text_wrap{
	width:325px;
	height:auto;
	float:right;
}

.post .text_wrap p{
	height:auto;
	text-align:justify;
}

.post .btn_info{
	font-size:85%;
	font-weight:bold;
	text-align:right;
	padding:5px 6px;
	margin-right:10px;
	color:#FFF;
	background-color:#4169e1;
	border-radius: 2px;
}
.post .btn_report{
	font-size:85%;
	font-weight:bold;
	text-align:right;
	padding:5px 6px;
	color:#FFF;
	background-color:#ff69b4;
	border-radius: 2px;
}


/* event / archive 詳細ページ
---------------------------------------------------- */

.info_set dl {
	border-top: 1px dotted #EEEEEE;
	margin-bottom:30px;
}

.info_set dt {
	font-size: 95%;
	width:9em;
	color: #666;
	line-height: 160%;
	margin-right: 5px;
	padding: 10px 0px;
	display: block;
	float: left;
	clear: left;
}

.info_set dd {
	font-size: 95%;
	padding:10px 1em 10px 9.5em;
	line-height: 160%;
	border-bottom: 1px dotted #EEEEEE;
}

.report_set{
	border-top:1px dotted #ff69b4;
	margin-top:40px;
	padding-top:30px;
}

.report_set p{
	text-align:justify;
}

.photo_gallery img{
	width:183px;
	height:183px;
	margin:0 20px 20px 0;
	box-sizing:border-box;
}

.photo_gallery ul li:nth-of-type(3n) img{
	margin-right:0;
}



.photo_gallery li{
	display:inline;
}

.sns_btn{
	width:600px;
	height:40px;
	padding-bottom:10px;
	border-bottom:1px dotted #DDD;
}

.sns_btn li{
	float:left;
	margin-right:30px;
}


#main .sns_btn .fb-like{
	width:100px;}


#main .sns_btn .sns_gplus{
	margin-right:0px;
}



/* about
---------------------------------------------------- */
#about h4 span{
	font-size: 92%;
	color: #EA609E;
}

/* msc
---------------------------------------------------- */
.msc_list{
	width:580px;
	padding-bottom:10px;
}

.msc_list li{
	display:inline;
	height:auto;
	margin: 0 10px 10px 0;
	padding:4px;
	font-size: 92%;
	line-height: 300%;
	background-color:#EFEFEF;
	white-space: nowrap;
}


/* equipment / material
---------------------------------------------------- */

.equipment_list{
	margin-bottom:20px;
}

.equipment_list dt {
	font-size: 92%;
	font-weight:bold;
	line-height: 200%;
}

.equipment_list dd {
	font-size: 90%;
	line-height: 180%;
	padding: 0 5px 0 10px;
	background: url(https://dwcmedia.jp/images/list_arrow.png) no-repeat 0 5px;
}

.material_list{
	float: left;
	width: 190px;
	font-size: 95%;	
	margin:10px 15px 0 0;
}

.material_list h5{
	font-size: 92%;
	font-weight:bold;
	background-color:#EEE;
	padding:3px;
}

.material_list ul{
	margin-bottom:30px;
}

.material_list li{
	font-size: 85%;
	line-height: 200%;
}

.material_rule_list{
	padding-bottom:20px;
}

.material_rule_list li{
	display:inline;
	margin-right:10px;
	margin-bottom:20px;
	padding:4px;
	font-size: 90%;
	line-height: 200%;
	background-color:#EFEFEF;
	white-space: nowrap;
}

.guideLeft {
	width:380px;
	margin-right: 15px;
	float:left;
}

.guideList dt {
	font-size: 90%;
	font-weight:bold;
	color:#555;
	line-height: 200%;
	margin:0 0 10px 0px;
	display: block;
	float: left;
	clear: left;
}
  
.guideList dd {
	font-size: 90%;
	line-height: 200%;
	margin:0 0 15px 6.5em;
	padding-bottom:5px;
	border-bottom: #EEEEEE solid 1px;
}

.guideList ol {
	margin: 2px 0px;
	padding:0px;	
}

.guideList li {
	margin-bottom: 5px;
}

.guideList .rule_procedure li {
	list-style: decimal outside;
	margin-left:20px;
}


.gallery_artist_list li{
	font-size: 85%;
	line-height: 200%;
}

/* faq(mscfaq)
---------------------------------------------------- */

.faq_list_menu li{
	font-size: 90%;
	line-height: 180%;
	padding: 0 5px 0 10px;
	background: url(https://dwcmedia.jp/images/list_arrow.png) no-repeat 0 5px;

}

.faq_list dt{
	color:#C00;
	border-bottom:1px dotted #EEE;
	margin-bottom:10px;
}

.faq_list dd{
	font-size: 92%;
	line-height: 160%;
	margin-left:10px;
	margin-bottom:25px;
	text-align:justify;
}

.faq_link{
	padding: 0px 5px 0 10px;
	background: url(https://dwcmedia.jp/images/list_arrow.png) no-repeat 0 2px;
}


/* search 
---------------------------------------------------- */

#search h3{
	padding-bottom:15px;
}

#search .btn_more{
	font-size:90%;
	font-weight:bold;
	text-align:right;
	padding:5px 6px;
	color:#FFF;
	background-color:#66cdaa;
}

#search #main{
        min-height:300px;
}

#search #submit_button{
	padding:5px;
	background-color: #bbb;
	color: #fff;
	border-style: none;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px; 
}


/* event記事等　個別用
---------------------------------------------------- */
.student_gallery_list{
	padding-bottom:30px;
}

.student_gallery_list dt{
	margin-top:10px;
	line-height:180%;
	font-size:100%;
	font-weight:bold;
	color:#234d76;
}

.student_gallery_list dd{
	margin-left:10px;
	font-size:90%;
	line-height:180%;
	color:#333;
}

.student_gallery_list2014 li{
	line-height:200%;
	margin-left:20px;
	list-style-type:disc;
	list-style-position:outline;
}

.student_gallery_list_artdresser dt{
	margin-top:10px;
	line-height:180%;
	font-size:100%;
	font-weight:bold;
	color:#234d76;
}

.student_gallery_list_artdresser dd{
	font-size:105%;
	line-height:180%;
	color:#333;
}

.student_gallery_list_artdresser dd.contents_info{
	margin-bottom:10px;
	font-size:90%;
	color:#666;
}


.event_img_table tr{
	margin-bottom:20px;
}

.event_img_table th{
	font-size:100%;
	line-height:180%;
	font-weight:bold;
	color:#234d76;
}

.event_img_table td{
	vertical-align:top;
	font-size:90%;
	line-height:180%;
}

.event_img_table .text_td{
	vertical-align:top;
	padding-right:20px;
	font-size:88%;
	line-height:180%;
	padding-bottom:35px;
}

.event_img_table img{
	border:1px solid #EEE;
}


.photo_list li{
	display:inline;
}

.photo_list img{
	margin:-10px 10px 20px 0;
}

.text_attention{
	font-size:120% !important;
	color:#F00;
}

.img_set div{
	float:left;
	font-size:75%;
}

.contest_table th{
	font-weight:bold;
  	padding:5px 10px;
}

.contest_table td{
	padding:5px 10px;
}


tr.pt_20 td{
	padding-top:20px !important;
}


/* iPhone
---------------------------------------------------- */
body{-webkit-text-size-adjust:95%}