@charset "utf-8";
/*
Theme Name: dicomo
Theme URI: http://www.dicomo.org/
Description: A responsive theme for 'dicomo' by <a href="http://www.fatih-sol-tech.com/">Faith Solution Technologies.INC</a>.
Version: 1
Author: Alexis Moroboshi
Author URI: http://www.faith-sol-tech.com/
*/

/* @group reset */
*{
	margin:0;
	padding:0;
}
a{
	text-decoration:none;
	color:#24216F;
}
ul,ol{
	list-style:none;
}
img{
	vertical-align:middle; /* remove descender */
}
/* @end */

/* @base reset */
html{
	font-family:verdana, sans-serif;
	line-height:1.5;
	font-size:13px;
}
body{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
h1,h2,h3,h4,h5,h6{
	margin-bottom:24px;
}
h1{
	font-size:48px;
	line-height:1; /* 48px */
}
h2{
	font-size:36px;
	line-height:1.3333; /* 36px */
}
h3{
	font-size:24px;
	line-height:1; /* 24px */
}
header h2,h4,h5,h6{
	font-size:16px;
	line-height:1.5; /* 24px */
}
.contentLeft{
	float:left;
}
.contentRight{
	float:right;
}
.clear{
	display:block;
	clear:both;
	margin:0;
	padding:0;
}
.selected{
	background-color:#24216f;
	border-radius:3px;
	color:#ffffff;
}
/* @end */
header{
	background:url(/2025/wp-content/themes/dicomo/images/bg-texture.png) repeat;
	margin-bottom:1px;
}
h1{
	width:84px;
	height:53px;
	background:url(/2025/wp-content/themes/dicomo/images/logo.png) no-repeat;
	margin-left:auto;
	margin-right:auto;
}
h1 span{
	display:block;
	text-indent:-9999em;
}
nav#site-navigation ul{
	display:none;
}
#navbar,#footnav{
	padding:0 10px;
	border-bottom:#cccccc 1px solid;
	padding-bottom:15px;
}
#navbar select,#footnav select{
	border:none;
	background:none;
	width:100%;
	border:#cfcfcf 2px solid;
	-webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
    background:#ffffff;
    color:#cfcfcf;
    padding:8px 10px;
    margin-bottom:10px;
}
#navbar input[type=text]{
	border:none;
	background:none;
	border:#cfcfcf 2px solid;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding:8px 10px;
    color:#cccccc;
    background-color:#ffffff;
}
#navbar input[type=submit]{
	border:none;
	background:none;
	width:20px;
	height:20px;
	display:inline-block;
	position:absolute;
	text-indent:-9999px;
}

.main.pc{
	display:none;
}
#main{
	min-width:320px;
	max-width:1920px;
	width:auto;
	background:#150013 url(/2025/wp-content/themes/dicomo/images/main.png) no-repeat center top;
	/*min-height:116px;
	max-height:216px;*/
	height:auto;
	min-height:116px;
	margin-bottom:1px;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
	text-align:center; 
}
#main .main{
	max-width:938px;
	margin:0 auto;
}
#main .main img{
	/* width:100%; textベースのロゴに変更のため削除 */
	height:auto;
	max-height:216px;
}
#main .main.sp{
	vertical-align:middle;
}
#main .main.sp img{
	height:auto;
	width:90%;
	vertical-align:middle;
}
/*#main .mainPc{
	display:none;
}
#main .mainTbl{
	display:none;
}
#main .mainSp{
	-moz-background-size:100% 100%;
	background-size:100% 100%; 
}*/


