@charset "utf-8";
/* CSS Document */
@media (max-width: 768px){
/* Toggle Button */
#nav-toggle {
	display:block;
    position: absolute;
    right: 0px;
    top:0px;
    width: 45px;
    height: 45px;
	/*background-color: #DECBCC;*/
    cursor: pointer;
   	z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 2px;
	left: 8px;
    width: 28px;
    background: #6B292B;
	border-radius:1px;
	margin: auto;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 11px;
}
#nav-toggle span:nth-child(2) {
    top: 21px;
}
#nav-toggle span:nth-child(3) {
    top: 32px;
}

/**/
#global-nav{
	color: #520000;
	text-align: left;
	position: fixed;
	top: 100px;
	/* 開いてないときは画面外に配置 */
	top: -790px;
	width: 100%;
	padding: 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	z-index:99;
    }

ul.navbar-nav{
	background-color: #FFF;
	padding: 15px}

#navbar ul.nav li{
	font-size: 17px;
	letter-spacing: 3px;
}

#navbar ul.nav li a,#navbar ul.nav li span{
	display: block;
	background-image: url(/kodo/img/nav_list.png) ;
	background-repeat: no-repeat;
background-position: left center;
	border-bottom: 1px dotted #003333;
	color: #520000;
}

#navbar ul.nav li span {
    color: #957777;
}

#navbar ul.nav li#info{
	display: none;
	width: 70px;
	height: 300px;
	background: url(/kodo/img/fukidashi.png) top right no-repeat;
	background-size: 50px auto;
	top: 10px;
	right: 185px;
	}

#navbar ul.nav li a:hover{
	background-color:#e2ded7; 
}
#navbar ul.nav li:last-child a{
	border-left: 1px dotted #003333;}


#global-nav ul li a,
 #g_header.fixed ~ #main #global-nav ul li a {
        width: 100%;
        display: block;
	box-sizing:border-box;
        color: #fff;
       padding: 12px 5px 12px 20px;
		z-index:9999;
    }
	
/* #nav-toggle 切り替えアニメーション */
#g_header.open ~ #main #nav-toggle span:nth-child(1) {
        top: 22px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
#g_header.open ~ #main #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
#g_header.open ~ #main #nav-toggle span:nth-child(3) {
        top: 22px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
#g_header.open ~ #main #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(870px);
        -webkit-transform: translateY(870px);
        transform: translateY(870px);
    }
/*}
@media (max-width: 768px){*/
	.PC,.yoyaku{display: none}
	.circle {
display: inline-block;
  color: #fff;
  background-color:#333;
border: 1px solid #ddd;
  padding: 0;
  margin: 0 10px 0 0;
  width: 12px;
  height: 12px;
	font-size: 9px;
  line-height: 12px;
  text-align: center;
  border-radius: 50%;
}

#mainContentWrap h3{
	font-size: 1.15rem;
}	
/* header
----------------------------------------------- */
body#kodo #main .mainWrap{
	background-color: #f2f0ed;
	text-align: center;}

body#kodo #main .RightWrap{
	background-color: #FFF;
	z-index: 100;
	/*position: fixed;20180907*/
	top: 44px;
	height: 50px;
	width: 100%;
}
body#kodo #main .RightWrap h1{
	height: 45px;
	font-size: 16px;
	color: #520000;
	letter-spacing: 1px;
	   z-index: 999;
}
body#kodo #main .RightWrap h1 img{
	width: 250px;
	height: auto;
	padding-top: 15px;
	padding-left: 10px;
}
body#kodo #main .RightWrap h1 span{
	display: none;
}

#container {
	width: 100%;
}
#header {
	height: 60px;}
#header-navi,#crumb{
	display: none;
}

#main {
	position: relative;
    text-align: left;
    margin: 0 auto;
    width: 100%;
	background-color: #FFF;
}

#share{
	position: absolute;
	bottom: 20px;
	right: 0;
	left: 0;
	width: 100px;
	margin: auto;
	padding-top: 10px;
	padding-left: 10px;
}

