/*
Theme Name: AFFINGER4 Child
Template: affinger4
Version: 20171010
*/

/*カテゴリID別に色を指定できます
例）IDが7の場合
.catname.st-catid7 {
	background:#ff0000;
	color:#fff;
}
*/

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960px) {


/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {


/*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {


/*-- ここまで --*/
}




/*--------------------------------
	テーブルコンテンツ
---------------------------------*/

/* カテゴリー：年齢別・保険料の相場 で使用 */

table.type-01 {
	border-collapse: collapse;
}
table.type-01 th {
	width: 150px;
	font-weight: bold;
	vertical-align: middle;
	border-top: 1px solid #04162e;
	border-bottom: 1px solid #04162e;
	background: #efefef;
}
table.type-01 td {
	width: 350px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
}

table.type-01m {
	border-collapse: collapse;
}
table.type-01m th {
	width: 150px;
	font-weight: bold;
	vertical-align: middle;
	border-top: 1px solid #04162e;
	border-bottom: 1px solid #04162e;
	background: #efefef;
	font-size: 90.0%;
}
table.type-01m td {
	width: 350px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	font-size: 75.0%;
}

table.type-01c {
	border-collapse: collapse;
	table-layout: fixed;
}
table.type-01c th {
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	border-top: 1px solid #04162e;
	border-bottom: 1px solid #04162e;
	background: #efefef;
	text-align: center;
}
table.type-01c td {
	padding: 10px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
}

table.type-01cm {
	border-collapse: collapse;
}
table.type-01cm th {
	width: 150px;
	font-weight: bold;
	vertical-align: middle;
	border-top: 1px solid #04162e;
	border-bottom: 1px solid #04162e;
	background: #efefef;
	text-align: center;
	font-size: 90.0%;
}
table.type-01cm td {
	width: 350px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	font-size: 75.0%;
}

table.type-01cc {
	border-collapse: collapse;
	text-align: center;
}
table.type-01cc th {
	width: 150px;
	font-weight: bold;
	vertical-align: middle;
	border-top: 1px solid #04162e;
	border-bottom: 1px solid #04162e;
	background: #efefef;
	text-align: center;
}
table.type-01cc td {
	width: 350px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	text-align: center;
}

table.type-01ccm {
	border-collapse: collapse;
	text-align: center;
}
table.type-01ccm th {
	width: 150px;
	font-weight: bold;
	vertical-align: middle;
	border-top: 1px solid #04162e;
	border-bottom: 1px solid #04162e;
	background: #efefef;
	text-align: center;
	font-size: 90.0%;
}
table.type-01ccm td {
	width: 350px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	text-align: center;
	font-size: 75.0%;
}

table.type-02 {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
}
table.type-02 th {
	width: 150px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	background: #efefef;
}
table.type-02 td {
	width: 350px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
}

table.type-02m {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
}
table.type-02m th {
	width: 150px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	background: #efefef;
	font-size: 90.0%;
}
table.type-02m td {
	width: 350px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	font-size: 75.0%;
}

table.type-02c {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
}
table.type-02c th {
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	background: #efefef;
	text-align: center;
}
table.type-02c td {
	padding: 10px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
}

table.type-02cm {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
}
table.type-02cm th {
	width: 150px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	background: #efefef;
	text-align: center;
	font-size: 90.0%;
}
table.type-02cm td {
	width: 350px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	font-size: 75.0%;
}

table.type-02cc {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
}
table.type-02cc th {
	width: 150px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	background: #efefef;
	text-align: center;
}
table.type-02cc td {
	width: 350px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	text-align: center;
}

table.type-02ccm {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
}
table.type-02ccm th {
	width: 150px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	background: #efefef;
	text-align: center;
	font-size: 90.0%;
}
table.type-02ccm td {
	width: 350px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	text-align: center;
	font-size: 75.0%;
}

table.type-03 {
	border-collapse: collapse;
	line-height: 1.5;
	border: 1px solid #ccc;
}
table.type-03 thead {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #04162e;
	vertical-align: middle;
}
table.type-03 thead th {
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	color: #fff;
}
table.type-03 tbody th {
	width: 150px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	background: #efefef;
}
table.type-03 td {
	width: 350px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
}

table.type-03m {
	border-collapse: collapse;
	line-height: 1.5;
	border: 1px solid #ccc;
}
table.type-03m thead {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #04162e;
	vertical-align: middle;
	font-size: 90.0%;
}
table.type-03m thead th {
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	color: #fff;
	font-size: 90.0%;
}
table.type-03m tbody th {
	width: 150px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	background: #efefef;
	font-size: 90.0%;
}
table.type-03m td {
	width: 350px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	font-size: 75.0%;
}

table.type-03c {
	border-collapse: collapse;
	line-height: 1.5;
	border: 1px solid #ccc;
}
table.type-03c thead {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #04162e;
	vertical-align: middle;
}
table.type-03c thead th {
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	color: #fff;
	text-align: center;
}
table.type-03c tbody th {
	width: 150px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	background: #efefef;
	text-align: center;
}
table.type-03c td {
	width: 350px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
}

table.type-03cm {
	border-collapse: collapse;
	line-height: 1.5;
	border: 1px solid #ccc;
}
table.type-03cm thead {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #04162e;
	vertical-align: middle;
	font-size: 90.0%;
}
table.type-03cm thead th {
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	color: #fff;
	text-align: center;
	font-size: 90.0%;
}
table.type-03cm tbody th {
	width: 150px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	background: #efefef;
	text-align: center;
	font-size: 90.0%;
}
table.type-03cm td {
	width: 350px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	font-size: 75.0%;
}

table.type-03cc {
	border-collapse: collapse;
	text-align: center;
	line-height: 1.5;
	border: 1px solid #ccc;
}
table.type-03cc thead {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #04162e;
	vertical-align: middle;
	text-align: center;
}
table.type-03cc thead th {
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	color: #fff;
	text-align: center;
}
table.type-03cc tbody th {
	width: 150px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	background: #efefef;
	text-align: center;
}
table.type-03cc td {
	width: 350px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	text-align: center;
}

table.type-03ccm {
	border-collapse: collapse;
	text-align: center;
	line-height: 1.5;
	border: 1px solid #ccc;
}
table.type-03ccm thead {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #04162e;
	vertical-align: middle;
	text-align: center;
	font-size: 90.0%;
}
table.type-03ccm thead th {
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	color: #fff;
	text-align: center;
	font-size: 90.0%;
}
table.type-03ccm tbody th {
	width: 150px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	background: #efefef;
	text-align: center;
	font-size: 90.0%;
}
table.type-03ccm td {
	width: 350px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	text-align: center;
	font-size: 75.0%;
}

/*---------------------------------------- 縦  -----------------------------------*/


table.type-v01 {
	border-collapse: collapse;
}
table.type-v01 th {
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	border-top: 1px solid #04162e;
	border-bottom: 1px solid #04162e;
	background: #efefef;
}
table.type-v01 td {
	padding: 10px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
}

table.type-v01m {
	border-collapse: collapse;
	font-size: 75.0%;
}
table.type-v01m th {
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	border-top: 1px solid #04162e;
	border-bottom: 1px solid #04162e;
	background: #efefef;
	font-size: 90.0%;
}
table.type-v01m td {
	padding: 10px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	font-size: 75.0%;
}

table.type-v01c {
	border-collapse: collapse;
}
table.type-v01c th {
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	border-top: 1px solid #04162e;
	border-bottom: 1px solid #04162e;
	background: #efefef;
	text-align: center;
}
table.type-v01c td {
	padding: 10px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
}

table.type-v01cm {
	border-collapse: collapse;
}
table.type-v01cm th {
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	border-top: 1px solid #04162e;
	border-bottom: 1px solid #04162e;
	background: #efefef;
	text-align: center;
	font-size: 90.0%;
}
table.type-v01cm td {
	padding: 10px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	font-size: 75.0%;
}

table.type-v01cc {
	border-collapse: collapse;
	text-align: center;
}
table.type-v01cc th {
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	border-top: 1px solid #04162e;
	border-bottom: 1px solid #04162e;
	background: #efefef;
	text-align: center;
}
table.type-v01cc td {
	padding: 10px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	text-align: center;
}

table.type-v01ccm {
	border-collapse: collapse;
	text-align: center;
}
table.type-v01ccm th {
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	border-top: 1px solid #04162e;
	border-bottom: 1px solid #04162e;
	background: #efefef;
	text-align: center;
	font-size: 90.0%;
}
table.type-v01ccm td {
	padding: 10px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	text-align: center;
	font-size: 75.0%;
}

table.type-v02 {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
}
table.type-v02 th {
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	background: #efefef;
}
table.type-v02 td {
	padding: 10px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
}

table.type-v02m {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
}
table.type-v02m th {
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	background: #efefef;
	font-size: 90.0%;
}
table.type-v02m td {
	padding: 10px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	font-size: 75.0%;
}

table.type-v02c {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
}
table.type-v02c th {
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	background: #efefef;
	text-align: center;
}
table.type-v02c td {
	padding: 10px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
}

table.type-v02cm {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
}
table.type-v02cm th {
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	background: #efefef;
	text-align: center;
	font-size: 90.0%;
}
table.type-v02cm td {
	padding: 10px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	font-size: 75.0%;
}

table.type-v02cc {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
}
table.type-v02cc th {
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	background: #efefef;
	text-align: center;
}
table.type-v02cc td {
	padding: 10px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	text-align: center;
}

table.type-v02ccm {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
}
table.type-v02ccm th {
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	background: #efefef;
	text-align: center;
	font-size: 90.0%;
}
table.type-v02ccm td {
	padding: 10px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	text-align: center;
	font-size: 75.0%;
}


/*--------------------------------
	ボタンコンテンツ
---------------------------------*/
.btn{
  color: #fff;
  font-weight: bold;
  margin: 1em;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
  line-height: normal;
  padding: 10px 16px;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  border: 2px solid transparent;
}

.btn:before{
  font-family: FontAwesome;
  margin-right: 10px;
}

#container a.btn:hover{
  color: #333;
  background-color: #fff;
  border: 2px solid #000;
}