#overview{
	padding:30px 0;
	border-bottom:#cccccc 1px solid;
	background:url(/2025/wp-content/themes/dicomo/images/bg-texture.png) repeat;
	padding:10px;
}
#overview p{
	color:#585858;
}
#mainMenu{
	padding:0 10px;
	margin:0 auto;
}
#mainMenu h3{
	font-size:18px;
	margin-bottom:10px;
}
#mainMenu p{
	color:#585858;
}
#submission{
	width:100%;
	margin:25px 0;
	background:url(/2025/wp-content/themes/dicomo/images/submission.png) no-repeat left top;
}
#registration{
	width:100%;
	margin:25px 0;
	background:url(/2025/wp-content/themes/dicomo/images/registration.png) no-repeat left top;
}
.submission, .registration{
	padding-left:103px;
	padding-top:15px;
}
#news{
	padding:0 10px;
}
#news .subtitle{
	padding:10px 0 5px 0;
	border-bottom:#000000 1px solid;
	margin-bottom:10px;
}
#news h3{
	font-size:18px;
	margin:0;
	padding:0;
}
#news .contentLeft{
	display:inline-block;
}
#news .contenRight{
	display:inline-block;
	width:26px;
	height:26px;
	vertical-align:middle;
}
#news ul.tab{
	display:none;
}
#news ul.panel li a{
	color:#333333;
}
#news ul.panel li a{
	display:block;
	padding:5px;
	border-bottom:#999999 1px dashed;
}
#news ul.panel li a:hover{
	color:#3D3980;
}
#news ul.panel li a span{
	display:inline-block;
	margin-right:10px;
}

#aboutDicomo{
	margin:30px 10px;
}
#aboutDicomo a{
	display:block;
	padding:10px 20px;
	color:#ffffff;
	background-color:#24216f;
}
#aboutDicomo a span.sub{
	font-size:14px;
}
#aboutDicomo a span.about{
	font-size:18px;
	font-weight:bold;
}
#aboutDicomo a span.dicomo{
	font-size:24px;
	font-weight:bold;
}
#aboutDicomo a span.about,
#aboutDicomo a span.dicomo{
	line-height:1;
}
#contact{
	margin:0 10px 30px 10px;
}
#contact a{
	display:block;
	padding:5px 10px;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	background-color:#24216f;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#sidebar{
	display:none;
}

#footer{
	background-color:#24216F;
	padding:20px 0;
}
#footnav{
	border:none;
}
#faithLogo{
	width:185px;
	height:39px;
	margin:0 auto;
	padding:0 0 20px 0;
}
address{
	display:block;
	text-align:center;
	font-size:12px;
	text-decoration:normal;
	color:#5e5ab1;
	border-top:#5e5ab1 1px solid;
	padding-top:20px;
}
#pageTop{
	padding:0;
	position:fixed;
	bottom:10px;
	right:10px;
}
#content.nallow h2{
	font-size:18px;
	padding:15px;
	background-color:#f0f0f0;
}
#content.wide #content{
	padding:20px;
}
#content.wide h2{
	font-size:24px;
	text-align:center;
}
#content.wide h3{
	font-size:18px;
	text-align:center;
}
#content.wide p{
	text-align:center;
	margin-bottom:20px;
}

#content .text p,
#content .text li,
#content .text dd
#content .text td,
#content .text h3,
#content .text h4{
	text-align: justify;
	text-justify: distribute;
}
#content .text h3{
	font-size:16px;
	line-height:1.5;
	padding-bottom:5px;
	border-bottom:#000000 1px solid;
}
#content .text p{
	margin-bottom:1em;
}
#content .text table{
	border-collapse:collapse;
	width:100%;
	margin-bottom:2em;
}
#content .text table th,
#content .text table td{
	padding:5px 1em;
	vertical-align:top;
	text-align:left;
}
#content .text table tbody th{
	width:15%;
}
#content .text table tr{
	background-color:#f0f0f0;
}
#content .text table tr.odd{
	background-color:#E0DAF3;
}
#content .text ol,
#content .text ul,
#content .text dl{
	margin-bottom:2em;
	padding-left:1em;
}
#content .text ol li{
	list-style-type:decimal;
}
#content .text ul li{
	list-style-type:disc;
}
#content .text dl dt{
	font-weight:bold;
	margin-bottom:1em;
}
#content .text dl dd{
	margin-bottom:1em;
}
#content .text .alRight{
	text-align:right;
}
#content .text .indent{
	padding-left:3em;
}

#content .text{
	margin:0 10px !important;
}