#share ul li{
	display: inline-block;
}

#share ul li:first-child{
	margin-right: 10px;
}

#share ul li a{
	display: block
}

/**/

/**/
#navbar{
	font-family: "Kaimin Sora Regular","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}

#topContentWrap{
	padding: 10px 10px;

}

/*#topContentWrap .bookinfo {
	font-family: "Gothic MB101 DemiBold","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	padding: 10px;
	display: table;
}

#topContentWrap .bookinfo div{
display: table-cell;
	width: 30%;
}*/

#topContentWrap .bookinfo{
	width: 100%;
	margin: 50px auto 0;
    /*background: url(/kodo/img/topBunner.png) top center no-repeat;
	background-size: 300px auto;*/
}

#topContentWrap .bookinfo a{
	}
	
#topContentWrap .bookinfo P{
	display: none
}
#topContentWrap div img{ 
width: 94%;
height: auto;
margin: auto;}


#topContentWrap p{
	display: table-cell;
	text-align: left;
	font-size: 3.5vw;
	vertical-align: middle;
}
#mainContentWrap p{
	text-align: left;
	font-size: 17px;
}
#mainContentWrap{
/*	width: 100%;*/
	margin:0 0 20px;
}

#bnrWrap a,
#kodoWrap .kodoContents.kodo-topimg {
    margin: 0 auto 40px;
}

#mainContentWrap.topmain{
	padding: 0
	}
	
#mainContentWrap.topmain img{
	width: 90%;
	height: auto;
	margin: auto;
}

#tw-timeline{
margin: auto auto 50px}

#bnrWrap{
	display: inline-block;
	width: 90%;
	}
	
#bnrWrap a{
	display: block;
	width: 100%;
	height: auto;
	}
	
#bnrWrap a img{
			width: 100%;
	height: auto;
	}

#kodoWrap footer{
	font-size: 16px;
	padding:0 10px 80px;
}

#kodoWrap footer p{
display: inline-block;
	font-size: 15px;
	border-top: 1px solid #CCC;
	padding-top: 30px;
}
#main p.top_special{
	font-size: 1.5rem;
	line-height: 2.0;}
/* 応募要項 */
#kodoWrap{
	font-size: 1.0rem;
}
#kodoWrap p{
	line-height: 1.6;
	margin-bottom: 1rem;
	text-align: left;
}

/*#kodoWrap .kodoContents{
	padding:0 20px 20px;
}*/
#kodoWrap .kodoContents.kodoContribution,
#kodoWrap .kodoContents.kodoMessage {
    border: 1px solid #6B292B;
	background-color: #FFF;
	padding: 20px 10px;
	border-radius: 3px;
}
	
#kodoWrap .kodoContents.kodoTopMessage{
	margin-top: 20px;
	padding: 20px 10px;
	background: url(/kodo/img/bg_kodo.jpg) top center no-repeat;
	background-size: auto 100%;
	border-radius: 3px;
	margin: 0 auto 50px;}
	
	
#kodoWrap #faqWrap,
#kodoWrap #ohobo{
	border: 1px solid #6B292B;
	padding: 40px 30px;
	background-color: #F3EBE9;
	position: relative;}
	
	
#mainContentWrap p.btn-white{
	position: absolute;
	top:5px;
	right: 5px;
	}

#mainContentWrap p.btn-white a{
	box-sizing: border-box;
	display: block;
	font-size: 10px; 
	background-color: #6B292B;
	color: #EEE;
	padding: 5px 10px 3px;
	}
	
#mainContentWrap p.btn-white a:hover{
	background-color: #d1a9ab;
	}
	
#kodoWrap .kodoContents.kodoMessage p.shomei{
		text-align: right;
		font-size: 1.2rem;
		padding-right: 1em;
	}
#kodoWrap .kodoContents p.shomeiCenter{
		text-align: center;
	margin-bottom: 2em;
	}
	
#kodoWrap h2{
	font-size: 22px;
	color: #6B292B;
}
#kodoWrap .kodoContents h2{
	margin-bottom: 1em;
}

	#kodoWrap .kodoContents.kodoTopMessage h2{
	margin-top: 1em;
}
	
