@charset "UTF-8";

/*!
Theme Name: prophetessstyle
Template:   cocoon-master
Version:    1.1.0
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** prophetessアルマナックの
************************************/

.prophetess_almanac_base{
  border: 1px solid #c3c3c3;
  box-shadow: 0px -3px 8px 1px #eee inset;
  display:table;
  width: 100%;
}

.prophetess_almanac_left{
  width:50%;
  float:left;
  display:inline-block;
}
.prophetess_almanac_right{
  width:50%;
  float:right;
  display:inline-block;
}

.prophetess_almanac_title{
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
}

.prophetess_almanac_table {
  margin-left: auto;
  margin-right: 20px;
  margin-top: 0pc;
	width:auto;
  border-collapse: collapse;
  border-collapse:separate;
  border-spacing: 0;
}

.prophetess_almanac_table th:first-child{
  border-radius: 6px 0 0 0;
}

.prophetess_almanac_table  th:last-child{
  border-radius: 0 6px 0 0;
  border-left: 0.6px solid #ffffff;
}

.prophetess_almanac_table  th{
  text-align: center;
  color:#f6821f;
  background: linear-gradient(#243f9a,#243f9a);
  border-left: 0.3px solid #ffffff;
  width: 20%;
  padding: 10px 0;
}

.prophetess_almanac_table td{
  text-align: center;
  border-left: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  border-top:none;
  box-shadow: 0px -3px 8px 1px #eee inset;
  width: 20%;
  padding: 12px 0;
}

.prophetess_almanac_table td:last-child{
  border-right: 1px solid #c3c3c3;
}

.prophetess_almanac_table tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

.prophetess_almanac_table tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}



/************************************
** もっちぃによる頑固設定
************************************/
.footer {
  margin-top: 0;
  padding-top: 0;
}
.main {
  padding: 0;
}

.content {
  margin-top: 0;
}

#header-container {
  display: none;
}

ul {
  margin: 0px;
}

/************************************
** 自由ページのスタイル
************************************/
.free-entry__body{
  max-width: 1100px;
  margin-left:auto;
  margin-right:auto;
  margin-top:50px;
}
.free-entry{
  margin-top: 95px;
}

/************************************
** ボタンなどの工夫
************************************/

.mottellbutton {
  display: inline-block;
  padding: 8px 16px;
  text-decoration: none;
  border-radius: 4px;
  color: #000;
  font-size: 22px;
  font-weight: bold;
  overflow: hidden;
}


.mottellbutton.green {
  color: #ffffff;
  background-image: linear-gradient(45deg, #00cc66 0%, #00b359 100%);
  border-bottom: solid 3px #008040;
}

.mottellbutton.purple {
  color: #ffffff;
  background-image: linear-gradient(45deg, #9698f7 0%, #9e99ff 100%);
  border-bottom: solid 3px #5f5c99;
}

.mottellbutton.orange {
  color: #ffffff;
  background-image: linear-gradient(45deg, #ff7f50 0%, #ff7f50 100%);
  border-bottom: solid 3px #b35837;
}

.mottellbutton.blue {
  color: #ffffff;
  background-image: linear-gradient(45deg, #7fbfff 0%, #99ccff 100%);
  border-bottom: solid 3px #7aa3cc;
}


.mottellbutton:hover {
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
}

.mottellbutton:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
  .prophetess_almanac_left{
    width:100%;
  }
  .prophetess_almanac_right{
    width:100%;
  }
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}