html {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
 	overflow-y: scroll; /* All browsers without overlaying scrollbars */
	-webkit-text-size-adjust: 100%; /* iOS 8+ */
}


*,
::before,
::after {
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

/* Remove margin, padding of all elements and set background-no-repeat as default */
* {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements */
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}



a:link { color: #1d3994; }
a:link { text-decoration: none; }
a:visited { color: #1d3994; }

body{
	width:100%;
	max-width:980px;
	margin:0 auto;
	line-height:150%;
	font-size:16px;
	background:#ebebeb;
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif !important;
}

@media screen and (min-width: 800px) {
	body{
		max-width:600px !important;
	}
}

header.common-header{
	background: #ea4e31;
	color:#fff;
	padding:5px;
	
}

header.common-header .logo{
	width: 44%; /*22%; */
	margin:5px 0 0 5px;
}

header.common-header .menu-link{
/*	margin:0 3px 3px 3px;*/
	margin-bottom: 3px;
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-justify-content    : space-around;
	justify-content: space-around;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
header.common-header .menu-link a{
	color:#fff;
	font-weight:bold;
	font-size:14px;
/*	padding-right:15px;*/
}

footer.common-footer{
	background:#232d37;
	color:#fff;
	padding:15px 10px;
}

footer.common-footer .logo{
	width:30%;
}

footer.common-footer .link a{
	color:#fff;
	font-size:12px;
}

footer.common-footer .copyright{
	text-align:center;
}

.sub-header{
	background:#ffe6e6;
	font-weight:bold;
	text-align:center;
	padding:10px;
}

.container-default{
	background:#fff;
	padding:15px 10px 15px 10px;
	
}
.container-top-margin{
	margin-top:15px;
}
.container-bottom-margin{
	margin-bottom:10px;
}

.text-strong{
	font-weight:bold;
	font-size:16px;
}


.input-type-text-default{
	font-size:16px;
	padding:10px;
	margin:10px 0;
	width:90%;
}

.search-box{
	position:relative;
}

.search-box .input-type-text-default{
	padding-left:38px;
}
.search-box .search-icon{
	position:absolute;
	top:18px;
	left:9px;
	width:25px;
}

.error-message-box{
	font-weight:bold;
	color:#f00;
	margin:15px 0;
	background:#ffcccc;
	padding:10px;
}


.submit-button-default{
	display:block;
	padding:12px 10px 10px 10px;
	text-align:center;
	color:#fff !important;
	background:#a6a6a6;
	text-decoration:none;
	font-weight:bold;
	font-size:16px;
}
.submit-button-enable{
	background:#b7140f;
}

.excuse-text-default{
	font-size:12px;
	line-height:150%;
}

.img-sample{
	background:#ccc;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	padding:30px;
}

/*-------------------------------------------*/
.parent {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.child {
	display: table-cell;
	width: 50%;
}
.child100 {display: table-cell; width: 100%; }
.child90 {display: table-cell; width: 90%; }
.child85 {display: table-cell; width: 85%; }
.child80 {display: table-cell; width: 80%; }
.child78 {display: table-cell; width: 78%; }
.child75 {display: table-cell; width: 75%; }
.child70 {display: table-cell; width: 70%; }
.child65 {display: table-cell; width: 65%; }
.child60 {display: table-cell; width: 60%; }
.child55 {display: table-cell; width: 55%; }
.child45 {display: table-cell; width: 45%; }
.child40 {display: table-cell; width: 40%; }
.child35 {display: table-cell; width: 35%; }
.child30 {display: table-cell; width: 30%; }
.child25 {display: table-cell; width: 25%; }
.child22 {display: table-cell; width: 22%; }
.child20 {display: table-cell; width: 20%; }
.child15 {display: table-cell; width: 15%; }
.child10 {display: table-cell; width: 10%; }
.child img,
.child10 img,
.child15 img,
.child20 img,
.child22 img,
.child25 img,
.child30 img,
.child35 img,
.child40 img,
.child45 img,
.child55 img,
.child60 img,
.child65 img,
.child70 img,
.child75 img,
.child80 img
{
	width: 100%;
}


/* --------------*/
/*   土台         */
/* --------------*/
.box {
	margin: 0 0 20px;
}

/* ランキングページに飛ぶリンク */
a.to_ranking {
	margin-top: 5px;
	display: block;
	border: solid 1px #D5D4D5;
	background-color: #FCE7E6;
	color: #606060;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	font-size:14px;
}
a.to_ranking:visited,
a.to_ranking:link,
a.to_ranking:hover
{
	color: #606060;
}




/*-----------------*/
/* 作品閲覧時dialog */
/* (/zenon/list.phpでも使用) */
/*-----------------*/
.remodal {
	padding:0!important;
}
.dlg {

	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/* 円 */
.dlg .circle {
	width: 50px;
	height: 50px;
	text-align: center;
}

.dlg .bb {
	border-bottom: solid 1px gray;
}

/* キャンセルボタン */
.dlg .cancel {
	font-weight:bold;
	color: gray;
	text-align: center;
	padding: 10px;
	cursor:pointer;
	font-size:90%;
}

/* 検索text box */
input[name="keyword"] {
	font-size: 16px;
}