@charset "utf-8";

/*-----------------------------------------------
 お城スタンプラリー
-----------------------------------------------*/

body,
body * {
	box-sizing: border-box;
}


/*フォント*/
#main-top {
	font-family: Meiryo,sans-serif;
}

.font13 {
	/* ブラウザのデフォルトフォントサイズ：16px Ｘ style.cssのbody指定フォントサイズ：83％ ＝ 13.28px */
}

.font16 {
	font-size: 120%;
	line-height: 1.8;
}

.font20 {
	font-size: 150%;
	line-height: 1.8;
}

.font25 {
	font-size: 190%;
	line-height: 3.5;
}

.red {
	color: #C00;
}

.blue {
	color: #06C;
}

.box4 h6{
	color: #c31124;
}

.s_midasi {
	padding-right:10px;
	text-align:center;
	}


.tit_ss {
    color: #ff6600;
    font-size: 20px;
    font-weight: bold;
    margin-left:35px;
}

.stamp-point {
	margin-top : 0.5em;
	margin-bottom : 0.3em;
	margin-left : 0.3em;
	font-weight: bold;
	font-size: 115%;
}

.stamp-point2 {
	background: #2e0f00 none repeat scroll 0 0;
	color: #fff;
	font-size: 110%;
	margin-bottom: 0.2em;
	padding: 0.2em 0.5em;
}


/*内容*/
.maturitxt {
	width: 884px;
	margin: 0 auto 15px;
}

table.funetaiken {
	width: 270px;
	margin: 0 auto;
}

table.funetaiken th {
	width: 76px;
	padding: 4px 0 0;
	border: none;
	border-bottom: 1px dashed #999;
	background: rgba(200,228,250,.4);
	text-align: center;
	line-height: 1;
	font-weight: normal;
}

table.funetaiken td {
	width: 180px;
	padding: 4px 7px 0;
	border: none;
	border-bottom: 1px dashed #999;
}

table.funetaiken .noborder {
	border: none;
}

#diagram {
	width:960px;
	max-width:960px;
	max-height:1350px;
	position:relative;
	background:url(img/diagram.jpg) no-repeat;
}

.dres {
	display:none;
}

#castlebox {
	height:1350px;
	max-height:1350px;
	position:relative;
}

div.ca_block,
div.histxt {
	width:320px;
	max-width:320px;
	position:absolute;
	border-radius: 5px;
	border:#667b92 1px solid;
}

div.ca_block {
	height:450px;
	max-height:450px;
}

