@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

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

/*■■■ ↓追加デザイン ■■■*/

/* ■ フレーム */
.flex_around {width:100%; padding-bottom:20px; margin:5px; display:flex; flex-wrap:wrap; justify-content:space-around;}
.relative330_190 {width:100%; max-width:330px; height:190px; overflow:hidden;}
.flame240_135 {width:240px; height:135px; overflow:hidden; color:#333333; padding:52px 62px; background-size:240px 135px; background-image:url("https://mz-site.info/wp-content/uploads/profile_b.jpg"); position:relative; border-radius:10px;}
.flame240_135:hover {background-image:url("https://mz-site.info/wp-content/uploads/owner_b.jpg");}
.flame100p_80 {width:100%; height:80px; overflow:hidden; color:#ffffff; font-weight:bold; background-size:100%; background-image:url("https://mz-site.info/wp-content/uploads/304181_m.jpg"); position:relative; border-radius:20px;}
.flame100p_80:hover {opacity:0.6;}
.dot_flame {background:#eeeeee; border:1px  dotted #333333; padding:6px 30px;}

/* ■ イメージ */
.logo2 {height:40%; position:absolute; top:50px; right:10px;}

/* ■ スライド */
.slide {width:100%; height:100%;}

/* ■ ブロック */
.block {display:inline-block;}

/* ■ キャプション */
.caption {color:#aa0000; font-size:20px; letter-spacing:2px; line-height:20px; font-weight:normal; padding-bottom:6px; margin:0; text-shadow:2px 2px 2px #333333;}
.img_caption {font-size:12px; line-height:12px; padding:4px; background:#ffffff; position:absolute; right:6px; bottom:6px; opacity:0.6;}
.img_caption2 {font-size:24px; line-height:24px; position:absolute; left:10px; top:20px;}

/* ■ ディスクリプション */
.description {font-size:14px; line-height:1.6em;}

/* ■ リファレンス：参照 */
.reference {font-size:14px; margin-left:10px;}

/* ■ トップタイトル：変更 */
.site-name-text-link {font-family:'Monotype Corsiva',serif; color:#aa0000; font-size:36px; letter-spacing:2px; line-height:36px; font-weight:normal; text-shadow:4px 4px 4px #993333; text-decoration:none;}
.site-name-text-link:hover {font-weight:normal; text-shadow:2px 2px 2px #993333; color:#ff0000; text-decoration:none;}
.site-name-text {font-size:36px;}

/* ■ コピーライト */
.copyright {color:#333333; text-decoration:none;}
.copyright:hover {color:inherit; text-decoration:none;}

/* ■ リスト */
.list_site {color:#333333; font-size:14px; line-height:2.0em;text-decoration:none;}
.list_site:hover {color:#0563c1; text-decoration:none;}
.list_category {color:#333333; line-height:2.0em;text-decoration:none;}
.list_category:hover {color:#0563c1; text-decoration:none;}
.list_fixed {color:#0563c1; font-size:14px; line-height:1.5em; text-decoration:none;}
.list_fixed:hover {color:#954f72; text-decoration:none;}

/* ■ ホバーエフェクト */
.btn_201, .btn_002, .btn_003, .btn_004, .btn_005, .btn_006, .btn_007, .btn_008, .btn_009 {display:inline-block; width:160px; height:60px; line-height:60px; background:#333333; color:#ffffff; font-size:14px; text-decoration:none; text-align:center; margin:10px; border-radius:30px; transition:all 0.3s;}
.btn_201:hover {color:#ffffff; opacity:0.6;}
.btn_002:hover {color:#ffffff; background:#13c3ac;}
.btn_003:hover {color:#59b1eb; background:#ffffff; border:2px solid #59b1eb;}
.btn_004:hover {color:#333333; background:#ffffff; border:2px solid #333333;}
.btn_005:hover {color:#ffffff; transform:rotateX(360deg);}
.btn_006:hover {color:#ffffff; transform:scale(1.1, 1.1);}
.btn_007:hover {color:#ffffff; transform:rotate(-10deg);}
.btn_008:hover {color:#ffffff; border-radius:0px;}
.btn_009:hover {color:#ffffff; letter-spacing:5px;}

/* ■ アドレスバー */
address {display:flex; flex-wrap:wrap; justify-content:left; width:220px; margin-bottom:16px;}
.adress_favicon {width:30px; margin:0 6px 6px 0;}
.adress_name {font-family:'Monotype Corsiva',serif; color:#aa0000; font-size:36px; letter-spacing:2px; line-height:36px; font-weight:normal; padding:0 0 2px 0; margin:0; text-shadow:4px 4px 4px #993333; text-decoration:none;}
.adress_name:hover {font-weight:normal; padding:2px 0 0 2px; margin-left:0; text-shadow:2px 2px 2px #993333; color:#ff0000; text-decoration:none;}
.adress_text {display:inline-block; font-size:14px; line-height:1.1em; margin-top:10px; color:#aa0000;}
.adress_tel {display:inline-block; font-size:16px; font-weight:bold; color:#aa0000; text-decoration:none;}
.adress_tel i.fa.fa-phone-square {font-size:17px; margin-right:4px; color:#aa0000;}
.adress_tel:hover {opacity:0.6; color:#aa0000;  text-decoration:none;}
.adress_form {display:inline-block; width:90px; font-size:14px; color: #ffffff; text-align:center; line-height:1.1em; padding:2px; margin-right:6px; background-color:#aa0000; border-radius:4px; text-decoration:none;}
.adress_form .fa.fa-caret-right {font-size:15px; color:#ffffff; margin-right:4px; text-decoration:none;}
.adress_form:hover {opacity:0.6; color:#ffffff; text-decoration:none;}

/* ■ ボタン */

.btn_001 {width:30%; font-family:'MS 明朝',serif; font-style:italic; color:#ffffff; font-size:14px; font-weight:bold; letter-spacing:4px; line-height:40px; text-decoration:none; text-align:center; background:url(https://mz-site.info/wp-content/uploads/23089344_m.jpg); display:inline-block; border-radius:10px;}
.btn_001:hover {color:#ffffff; text-decoration:none; opacity:0.6;}



.button_001 {font-family:'Monotype Corsiva',serif; font-size:24px; text-shadow:4px 4px 4px #333333; margin:20px 10px;}
a .button_001 {color:#ffffff; padding:6px 20px; text-decoration:none;}
a .button_001:hover {color:#ffff33;}

.button_002 {font-family:'Monotype Corsiva',serif; font-size:24px; margin:20px 10px;}
.button_002 a {background-color:#333399; color:#ffffff; padding:6px 20px; text-decoration:none; border-radius:18px;}
.button_002 a:hover {opacity:0.7; border-radius:18px;}

.button_003 {font-size:24px; margin:20px 10px;}
.button_003 a {background:linear-gradient(to bottom, #333399,#ffffff); color:#ffffcc; padding:6px 20px; text-decoration:none; border-radius:24px;}
.button_003 a:hover {opacity:0.4; border-radius:24px;}

.button_004 {font-size:24px; margin:20px 10px;}
.button_004 a {background:linear-gradient(to right, #ff9999,#ffeeee); color:#3333ff; padding:6px 20px; text-decoration:none; border-radius:6px;}
.button_004 a:hover {color:#ff0000; padding:6px 20px; border-radius:6px;}

.btn_101, .btn_004, .btn_005, .btn_006, .btn_007, .btn_008, .btn_009, .btn_010, .btn_011, .btn_012, .btn_013, .btn_014, .btn_015, .btn_016, .btn_017, .btn_018, .btn_019, .btn_020, .btn_021, .btn_022, .btn_023, .btn_024, .btn_026, .btn_027, .btn_028, .btn_029, .btn_031, .btn_032, .btn_033, .btn_034, .btn_035, .btn_036, .btn_037, .btn_038, .btn_041, .btn_043, .btn_045, .btn_046, .btn_047, .btn_048, .btn_049, .btn_050, .btn_050b 
{display:inline-block; width:160px; height:60px; line-height:60px; background:#333; color:#fff; font-size:16px; font-weight:bold; text-decoration:none; text-align:center; margin:10px; border-radius:30px; transition:all 0.3s;}

.btn_005, .btn_006, .btn_007, .btn_008, .btn_009 {background:transparent; color:#333; overflow:hidden; border:2px solid #333; position:relative; z-index:1;}
.btn_015, .btn_017, .btn_018 {position:relative; z-index:1;}
.btn_016 {background:transparent; overflow:hidden; position:relative; z-index:1;}
.btn_027, .btn_028 {overflow:hidden; position:relative; z-index:1;}
.btn_019 {background:#fff; color:#333; border:2px solid #333; box-shadow:0 5px 5px #333; border-radius:6px;}
.btn_021 {outline:1px solid #333; outline-offset:0px;}
.btn_031, .btn_032 {background:#fff; color:#333; border:2px solid #333;}
.btn_039 {display:inline-block; width:160px; height:60px; line-height:60px; font-size:16px; font-weight:bold; text-decoration:none; text-align:center; margin:10px;}
.btn_041 {background-color:#f7d034; position:relative;}
.btn_045 {border:2px solid #333;}
.btn_046 {box-shadow:0 5px 5px rgb(33 33 33 / 60%);}
.btn_047 {background:linear-gradient(120deg, #a6c0fe 0%, #f68084 100%); background-position:0% 50%; background-size:200% auto;}
.btn_048 {background:#ff9900; border:2px solid transparent;transition:border 1.5s;}
.btn_049 {background:#fff; color:#008cff; border:2px solid #008cff; border-radius:0;}

.btn_101:hover {background:#13c3ac;} /* #0e8c73/#1090c3/#13c3ac/15aeec/#1a92c2/#1ab0ec/1abc9c/#23a188/#2cafe3/#31315c/#31c8aa/#49c0f0/#59b1eb/#cb06ce/#E6A1C0/#ff006a */
.btn_004:hover {opacity:0.6;}
.btn_010:hover {transform:rotateX(360deg);}
.btn_011:hover {transform:scale(1.1, 1.1);}
.btn_012:hover {transform:rotate(-10deg);}
.btn_014:hover {border-radius:0px;}
.btn_019:hover {transform:translateY(5px); box-shadow:0 0 0 #333;}
.btn_026:hover {background-color:#fff; border:2px solid #59b1eb; color:#59b1eb;}
.btn_029:hover {letter-spacing:5px;}
.btn_031:hover {border-style:dashed;}
.btn_041:hover {top:-6px; box-shadow:0 6px 0 #f7ba59;}
.btn_045:hover {background:#fff; border-color:#333; color:#333;}
.btn_046:hover {box-shadow:none; transform:scale(0.98, 0.98) translateY(2px);}
.btn_047:hover {background-position:100% 50%;}
.btn_048:hover {background:transparent; border:2px solid #ff9900; color:#ff9900;}
.btn_049:hover {border-radius:30px;}

.btn_020:hover {animation:pulsation 0.7s alternate infinite;}
@keyframes pulsation {
0% {transform:scale(1.0);}
50% {transform:scale(0.9);}
100% {transform:scale(1.1);}
}

.btn_021:hover {animation:light 1.2s infinite;}
@keyframes light {
100% {outline-color:transparent; outline-offset:20px;}
}

.btn_022:hover {animation:shine 1.2s;}
@keyframes shine {
0% {background:#333;}
10% {background:#fff;}
100% {background:#333;}
}

.btn_005::before {content:""; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1; background:#333; transform-origin:50% 0%; transform:scaleY(0); transition:transform ease 0.3s;}
.btn_005:hover {color:#fff;}
.btn_005:hover::before {transform-origin:50% 100%; transform:scaleY(1);}

.btn_006::before {content:""; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1; background:#333; transform-origin:100% 50%; transform:scaleX(0); transition:transform ease 0.3s;}
.btn_006:hover {color:#fff;}
.btn_006:hover::before {transform-origin:0% 50%; transform:scaleX(1);}

.btn_007::before {content:""; width:200%; position:absolute; top:0; right:-60px; z-index:-1; border-right:60px solid transparent; border-bottom:60px solid #333; transform:translateX(-200%); transition:transform ease 0.3s;}
.btn_007:hover {color:#fff;}
.btn_007:hover::before {transform:translateX(0);}

.btn_008::before, .btn_008::after {content:""; width:100%; position:absolute; top:0; z-index:-1; transition:transform ease .3s;}
.btn_008::before {right:-60px; border-right:60px solid transparent; border-bottom:60px solid #333; transform:translateX(-200%);}
.btn_008::after {left:-60px; border-left:60px solid transparent; border-top:60px solid #333; transform:translateX(200%);}
.btn_008:hover {color:#fff;}
.btn_008:hover::before {transform:translateX(-49%);}
.btn_008:hover::after {transform:translateX(49%);}

.btn_009::before {content:""; width:120%; height:200%; position:absolute; top:-50%; right:0; background:#333; border-radius:0 100% 100% 0; z-index:-1; transform:translateX(-100%); transition:transform ease 0.3s;}
.btn_009:hover {color:#fff;}
.btn_009:hover::before {transform:translateX(10%);}

.btn_015::before {content:""; width:100%; height:100%; position:absolute; top:0; left:0; border:3px solid #333; border-radius:30px; box-sizing:border-box; z-index:-1; transform:scale(1.4); opacity:0; transition:transform ease 0.3s, opacity 0.3s;}
.btn_015:hover {color:#333; background:transparent;}
.btn_015:hover::before {transform:scale(1.0); opacity:1.0;}

.btn_016::before, .btn_016::after {content:""; width:100%; height:100%; position:absolute; top:0; left:0;}
.btn_016::before {background:#333; z-index:-1; transition:transform ease .3s, opacity .3s;}
.btn_016:hover {color:#333; border:2px solid #333; }
.btn_016:hover::before {transform:scale(0); opacity:0;}

.btn_017::before {content:""; width:90%; height:10px; position:absolute; top:100%; left:5%; background:radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); z-index:-1; opacity:0; transition:0.3s;}
.btn_017:hover {transform:translateY(-7px);}
.btn_017:hover::before {transform:translateY(7px); opacity:1.0;}

.btn_018::before {content:""; width:100%; height:100%; position:absolute; top:0; left:0; border:3px solid #333; border-radius:30px; box-sizing:border-box; z-index:-1; transform:scale(0.6); opacity:0; transition:transform ease 0.3s, opacity 0.3s;}
.btn_018:hover {color:#333; background:transparent;}
.btn_018:hover::before {transform:scale(1.0); opacity:1.0;}

.btn_027::before, .btn_027::after {position:absolute; z-index:-1; display:block; content:'';}
.btn_027, .btn_027::before, .btn_027::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.3s; transition:all 0.3s;}
.btn_027 {position:relative; z-index:2; background-color:#333; border:2px solid #333; color:#fff;  line-height:50px;}
.btn_027:hover {background-color:#fff; border-color:#59b1eb; color:#59b1eb;}
.btn_027::before, .button::after {top:0; width:50%; height:100%; background-color:#333;}
.btn_027::before {right:0;}
.btn_027::after {left:0;}
.btn_027:hover::before, .btn_027:hover::after {width:0; background-color:#59b1eb;}

.btn_028::before, .btn_028::after {position:absolute; z-index:-1; display:block; content:'';}
.btn_028, .btn_028::before, .btn_028::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.3s; transition:all 0.3s;}
.btn_028 {position:relative; z-index:2; background-color:#333; border:2px solid #333; color:#fff; line-height:60px;}
.btn_028:hover {background-color:#fff; border-color:#59b1eb; color:#59b1eb;}
.btn_028::before, .button::after {left:0; width:100%; height:50%; background-color:#333;}
.btn_028::before {top:0;}
.btn_028::after {bottom:0;}
.btn_028:hover::before, .btn_028:hover::after {height:0; background-color:#59b1eb;}

.btn_032::before, .btn_032::after {position:absolute; z-index:-1; display:block; content:'';}
.btn_032, .btn_032::before, .btn_032::after {border-radius:0; transition:all 0.3s;}
.btn_032 {position:relative; z-index:2; background-color:#fff; border:2px solid #333; color:#333; line-height:60px;}
.btn_032::after {top:4px; left:4px; width:148px; height:48px; border:2px solid #333; opacity:0;}
.btn_032:hover::after {opacity:1;}

.btn_033::before, .btn_033::after {position:absolute; z-index:-1; display:block; content:'';}
.btn_033, .btn_033::before, .btn_033::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.3s; transition:all 0.3s;}
.btn_033 {position:relative; z-index:2; background-color:#fff; border:2px solid #333; color:#333; overflow:hidden;}
.btn_033:hover {color:#fff;}
.btn_033::after {top:-100%; width:100%; height:100%;}
.btn_033:hover::after {top:0; background-color:#333;}

.btn_034::before, .btn_034::after {position:absolute; z-index:-1; display:block; content:'';}
.btn_034, .btn_034::before, .btn_034::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.3s; transition:all 0.3s;}
.btn_034 {position:relative; z-index:2; background-color:#fff; border:2px solid #333; color:#333; overflow:hidden;}
.btn_034:hover {color:#fff;}
.btn_034::after {top:-100%; left:-100%; width:100%; height:100%;}
.btn_034:hover::after {top:0; left:0; background-color:#333;}

.btn_035::before, .btn_035::after {position:absolute; z-index:-1; display:block; content:'';}
.btn_035, .btn_035::before, .btn_035::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.3s; transition:all 0.3s;}
.btn_035 {position:relative; z-index:2; background-color:#fff; border:2px solid #333; color:#333; overflow:hidden;}
.btn_035:hover {color:#fff;}
.btn_035::after {top:0; left:0; width:100%; height:100%; -webkit-transform:scale(.5); transform:scale(.5);}
.btn_035:hover::after {background:#333; -webkit-transform:scale(1); transform:scale(1);}

.btn_036::before, .btn_036::after {position:absolute; z-index:-1; display:block; content:'';}
.btn_036, .btn_036::before, .btn_036::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.3s; transition:all 0.3s;}
.btn_036 {position:relative; z-index:2; background-color:#fff; border:2px solid #333; color:#333; overflow:hidden;}
.btn_036:hover {color:#fff;}
.btn_036::after {top:0; left:0; width:100%; height:100%;}
.btn_036:hover::after {-webkit-transform:scale(2)rotate(180deg); transform:scale(2) rotate(180deg); background:#333;}

.btn_037::before, .btn_037::after {position:absolute; z-index:-1; display:block; content:'';}
.btn_037, .btn_037::before, .btn_037::after {background:rgb(255 255 255 / 0); -webkit-transition:all 0.3s; border-radius:0;}
.btn_037 {position:relative; z-index:2; border:2px solid #333; color:#333; line-height:60px; -webkit-perspective:300px; perspective:300px; -webkit-transform-style:preserve-3d; transform-style:preserve-3d;}
.btn_037:hover {color:#fff;}
.btn_037::after {top:0; left:0; width:100%; height:100%; background:#333; -webkit-transform-origin:centertop; transform-origin:center top; -webkit-transform:rotateX(90deg); transform:rotateX(90deg); opacity:0;}
.btn_037:hover::after {-webkit-transform:rotateX(0); transform:rotateX(0); opacity:1;}

.btn_038::before, .btn_038::after {position:absolute; z-index:-1; display:block; content:'';}
.btn_038, .btn_038::before, .btn_038::after {-webkit-transition:all 0.3s; border-radius:0;}
.btn_038 {position:relative; z-index:2; border:2px solid #333; color:#fff; line-height:60px; -webkit-perspective:300px; perspective:300px; -webkit-transform-style:preserve-3d; transform-style:preserve-3d;}
.btn_038:hover {background:rgb(255 255 255 / 0); color:#333;}
.btn_038::after {top:0; left:0; width:100%; height:100%; background:#333; -webkit-transform-origin:centerbottom; transform-origin:center bottom; -webkit-transform:rotateX(0); transform:rotateX(0);}
.btn_038:hover::after {-webkit-transform:rotateX(-180deg); transform:rotateX(-180deg);}

.btn_043, .btn_043:hover {border-bottom:4px solid #cb5462; background-color:#f56778; background-image:-webkit-linear-gradient(top, #f997b0, #f56778); background-image:linear-gradient(to bottom, #f997b0, #f56778); box-shadow:inset 1px 1px 0 #fbc1d0;}
.btn_043::before, .btn_043::after {bottom:-1px; left:-1px; width:200px; height:50px; border:1px solid #ee8090; border-bottom:1px solid #b84d5a; border-radius:4px; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -webkit-transition:none; transition:none;}
.btn_043::before {height:48px; bottom:-4px; border-top:0; border-radius:0 0 4px 4px; box-shadow:0 1px 1px 0px #bfbfbf;}
.btn_043:hover {background:#f56778; background-image:-webkit-linear-gradient(top, #f56778, #f997b0); background-image:linear-gradient(to bottom, #f56778, #f997b0); color:#913944; text-shadow:0px 1px 0px #f9a0ad;}

.btn_013 span, .btn_023 span {display:inline-block; transition:0.3s;}
.btn_013:hover span {transform:rotate(-10deg);}
.btn_023:hover span {transform:rotateX(360deg);}

.btn_050 {background:rgb(255 255 255 / 0); color:#333; border-right:1px dotted #777; margin:10px 0; border-radius:0;}
.btn_050b {background:rgb(255 255 255 / 0); color:#333; margin:10px 0; border-radius:0;}
.btn_050:hover, .btn_050b:hover {color:#13ad25;}
.btn_050 span, .btn_050b span {display:inline-block; position:relative; transition:0.3s;}
.btn_050 span::after, .btn_050b span::after {position:absolute; bottom:10px; left:50%; width:0; height:1px; background:#13ad25; content:''; transition:0.3s; transform:translateX(-50%);}
.btn_050 span:hover::after, .btn_050b span:hover::after {width:100%;}

.btn_024 {perspective:1000px; perspective-origin:50% 50%; overflow:hidden; border-radius:0;}
.btn_024 span {color:#fff; font-size:16px; font-weight:bold; background:#333; padding: 0 46px; display:inline-block; position:relative; transform-origin:50% 0%; transform-style:preserve-3d; transition:0.3s;}
.btn_024 span:after {position:absolute; left:0; top:0; content:attr(data-text); padding: 0 46px; background-color:#32c3ac; display:inline-block; transform-origin:50% 0%; transform:translate3d(0, 100%, 0) rotateX(-90deg);}
.btn_024:hover span {transform:translate3d(0, 0, -60px) rotateX(90deg);}

.btn_039::before, .btn_039::after {position:absolute; z-index:-1; display:block; content:'';}
.btn_039, .btn_039::before, .btn_039::after {-webkit-transition:all 0.3s; transition:all 0.3s;}
.btn_039 {position:relative; -webkit-perspective:300px; perspective:300px;}
.btn_039 span {display:block; position:absolute; width:160px; height:60px; border:2px solid #333; text-align:center; line-height:60px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all.3s; transition:all .3s; pointer-events:none;}
.btn_039 span:nth-child(1) {background-color:#333; color:#fff; -webkit-transform:rotateX(90deg); -moz-transform:rotateX(90deg); transform:rotateX(90deg); -webkit-transform-origin:50%50%-30px; -moz-transform-origin:50%50%-30px; transform-origin:50% 50% -30px;}
.btn_039 span:nth-child(2) {background-color:#fff; color:#333; -webkit-transform:rotateX(0deg); -moz-transform:rotateX(0deg); transform:rotateX(0deg); -webkit-transform-origin:50%50%-30px; -moz-transform-origin:50%50%-30px; transform-origin:50% 50% -30px;}
.btn_039:hover span:nth-child(1) {-webkit-transform:rotateX(0deg); -moz-transform:rotateX(0deg); transform:rotateX(0deg);}
.btn_039:hover span:nth-child(2) {background-color:#333; -webkit-transform:rotateX(-90deg); -moz-transform:rotateX(-90deg); transform:rotateX(-90deg);}

/*■■■ ↑追加デザイン ■■■*/

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

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

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