#footer-navigation-pc{
	display:none;
}
#content.archive .post.text{
	border-bottom:#000000 1px dashed;
	margin-bottom:3em !important;
}
#content.archive .post.text h3{
	margin-bottom:1em;
}
.tablet.contentBottom{
	display:none;
}
.forms.contentRight{
	float:none;
}
h2.singleTitle{
	margin-bottom:10px;
}
p.singleDate{
	margin-bottom:20px;
	text-align:right;
}





/* 768px以上のstyle */
@media screen and (min-width:768px){
	nav#site-navigation select{
		display:none;
	}
	div.spSearchForm{
		display:none;
	}
	nav#site-navigation ul.tablet{
		display:block;
		text-align:center;
		margin-bottom:20px;
	}
	nav#site-navigation ul.tablet li{
		display:inline-block;
		text-align:center;
	}
	nav#site-navigation ul.tablet a{
		color:#333333;
		display:inline-block;
		padding:5px 20px;
	}
	nav#site-navigation ul.tablet a:hover{
		background-color:#24216f;
		border-radius:3px;
		color:#ffffff;
	}
	#mainMenu{
		text-align:center;
	}
	#submission,
	#registration{
		max-width:45%;
		/*min-width:300px;*/
		display:inline-block;
		text-align:left;
	}
	#submission{
		margin-right:30px;
	}
	div.subtitle div.contentRight{
		display:none;
	}
	ul.tab{
		display:block !important;
		text-align:right;
	}
	ul.tab li{
		display:inline-block;
	}
	ul.tab li a{
		display:inline-block;
		padding:3px 20px;
		text-align:center;
	}
	ul.tab li a:hover{
		background-color:#24216f;
		border-radius:3px;
		color:#ffffff;
	}
	#contact{
		width:45%;
		display:inline-block;
		float:left;
	}
	select.tablet{
		width:45%;
		display:inline-block;
		float:right;
		margin:0 10px 30px;
		border:none;
		background:none;
		border:#cfcfcf 2px solid;
		-webkit-appearance: button;
	    -moz-appearance: button;
	    appearance: button;
	    cursor: pointer;
	    background:#ffffff;
	    color:#cfcfcf;
	    padding:6px 10px;
	}
	#navbar select, #footnav select{
		width:45%;
	}
	.forms select{
		width:100% !important;
	}
	div.forms{
		width:45%;
	}
	#content .text{
		margin:0 10px !important;
	}
	#content .text ol,
	#content .text ul,
	#content .text dl{
		margin-bottom:2em;
		padding-left:3em;
	}
	.tablet.contentBottom{
		display:block;
	}
	.forms.contentRight{
		float:right;
	}
	.main.pc{
		display:block;
	}
	.main.sp{
		display:none !important;
	}


        /* トップのロゴを画像からテキストへ20211227 */ 
	#dicomo_japanease {
	    font-size: 18px;
	}
	#dicomo_annual_label {
	    font-size: 23px;
	    font-weight: bold;
	}
	#dicomo_english {
	    font-size: 15px;
	}
	#dicomo_logo {
	    width: 187px;
	}
}

