@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

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

.button {
  overflow: hidden;
}
.button::before {
  position: absolute;
  top: 0;
  left: -5%;
  z-index: -1;
  content: '';
  width: 110%;
  height: 180%;
  background: #333;
  transform-origin: left bottom;
  transform: skewY(-10deg) scale(1, 0);
  transition: transform .3s;
}
.button:hover::before {
  transform-origin: left top;
  transform: skewY(-10deg) scale(1, 1);
}

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

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

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

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

/*キャリア*/
.carri_font{
font-size:20px;
}

.carri_table table{
border-collapse:collapse;
border-spacing:0
}
.carri_table table td{
font-size:16px;
text-align:center;
vertical-align:middle;
border:3px #fff solid;
table-layout:fixed;
margin:0 1px 0 1px;
padding:1px 0 20px 0;
}

.carri_table {text-align:center; margin:0px 0;}
.carri_table_t {table-layout: fixed; width: 100%;}
.carri_table_title {text-align:center; font-size:20px; color:#fff; width:auto;font-weight:400;background-color:#e469fa;margin:0 0 10px 0;padding:4px 8px 4px 8px;}

.carri_table_button .carri_table_button_d {
width:100%;
xheight:80px;
color:#fff;
background:#ce3824;
xfont-weight:bold;
text-align:center;
display:block;
text-decoration:none;
border:4px solid #ce3824;
border-radius:5px;
margin-left:auto;
margin-right:auto;
}
.carri_table_button .carri_table_button_d:active {
	top: 2px;
}
.carri_table_button .carri_table_button_d:hover {
	background: transparent;
	color: #ce3824;
}

.carri_table_button .carri_table_button_a {
width:100%;
xheight:80px;
color:#fff;
background:#ff7c3f;
xfont-weight:bold;
text-align:center;
display:block;
text-decoration:none;
border:4px solid #ff7c3f;
border-radius:5px;
margin-left:auto;
margin-right:auto;
}
.carri_table_button .carri_table_button_a:active {
	top: 2px;
}
.carri_table_button .carri_table_button_a:hover {
	background: transparent;
	color: #ff7c3f;
}

.carri_table_button .carri_table_button_s {
width:100%;
xheight:80px;
color:#fff;
background:#c4c4c4;
xfont-weight:bold;
text-align:center;
display:block;
text-decoration:none;
border:4px solid #c4c4c4;
border-radius:5px;
margin-left:auto;
margin-right:auto;
}
.carri_table_button .carri_table_button_s:active {
	top: 2px;
}
.carri_table_button .carri_table_button_s:hover {
	background: transparent;
	color: #c4c4c4;
}

.carri_table_button .carri_table_button_b {
width:100%;
xheight:80px;
color:#fff;
background:#4169e1;
xfont-weight:bold;
text-align:center;
display:block;
text-decoration:none;
border:4px solid #4169e1;
border-radius:5px;
margin-left:auto;
margin-right:auto;
}
.carri_table_button .carri_table_button_b:active {
	top: 2px;
}
.carri_table_button .carri_table_button_b:hover {
	background: transparent;
	color: #4169e1;
}