/*	lower_header
============================== */
div.lower_header h1 span {
	background-image: url(../img/dic_h2.png);
}
@media all and (min-width: 768px) {
	div.lower_header h1 span {
		width: 400px;
	}
	div.content {
    border-radius: 20px;
    border: solid 10px #1ca5ef;
    margin: 0 auto 20px;
    box-sizing: border-box;
 }
}
/*	section
============================== */
section {
	margin-bottom: 1em;
}
/*	dictionary_pic
============================== */
div.dictionary_pic p {
	background-repeat:no-repeat;
	background-position:left top;
	white-space: nowrap;
	text-indent: 140%;
	overflow: hidden;
}
@media all and (min-width: 768px) {
div.dictionary_pic p {
	background-image:url(../img/dictionary_top.jpg);
	width:960px;
	height: 267px;
	margin: 0 -110px 20px;
}
}
@media all and (max-width: 767px) {
div.dictionary_pic p {
	background-image:url(../img/dictionary_top.jpg?);
	overflow:hidden;
	background-size:cover;
	height:0;
	padding-top: 30.244898%;
	margin: -15px -15px 10px;
	border-radius: 10px 10px 0 0;
}
}

.box {
	padding: 1.5em 1.5em 1.1em;
	box-sizing: border-box;
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
	background-color: #eee;
}
@media all and (min-width: 768px) {
#jiten {
	margin: -120px -100px 0;
	padding-top: 120px;
 }
.wrap{
 display:flex;
 flex-wrap: wrap;
}
.box{
	width: 31%;
	margin: 1%;
}
.wrap {
  display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex
}
}
@media all and (max-width: 767px) {
	.box{
		margin: 5% 0;
	}
}
/*	box header
============================== */
div.whd {
	margin: -1.5em -1.5em 1em;
	padding: 1em 1.5em;
	border-bottom: 1px solid hsla(0, 0%, 0%, 0.15);
	border-top: 5px solid #1a72c7;
}
/*	kana
============================== */
p.kana {
	margin-bottom: 0.8em;
	letter-spacing: 0.1em;
	font-size: 80%;
}
/*	words
============================== */
p.words {
	font-weight: bold;
	letter-spacing: 0.1em;
}
@media all and (min-width: 768px) {
	p.words {
		font-size: 17px;
		line-height: 1.5;
	}
}
@media all and (max-width: 767px) {
	p.words {
		font-size: 17px;
		line-height: 1.5;
	}
}

/*	h2
============================== */
h2{
	color: #fff;
	padding: 0.7em 1.5em;
	line-height: 1.3;
	background: #1a72c7;
	vertical-align: middle;
	border-radius: 0 25px 25px 0;
	margin: 0 0 0.5em -15px;
}
@media all and (min-width: 768px) {
	h2{
		margin: 0 0 0.5em -10px;
	}
}
@media all and (max-width: 767px) {
	h2{
		margin: 0 0 0.5em -15px;
		display: block;
	}
}
/*	tabdmenu
============================== */
div.tabdmenu ul {
	display: flex;
}
div.tabdmenu ul li {
}
/*	tabdmenu
============================== */
#Container .mix{
	display: none;
}
/*	pic
============================== */
p.pic > span {
    width: 100%;
    border-radius: 5px;
    margin-bottom: 15px;
    transition: opacity 0.3s ease 0s;
    background-size: 100%;
    height: 0;
    position: relative;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
	 background-repeat: no-repeat;
}
p.pic > span > span {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
/*	padding-top #1
============================== */
div.gaudeikeikaku p.pic > span { padding-top: 66.6%;}
div.kurinrumu p.pic > span { padding-top: 66.6%;}
div.sutadasutokeikaku p.pic > span { padding-top: 66.6%;}
div.daihuku p.pic > span { padding-top: 66.6%;}
div.tukudahinsitu p.pic > span { padding-top: 66.6%;}
div.tonomurakenokome p.pic > span { padding-top: 66.6%;}
div.ribasuennjiniaringu p.pic > span { padding-top: 66.6%;}
div.rokettohinsitu p.pic > span { padding-top: 66.6%;}
div.giagosutonoshinnen p.pic > span { padding-top: 66.6%;}
div.tukudaseisakujo p.pic > span { padding-top: 55.4%;}
div.teikokujukou p.pic > span { padding-top: 66.6%;}
div.toransumissyon p.pic > span { padding-top: 56%;}

/*	padding-top #2
============================== */
div.oomoribarubu p.pic > span { padding-top: 25%;}
div.giagosuto p.pic > span { padding-top: 28.8713910761155%;}
div.kemashinari p.pic > span { padding-top: 17.7824267782427%;}
div.daunsaijingu p.pic > span { padding-top: 17.7824267782427%;}
div.teitu p.pic > span { padding-top: 69.8%;}
div.yamataniseisakujo p.pic > span { padding-top: 51.2%;}

/*	padding-top #3
============================== */
div.deyuderijensu p.pic > span { padding-top: 66.6%;}
div.emuandoe p.pic > span { padding-top: 66.6%;}

/*	padding-top #4
============================== */
div.kuremunohosei p.pic > span { padding-top: 66.6%;}
div.daidarosu p.pic > span { padding-top: 83.8%;}

/*	padding-top #7
============================== */
div.darwin p.pic > span { padding-top: 37%;}
div.kishin p.pic > span { padding-top: 56.2%;}
div.kitahorikikaku p.pic > span { padding-top: 23.2%;}
/*	dmenu
============================== */
.dmenu{
 display:flex;
 flex-wrap: wrap;
 margin-bottom: 0.5em;
}
.dmenu p {
	background-color: #1a72c7;
	border-radius: 5px;
	margin: 1%;
}
.dic_all .dmenu p.all { background-color: #0a5b9f; }
.dic_01 .dmenu p.a_gyo { background-color: #0a5b9f; }
.dic_02 .dmenu p.ka_gyo { background-color: #0a5b9f; }
.dic_03 .dmenu p.sa_gyo { background-color: #0a5b9f; }
.dic_04 .dmenu p.ta_gyo { background-color: #0a5b9f; }
.dic_05 .dmenu p.na_gyo { background-color: #0a5b9f; }
.dic_06 .dmenu p.ha_gyo { background-color: #0a5b9f; }
.dic_07 .dmenu p.ma_gyo { background-color: #0a5b9f; }
.dic_08 .dmenu p.ya_gyo { background-color: #0a5b9f; }
.dic_09 .dmenu p.ra_gyo { background-color: #0a5b9f; }
.dic_10 .dmenu p.wa_gyo { background-color: #0a5b9f; }





@media all and (min-width: 768px) {
	.dmenu p {
		width: 7.09441447%;
	}
	.dmenu p:hover {
		background-color: #569dd8;
	}
}
@media all and (max-width: 767px) {
	.dmenu p {
		width: 14.67%;
	}
}
.dmenu p a {
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 0.6em 0.4em;
	text-align: center;
}