/*
Theme Name: Child
Template: twentytwelve
*/
 
@import url('../twentytwelve/style.css');

span.classes {
  margin:0 10px;
  padding:10px 40px;
  border:2px solid #0d1734;
  border-radius:5px;
}

span.classes a {
  text-decoration:none;
  color:#0d1734;
}

span.classes a:hover {
  text-decoration:none;
  color:#fff;
}

span.classes:hover {
  text-decoration:none;
  color:#fff;
  background-color:#0d1734;
}

div.abouttop {
  text-align:center;
}


.site {
	background: none;
  }

body .site {
  margin-top: 24px;
  margin-top: 1.71428572rem;
  box-shadow:none;
}

.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 0px;
	box-shadow: none;
}

.main-navigation li a:hover,
.main-navigation li a:focus {
  color:#fff;
  background-color: #0d1734;
}

div.breadcrumbs {
  font-size:10px;
  color:#5e5e5e;
}

/* Footer */
footer[role="contentinfo"] {
	border-top:none;
}

.site-content artcle {　/* コンテンツの最下部 */
	border-bottom: none;
}

.site-info ul {
  text-align: center;
}
.site-info li {
  display: inline-block;
  margin-right: 20px;
}

.site-info p {
  margin-top:24px;
	  text-align:center;
	}


img.fade:hover {
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
}

img.menu {
  float:left;
  margin:5px;
}

img.menu2 {
  float:left;
  margin:3px;
  width:19%;
}

img.half {
  display:block;
  margin:0 auto;
  width:35%;
}

img.melitimg {
  margin-top:10px;
  width:60%;
}

table.about {
  margin:0 auto;
  padding:0;
  width:auto;
}

table.about th {
  padding:5px 20px;
  border-bottom:1px solid #5e5e5e;
  font-size:14px;
  letter-spacing:0.2em;
}

table.about td {
  padding:5px 10px;
  border-bottom:1px solid #5e5e5e;
  font-size:14px;
}

table.omi img.imgomi {
  margin:0;
  padding:0;
  /*width:32.054797%;*/
  width:100%;
}

div.roundsquare {
  margin:0 auto;
  padding:10px;
  border:1px solid #5e5e5e;
  border-radius:5px;
  text-align:center;
  font-size:18px;
  font-weight:bold;
}

div.roundsquare a {
  text-decoration:none;
  color:#5e5e5e;
}

div.roundsquare a:hover {
  color:#23a598;
}

span.melit {
  margin:0;
  padding:10px 0;
  font-size:18px;
  font-weight:bold;
  letter-spacing:0.2em;
}

table.merch {
  margin:0;
  padding:0;
  border:none;
}

table.merch tr {
  margin:0;
  padding:0;
  border:none;
}

table.merch th {
  margin:0;
  padding:0;
  width:100px;
}

table.merch th img {
  margin:0;
  padding:0;
  width:100px;
}

table.merch td {
  display:block;
  float:right;
  margin:0;
  padding:0 5px;
  border-top:none;
  vertical-align:top;
  color:#000;
  font-size:14px;
  width:143px;
}



/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
   .site-content {
  margin-top:0;
	float: right;
	width: 76.041667%;
}

.widget-area {
	float: left;
	width: 20.833333%;
}
  
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-bottom: 1px solid #0d1734;
		border-top: 1px solid #0d1734;
	}
}




/*-----------レスポンシブ制御----------------*/
@media only screen and (max-width:800px){
  img.melitimg {
	width:100%;
  }
  
    img.menu {
	clear:both;
	margin:5px auto;
	width:100%;
  }

img.menu2 {
  float:left;
  margin:3px;
  width:47%;
}
  img.half {
	width:70%;
  }
  
    table.about tr{
        display: block;
        margin-bottom: 1.5em;
    }
  
    table.about th,
    table.about td{
        display: list-item;
        border: none;
	list-style-type:none;
	text-align:center;
    }
  
div.abouttop {
  text-align:center;
}

div.abouttop span {
  display:block;
	margin:10px 0;
}
  table.merch th
  table.merch td {
        display: list-item;
        border: none;
	list-style-type:none;
  }
}