@charset "utf-8";
@import url(cmn.css);
@import url(base.css);
.nav-news a {background-color: #c47b80;}
.page-tit {background: url("../images/news-images/page-bg.jpg") 50% 0 no-repeat;}
/* ==========================================================================
	CONTENTS
	========================================================================== */
.main {float: left;width: 70%;}
.side {float: right;width: 20%;}
.side ul li {list-style-type: none;}
.side h2 {color: #b26268;font-size: 1.7rem;font-weight: normal;margin-bottom: 20px;}
.side h2:before {content :"/";margin-right: 5px;}
.side li a {display: block;background-color: #eaf5fa;padding: 5px 10px;margin-bottom: 15px;}
.side li ul li {font-size: 80%;}
.side li ul li a {background-color: #e6ebed;padding: 5px 10px;margin-bottom: 15px;}
.side li ul li a:before {content: "-";margin-right: 5px;}
.article-tit {font-size: 2.5rem;}
.blog-info {margin-bottom: 10px;}
.date {font-size: 1.7rem;font-weight: bold;margin-right: 20px;}
.cat a {display: inline-block;color: #fff;font-size: 1.4rem;line-height: 2rem;background-color: #64badf;border-radius: 3px;padding: 3px 15px;}
/*画像投稿用*/
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
/*ページナビゲーション*/
.pagenation {text-align: center;margin: 1em auto;}
.pagenation:after, .pagenation ul:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.pagenation ul {display: inline-block;margin: 0;}
.pagenation li {float: left;list-style: none outside none;margin-left: 3px;}
.pagenation li:first-child {margin-left: 0;}
.pagenation li.active {background-color: #999999;border-radius: 3px;color: #FFFFFF;cursor: not-allowed;padding: 10px 20px;}
.pagenation li a {background: none repeat scroll 0 0 #CCCCCC;border-radius: 3px;color: #FFFFFF;display: block;padding: 10px 20px;text-decoration: none;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);}
.pagenation li a:hover {background-color: #444444;color: #FFFFFF;opacity: 0.8;transition-duration: 500ms;transition-property: all;transition-timing-function: ease;}

.valuepress_title_frame{margin-bottom:5%;}
.valuepress_title_frame a{color: red;text-decoration:underline;}


.table-wrapper {
  overflow-x: auto;
  width: 100%;
  margin-top: 2em;
}
#yogawear-simulation-table {
  border-collapse: collapse;
  min-width: 700px;
  width: 100%;
  font-size: 15px;
  line-height: 1.8;
}
#yogawear-simulation-table th,
#yogawear-simulation-table td {
  border: 1px solid #999;
  padding: 10px 12px;
  text-align: center;
}
#yogawear-simulation-table th {
  background-color: #f8f8f8;
  font-weight: bold;
}
#yogawear-simulation-table tr:nth-child(even) {
  background-color: #fdfdfd;
}
#yogawear-simulation-table tr:nth-child(odd) {
  background-color: #ffffff;
}
#yogawear-simulation-table tr:hover {
  background-color: #ffffe0;
}


/* ==========================================================================
	PC 1025px -
	========================================================================== */
@media screen and (max-width: 1200px){/*1200以下*/
}

@media screen and (min-width: 1025px){
}

/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

@media screen and (max-width:1024px){
}

/* ==========================================================================
	SP - 640px
	========================================================================== */

@media screen and (max-width: 640px) {
.main {float: none;width: 100%;}
.side {float: none;width: 100%;margin-bottom: 30px;}
.side h2 {font-size: 1.5rem;margin-bottom: 15px;}
.side li {margin-bottom: 10px;}
.article-tit {font-size: 2rem;}
.date {font-size: 1.5rem;margin-right: 10px;}
.cat a {font-size: 1.2rem;line-height: 1.6rem;padding: 3px 10px;}
/*ページナビゲーション*/
.pagenation li.active {padding: 10px 5px;}
.pagenation li a {padding: 10px 5px;}
}