.migration-article{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}
.migration-article :where(.is-layout-flex){gap: 0.5em;}
.migration-article :where(.is-layout-grid){gap: 0.5em;}
.migration-article .is-layout-flex{display: flex;}
.migration-article .is-layout-flex{flex-wrap: wrap;align-items: center;}
.migration-article .is-layout-flex > :is(*, .migration-article div){margin: 0;}
.migration-article .is-layout-grid{display: grid;}
.migration-article .is-layout-grid > :is(*, .migration-article div){margin: 0;}
.migration-article :where(.wp-block-columns.is-layout-flex){gap: 2em;}
.migration-article :where(.wp-block-columns.is-layout-grid){gap: 2em;}
.migration-article :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}
.migration-article :where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
.migration-article .has-black-color{color: var(--wp--preset--color--black) !important;}
.migration-article .has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.migration-article .has-white-color{color: var(--wp--preset--color--white) !important;}
.migration-article .has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}
.migration-article .has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}
.migration-article .has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.migration-article .has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.migration-article .has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}
.migration-article .has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}
.migration-article .has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}
.migration-article .has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.migration-article .has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}
.migration-article .has-black-background-color{background-color: var(--wp--preset--color--black) !important;}
.migration-article .has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.migration-article .has-white-background-color{background-color: var(--wp--preset--color--white) !important;}
.migration-article .has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}
.migration-article .has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}
.migration-article .has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.migration-article .has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.migration-article .has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}
.migration-article .has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}
.migration-article .has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}
.migration-article .has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.migration-article .has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}
.migration-article .has-black-border-color{border-color: var(--wp--preset--color--black) !important;}
.migration-article .has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.migration-article .has-white-border-color{border-color: var(--wp--preset--color--white) !important;}
.migration-article .has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}
.migration-article .has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}
.migration-article .has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.migration-article .has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.migration-article .has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}
.migration-article .has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}
.migration-article .has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}
.migration-article .has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.migration-article .has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}
.migration-article .has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}
.migration-article .has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}
.migration-article .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}
.migration-article .has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
.migration-article .has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}
.migration-article .has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}
.migration-article .has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}
.migration-article .has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}
.migration-article .has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}
.migration-article .has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}
.migration-article .has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}
.migration-article .has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}
.migration-article .has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}
.migration-article .has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}
.migration-article .has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}
.migration-article .has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
.migration-article :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}
.migration-article :where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
.migration-article :where(.wp-block-columns.is-layout-flex){gap: 2em;}
.migration-article :where(.wp-block-columns.is-layout-grid){gap: 2em;}
.migration-article :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
.migration-article /* ========= */