#kodoWrap .kodoForm h2,
#kodoWrap .kodoOutline h2{
	text-align: left;
	line-height: 1.4em;
}
#kodoWrap .kodoContents h2 span{
	font-size: 18px;
	display: block;
	text-align: left
}

#kodoWrap #faqWrap dl dd{
		border-bottom: 1px dotted #003333;
	padding-top: 1em;
	}
#kodoWrap #faqWrap dl dd p:first-child{
	color:#6B292B;
	}	
	
#kodoWrap table{
	position: relative;
	border-collapse: collapse;
	border: 2px solid #6B292B;
	background-color: #F3EBE9;
	text-align: center;
	/*width: 900px;*/
	margin: auto;

}

#kodoWrap table tr th,
#kodoWrap table tr td{
	display: block;
	/*width: 100%;*/
	border-bottom: 1px solid #6B292B;
	padding: 10px;
	text-align: left;
line-height: 150%;}

#kodoWrap table tr th{
	color:#6B292B;
	border-right:none;
	border-bottom: 1px dotted #6B292B;
}

#kodoWrap table tr td span{
	display: inline-block;
	vertical-align: top;
	line-height: 150%;
}

#kodoWrap table tr td span:last-child{
	margin-left: 1em;
}

#kodoWrap table tr td dl dt,#kodoWrap table tr td dl dd,
#kodoWrap table tr td span{
	display: inline-block;
	vertical-align: top;
	line-height: 150%;
}
#kodoWrap table tr td dl dd,
#kodoWrap table tr td span:nth-child(odd){
	margin-left: 1em;
}


#kodoWrap .photoCenter{
	text-align: center;
}
#kodoWrap .photoCenter img{
	/*width:600px;*/
	width:400px;
	height:auto;
}

#kodoWrap .photoLeft,
#kodoWrap .photoRight{
	text-align: center;
	width: 270px;
	margin:10px auto 20px;
}
#kodoWrap .awardTop .photoLeft{
	width: 225px;
}
#kodoWrap .photoRight img,
#kodoWrap .photoLeft img{
	margin: auto;
	width: 100%;
	height: auto;
}
	

#kodoWrap .sign{
		text-align: right;
}

#kodoWrap .sign img{
	width:200px;
	height:auto;
}

#kodoWrap .formframe{
	height: 750px;
	padding-top: 20px;
	background-color: #FFF;
	border-radius: 3px;
}
#kodoWrap .formframe p{
	margin: 20px;
}
#kodoWrap .formframe:after   {
     content: "."; 
     display: block; 
     visibility: hidden; 
     height: 0; 
     font-size: 0; 
     line-height: 0; 
     clear: both; 
}


/* メッセージ */

#kodoWrap p.size15{
	font-size: 15px;
}

#kodoWrap p.size20{
	font-size: 20px;
	font-weight: bold;
}

#kodoWrap p.size25{
	font-size: 25px;
	font-weight: bold;
}
    }
@media (max-width: 620px){
#kodoWrap .photoCenter img{
	/*width:600px;*/
	width:80%;
	height:auto;
}
}
@media (max-width: 350px){
section#mainContentWrap {
    margin: 0 0 10px;
	padding: 10px 10px;
	}
#kodoWrap .photoLeft,
#kodoWrap .photoRight{
	width: 200px;
}
}
@media (min-width: 650px){
/*#topContentWrap .bookinfo{
	width: 600px;
    height: 180px;
	background-size: 600px auto;
	}*/
		
	
#kodoWrap table tr td dl{
	display: table;
}
#kodoWrap table tr td dl dt{
	width: 5em;
}
#kodoWrap table tr td dl dt,
#kodoWrap table tr td dl dd{
	display: table-cell;
line-height: 150%;}

#kodoWrap table tr td dl dd.row {
    display: table-row;
    padding: 5px 0;
}

	#kodoWrap table tr td dl dt{
	width: 9em;
}
}