.btn-m{
  padding: 16px 45px;
  font-size: 16px;
}

.btn-l{
  padding: 24px 0;
  font-size: 18px;
  display: block;
}

.btn-white{color: #333;background-color: #fff;}
#container a.btn-white:hover{color: #333;}
.btn-red{background-color: #f44336;}
.btn-pink{background-color: #e91e63;}
.btn-purple{background-color: #9C27B0;}
.btn-deep{background-color: #673AB7;}
.btn-indigo{background-color: #3F51B5;}
.btn-blue{background-color: #2196F3;}
.btn-light-blue{background-color: #03A9F4;}
.btn-cyan{background-color: #00BCD4;}
.btn-teal{background-color: #009688;}
.btn-green{background-color: #4CAF50;}
.btn-light-green{background-color: #8BC34A;}
.btn-lime{background-color: #CDDC39;}
.btn-yellow{background-color: #FFEB3B;}
.btn-amber{background-color: #FFC107;}
.btn-orange{background-color: #FF9800;}
.btn-deep-orange{background-color: #FF5722;}
.btn-brown{background-color: #795548;}
.btn-grey{background-color: #9E9E9E;}
.btn-blue-grey{background-color: #607D8B;}

.btn-arrow-right:before{content: "\f061";}
.btn-chevron-right:before{content: "\f054";}
.btn-angle-right:before{content: "\f105";}
.btn-caret-right:before{content: "\f0da";}
.btn-long-arrow-right:before{content: "\f178";}
.btn-chevron-circle-right:before{content: "\f138";}
.btn-angle-double-right:before{content: "\f101";}
.btn-arrow-circle-right:before{content: "\f0a9";}
.btn-hand-o-right:before{content: "\f0a4";}
.btn-arrow-circle-o-right:before{content: "\f18e";}
.btn-caret-square-o-right:before{content: "\f152";}


/* btnAnime01 ふわふわ動くボタン */
/*
<div class="btnAnime01">
<a href="#"><img src="../images/btn_af005.png" alt="公式サイトはこちら" /></a>
</div>
*/

.btnAnime01 {
    -webkit-animation-name:btnAnime02;
    -webkit-animation-duration:1s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease;
    
    -moz-animation-name:btnAnime02;
    -moz-animation-duration:1s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:ease;
}
@-webkit-keyframes btnAnime02 {
    0% {-webkit-transform:translate(0, 0);}
    50% {-webkit-transform:translate(0, -8px);}
    100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes btnAnime02 {
    0% {-moz-transform:translate(0, 0);}
    50% {-moz-transform:translate(0, -8px);}
    100% {-moz-transform:translate(0, 0);}
}

/* btnAnime02 プルプル震えるボタン */
/*
<div class="btnAnime02">
<a href="#"><img src="../images/btn_af003.png" alt="公式サイトはこちら" /></a>
</div>
*/

.btnAnime02{
    animation-name: btnAnime02;
    animation-duration: 0.1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
}

@-webkit-keyframes btnAnime02 {
    0% {-webkit-transform:translate(0, 0);}
    50% {-webkit-transform:translate(-5px, 0px);}
    100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes btnAnime02 {
    0% {-moz-transform:translate(0, 0);}
    50% {-moz-transform:translate(-5px, 0px);}
    100% {-moz-transform:translate(0, 0);}
}
.btnAnime02:hover {
    animation: none;
}

/* btnAnime03 文字が飛び出る＆ぷるぷると動くボタン */
/*
<div class="btnAnime03" id="confirm">
   <a href="#"><img src="../images/btn_anime01_start.png" alt="公式サイトはこちら" class="btnAnime03-start"></a>
</div>
*/

/* btnAnime03 */

.btnAnime03 {
    background: rgba(0, 0, 0, 0) url("https://www.furthermucker.com/wp-content/themes/images/btn_anime01.png") no-repeat scroll left top / 100% auto;
    margin: 0 auto;
    width: 100%;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-name: button;
    animation-timing-function: ease;
    transform: scale(1);
    transform-origin: center bottom 0;
}
.btnAnime03-start {
    animation-duration: 3.5s;
    animation-iteration-count: infinite;
    animation-name: start;
    animation-timing-function: ease;
    display: block;
    height: auto;
    left: 0;
    top: 0;
    width: 100%;
}

@keyframes start {
    0%, 100%, 20%, 8% {opacity: 1;transform: scale(1);}
    12% {opacity: 1;transform: scale(1.2);}
    16% {opacity: 1;transform: scale(0.9);}
}

@keyframes button {
    28%, 48% {transform: skew(0deg);}
    32% {transform: skew(10deg);}
    36% {transform: skew(-10deg);}
    40% {transform: skew(5deg);}
    44% {transform: skew(-5deg);}
}

/* btnAnime04 左右に矢印が動く＆ぷるぷると動くボタン */
/*
<a class="btnAnime04" href="#"><img class="btnAnime04-arrow" src="../images/btn_arrow1.png" alt="" /><img class="btnAnime04-animate" src="../images/btn_plnpln5.png" alt="公式サイトはこちら" /></a>*/

/* btnAnime04 */

@-moz-keyframes plnpln1 {
    0% { -moz-transform: skewX(9deg); }
    10% { -moz-transform: skewX(-8deg); }
    20% { -moz-transform: skewX(7deg); }
    30% { -moz-transform: skewX(-6deg); }
    40% { -moz-transform: skewX(5deg); }
    50% { -moz-transform: skewX(-4deg); }
    60% { -moz-transform: skewX(3deg); }
    70% { -moz-transform: skewX(-2deg); }
    80% { -moz-transform: skewX(1deg); }
    90% { -moz-transform: skewX(0deg); }
    100% { -moz-transform: skewX(0deg); }
}

@-o-keyframes plnpln1 {
    0% { -o-transform: skewX(9deg); }
    10% { -o-transform: skewX(-8deg); }
    20% { -o-transform: skewX(7deg); }
    30% { -o-transform: skewX(-6deg); }
    40% { -o-transform: skewX(5deg); }
    50% { -o-transform: skewX(-4deg); }
    60% { -o-transform: skewX(3deg); }
    70% { -o-transform: skewX(-2deg); }
    80% { -o-transform: skewX(1deg); }
    90% { -o-transform: skewX(0deg); }
    100% { -o-transform: skewX(0deg); }
}

@-webkit-keyframes plnpln1 {
    0% { -webkit-transform: skewX(9deg); }
    10% { -webkit-transform: skewX(-8deg); }
    20% { -webkit-transform: skewX(7deg); }
    30% { -webkit-transform: skewX(-6deg); }
    40% { -webkit-transform: skewX(5deg); }
    50% { -webkit-transform: skewX(-4deg); }
    60% { -webkit-transform: skewX(3deg); }
    70% { -webkit-transform: skewX(-2deg); }
    80% { -webkit-transform: skewX(1deg); }
    90% { -webkit-transform: skewX(0deg); }
    100% { -webkit-transform: skewX(0deg); }
}

@-moz-keyframes arrow1 {
    0% { -moz-transform: translateX(0px); }
    45% { -moz-transform: translateX(20px); }
    50% { -moz-transform: translateX(25px); }
    55% { -moz-transform: translateX(20px); }
    95% { -moz-transform: translateX(0px); }
    100% { -moz-transform: translateX(0px); }
}

@-o-keyframes arrow1 {
    0% { -o-transform: translateX(0px); }
    45% { -o-transform: translateX(20px); }
    50% { -o-transform: translateX(25px); }
    55% { -o-transform: translateX(20px); }
    95% { -o-transform: translateX(0px); }
    100% { -o-transform: translateX(0px); }
}

@-webkit-keyframes arrow1 {
    0% { -webkit-transform: translateX(0px); }
    45% { -webkit-transform: translateX(20px); }
    50% { -webkit-transform: translateX(25px); }
    55% { -webkit-transform: translateX(20px); }
    95% { -webkit-transform: translateX(0px); }
    100% { -webkit-transform: translateX(0px); }
}
.btnAnime04 {
    position: relative;
    display:block;
    width:100%;
    max-width:600px;
    padding:10px;
    padding-left:10%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left:auto;
    margin-right:auto;
}
.btnAnime04-animate{
    -webkit-animation-duration:2s;
    -moz-animation-duration:2s;
    -ms-animation-duration:2s;
    -o-animation-duration:2s;
    animation-duration:2s;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;

    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    
    margin-left:auto;
    margin-right:auto;
    z-index: 8;
    
    -webkit-animation-name: plnpln1;
    -moz-animation-name: plnpln1;
    -o-animation-name: plnpln1;
    animation-name: plnpln1;
    width:100%;
}
.btnAnime04-arrow {
    position: absolute;
    top:25%;
    left:-5px;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -ms-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;

    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    -webkit-animation-name: arrow1;
    -moz-animation-name: arrow1;
    -o-animation-name: arrow1;
    animation-name: arrow1;
    z-index: 9;
    width:20%;
    max-width:100px;
}
.btnAnime04:hover img{
    opacity:1;
}

/*--------------------------------
	マーカー蛍光ペン
---------------------------------*/
/*
	<span class="marker_pink">テキスト</span>
*/

/*-- マーカー蛍光ペン：黄緑色(細) --*/
.marker_lime {
	background: linear-gradient(transparent 60%, #66FFCC 60%);
}

/*-- マーカー蛍光ペン：水色(細) --*/
.marker_water {
	background: linear-gradient(transparent 60%, #66ccff 60%);
}

/*-- マーカー蛍光ペン：ピンク色(細) --*/
.marker_pink {
	background: linear-gradient(transparent 60%, #ff66ff 60%);
}


/*--------------------------------
	おしゃれなボックスデザイン（囲み枠）
---------------------------------*/
/*
<div class="box2">
    <p>ここに文章</p>
</div>
*/

/*-- 囲み枠（青色） --*/
.box-blue {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box-blue p {
    margin: 0; 
    padding: 0;
}


/*-- 囲み枠（青色／二重線） --*/
.box-blue-double {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}
.box-blue-double p {
    margin: 0; 
    padding: 0;
}

/*-- 囲み枠（デフォルト：テーマカラーと合わせる） --*/
.waku-default {
    border: solid 1.25px #ff6893;/*線*/
    padding: 5px;
}
.waku-default-0 {
    border: solid 1.25px #ff6893;/*線*/
}

/*-- ダッシュ点線 --*/
.waku-dash-default {
    border:dashed 1.25px #ff6893;/*線*/
    padding: 5px;
}


/*--------------------------------
	おしゃれなボックスデザイン２（囲み枠）※口コミ用
---------------------------------*/
/*
<div class="box23">
    <p>ここに文章</p>
</div>
*/

.box-kuchikomi-blue {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: #565656;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
    border-radius: 8px;
}

.box-kuchikomi-red {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
}

.box-kuchikomi-yellow {
    position: relative;
    padding: 20px 10px 1px 56px;
    margin: 5px 5px 20px; 
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    background: #fff4db;
}

.box-kuchikomi-yellow:before{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 10px;
    width: 36px;
    height: 36px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    text-align: center;
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 20px;
    line-height: 36px;
    background: #ffd596;
    border-radius: 50%;
}

.box8 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.box8 p {
    margin: 0; 
    padding: 0;
}

.box11{
    padding: 0.5em 1em;
    margin: 2em 0;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 p {
    margin: 15px 0px 10px 0px;
}

.box14{
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
}
.box14 p {
    margin: 0; 
    padding: 0;
}

.box15 {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
}
.box15 p {
    margin: 0; 
    padding: 0;
}

.box17{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px #ffcb8a;
    border-bottom: solid 2px #ffcb8a;
}
.box17:before, .box17:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #ffcb8a;
}
.box17:before {left: 10px;}
.box17:after {right: 10px;}
.box17 p {
    margin: 0; 
    padding: 0;
}

.box22{
    padding: 0.5em 1em;
    margin: 1em 0;
    background: #f4f4f4;
    border-left: solid 6px #5bb7ae;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}


.box23 {
    position: relative;
    margin: 2em 0 2em 40px;
    padding: 8px 15px;
    background: #fff0c6;
    border-radius: 30px;
}
.box23:before{font-family: FontAwesome;
    content: "\f111";
    position: absolute;
    font-size: 15px;
    left: -40px;
    bottom: 0;
    color: #fff0c6;
}
.box23:after{
    font-family: FontAwesome;
    content: "\f111";
    position: absolute;
    font-size: 23px;
    left: -23px;
    bottom: 0;
    color: #fff0c6;
}
.box23 p {
    margin: 0; 
    padding: 0;
}

.box25{
    position: relative;
    background: #fff0cd;
    box-shadow: 0px 0px 0px 5px #fff0cd;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    color: #454545;
}
.box25:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: #ffdb88 #fff #ffdb88;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.box25 p {
    margin: 0; 
    padding: 0;
}

.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

.box28 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #FFC107;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}

.box30 {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.2em;
    background: #5fc2f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
}



/*--------------------------------
	矢印とボタンがそれぞれ別の動きをする
---------------------------------*/
/*
<a class="yurabutton3 wf-mplus1p" href="#"><span class="yurearrow1">→</span>好きな文字でどうぞ</a>
*/

/* 矢印が左右にボタンが上下にゆれる（赤） */

/*web font*/
.wf-mplus1p { font-family: "Mplus 1p";font-weight: 900; }

/* yurabutton3 */
.yurabutton3 {
    display: block;
    width: 70%;
    margin: 20px auto;
    border-bottom: 8px solid #900;
    border-radius: 10px;

    background: #f85032;
    background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
    background: -webkit-linear-gradient(top, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
    background: linear-gradient(to bottom, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 );

    color: #ffffff;
    padding: 20px 5px;
    font-size:32px;
    text-align: center;
    text-decoration: none;

    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-name: yurabutton3;
    animation-timing-function: ease;
    transform: scale(1);
    transform-origin: center bottom 0;
}
@keyframes yurabutton3 {
  0% { transform: scale(1.0, 1.0) translate(0%, 0%); }
  88% { transform: scale(1.0, 1.0) translate(0%, 0%); }
  90%  { transform: scale(1.0, 1.05) translate(0%, -3%); }
  92%  { transform: scale(1.05, 0.95) translate(0%, 3%); }
  94%  { transform: scale(1.0, 1.05) translate(0%, -3%); }
  96%  { transform: scale(1.05, 0.95) translate(0%, 3%); }
  98%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@media only screen and (max-width: 480px) {
.yurabutton3{
    width: 90%;
    font-size:24px;
    }
}
.yurearrow1{
    color:yellow;
    display: inline-block;
    padding-right:10px;
    position: relative;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: yurearrow1;
    animation-timing-function: ease;
    transform: scale(1);
    transform-origin: center bottom 0;
}
@keyframes yurearrow1{
        0% { left: 0px;}
        25% { left: 5px; }
        50% { left: 0px; }
        75% { left: 5px; }
        100% { left: 0px;}
}




/*--------------------------------
	画像＋文章
---------------------------------*/
/*
<p class="check-01">ここに文章</p>
*/

/*-- チェックボックス風 --*/


div.check-01 {
    padding-left: 35px;
    background: url('../../../images/check01.png') no-repeat 0 50%;
    font-size: large;
}

p.check-01 {
    padding-left: 35px;
    background: url('../../../images/check-01.png') no-repeat 0 50%;
    font-size: large;
}

p.check-t09 {
    padding-left: 35px;
    background: url('https://www.furthermucker.com/images/check-t09.png') no-repeat 0 50%;
    font-size: large;
}

p.check-c11 {
    padding-left: 25px;
    background: url('https://www.furthermucker.com/images/check-c11.png') no-repeat 0 50%;
}

p.check-s01 {
    padding-left: 35px;
    background: url('https://www.furthermucker.com/images/check-s01.png') no-repeat 0 50%;
    font-size: large;
}

p.checkred1 {
    padding-left: 25px;
    background: url('https://www.furthermucker.com/images/checkred1.jpg') no-repeat 0 50%;
}

p.check-maru-green {
    padding-left: 25px;
    background: url('../../../images/check-maru-green.png') no-repeat 0 50%;
}

div.check-maru-green {
    padding-left: 25px;
    background: url('../../../images/check-maru-green.png') no-repeat 0 50%;
}

/*-- 〇×△ --*/

p.maru2-mini {
    padding-left: 25px;
    background: url('https://www.furthermucker.com/images/ico-maru2.gif') no-repeat 0 50%;
    background-size: contain;
}

p.sankaku-mini {
    padding-left: 25px;
    background: url('https://www.furthermucker.com/images/ico-sankaku.gif') no-repeat 0 50%;
    background-size: contain;
}