.mb_only{
    display: none;
}
.migration-article @media screen and (max-width:768px){
.mb_only {
	display:block;
}}
.migration-article .kaerebalink-link1 img, .migration-article .booklink-link2 img, .migration-article .kaerebalink-name img, .migration-article .kaerebalink-image>img, .migration-article kaerebalink-name img{display:none !important;}
.migration-article .pc_only{
    display: block;
}
.migration-article @media screen and (max-width:768px){
.pc_only {
	display:none;
}}
.migration-article .rectangle_bnr{
text-align:center;
}
.migration-article .rectangle_bnr img{
max-width:300px !important;
max-height:250px !important;
text-align:center;
}
.migration-article .l-headerPopword>span{
flex-basis: 90px;
}
.migration-article .l-header.is-fixed{
	z-index:2;
}
.migration-article /* ===============消しちゃダメ============== */
/* kaereba/yomereba Customize Settings 1.0.0 ver */
/* Created by Cazuki Hoshina */
/* Copyright (c) @cazuki All rights Reserved. */
/* ======================================== */
.kaerebalink-box, .migration-article .booklink-box{
  width: 100%;
  margin: 0 0 2rem;
  padding: 1rem;
  background: #ffffff;
  border: 1px solid;
  border-color: #eaeaea #dddddd #d0d0d0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  /*zoom:1;*/
}
.migration-article .kaerebalink-box:after, .migration-article .booklink-box:after{
  content:"";
  display:block;
  visibility:hidden;
  height:0;
  clear:both;
}
.migration-article .kaerebalink-image, .migration-article .booklink-image{
  float:left;
  width:128px;
  margin:0;
  text-align:center;
}
.migration-article .kaerebakink-image img, .migration-article .booklink-image img{ width:128px; height:auto; }
.migration-article .kaerebalink-info, .migration-article .booklink-info{ margin: 0 0 0 140px; line-height: 1.6rem; }
.migration-article .kaerebalink-name, .migration-article .booklink-name{
  font-size: 1.0625rem;
  font-weight: bold;
  margin: 0;
}
.migration-article .kaerebalink-name a, .migration-article .booklink-name a{ color: #2b2b2b; }
.migration-article .kaerebalink-name a:hover, .migration-article .booklink-name a:hover{ text-decoration: underline; }
.migration-article .kaerebalink-powered-date, .migration-article .booklink-powered-date{ font-size: 0.75rem; font-weight: normal; }
.migration-article .kaerebalink-detail, .migration-article .booklink-detail{ font-size: 0.9375rem; margin: 0 0 0.5em; }
.migration-article .kaerebalink-link1, .migration-article .booklink-link2{ width:100%; }
.migration-article .kaerebalink-link1 div, .migration-article .booklink-link2 div{
  float: left;
  width: 49.5%;
  margin-bottom: 1%;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
}
.migration-article .kaerebalink-link1 div:nth-child(even), .migration-article .booklink-link2 div:nth-child(even){ margin-left: 1%; }
.migration-article .kaerebalink-link1 div a, .migration-article .booklink-link2 div a{ display:block; padding:3px 0; text-decoration:none; }
.migration-article .shoplinkamazon a, .migration-article .shoplinkrakuten a, .migration-article .shoplinkrakukobo a, .migration-article .shoplinkyahoo a, .migration-article .shoplinkyahooAuc a, .migration-article .shoplinkseven a, .migration-article .shoplinkbellemaison a, .migration-article .shoplinkcecile a, .migration-article .shoplinkkakakucom a, .migration-article .shoplinkkindle a, .migration-article .shoplinkbk1 a, .migration-article .shoplinkehon a, .migration-article .shoplinkkino a, .migration-article .shoplinkjun a, .migration-article .shoplinktoshokan a{
  display:block;
  text-decoration:none;
}
.migration-article .shoplinkamazon a{ color:#ffffff; background:#ff9900; }
.migration-article .shoplinkkindle a{ color:#ffffff; background:#1882c9; }
.migration-article .shoplinkrakuten a{ color:#ffffff; background:#bf0000; }
.migration-article .shoplinkrakukobo a{ color:#ffffff; background:#ff2626; }
.migration-article .shoplinkyahoo a{ color:#ffffff; background:#fc1d2f; }
.migration-article .shoplinkyahooAuc a{ color:#252525; background:#ffdb00; }
.migration-article .shoplinkseven a{ color:#ffffff; background:#225093; }
.migration-article .shoplinkbellemaison a{ color:#ffffff; background:#83be00; }
.migration-article .shoplinkcecile a{ color:#ffffff; background:#6b053d; }
.migration-article .shoplinkkakakucom a{ color:#ffffff; background:#00138e; }
.migration-article .shoplinkbk1 a{ color:#ffffff; background:#0484d2; }
.migration-article .shoplinkehon a{ color:#ffffff; background:#00006a; }
.migration-article .shoplinkkino a{ color:#ffffff; background:#003e9d; }
.migration-article .shoplinkjun a{ color:#4b5854; background:#d8c9b7; }
.migration-article .shoplinktoshokan a{ color:#ffffff; background:#29b6e9; }
.migration-article .booklink-footer{ clear:both !important; }
.migration-article @media only screen and (min-width:460px) and (max-width:640px){
	.kaerebalink-link1 div, .booklink-link2 div { float: none; width: 100%; }
	.kaerebalink-link1 div:nth-child(even), .booklink-link2 div:nth-child(even) { margin-left: 0; }
}
.migration-article @media only screen and (max-width:459px){
	.kaerebalink-image, .booklink-image {
	  float:none;
	  width:100%;
	  margin:0;
	  text-align:center;
	}
	.kaerebalink-image img, .booklink-image img { width:180px; height:auto; }
	.kaerebalink-info, .booklink-info { margin: 0; }
	.kaerebalink-link1 div, .booklink-link2 div { float: none; width: 100%; }
	.kaerebalink-link1 div:nth-child(even), .booklink-link2 div:nth-child(even) { margin-left: 0; }
}
.migration-article .pochireba{
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 1px 1px 3px 1px #ddd;
  padding: 15px !important;
  margin-bottom: 20px;
}
.migration-article .pochireba .pochi_img{
display: inline-block;
  box-shadow: 0 0 1px 1px #ccc;
  width: 150px !important;
  height: 150px !important;
  margin-right: 25px !important;
}
.migration-article .pochireba .pochi_info{
  margin-left: 5px;
 width:70%;
display:inline-block;
}
.migration-article .pochireba .pochi_name{
  text-align: center;
}
.migration-article .pochireba .pochi_name a{
display:block;
  font-size: 18px;
  text-decoration: none;
  text-align: center;
  margin: 0 10px 10px;
  padding: 6px;
  border: 1px solid #ccc;
  border-radius: 8px;
  text-shadow:1px 1px 1px rgba(0,0,0,0.3);
  line-height: 26px;
  background: -moz-linear-gradient(top,#FFF 0%,#EEE);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
}
.migration-article .pochireba .pochi_seller{
  margin-bottom: 5px;
}
.migration-article .pochireba .pochi_name a::after{
  content: 'ダウンロードページへ';
  display: block;
  font-size: 15px;
  color: #555;
}
.migration-article @media only screen and (max-width: 480px){
  /* ポチレバスマホ用コード*/
.pochireba > a {
  display: block;
}
.pochireba .pochi_img {
  float: none !important;
  margin: 0 auto 10px !important;
  display: block;

}
.pochireba .pochi_name {
  font-size: 17px;
}
.pochi_info {

width:100% !important;
}
}
.migration-article /**** 3キャリアボタン *******************************/
.carrier_font{
font-weight:bold;
font-size:19px;
}
.migration-article .carrier_table_button .carrier_table_button_line{
width:100%;
/*height:80px;*/
color:#fff;
background:#04BD41;
/*font-weight:bold;*/
text-align:center;
display:block;
text-decoration:none;
border:4px solid #04BD41;
border-radius:5px;
margin-left:auto;
margin-right:auto;
}
.migration-article .carrier_table_button .carrier_table_button_line:active{
	top: 2px;
}
.migration-article .carrier_table_button .carrier_table_button_line:hover{
	background: transparent;
	color: #04BD41;
}
.migration-article .carrier_table_button .carrier_table_button_rakuten{
width:100%;
/*height:80px;*/
color:#fff;
background:#ff008c;
/*font-weight:bold;*/
text-align:center;
display:block;
text-decoration:none;
border:4px solid #FF008C;
border-radius:5px;
margin-left:auto;
margin-right:auto;
}
.migration-article .carrier_table_button .carrier_table_button_rakuten:active{
	top: 2px;
}
.migration-article .carrier_table_button .carrier_table_button_rakuten:hover{
	background: transparent;
	color: #FF008C;
}
.migration-article .carrier_table_button .carrier_table_button_y{
width:100%;
/*height:80px;*/
color:#fff;
background:#FC0F3A;
/*font-weight:bold;*/
text-align:center;
display:block;
text-decoration:none;
border:4px solid #FC0F3A;
border-radius:5px;
margin-left:auto;
margin-right:auto;
}
.migration-article .carrier_table_button .carrier_table_button_y:active{
	top: 2px;
}
.migration-article .carrier_table_button .carrier_table_button_y:hover{
	background: transparent;
	color: #FC0F3A;
}
.migration-article .carrier_table_button .carrier_table_button_uq{
width:100%;
/*height:80px;*/
color:#fff;
background:#0099FF;
/*font-weight:bold;*/
text-align:center;
display:block;
text-decoration:none;
border:4px solid #0099FF;
border-radius:5px;
margin-left:auto;
margin-right:auto;
}
.migration-article .carrier_table_button .carrier_table_button_uq:active{
	top: 2px;
}
.migration-article .carrier_table_button .carrier_table_button_uq:hover{
	background: transparent;
	color: #0099FF;
}
.migration-article .carrier_table_button .carrier_table_button_mineo{
width:100%;
/*height:80px;*/
color:#fff;
background:#00A23F;
/*font-weight:bold;*/
text-align:center;
display:block;
text-decoration:none;
border:4px solid #00A23F;
border-radius:5px;
margin-left:auto;
margin-right:auto;
}
.migration-article .carrier_table_button .carrier_table_button_mineo:active{
	top: 2px;
}
.migration-article .carrier_table_button .carrier_table_button_mineo:hover{
	background: transparent;
	color: #00A23F;
}
.migration-article .carrier_table_button .carrier_table_button_bl{
width:100%;
/*height:80px;*/
color:#fff;
background:#008CD7;
/*font-weight:bold;*/
text-align:center;
display:block;
text-decoration:none;
border:4px solid #008CD7;
border-radius:5px;
margin-left:auto;
margin-right:auto;
}
.migration-article .carrier_table_button .carrier_table_button_bl:active{
	top: 2px;
}
.migration-article .carrier_table_button .carrier_table_button_bl:hover{
	background: transparent;
	color: #008CD7;
}
.migration-article .carrier_table table{
border-collapse:collapse;
border-spacing:0
}
.migration-article .carrier_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 0 0;
}
.migration-article .carrier_table{text-align:center; margin:0px 0;}
.migration-article .carrier_table_t{table-layout: fixed; width: 100%;}
.migration-article .carrier_table_title{text-align:center; font-size:20px; color:#fff; width:auto;font-weight:400;background-color:#9b9b9b;margin:0 0 10px 0;padding:4px 8px 4px 8px;}
.migration-article .carrier_table_button .carrier_table_button_title{
width:100%;
/*height:80px;*/
color:#fff;
background:#9b9b9b;
/*font-weight:bold;*/
text-align:center;
display:block;
text-decoration:none;
border:4px solid #9b9b9b;
border-radius:5px;
margin-left:auto;
margin-right:auto;
}
.migration-article .carrier_table_button .carrier_table_button_title:active{
	top: 2px;
}
.migration-article .carrier_table_button .carrier_table_button_title:hover{
	background: transparent;
	color: #9b9b9b;
}
.migration-article .carrier_table_button .carrier_table_button_d{
width:100%;
/*height:80px;*/
color:#fff;
background:#c03;
/*font-weight:bold;*/
text-align:center;
display:block;
text-decoration:none;
border:4px solid #c03;
border-radius:5px;
margin-left:auto;
margin-right:auto;
}
.migration-article .carrier_table_button .carrier_table_button_d:active{
	top: 2px;
}
.migration-article .carrier_table_button .carrier_table_button_d:hover{
	background: transparent;
	color: #c03;
}
.migration-article .carrier_table_button .carrier_table_button_a{
width:100%;
/*height:80px;*/
color:#fff;
background:#ff7c3f;
/*font-weight:bold;*/
text-align:center;
display:block;
text-decoration:none;
border:4px solid #ff7c3f;
border-radius:5px;
margin-left:auto;
margin-right:auto;
}
.migration-article .carrier_table_button .carrier_table_button_a:active{
	top: 2px;
}
.migration-article .carrier_table_button .carrier_table_button_a:hover{
	background: transparent;
	color: #ff7c3f;
}
.migration-article .carrier_table_button .carrier_table_button_d_5{
width:100%;
/*height:80px;*/
color:#fff;
background:#f38c8f;
/*font-weight:bold;*/
text-align:center;
display:block;
text-decoration:none;
border:4px solid #f38c8f;
border-radius:5px;
margin-left:auto;
margin-right:auto;
}
.migration-article .carrier_table_button .carrier_table_button_d_5:active{
	top: 2px;
}
.migration-article .carrier_table_button .carrier_table_button_d_5:hover{
	background: transparent;
	color: #f38c8f;
}
.migration-article .carrier_table_button .carrier_table_button_a_5{
width:100%;
/*height:80px;*/
color:#fff;
background:#fbb867;
/*font-weight:bold;*/
text-align:center;
display:block;
text-decoration:none;
border:4px solid #fbb867;
border-radius:5px;
margin-left:auto;
margin-right:auto;
}
.migration-article .carrier_table_button .carrier_table_button_a_5:active{
	top: 2px;
}
.migration-article .carrier_table_button .carrier_table_button_a_5:hover{
	background: transparent;
	color: #fbb867;
}
.migration-article .carrier_table_button .carrier_table_button_s{
width:100%;
/*height:80px;*/
color:#fff;
background:#515151;
/*font-weight:bold;*/
text-align:center;
display:block;
text-decoration:none;
border:4px solid #515151;
border-radius:5px;
margin-left:auto;
margin-right:auto;
}
.migration-article .carrier_table_button .carrier_table_button_s:active{
	top: 2px;
}
.migration-article .carrier_table_button .carrier_table_button_s:hover{
	background: transparent;
	color: #515151;
}
.migration-article .carrier_table_button .carrier_table_button_b{
width:100%;
/*height:80px;*/
color:#fff;
background:#4169e1;
/*font-weight:bold;*/
text-align:center;
display:block;
text-decoration:none;
border:4px solid #4169e1;
border-radius:5px;
margin-left:auto;
margin-right:auto;
}
.migration-article .carrier_table_button .carrier_table_button_b:active{
	top: 2px;
}
.migration-article .carrier_table_button .carrier_table_button_b:hover{
	background: transparent;
	color: #4169e1;
}
.migration-article /**** ローテーションバナー *******************************/

.l-footer .randomdisplay{
    display: none;
    }
.migration-article @media (max-width: 768px){
.l-footer .randomdisplay {
    display: block;
    }
 }
.migration-article /**** ソーシャルボタン *******************************/
.social_btn{
background-color: #eee;
color: #707070;
width: 100%;
text-align: center;
padding: 0.6em 0px 0.3em 0;
margin-bottom:1.5em;
}
.migration-article /**** ハンバーガーバッジ *******************************/
@media only screen and (max-width: 768px){
.l-headerNav__menubtn .notice {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background-color: #e82a2a;
    color: #fff;
    text-align: center;
    line-height: 12px;
    position: absolute;
    top: -5px;
    left: 18px;
    z-index: 1;
   }
    
   .is-open .notice{
   display:none;
   }
}
.migration-article /**** テーブルリサイズ *******************************/
table th, .migration-article tr, .migration-article td{
   font-size:14px!important;
}
.migration-article @media screen and (max-width: 768px){
.c-relatedArticles__item:nth-child(-n+3) .c-relatedArticles__block01{
max-height:100px !important;
min-height:100px !important;}
}
.migration-article /**** テーブル中央寄せ *******************************/
.table_center{
text-align:center !important;
vertical-align:middle !important;
}
.migration-article th, .migration-article td{
	vertical-align:middle !important;
	}
.migration-article th{
	text-align:center !important;
	}
.migration-article /**** テーブル横スクロール *******************************/
@media screen and (max-width:480px){
.sidescroll {
    overflow-x: scroll;
    position: relative;
}

.sidescroll table {
    line-height: 17px;
	display: block;
    overflow-x: scroll;
    white-space: nowrap;
}

.sidescroll:before{
content:"▼この表は横スクロールできます。"
}

.sidescroll table th {
    width:150px;
}
.sidescroll table td {
    width:150px;
}
}
.migration-article /**** テーブル横スクロール（PC） *******************************/
.sidescroll_pc{
    overflow-x: scroll !important;
    position: relative;
}
.migration-article .sidescroll_pc:before{
content:"▼この表は横スクロールできます。"
}
.migration-article .sidescroll_pc table th, .migration-article .sidescroll_pc table td{
    white-space: nowrap;
}
.migration-article .sidescroll_pc table{
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 17px;
	table-layout: auto;
}
.migration-article /**** テーブルセル固定 *******************************/
.fixed{
  position: sticky;
  left: 0;
  /*background: #333;*/
  z-index:1;
  &:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
  }
}
.migration-article .top_sticky table thead tr:nth-of-type(1) th, .migration-article .top_sticky table thead tr:nth-of-type(1) td{
position: sticky;
top: 0;
}
.migration-article .top_sticky table thead tr:nth-of-type(1) td{
background:#f8f8f8;
}
.migration-article .top_sticky table{
height: calc(100vh/2);;
display: block;
overflow-y: scroll;
}
.migration-article /**** 表を横スクロール時に左列を固定 *******************************/
.left_fixed tr:not(:first-child) th, .migration-article .left_fixed td:first-child, .migration-article .left_fixed th:first-child{
  position: sticky;
  left: 0;
  z-index:1;
  &:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
  }
}
.migration-article /**** テーブル先頭列thを白色 *******************************/
.th_white tr:not(:first-child) th{
    background-color: #fff;
}
.migration-article /**** カラー *******************************/
.gray{
    background:#D8D8D8;
}
.migration-article /**** 引用 *******************************/
.cite{
	font-size:13px;
}
.migration-article /**** 自社引用 *******************************/
blockquote.insite{
    background: #fff;
    border:0px;
    margin:0px;
    padding:0px;
}
.migration-article blockquote.insite:before{
    content:"";
    font-size:0;
}
.migration-article blockquote li{
    position: relative;
    padding-left: 1.5em;
    list-style: none;
}
.migration-article blockquote>ul>li:before{
    display: block;
    width: 6px;
    height: 6px;
    content: "";
    position: absolute;
    left: 5px;
    top: 14px;
    background: #222;
    border-radius: 50%;
    list-style: none;
}
.migration-article blockquote .hikaku ul li:before{
    background: #fff;
}
.migration-article /****hikaku******************************/
.mainCnt .hikaku{
    margin: 0 0 10px;
    padding: 10px;
    background-color: #ffff7f;
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 2px #000000;
}
.migration-article .mainCnt .hikaku ul{
    margin: 0;
    padding: 0;
}
.migration-article .mainCnt .hikaku ul li{
    background-repeat: no-repeat;
    background-position: 0 1px;
    background-size: 25px;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 0 30px;
    list-style: none;
    letter-spacing: 0.1em;
}
.migration-article .mainCnt .hikaku ul li{
  position: relative;
}
.migration-article .mainCnt .hikaku ul li::after{
  display: block;
  content: '';
  position: absolute;
  top: 0.7em;
  left: 1em;
  width: 8px;
  height: 3px;
  border-left: 2px solid #3498db;
  border-bottom: 2px solid #3498db;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.migration-article /****hikaku2******************************/
.mainCnt .hikaku2{
    margin: 0 0 10px;
    padding: 10px;
    padding: 0.5em 0.5em;
    margin: 2em 0;
    font-weight: bold;
    border-radius: 10px;
    border: 4px solid #ffc600;
}
.migration-article .mainCnt .hikaku2 ul{
    margin: 0;
    padding: 0;
}
.migration-article .mainCnt .hikaku2 ul li{
  background-repeat: no-repeat;
  background-position: 0 1px;
  background-size: 25px;
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 0 30px;
  list-style: none;
  letter-spacing: 0.1em;
}
.migration-article .mainCnt .hikaku2 ul li{
  position: relative;
}
.migration-article .mainCnt .hikaku2 ul li::after{
  display: block;
  content: '';
  position: absolute;
  top: 0.7em;
  left: 1em;
  width: 8px;
  height: 3px;
  border-left: 2px solid #ffc600;
  border-bottom: 2px solid #ffc600;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.migration-article /****point*******************************/
.point{
    position: relative;
    margin: 40px 0 20px 0;
    padding: 0.5em 1em;
    border: solid 3px #FFAD90;
}
.migration-article .point .box-title{
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #FFAD90;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.migration-article .point p{
    margin: 0; 
    padding: 0;
}
.migration-article .point ul{
   list-style-type:disc;
   margin:0;
}
.migration-article .point ul li{
   margin-left:1em;
}
.migration-article .point ul li::marker{
color: #FFAD90;
}
.migration-article .point_blue{
 border: solid 3px #95CCFF;
}
.migration-article .point_blue .box-title{
 background: #95CCFF;
}
.migration-article .point_blue ul li::marker{
 color: #95CCFF;
}
.migration-article /****point2*******************************/

.point2{
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.migration-article .point2 .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;
}
.migration-article .point2 p{
    margin: 0; 
    padding: 0;
}
.migration-article .point2 ul{
   list-style-type:disc;
   margin:0;
}
.migration-article .point2 ul li{
   margin-left:1em;
}
.migration-article .point2 ul li::marker{
color:#95ccff;
}
.migration-article /****fullbox******************************/
.fullbox{
    margin: 2em 0;
    background: #dcefff;
}
.migration-article .fullbox .fullbox-title{
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.migration-article .fullbox p{
    padding: 15px 20px;
padding-top: 3px;
}
.migration-article .fullbox ul{
   list-style-type:disc;
   margin:0;
}
.migration-article .fullbox ul li{
    color: #555;
    font-weight: bold;
    border-top-width: 10px;
    margin-top: 1px;
    margin-left: 2em;
}
.migration-article .fullbox ul li::marker{
   color: #5fb3f5;
}
.migration-article /****hikakuナンバー******************************/
.mainCnt .hikaku_num{
	background: #fff5ee;
    padding: 5px 5px 0px 5px;
}
.migration-article .mainCnt .hikaku_num ol{
    list-style-type: none !important;
    padding: 0 0.7em;
    counter-reset: number;
}
.migration-article .mainCnt .hikaku_num li{
    position: relative;
    padding: 0.5em 0 0.5em 34px;
    line-height: 1.5em;
}
.migration-article .mainCnt .hikaku_num li:before{
    display: inline-block;
    position: absolute;
    left: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #5c9ee7;
    color: #fff;
    font-family: "Quicksand",sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    content: counter(number);
    counter-increment: number;
}
.migration-article /**** フロート3連バナー *******************************/
.float_3ren{
    display: block;
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 100;
    padding: 0 5px;
    background-color: #333;
}
.migration-article .float_3ren ul{
    margin-bottom: 0px;
}
.migration-article .float_3ren .float_3ren_btn{
    display: flex;
    padding: 0;
    list-style: none;
}
.migration-article .float_3ren .float_3ren_btn li{
    margin: 2% 1%;
}
.migration-article .float_3ren_btn img{
    margin-bottom: 0px;
}
.migration-article /**** 左吹き出し *******************************/
.icon-l{
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 0 22px;
}
.migration-article .icon-l img{
    max-width: 70px;
    height: 100%;
    border: 3px solid #e8f6f8;
    border-radius: 50%;
}
.migration-article .icon-l p{
    position: relative;
    max-width: 800px;
    margin: 3px 0 0;
    padding: .8em 1em;
    border-radius: 5px;
    background-color: #e8f6f8;
    line-height: 1.5;
}
.migration-article .icon-l p::before{
    position: absolute;
    top: 0.4em;
    left: -14px;
    width: 15px;
    height: 30px;
    background-color: #e8f6f8;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    content: '';
}
.migration-article .icon_l{
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 0 22px;
}
.migration-article .icon_l img{
    max-width: 70px;
    height: 100%;
    border: 3px solid #e8f6f8;
    border-radius: 50%;
}
.migration-article .icon_l p{
    position: relative;
    max-width: 800px;
    margin: 3px 0 0;
    padding: .8em 1em;
    border-radius: 5px;
    background-color: #e8f6f8;
    line-height: 1.5;
}
.migration-article .icon_l p::before{
    position: absolute;
    top: 0.4em;
    left: -14px;
    width: 15px;
    height: 30px;
    background-color: #e8f6f8;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    content: '';
}
.migration-article /**** 公開・更新日付 *******************************/
.mainCnt .cta_brn{
    margin: 0 0 10px;
    padding: 10px;
    background-color: #fff;
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 2px #000000;
}
.migration-article /**** 公開・更新日付 *******************************/
.single_date{
  margin:-50px 0 15px 0;
}
.migration-article @media only screen and (max-width: 768px){
  .single_date {
   margin:0 0 13px 0;
  }
}
.migration-article /**** 記事検索バー *******************************/
.l-headerSearch{
    width: 45.46154%;
}
.migration-article /**** テキスト装飾 *******************************/
.mainCnt span.under_line{
	background: linear-gradient(transparent 55%,#c1e0ff 55%);
	font-weight: 700;
}
.migration-article /**** H4, .migration-article H5装飾 *******************************/
.mainCnt h4{
  border-left: solid 5px #7db4e6 !important;/*左線*/
  background:#eee;
  padding:0 0 0 10px !important;
  margin:15px 0 !important;
}
.migration-article .mainCnt h5{
  border-left: solid 5px #7db4e6 !important;/*左線*/
  padding:0 0 0 10px !important;
  margin:15px 0 !important;
}
.migration-article .singleBody h5{
    font-weight: 700;
    font-size: 14px;
    line-height: 1.7;
    background-color: #fff;
}
.migration-article /**** リストタイトルCSS *******************************/
p.list_title{
 font-size:1.2em;
 font-weight:bold;
 margin-bottom:0px!important;
}
.migration-article p.list_title:before{
content:"\025bc";
}
.migration-article /**** PCカテゴリサイズ *******************************/

@media screen and (min-width:768px){
li.singleSignboard__category{
min-width: 220px;
padding: 0 25px 0 25px;
}}
.migration-article /**** 本文フォント PCの場合 *******************************/

@media screen and (min-width:768px){
.singleBody p{
font-weight: 400;
color: #000000;
}}
.migration-article /**** youtube *******************************/
.youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.migration-article .youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.migration-article /**** youtube_top *******************************/
.youtube_top{
  position: relative;
}
.migration-article @media screen and (min-width: 1024px){
.youtube_top{
  width: 560px !important;
}

.youtube_top iframe{
  position: absolute;
  top: 0;
  right: 0;
  height: calc(100%/1.2);
}
}
.migration-article @media screen and (max-width: 1024px){
  .youtube_top{
    width: 100% !important;
    height: calc(100vw/2);
  }

  .youtube_top iframe {
    width: 100%;
    height: calc(100vw/2);
  }
}
.migration-article /**** TOP調整 *******************************/
.top-date{
font-size:1em !important;
}
.migration-article .txt{
height: auto!important;
}
.migration-article /**** 会社概要地図 *******************************/
.company-map{
  width: 100%;
  height: 500px;
  overflow: hidden;
}
.migration-article .company-map iframe{
  width: 100%;
  height: 860px;
  margin-top: -170px;
}
.migration-article .asp_banner img{
width:auto;
}
.migration-article .l-headerLogo span{
    font-size: 9pt;
    font-weight: 500;
    color: #505050;
    white-space: nowrap;
}
.migration-article @media (max-width: 768px){
.l-headerLogo span {
    display: none;
}}
.migration-article .cp_qa *, .migration-article .cp_qa *:after, .migration-article .cp_qa *:before{
	font-family: 'FontAwesome', sans-serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.migration-article .cp_qa dt{
	position: relative;
	margin: 0 0 1.5em 0;
}
.migration-article .cp_qa dd{
	position: relative;
	margin: 0 0 2em 0;
	padding: 0 0 1.5em 2em;
	border-bottom: 1px dotted #0097a7;
}
.migration-article .cp_qa dt::before, .migration-article .cp_qa dd::before{
	font-size: 1.2em;
	margin: 0 0.5em 0 0;
	color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	width: 1.3em;
	height: 1.3em;
	line-height: 1.2em;
}
.migration-article .cp_qa dt::before{
	padding: 0.1em 0.3em;
	content: 'Q';
	background: #f57c00;
}
.migration-article .cp_qa dd::before{
	padding: 0.12em 0.45em;
	content: 'A';
	background: #0097a7;
}
.migration-article .cp_qa dt::after, .migration-article .cp_qa dd::after{
	position: absolute;
	top: 0.5em;
	display: inline-block;
	width: 0;
	height: 0;
	content: '';
	border-width: 5px 0 5px 5px;
	border-style: solid;
}
.migration-article .cp_qa dt::after{
	left: 1.5em;
	border-color: transparent transparent transparent #f57c00;
}
.migration-article .cp_qa dd::after{
	left: 3.5em;
	border-color: transparent transparent transparent #0097a7;
}
.migration-article /**** CVボタン *******************************/
td .single__btn{
padding:.5em;
}
.migration-article @media screen and (max-width:768px){
.single__btn{
width:100%;
text-align: center;
}
}
.migration-article .single__btn{
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0.5em;
  text-decoration: none;
  background: #f78222;
  border-bottom:solid 5px #db6623;	
  border-radius: 10px;
}
.migration-article a.single__btn{
	color: #fff;
	transition: 0s;
}
.migration-article a.single__btn:hover{
	opacity: .8;
}
.migration-article a.single__btn:active{
	transform: translateY(5px);
	border-bottom: 0px;
	margin-bottom: 5px;
}
.migration-article /**** cvボタンマイクロコピー *******************************/
.cv_copy{
	text-align: center;
	margin-bottom: 15px;
}
.migration-article .cv_copy p{
	margin-bottom: 0px;
}
.migration-article .cv_copy span{
	font-weight: 700;
	background: linear-gradient(transparent 50%, #ffff7f 0%);
}
.migration-article /**** 口コミボックス *******************************/

.review-slide{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
overflow-x: scroll;
padding-bottom: 10px;
margin-bottom: 20px;
}
.migration-article .review-slide .review-box{
min-width: 300px;
max-width: 300px;
margin: 3px 20px 3px 3px;
}
.migration-article .review-box{
border: 1px solid #204068;
padding: 16px;
border-radius: 8px;
margin-bottom: 20px;
background-color: #f5ffff;
}
.migration-article .review-box .review-box-head{
display: -webkit-flex;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.migration-article .review-box .review-box-head img{
width:40px;
height:40px;
margin: 0;
}
.migration-article .review-box .review-box-head .review-box-name{
margin-left: 10px;
}
.migration-article .review-box .review-box-head .review-box-name p{
line-height: 1;
font-size: 16px;
font-weight: bold;
margin:0 0 0 2px;
}
.migration-article .review-box .review-box-detail p{
font-size: 14px;
margin-bottom: 4px;
}
.migration-article .review-box .review-box-detail .link{
font-size: 12px;
}
.migration-article /**** タブ切り替え *******************************/
.tab-change{
    display: flex;
    flex-wrap: wrap;
}
.migration-article .tab-change > label{
    flex: 1 1;
    order: -1;
    position: relative;
    padding: 6px;
    background-color: #f2f2f2;
    color: #999;
    font-weight: 600;
    font-size: .9em;
    text-align: center;
    cursor: pointer;
}
.migration-article .tab-change > label:hover, .migration-article .tab-change label:has(:checked){
    background-color: #37506E;
    color: #fff;
}
.migration-article .tab-change label:has(:checked)::before{
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 18px;
    height: 9px;
    background-color: #37506E;
    content: '';
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.migration-article .tab-change input{
    display: none;
}
.migration-article .tab-change > div{
    display: none;
    width: 100%;
}
.migration-article .tab-change label:has(:checked) + div{
    display: block;
}
.migration-article /**** マルバツ記号 *******************************/
.circle, .migration-article .cross, .migration-article .triangle, .migration-article .double-circle{
    display: inline-block;
}
.migration-article .circle{
    width: 15px;
    height: 15px;
    background-color: transparent;
    border: 2px solid #ff4500;
    border-radius: 50%;
}
.migration-article .cross{
    position: relative;
    width: 15px;
    height: 15px;
}
.migration-article .cross::before, .migration-article .cross::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 2px;
    background-color: #000080;
    transform-origin: center;
}
.migration-article .cross::before{
    transform: translate(-50%, -50%) rotate(45deg);
}
.migration-article .cross::after{
    transform: translate(-50%, -50%) rotate(-45deg);
}
.migration-article .triangle{
    height: calc(14px / 2 * tan(60deg));
    width: 14px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    border-bottom: 14px solid #228b22;
}
.migration-article .double-circle{
	width: 16px;
	height: 16px;
	position: relative;
	border: solid #ff0000 2px;
	border-radius: 50%;
	box-sizing: border-box;
}
.migration-article .double-circle::before{	
	content: "";
	width: 8px;
	height: 8px;
	position: absolute;
	top: 2px;
	left: 2px;
	border: solid #ff0000 2px;
	border-radius: 50%;
	box-sizing: border-box;
}
.migration-article /**** フッター東証ロゴ *******************************/
.tosho-banner{
    display: inline-flex;
}
.migration-article .tosho-banner img{
    margin: 10px;
}
.migration-article @media screen and (min-width:768px){
.tosho-banner{
    margin: 0 30%;
}
}
.migration-article /**** フッター東証ロゴ *******************************/



/****フロート三連バナー****/
.float_multibanner{
display: none;
}
.migration-article @media (max-width: 768px){
.float_multibanner{
display: table;width: 100%;
margin: 0;table-layout: fixed;
border-top: 1px solid #e8e8e8;
bottom: 0;
position: fixed;
background: #f7f7f7;
}
}
.migration-article /*よくある質問のCSS（.cp_qaとh3形式）開始*/
/*QAを出力*/
.cp_qa h3{
    position:relative;
    padding-left: 2.5em;
}
.migration-article .cp_qa h3::before{
    content: "Q";
    background-color: #223a70;
    color: #fff;
    padding: .1em .7em;
    margin-right: .5em;
    margin-left: -.5em;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
}
.migration-article .cp_qa h3::after{
    content: "A";
    position: absolute;
    top: calc(100% + 27px);
    left: 10px;
    padding: .1em .6em;
    margin-right: .5em;
    margin-left: -.4em;
    border: solid 1px #223a70;
    border-radius: 5px;
}
.migration-article @media (max-width: 768px){
    .cp_qa h3::after {
        top: calc(100% + .7em);
    }
}
.migration-article /*h3以降の回答部分を字下げする*/
.cp_qa h3 ~ *:not(h3):not(h2){
    margin-left: 55px;
    width: calc(100% - 55px);
}
.migration-article .cp_qa h3 ~ *:not(h3) *{
    width: calc(100% - 55px);
}
.migration-article /*字下げの対象外*/
.cp_qa h3 ~ *:not(h3) table, .migration-article .cp_qa h3 ~ *:not(h3) ol, .migration-article .cp_qa h3 ~ *:not(h3) ul, .migration-article .cp_qa h3 ~ *:not(h3) li, .migration-article .cp_qa h3 ~ *:not(h3) img, .migration-article .cp_qa h3 ~ .code-block, .migration-article .cp_qa h3 ~ .code-block *{
    width: 100%;
}
.migration-article /*リンクの中の画像はサイズを字下げに合わせる*/
.cp_qa h3 ~ a > img{
    width: calc(100% - 55px);
}
.migration-article /*<div class="not_cp_qa_effect">の中身は字下げを解除*/
.cp_qa h3 ~ .not_cp_qa_effect{
    margin-left: 0;
    width: 100%;
}
.migration-article .cp_qa h3 ~ .not_cp_qa_effect *{
    width: 100%;
}
.migration-article /*リストのCSS崩れを修正*/
.cp_qa ul{
    padding-left: .5em;
}
.migration-article .cp_qa ul li{
    position: relative;
    padding-left: 1.5em;
}
.migration-article .cp_qa ul li::before{
    display: block;
    width: 6px;
    height: 6px;
    content: "";
    position: absolute;
    left: 5px;
    top: 14px;
    background: #222;
    border-radius: 50%;
}
.migration-article .cp_qa .hikaku2{
    margin-left: 55px;
}
.migration-article .cp_qa .hikaku2 ul li::before{
    background: #fff;
}
.migration-article /*ブログカードのデザイン崩れを修正*/
.cp_qa h3 ~ *:not(h3) .lkc-internal-wrap, .migration-article .cp_qa h3 ~ *:not(h3) .lkc-internal-wrap *{
    width: auto;
}
.migration-article /*single__btnのデザイン崩れを修正*/
.cp_qa h3 ~ *:not(h3) .single__btn{
    width: auto;
}
.migration-article /*.hikakuのデザイン崩れを修正*/
.cp_qa h3 ~ .hikaku{
    margin-left: 55px;
    width: calc(100% - 55px);
}
.migration-article .cp_qa .hikaku ul li::before{
    display: none;
}
.migration-article .mainCnt .cp_qa .hikaku ul li::after{
    width: 10px;
    height: 5px;
}
.migration-article /*h4のデザイン崩れを修正*/
.cp_qa h3 ~ h4{
    margin: 15px 0 15px 55px !important;
}
.migration-article /*よくある質問のCSS（.cp_qaとh3形式）終了*/

/* アプリーチ旧コード修正CSS */
#appreach-box{
    border: solid 1px;
    margin-bottom: 1.5em;
}
.migration-article /* アプリーチ新コードCSS  */
.appreach{
  text-align: left;
  padding: 10px;
  border: 1px solid #7C7C7C;
  overflow: hidden;
}
.migration-article .appreach:after{
  content: "";
  display: block;
  clear: both;
}
.migration-article .appreach p{
  margin: 0;
}
.migration-article .appreach a:after{
  display: none;
}
.migration-article .appreach__icon{
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}
.migration-article .appreach__detail{
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  width: 72%;
  max-width: 72%;
}
.migration-article .appreach__detail:after{
  content: "";
  display: block;
  clear: both;
}
.migration-article .appreach__name{
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.migration-article .appreach__info{
  font-size: 12px !important;
}
.migration-article .appreach__developper, .migration-article .appreach__price{
  margin-right: 0.5em;
}
.migration-article .appreach__posted a{
  margin-left: 0.5em;
}
.migration-article .appreach__links{
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.migration-article .appreach__aslink img{
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.migration-article .appreach__gplink img{
  height: 40px;
  width: 134.5px;
}
.migration-article .appreach__star{
  position: relative;
  font-size: 14px !important;
  height: 1.5em;
  width: 5em;
}
.migration-article .appreach__star__base{
  position: absolute;
  color: #737373;
}
.migration-article .appreach__star__evaluate{
  position: absolute;
  color: #ffc107;
  overflow: hidden;
  white-space: nowrap;
}
.migration-article /* リンクカード修正CSS */
.lkc-content{
	height: 80px;
}
.migration-article .lkc-thumbnail{
	max-width: 110px;
}
.migration-article .lkc-thumbnail-img{
	width: 110px;
	height: 60px;
}
.migration-article /* 無限スクロールのリンクカード修正CSS 開始 */
.linkcard table{
    border: solid 1px #999;
}
.migration-article .linkcard table td{
    font-size: .8rem !important;
    display: block;
    background-color: #F8F8F8;
    height: 110px;
    overflow: hidden;
    position: relative;
    padding-top: 2rem;
    line-height: 1.2rem;
}
.migration-article .linkcard table td a{
    font-size: 1rem !important;
    font-weight: bold;
    position: absolute;
    top: 10px;
    color: #000;
    height: 1em;
    overflow: hidden;
    line-height: 1rem;
}
.migration-article .linkcard table td a:hover{
    text-decoration: underline !important;
    opacity: 1;
}
.migration-article /* 折り畳みCSS */
.folder-table{
	text-align:center;
	margin:10px 0px;
	cursor: pointer;
	width: auto;
    font-size: 16px; /* ラベルの文字サイズ */
    font-weight: bold;
    background:#888888;  /* ラベルの背景色 */
    position: relative;
    padding:4px;
    border-radius: 4px; /* ラベルの角の丸み */
    color: #fff;
}
.migration-article details > div{
 height: auto;
 border-radius: 0px 0px 4px 4px!important;
 opacity: 1;
 background: #FFFFFF;
}
.migration-article details > table{
 margin:10px 0px;
 height: auto;
 padding: 8px; /* 開いた部分の枠内の余白 */
}
.migration-article /* tableタグの下に余白追加 */
.singleBody table{
	margin-bottom: 30px;
}
.migration-article /* tableのborder調整 */
.singleBody table th, .migration-article .singleBody table td{
	border: 1px solid #a9a9a9;
}
.migration-article /****監修者CSS****/
.balloon{
  position: relative;
  padding: 15px;
  border-radius: 10px;
  background-color: #EEE;
  margin-left: 20%;          /* 左に余白を設ける */
  margin-bottom: 30px;
}
.migration-article .balloon .icon{
  position: absolute;
  width: 20%;
  left: -23%;
  top: 0;
}
.migration-article .balloon .icon > img{
    border-radius: 50%;
}
.migration-article .balloon > p{
  margin-bottom: 0px;
}
.migration-article .balloon > .balloon_title{
	margin-bottom: 10px;
	line-height: 1.5;
}
.migration-article @media screen and (max-width:768px){
  .balloon > .balloon_title{
    font-size: 18px;
  }
}
.migration-article @media screen and (min-width:768px){
  .balloon > .balloon_title{
    font-size: 20px;
  }
}
.migration-article /****監修者CSS****/

/****内部リンクCSS****/
.link-box{
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.migration-article .link-box .box-title{
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.migration-article .link-box p{
    margin: 0; 
    padding: 0;
}
.migration-article .link-box p:before{
	content:"💡";
	margin:0 5px 0 0;
}
.migration-article /****内部リンクCSS****/
	
	
	
/****目次上CTA CSS****/
.mokuji_cta{
 background: #FFF9E6;
 border-left: #fceff2 solid 10px;
 border: #fceff2 solid 1px;
 font-size: 100%;
 padding: 4px;
}
.migration-article .mokuji_cta_title{
 background: #fd7e00;
 border: 1px solid #fd7e00;
 color: #fff;
 text-align: center;
 font-size: 18px;
 padding: 4px;
}
.migration-article .mokuji_cta_waku{
 background: #ffffff;
 border: 1px solid #fd7e00;
 font-size: 100%;
 padding: 5px;
 margin-bottom: 10px;
}
.migration-article .mokuji_cta img{
 margin: 0 0 5px;
}
.migration-article .mokuji_cta p{
 margin-bottom: 0px;
 margin-top: 12px;
 line-height: 1.6;
}
.migration-article .mokuji_cta_list{
 background-color: #ffe4e1;
}
.migration-article .mokuji_cta_list ul{
 list-style-type:disc;
 margin-bottom: 10px;
}
.migration-article .mokuji_cta_list li{
 font-size: 14px;
 font-weight: 700;
 margin-left: 25px;
}
.migration-article .mokuji_cta_list ul li::marker{
 color: #ffa3a3;
}
.migration-article /****目次用CSS****/
.mainCnt .mokuji ul{
  border: solid 2px #405884;
  border-radius: 5px;
  padding: 0.5em 1em;
  position: relative;
  background-color: #eeeff5;
}
.migration-article .mainCnt .mokuji li{
  line-height: 1.5;
  padding: 0.3em 0;
  list-style-type: none!important;
}
.migration-article .mainCnt .mokuji a{
  text-decoration: none;
}
.migration-article .mainCnt .mokuji li:before{
  font-family: "Font Awesome 5 Free";
  content: "";/*アイコンの種類*/
  position: absolute;
  left : 1em;/*左端からのアイコンまでの距離*/
}
.migration-article #toc_container ul{
	font-weight: 700;
}
.migration-article #toc_container ul ul{
	font-weight: 500;
}
.migration-article /****目次用CSS****/

/* ========= */

.ai-viewports{--ai: 1;}
.migration-article .ai-viewport-3{ display: none !important;}
.migration-article .ai-viewport-2{ display: none !important;}
.migration-article .ai-viewport-1{ display: inherit !important;}
.migration-article .ai-viewport-0{ display: none !important;}
.migration-article @media (min-width: 768px) and (max-width: 979px){
.ai-viewport-1                { display: none !important;}
.ai-viewport-2                { display: inherit !important;}
}
.migration-article @media (max-width: 767px){
.ai-viewport-1                { display: none !important;}
.ai-viewport-3                { display: inherit !important;}
}