div.ca_block.cb1 {
	background:url(img/ogaki.png), linear-gradient(#fffcc0 5%, #f2f8cc 20%, #fefeef 40%, #fefeef 70%, #f2f8cc 85%, #fffcc0 100%);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:contain;
	left:35px;
	top:40px;
}

div.ca_block.cb2 {
	background:url(img/amagasaki.png), linear-gradient(#fffcc0 5%, #f2f8cc 20%, #fefeef 40%, #fefeef 70%, #f2f8cc 85%, #fffcc0 100%);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:contain;
	right:35px;
	top:40px;
}

div.ca_block.cb3 {
	background:url(img/sunomata.png), linear-gradient(#fffcc0 5%, #f2f8cc 20%, #fefeef 40%, #fefeef 70%, #f2f8cc 85%, #fffcc0 100%);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:contain;
	left:35px;
	bottom:40px;
}

div.ca_block.cb4 {
	background:url(img/gujou.png), linear-gradient(#fffcc0 5%, #f2f8cc 20%, #fefeef 40%, #fefeef 70%, #f2f8cc 85%, #fffcc0 100%);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:contain;
	right:35px;
	bottom:40px;
}

div.ca_block div {
	padding:40px 20px 120px;
	position:relative;
}

div.ca_block div:before {
	content:"";
	position:absolute;
	width:190px;
	height:70px;
	z-index:99;
	top:-33px;
	left:67px;
	background-size: contain;
}


div.ca_block.cb1 div:before{
	background:url(img/dia_title01.png) no-repeat;
}

div.ca_block.cb2 div:before{
	background:url(img/dia_title02.png) no-repeat;
}
div.ca_block.cb3 div:before{
	background:url(img/dia_title03.png) no-repeat;
}

div.ca_block.cb4 div:before{
	background:url(img/dia_title04.png) no-repeat;
}

div.ca_block div img {
	display:none;
}


.ca_block table,
.ca_block div {
	width:100%;
	margin:0 auto;
}

#diagram div div table,
#diagram div div p {
	margin-bottom:10px;
}

#diagram div div table {
	background:rgba(255,255,255,.6);
}


.histxt {
	padding:1em;
	background:#fff;
	box-shadow:2px 2px 5px 2px rgba(120,120,120,.3);
	width:auto;
}

.histxt.hb1 {
	width:260px;
	max-width:260px;
	top:200px;
	left:350px;
}

.histxt.hb2 {
	top:520px;
	right:115px;
	width:450px;
	max-width:450px;
}


.smst_pc {
	display:block;
	margin:0;
}

.smst_sp {
	display:none;
}



/*-----------------------------------------------
 スマホ版
-----------------------------------------------*/

.sp_table {
	margin:0 auto;
	}

.btn_stamp{
	margin-bottom: 2em;
	text-align: center;
}

.btn_stamp img{
	width: 400px;
}

.box1{
	text-align: center; 
	padding: 2em 1em; 
}

.box1 h4{
	color: #ff6600;
	font-weight: bold;
	font-size : 24px;
	text-align: center;
}

.box1 a{
	text-decoration: underline;
}

.bg_box{
	background: #ffff99;
	border:1px solid  #cc0000;
	padding: 0.5em 1em;
	margin: 1em auto;
}



.box4 {
	padding: 2em 0em;
}

.box4 h4{
	background: #ffff99;
	font-size: 2em;
	text-align: center;
	padding: 0.5em 1em;
	line-height: 1.3em;
}



.box4 h5{
	text-align: center;
	padding: 2em 0em 1em;
	color: #ff6600;
	font-weight: bold;
	font-size : 32px;
}

.box4 h6{
	color: #c31124;
}

.box4 dt{
font-weight: bold;
}

.box4 dd{
margin-bottom: 1em;
}

.box4 h5.tit_h5{
padding-bottom: 0.2em;
}
	
.box4 p.cmt{
margin-bottom: 0;
}

.secchi{
	background-color: #FFEBEF !important;
	padding: 1.5em 0 1.5em 0 !important;
}

/* float */
.fl_main{
	overflow: hidden;
}

.fl_left{
	float: left;
}

.fl_right{
	float: right;
}


/* other */
br.sponly {
	display:none;
}


@media screen and (max-width:768px) {
img {
	width:100%;
	max-width:100%;
}

img#title {
	margin-bottom:20px;
}

h3.title:after {
	content:"";
	width:100%;
	height:5px;
	background: url(../../commonImg/title_line.png) no-repeat;
	background-size:cover;
}


.tirasi {
	display:none;
}


a.dl_link[href$=".pdf"] {
	background:none;
	padding-left:0;
}

a.dl_link {
	display:block; 
	background:#54c1c9 !important;
	padding:0.5em !important;
	border-radius:25px;
	font-size:1.0rem;
	font-weight:bold;
	margin-bottom:10px;
	transition:.3s;
}
a.dl_link:hover {
	opacity:.7;
}

.dl_link + br {
	display: none;
}

.font25 {
	font-size:1.25rem;
}

#headContainer > div, #mainContainer > div, #footContainer > div, #panContainer >div,
.maturitxt,
#mainContainer table{
	width:100%;
	max-width:100%;
	margin:0 auto !important;
}

#headContainer > div, #mainContainer > div, #footContainer > div {
	padding:20px;
}

#mainContainer * {
	float:none;
}

#mainContainer table tr,
#mainContainer table tr th,
#mainContainer table tr td {
	display:block;
	line-height:1.8;
}

#mainContainer table tr td span br {
	display:none;
}

