@charset "UTF-8";
@import url("http://www.jwarm.net/css/side_contents.css");
body{
	font-family: "ƒƒCƒŠƒI",Meiryo,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Arial,Osaka,"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",sans-serif;
	color:#444;
}
#Wrapper {
    max-width: 800px;
    background-color:s #FFF;
    margin: 0px auto;
    border: none;
}
.site_name {
    background-color: #F29600;
	color: #FFF;
    text-align: center;
    font-size: 12px;
    line-height: 2;
    margin: -22px -8px auto -8px;
}
h2 {
	position: relative;
	padding: 5px 5px 5px 20px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 10px;
	font-size: 20px;
	line-height: 2.0;
	border-left: 11px #ffd8a6 solid;
	border-bottom: 2px #ffd8a6 solid;
}

main {
  display: flex;
flex-wrap: wrap;
}

main div.list {
    width: calc(46% - 10px);
    margin: 9px;
    padding-bottom:20px;
    position: relative;
    background: #f9fdff;
	border: dotted 1px #c4c4c4;
    padding: 0.2em 0.6em 1em;
    text-align:center;
}
 
main div.list:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
}
main div.list p {
    margin: 0; 
    padding: 0;
}

.list a{
	text-decoration:none;
	color:#444;
}

h3 {
  border-bottom: solid 3px #ffd8a6;
  position: relative;
}

h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #f48e0a;
  bottom: -2.3px;
  width: 20%;
}

@media (max-width: 500px) {
main div.list {
    width: calc(100% - 10px);
    margin: 5px;
    padding-bottom:10px;
  }
}
.footer {
    padding: 10px;
    text-align: center;
}

nav a {
    display: inline-block;
    max-width: 180px;
    text-align: left;
    background-color: #ffa300;
	font-size: 16px;
	color:#FFF;
	text-decoration: none;
	font-weight: bold;
	padding: 10px 24px;
	border-radius: 4px;
	border-bottom: 4px solid #d37800;
	margin: 4px;
	text-shadow: 1px 1px 1px #282828;
}

p.toback {
	margin-bottom: 2em;
	margin-right: 20px;
}
#MainContents{
	margin: 5px 10px;
	line-height: 2.5em;
}
em{
	font-style: normal;
	color:#f48e0a;
}

em:hover {
	color: #f48e0a;
	font-size:larger;
	border-bottom: 2px solid #F29600;
}
h4 {
    /*margin:  0;             /* デフォルトCSS打ち消し */
    /*font-size:  105%;       /* 文字サイズ指定 */
    /*padding-bottom:  5px;   /* 余白指定 */
    /*margin-bottom: 15px;    /* 周りの余白指定 */
    /*position:  relative;    /* 位置調整 */
    /*font-weight:  normal;   /* 文字の太さ調整 */
}
h4:before {
    /*content:  '';           /* 空白の要素を作る */
    /*width: 20%;            /* 幅指定 */
    /*height: 4px;            /* 高さ指定 */
    /*background-color: #FFCD7C; /* 背景色指定 */
    /*display:  block;        /* ブロック要素にする */
    /*position:  absolute;    /* 位置調整 */
    /*left:  0;               /* 位置調整 */
    /*bottom: -6px;           /* 位置調整 */
}