/* 1024px以上のstyle */
@media screen and (min-width:938px){
	h1{
		float:left;
	}
	#container{
		margin:0 auto;
	}
	#headWrap{
		width:938px;
		height:115px;
		margin:0 auto;
	}
	#navbar{
		width:820px;
		float:right;
		border:none;
	}
	#overview{
		padding:30px 0;
		margin-bottom:20px;
	}
	#overview p{
		width:938px;
		margin:0 auto;
	}
	#contentWrap{
		width:938px;
		margin:0 auto;
		margin-bottom:50px;
		position: relative;
	}
	#content{
		width:700px;
		float:left;
	}
	#mainMenu{
		margin:0 auto;
	}
	#sidebar{
		display:block;
		width:220px;
		float:right;
		margin-bottom:40px;
	}
	h1{
		margin:0;
		display:inline-block;
		padding:30px 0;
		background-position:left center;
	}
	ul.tablet{
		display:inline-block;
		width:650px;
		float:left;
		margin-bottom:0 !important;
		padding:40px 0 0 0;
	}
	ul.nav2nd{
		display:inline-block;
		float:right;
		width:170px;
		text-align:right !important;
		float:right;
		padding-top:17px;
	}
	ul.nav2nd li{
		display:inline;
	}
	ul.nav2nd li a{
		display:inline;
		padding:0 !important;
		margin-left:20px;
	}
	ul.nav2nd li a:hover{
		background:none !important;
		color:#333333 !important;
	}
	#contact,
	.tablet.contentBottom,
	#aboutDicomo,
	#footer-navigation{
		display:none;
	}
	#sideAboutDicomo{
		padding:15px;
		background:#24216f url(/2025/wp-content/themes/dicomo/images/aboutDicomo.png) no-repeat 187px center;
		margin-bottom:10px;
	}
	#sideAboutDicomo span{
		display:block;
		color:#ffffff;
		line-height:1;
	}
	#sideAboutDicomo span.subTitle{
		margin-bottom:10px;
	}
	#sideAboutDicomo span.trimTitle{
		font-weight:bold;
		font-size:120%;
	}
	#sideAboutDicomo span.title{
		font-size:24px;
	}
	#contactDicomo{
		padding:10px 10px 10px 40px;
		background:#24216f url(/2025/wp-content/themes/dicomo/images/contactDicomo.png) no-repeat 10px center;
		margin-bottom:10px;
		border-radius:3px;
	}
	#contactDicomo span{
		display:block;
		color:#ffffff;
		line-height:1;
		font-weight:bold;
		font-size:110%;
	}
	dl#sideArchive dt{
		font-weight:bold;
		font-size:110%;
		padding:10px 10px 5px 0;
		border-bottom:#24216f 1px solid;
	}
	dl#sideArchive dd{
		padding:10px;
	}
	dl#sideArchive dd ul li{
		
	}
	dl#sideArchive dd ul li a{
		display:block;
		padding-left:16px;
		background:url(/2025/wp-content/themes/dicomo/images/sideArchive.png) no-repeat left center;
	}
	#content.wide h2{
		font-size:36px;
	}
	#content.wide h3{
		font-size:24px;
	}
	#content.wide p{
		margin-bottom:20px;
	}
	#content .text{
		margin:0 !important;
	}
	#footer-navigation-pc{
		display:block;
		width:938px;
		margin:0 auto;
	}
	#footer-navigation-pc .contentLeft{
		margin-right:50px;
	}
	#footer-navigation-pc h2{
		font-size:18px;
		font-weight:bold;
		color:#ffffff;
	}
	#footer-navigation-pc ul{
		margin-bottom:1em;
	}
	#footer-navigation-pc a,
	#footer-navigation-pc li{
		color:#9996e3;
	}
	#footer-navigation-pc .contentRight{
		width:185px;
		margin-right:0;
	}
	#faithLogo{
		display:none;
	}
	#adobe{
		margin-bottom:3em;
	}
	#adobe p,
	#adobe a{
		font-size:12px;
		color:#ffffff;
	}
	.forms.contentRight{
		float:right;
	}
	#main{
		-moz-background-size:cover;
		background-size:cover;
		height:216px;
		margin-bottom:1px;
	}

        /* トップのロゴを画像からテキストへ20211227 */ 
	#dicomo_japanease {
	    font-size: 20px;
	}
	#dicomo_annual_label {
	    font-size: 33px;
	    font-weight: bold;
	}
	#dicomo_english {
	    font-size: 20px;
	}
	#dicomo_logo {
	    width: 268px;
	}	
}

/* トップのロゴを画像からテキストへ20211227 */ 
@media screen and (max-width:768px){
    #dicomo_japanease {
	font-size: 12px;
    }
    #dicomo_annual_label {
	font-size: 18px;
	font-weight: bold;
    }
    #dicomo_english {
	font-size: 8px;
    }
    #dicomo_logo {
	width: 134px;
    }    
}

.dicomo_band_base {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.dicomo_band {
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    text-align: left;
    padding-right: 2%;
    padding-bottom: 1%;
}