#mainContainer table tr td.midasi + td,
#mainContainer table tr td.s_midasi + td {
	display:none;
}

#mainContainer table tr td.s_midasi + td + td  {
	position:relative;
}

#mainContainer table tr td.s_midasi + td + td img {
	display:none;
}

#mainContainer table tr td.s_midasi + td + td:after {
	content:"";
	display:block;
	background:url(img/badge.jpg) no-repeat;
	position:relative;
	width:150px;
	height:150px;
	margin:0 auto;
}

#mainContainer table tr td.s_midasi.card + td + td:after {
	background:url(img/badge.jpg) no-repeat;
}

#mainContainer table tr td.s_midasi.phone + td + td:after {
	background:url(img/meisan.jpg) no-repeat;
}

.midasi, .s_midasi {
	text-align:center;
	font-weight:bold;
	padding:5px 0;
	margin-bottom:10px;
}
.midasi{
	background:#476aaa;
	color:#fff;
}

.s_midasi {
	position:relative;
	border-bottom: 5px solid #abcdf7;
}

.s_midasi img,
.s_midasi br {
	display:none;
}

.s_midasi:before {
	content:"";
	width:30px;
	height:30px;
	position:absolute;
	left:16%;
	top:3px;
}

.s_midasi.card:before {
	background:url(img/card.png) no-repeat;
	background-size:contain;
}

.s_midasi.phone:before {
	background:url(img/phone.png) no-repeat;
	background-size:contain;
}


#diagram {
	width:100%;
	background:none;
	height:auto;
	margin-bottom:30px;
}

.dres {
	display:block;
}

#castlebox {
	height:auto;
	max-height:inherit;
}

div.ca_block,
div.histxt{
	position:relative;
	display:block;
	left:auto !important;
	top:auto !important;
	bottom:auto !important;
	right:auto !important;
	width:100%;
	max-width:100%;
	background:transparent !important;
}

div.ca_block {
	border:none;
	height:auto;
	max-height:inherit;
	border-radius:inherit;
}

div.ca_block.cb1,
div.ca_block.cb3{
	border-bottom:1px solid #999;
}

div.ca_block.cb1,
div.ca_block.cb3 {
	padding-bottom:30px;
}
div.ca_block.cb3:before {
	content:"";
	display:block;
	position:relative;
	width:100%;
	border-bottom:1px solid #999;
	margin-top:30px;
}

div.ca_block div {
	padding:10px 0;
	position:relative;
	width:100%;
}

div.ca_block div:before {
	display:block;
	position:relative !important;
	top:auto;
	left:auto;
	bottom:auto;
	right:auto;
	margin: 10px auto 5px;
}

div.ca_block div img {
	display:block;
	width:60%;
	margin:0 auto 15px;
}

div.ca_block div p {
	margin: 0 auto 10px;
	background:#f2f8cc; 
	padding:0.5em 1em;
}

div.ca_block table,
div.ca_block table tr {
	width:100%;
}

div.ca_block table tr {
	display:flex !important; 
	width:100%;
}

div.ca_block table tr th,
div.ca_block table tr td {
}

div.ca_block table tr th{
	width:20%;
	padding: 4px;
}
div.ca_block table tr td {
	width:80%;
}

div.ca_block table tr td br {
	display:none;
}

div.ca_block.cb2,
div.ca_block.cb4{
	margin-bottom:5px;
}

div.histxt {
	width:auto !important;
	max-width:inherit !important;
	box-shadow:none;
	margin-bottom:20px;
}

.smst_pc {
	display:none;
}

.smst_sp {
	display:block;
	font-size:1.25rem;
}

.box4 {
	padding-top:0;
}

.box4 h4 {
	font-size:1.15rem;
}

.box4 h4 br:last-of-type {
	display:none;
}

.box4 h5 {
    text-align: center;
    padding: 1em 0em 0.5em;
    color: #ff6600;
    font-weight: bold;
    font-size: 1.15rem;
}

.box4 h6 {
	font-size:1.0rem;
}

br.sponly {
	display:block;
}
}