@charset "UTF-8";


@import url('https://fonts.googleapis.com/css2?family=Petit+Formal+Script&display=swap');


section img.iimg { margin:0 0 2% 0; }
section img.iiimg { float:left; margin:0 1.8% 1.8% 0; width:320px; height:auto; border-radius:5px; }
section img.iimg0 { margin:0 auto; width:80%; height:auto; display:block; }
span.comm00 { marign:0 auto; padding:0; text-align:center; font-family: "Sawarabi Gothic"; font-size:12px; text-align:center; display:block; }
span.comm01 { margin:0 auto; padding:2%; background:#000; color:#fff; font-size:13px; display:block; box-sizing:border-box; }

/* 記事内リンク */
#single .entry-content section { margin:0 0 10% 0; }
#single .entry-content div.llkk { margin: 2% auto; padding: 3%; border: 1px solid #877c86; width:80%; text-align: center; }
#single .entry-content div.llkk a { display:block; }

#single .entry-content div.llkk0 { margin: 2% auto; padding: 3%; border: 1px solid #877c86; width:80%; text-align: center; }
#single .entry-content div.llkk0 a { display:inline;  }

#single .entry-content section ul.uul { margin:2% auto; padding:0; width:92%; }
#single .entry-content section ul.uul li { margin:0 0 1% 0; padding:0 0 1% 0; font-size:97%; border-bottom:1px solid #222; }
#single .entry-content section ul.uul li:last-child { border-bottom:none; }
#single .entry-content section h4 { margin:0; padding:0; font-weight:bold; font-size:115%; letter-spacing:1px; }
#single .entry-content section h4.h4w { color:#333; }
#single .entry-content section h3.column { margin:2% 0 0.5% 0; }


#Persona {
	margin: 0 auto 2em; /* 外側の余白（上下と中央配置） */
padding: 2em; /* 内側余白 */
background: none; /* 元のボックス背景色なし */
border: 1px solid #646464; /* 線の太さ（1px）、種類（実線）、色（#ccc） */
position: relative; /* 配置（基準となる位置） */
}

#Persona:after {
	background-color: #222; /* ずらしたボックスの背景色 */
border: none; /* 枠線なし */
content: ''; /* 擬似要素にコンテンツなし */
position: absolute; /* 配置（ここを動かす） */
top: 7px; /* 上から7pxずらす */
left: 7px; /* 左から7pxずらす */
width: 100%; /* 幅100%（親要素に合わせる） */
height: 100%; /* 高さ100%（親要素に合わせる） */
z-index: -1; /* 背景として後ろに表示 */
}

/* 記事内の口コミ */
ul.kuchikomi { margin:2% auto; padding:0; width:95%; display: -webkit-flex; display:flex; webkit-justify-content: space-between; justify-content: space-between; flex-wrap:wrap; }
ul.kuchikomi li { margin: 0 auto 12px; padding:1.5em; width:49%; font-size:14px; box-sizing:border-box; display:block; background-color: #212121; position: relative; }
ul.kuchikomi li::after { position: absolute; content: ''; right: 0px; top: 0px; border-width: 0 25px 25px 0; border-style: solid; border-color: #ccc #111 #ccc; box-shadow: -1px 1px 1px rgb(0 0 0 / .15); }
ul.kuchikomi li p.star { text-align:right; color:#999; display:block; }
ul.kuchikomi li p.star span { color:#ffd1dd }

#Persona b { text-align:center; }
#Persona ul { margin:0 auto; padding:0; width:95%; }
#Persona li { margin:0 0 1.5% 0; padding:0 0 1.5% 0; border-bottom:1px solid #ccc; font-size:90%; text-align:center; }

/* 記事吹き出し */
.balloon5 { width:100%; margin:1.5em 0; overflow: hidden; }
.balloon5 .faceicon { float:left; margin-right:-80px; width:70px; }
.balloon5 .faceicon a { display:block; }
.balloon5 .faceicon img { width:100%; height:auto; }
.balloon5 .chatting { width: 100%; }
.says { display:inline-block; position:relative; margin:5px 0 0 90px; padding:17px 13px; border-radius:12px; background: #322f36; }
.says:after { content: ""; display: inline-block; position: absolute; top:16px; left: -33px; border: 19px solid transparent; border-right: 19px solid #322f36; }
.says p { margin: 0; padding: 0; font-size:90%; text-shadow:#000 0px 0px 6px; }

.youtube { margin:0 auto; text-align:center; }

/* 枠横並び50% */
.castwaku { margin:0 auto; padding:1%; width:auto; box-sizing:border-box; display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content: space-between; flex-wrap:wrap; }
.castwaku div.cwaku { margin:0 1.5%; padding:1.5%; box-sizing:border-box; width:50%; border:1px solid #333; background-image: linear-gradient(211deg, rgba(68, 68, 68, 1), rgba(0, 0, 0, 1)); display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content: space-between; flex-wrap:wrap; }
.castwaku div.cwaku img { margin:0 auto; width:40%; height:auto; display:block; }
.castwaku div.cwaku .prof { width:55%; }
.castwaku div.cwaku .prof p { color:#fff }
.castwaku div.cwaku .prof p span { font-size:70%; color:#999; }

/************************* 監修枠 *************************/
.kansyu { margin:2.5% auto; padding:2.3% 0; height: auto; width:90%; 
background-image: linear-gradient(90deg, rgba(29, 29, 29, 1), rgba(0, 0, 0, 1)), url("./img/corner00.png"); 
background-repeat:no-repeat; background-position:0% 50%;
text-align:center; border-radius:3px; box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.6); display:block; }

/************************* h2 丈夫スペース *************************/
h2 .spc { margin:10% 0 0 0; }

/************************* こんな人に読んで欲しい枠 *************************/
#Persona0 { margin:0 auto 2% auto; padding:2.5%; 
border:1px solid; border-image: linear-gradient(to bottom, #1c1421, #e6e192, #351651) 1; 
height:auto; width:auto; background:#000; box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.6);
background-image: url("./img/corner01.png"), url("./img/corner02.png"), url("./img/corner03.png"), url("./img/corner04.png"); 
background-position: 0% 0%, 100% 0%, 100% 100%, 0% 100%;
background-size:60px 60px;
background-repeat:no-repeat;
box-sizing:border-box; }
#Persona0 b { margin:3% 0; font-size:17px; text-align:center; display:block; }
#Persona0 ul { margin:0 auto; width:85%; list-style-type:none; }
#Persona0 ul li { margin:0 0 1.5% 0; padding:0 1% 1.5% 1%; border-bottom:1px solid #222; font-family: "Sawarabi Gothic"; font-size:13px; letter-spacing:2px; color:#888; box-sizing:border-box; }
#Persona0 ul li:last-child { border-bottom:none; }
/************************* flow系 *************************/
#Flow { margin:2% auto; padding:2%; box-sizing:border-box; background:#000; border-radius:5px; }
#Flow dl { margin:0 auto; width:auto; background-image: url("./img/flow_line.png"); background-position: 7.5% 50%; background-repeat:repeat-y; }
#Flow dl dt { display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items: center; }
#Flow dl dt img { width:15%; height:auto; filter: drop-shadow(0 0 0.75rem rgb(152, 101, 148)); display:block; }
#Flow dl dt h3 { padding:0 0 2% 3%; width:85%; border-bottom:3px solid #111; font-size:145%; color:#fff; display:block; box-sizing:border-box; }
#Flow dl dt h3 span { padding:1% 0 0 0; font-size:75%; font-weight:normal; letter-spacing:2px; display:block; }
#Flow dl dd { margin:0 0 5% 15%; width:85%; font-size:90%; border:1px solild #fff; }






/************************* 背景色が白の場合 *************************/
#Persona0_white { margin:0 auto 2% auto; padding:2.5%; 
border:1px solid; border-image: linear-gradient(to bottom, #c0bcc2, #c0bcc2, #60516d) 1; 
height:auto; width:auto; background:#fff; box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.1);
background-image: url("./img/corner01.png"), url("./img/corner02.png"), url("./img/corner03.png"), url("./img/corner04.png"); 
background-position: 0% 0%, 100% 0%, 100% 100%, 0% 100%;
background-size:60px 60px;
background-repeat:no-repeat;
box-sizing:border-box; }
#Persona0_white b { margin:3% 0; font-size:17px; color:#000; text-align:center; display:block; }
#Persona0_white ul { margin:0 auto; width:85%; list-style-type:none; }
#Persona0_white ul li { margin:0 0 1.5% 0; padding:0 1% 1.5% 1%; border-bottom:1px solid #ccc; font-family: "Sawarabi Gothic"; font-size:13px; letter-spacing:2px; color:#5c4f6c; box-sizing:border-box; }
#Persona0_white ul li:last-child { border-bottom:none; }
.balloon5_w { width:100%; margin:1.5em 0; overflow: hidden; }
.balloon5_w .faceicon { float:left; margin-right:-80px; width:70px; }
.balloon5_w .faceicon a { display:block; }
.balloon5_w .faceicon img { width:100%; height:auto; }
.balloon5_w .chatting { width: 100%; }
.says_w { display:inline-block; position:relative; margin:5px 0 0 90px; padding:17px 13px; border-radius:12px; background: #e3ddea; }
.says_w:after { content: ""; display: inline-block; position: absolute; top:16px; left: -33px; border: 19px solid transparent; border-right: 19px solid #e3ddea; }
.says_w p { margin: 0; padding: 0; font-size:14px; letter-spacing:2px; line-height:150%; color:#444; }
.kansyu_w { margin:2.5% auto; padding:2.3% 0; height: auto; width:90%; background:#fff; color:#333; font-size:17px; text-align:center; border-radius:3px; box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.1); display:block; }
#single .entry-content h3.faqh3 { margin:5% 0 0 0; color:red; }
#single .entry-content h3.column0 { margin:0 0 1.5% 0; padding:1.5%; border-radius:5px; background:#f0e9f2; }
/************************* 枠1_横浜 *************************/
#Waku_w { margin:0 auto 3% auto; padding:2%; border:1px solid #e9e3eb; border-radius:5px; box-sizing:border-box; background:#fff; display:blocl; }
#Waku_w h4 { margin:0 0 1.5% 0; padding:0 0 1.5% 0; border-bottom:2px solid #998c9f; font-size:140%; fontw-weight:bold; color:#000; letter-spacing:1px; }
#Waku_w h4 span { font-size:12px; color:#888; font-weight:normal; }
#Waku_w ul { margin:0 auto; padding:0; list-style-type:none; width:95%; display:block }
#Waku_w ul li { margin:0 0 0.7% 0; padding:0 0 0.7% 0; border-bottom:1px solid #e8e8e8; }
#Waku_w ul li.none { border:none; }
#Waku_w ul li img { margin:0 auto; width:95%; height:auto; border-radius:5px; display:block; }
#Waku_w ul li b { margin:0; padding:1% 0; color:#9f0fda; font-size:135%; line-height:100%; text-align:center; display:block; }
#Waku_w ul li p { font-size:105%; letter-spacing:1px; display:inline; }
#Waku_w ul li p.lip01 { font-weight:bold; }
/************************* 枠1_博多 *************************/
#Waku_w_hakata { margin:0 auto 3% auto; padding:2%; border:1px solid #e9e3eb; border-radius:5px; box-sizing:border-box; background:#fff; display:blocl; }
#Waku_w_hakata h4 { color:#000; }
#Waku_w_hakata h4.hakatah4 { margin:0 0 1.5% 0; padding:0 0 1.5% 0; border-bottom:2px solid #998c9f; font-size:150%; fontw-weight:bold; letter-spacing:1px; }
#Waku_w_hakata h4 span { font-size:80%; font-weight:normal; }
#Waku_w_hakata ul { margin:1.5% auto; padding:0; list-style-type:none; width:95%; display:block }
#Waku_w_hakata ul li { margin:0 0 0.7% 0; padding:0 0 0.7% 0; border-bottom:1px solid #e8e8e8; }
#Waku_w_hakata ul li.none { border:none; }
#Waku_w_hakata ul li img { margin:0 auto; width:95%; height:auto; border-radius:5px; display:block; }
#Waku_w_hakata ul li b { margin:0; padding:1% 0; color:#9f0fda; font-size:135%; line-height:100%; text-align:center; display:block; }
#Waku_w_hakata ul li p { font-size:80%; letter-spacing:1px; display:inline; }
#Waku_w_hakata ul li p.lip01 { font-weight:bold; }




/*********** 固定ページ ***********/
#Page0 { margin:0 auto; padding:4% 2%; border:1px solid; border-image: linear-gradient(to bottom, #180a21, #a6c2d0, #170329) 1; 
height:auto; width:auto; background:#000; box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.6);
background-image: url("./img/corner01.png"), url("./img/corner02.png"), url("./img/corner03.png"), url("./img/corner04.png"); 
background-position: 0% 0%, 100% 0%, 100% 100%, 0% 100%;
background-size:60px 60px;
background-repeat:no-repeat;
box-sizing:border-box;
}
#Page0 img.iiimg { margin:0 auto; width:98%; border-radius:7px; display:block; }
#Page0 p.comp { text-align:center; font-size:13.5px; line-height:150%; letter-spacing:1px; }
#Page0 ul.bn3 { margin:5% auto; padding:0; display:-webkit-flex; display:flex; -webkit-justify-content:space-around; justify-content:space-around; list-style-type:none; }
#Page0 ul.bn3 li { margin:0 auto; width:32%; font-size:11.5px; font-family: "Sawarabi Gothic"; text-align:center; }
#Page0 ul.bn3 li a { color:#9b9b9b; text-decoration:none; }
#Page0 ul.bn3 li a img { margin:0 auto 0.5% auto; width:96%; height:auto; display:block; }

#Page0 div.kijiwaku { margin:2% auto; padding:2%; width:95%; background:#0d0d0d; box-sizing:border-box; }
#Page0 div.kijiwaku h3 { margin:0 0 2% 0; text-align:center; }
#Page0 div.kijiwaku ul.column-article-list { margin:0 auto; padding:0; list-style-type:none; }
#Page0 div.kijiwaku ul.column-article-list li { margin:0 0 1.5% 0; padding:0 0 1.5% 0; border-bottom:1px dotted #000; display:-webkit-flex; display:flex; -webkit-justify-content: space-around; justify-content: space-around; flex-wrap:wrap; }
#Page0 div.kijiwaku ul.column-article-list li:last-child { border-bottom:none; }
#Page0 div.kijiwaku ul.column-article-list li div { margin:0 auto; padding:0; }
#Page0 div.kijiwaku ul.column-article-list li div.divl { width:15% }
#Page0 div.kijiwaku ul.column-article-list li div.divl img { margin:0 auto; }
#Page0 div.kijiwaku ul.column-article-list li div.divr { width:82% }
#Page0 div.kijiwaku ul.column-article-list li div.divr span.post-date { font-size:12px; color:#666; letter-spacing:1px; display:block; }
#Page0 div.kijiwaku ul.column-article-list li div.divr a { font-size:14px; line-height:130%; }
/**** 料金システムページ ****/
#toc_container { display:none; }
#Page_sys { margin:0 auto; padding:2%; height:auto; width:auto; border-sizing:border-box; display:block; }
#Page_sys h2 { margin:0 0 2% 0; padding:10% 5%; width:100%; fonts-size:20px; color:#000; background-image: url("./img/system_label.jpg"); background-size:100% 206px; background-repeat:no-repeat; display:block; box-sizing:border-box; }
#Page_sys h2 span.ssp { margin:0; padding:0; font-size:13px; color:#444; letter-spacing:1px; display:block; }
#Page_sys h2 span.ssp br { display:none; }
#Page_sys p.com0 { margin:0; padding:0; font-size:13px; line-height:150%; letter-spacing:2px; color:#fff; }
#Page_sys ul.menu { margin:5% auto; list-style-type:none; display:-webkit-flex; display:flex; flex-wrap:wrap; }
#Page_sys ul.menu li { margin:0 auto 1.5% auto; padding:10px; width:32%; box-sizing:border-box; background: url("./img/li_back.png") repeat; box-shadow: -1px 1px 1px rgb(0 0 0 / .15); }
#Page_sys ul.menu li div { marign:0; padding:0; text-align:center; display:block; }
#Page_sys ul.menu li div.menulil { width:100%; height:auto; }
#Page_sys ul.menu li div.menulil img { margin:0 auto; width:98%; height:auto; display:block; }
#Page_sys ul.menu li div.menulir { width:100%; }
#Page_sys ul.menu li div.menulir a { display:block; }
#Page_sys ul.menu li div.menulir a p { display:none; }
#Page_sys ul.menu li div.menulir a h3 { marign:0; padding:5% 0 0 0; font-size:22px; color:#fff; text-align:center; display:block; }
#Page_sys ul.menu li div.menulir a h3 mark.mka { text-decoration:none; color:#fff; margin:0; padding:0; background:none; display:inline; }
#Page_sys ul.menu li div.menulir a h3 span.ssp { margin:0; padding:3% 0 0 0; font-size:13.5px; line-height:130%; letter-spacing:1px; display:block; }

#Page_sys div.etmenu { marign:0 auto; padding:2% 2% 0.5% 2%; border:1px solid #3e3e3e; display:-webkit-flex; display:flex; -webkit-justify-content: space-between; justify-content: space-between; flex-wrap:wrap; box-sizing:border-box; }
#Page_sys div.etmenu p { margin:0 auto 1.5% auto; padding:0; border:1px solid #3e3e3e; width:31%; display:block; text-align:center; border-radius:3px; background:#000; }
#Page_sys div.etmenu p a { margin:0; padding:3.5% 0; text-docaration:none; font-size:13.5px; display:block; }
#Page_sys div.menuwaku { margin:0 auto; padding:2%; box-sizing:border-box; display:block; }
#Page_sys div.menuwaku dl { margin:0 auto; padding:0; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
#Page_sys div.menuwaku dl dt { margin:0; padding:0; width:25%; height:auto; display:block; }
#Page_sys div.menuwaku dl dt img { margin:0 auto; width:98%; height:auto; }
#Page_sys div.menuwaku dl dd { margin:0; padding:0; width:73%; font-size:13px; line-height:150%; letter-spacing:2px; display:block; }
#Page_sys div.menuwaku dl dd h3.ddh3 { margin:0; padding:3% 0; font-size:200%; background: linear-gradient(270deg, #ffffff 0%, #eef6ff 30%, #ffd2fb 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
#Page_sys div.menuwaku p.llk { margin:0; padding:2% 0; text-align:right; font-size:13px; letter-sapcing:2px; }
#Page_sys div.menuwaku h4.muh4 { margin:0 0 2% 0; padding:0 0 0 1%; font-size:19px; border-left:3px solid #fff; }
#Page_sys div.menuwaku h4.muh4 span.muh4sp { font-size:12px; color:#ccc; }
#Page_sys ol.menul { margin:0 auto; padding:0; width:95%; list-style-type:none; display:block; }
#Page_sys ol.menul li { margin:0 0 1.5% 0; padding:0 2.5% 1% 2.5%; border-bottom:2px solid #383838; display:-webkit-flex; display:flex; -webkit-justify-content: space-between; justify-content: space-between; flex-wrap:wrap; }
#Page_sys ol.menul li:last-child { border-bottom:none; }
#Page_sys ol.menul li p.menulp00 { width:48%; font-size:23px; }
#Page_sys ol.menul li p.menulp00 b { font-size:45px; font-family: "Petit Formal Script", cursive; font-weight: 400; font-style: normal; letter-spacing:-1px; line-height:100%; }
#Page_sys ol.menul li p.menulp00 span.menulp00sp { font-size:13.5px; color:#ccc; }
#Page_sys ol.menul li p.menulp01 { width:48%; font-size:23px; text-align:right; }
#Page_sys ol.menul li p.menulp01 b { font-size:45px; font-family: "Petit Formal Script", cursive; font-weight: 400; font-style: normal; letter-spacing:-1px; line-height:100%; }

#Page_sys ol.mmenul0 { margin:0 auto 5% auto; padding:2%; border:1px solid #333; list-style-type:none; display:block; }
#Page_sys ol.mmenul0 li { margin:0 0 1% 0; padding:0 0 1% 0; border-bottom:1px solid #333; }
#Page_sys ol.mmenul0 li:last-child { margin:0; padding:0; border-bottom:none; }
#Page_sys ol.mmenul0 li p.menulpp01 { font-size:15px; letter-spacing:2px; line-height:150%; }
#Page_sys ol.mmenul0 li p.menulpp01 span { font-size:13px; }

#Smnav { margin:0; padding:3% 0 0 0; display:block; }
#Smnav ul.smnavul { margin:1.5% 0; padding:0; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; flex-wrap:wrap; }
#Smnav ul.smnavul li { margin:0.2% 0; padding:0; width:16.5%; display:block; border:none; background:none; }
#Smnav ul.smnavul li img { margin:0 auto; width:97%; height:auto; display:block; border:none; transition: border 0.3s, box-shadow 0.3s; }
#Smnav ul.smnavul li .nav-link.active img { box-shadow: 0 0 10px rgba(0, 115, 170, 0.5); }

/* システムページタブ */
#Page_sys ul.tabs { margin:0; padding:0; float:left; list-style:none; height:30px; border-bottom: 1px solid #666; border-left: 1px solid #999; width:100%; }
#Page_sys ul.tabs li { float:left; margin:0; padding:0; height:30px; line-height:30px; border:1px solid #666; border-left:none; margin-bottom: -1px; background:#e0e0e0; overflow:hidden; position:relative; }
#Page_sys ul.tabs li a { text-decoration:none; color:#000; display:block; font-size:13px; letter-spacing:2px; padding:0 10px; border: 1px solid #fff; outline:none; }
#Page_sys ul.tabs li a:hover { background: #ccc; }
html ul.tabs li.active, html ul.tabs li.active a:hover  { background: #fff; border-bottom: 1px solid #fff; }
#Page_sys .tab_container { marin:0 0 10% 0; border:1px solid #888; border-top: none; clear: both; float: left; width: 100%; background: #000; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; display:block; }
#Page_sys .tab_content { padding:30px 20px 20px 20px; font-size: 1.2em; }
#Page_sys .tab_content h2.tabh2 { marign:0; padding:0; font-weight:normal; color:#fff; font-size:1.2em; background:none; }
#Page_sys .tab_content h3 a { color: #254588; }
#Page_sys .tab_content img { float: left; margin: 0 20px 20px 0; border: 1px solid #ddd; padding: 5px; }
#Page_sys .tab_content table.tabtb { margin:0 auto 5% auto; border-collapse:collapse; }
#Page_sys .tab_content table.tabtb th,td { border: solid 1px; padding:10% 2%; font-size:17px; letter-spacing:2px; border-color:#333; }
#Page_sys .tab_content table.tabtb td.tdr { text-align:right; font-size:17px; font-weight:bold; }
#Page_sys .tab_content table.tabtb td span { font-size:14px; color:#e8e8e8; }

#Page_sys .tab_content ol.menul0 { margin:0 auto; padding:0; list-style-type:none; display:block; }
#Page_sys .tab_content ol.menul0 li { margin:0 0 1% 0; padding:0 0 1% 0; border-bottom:1px solid #333; }
#Page_sys .tab_content ol.menul0 li:last-child { margin:0; padding:0; border-bottom:none; }
#Page_sys .tab_content ol.menul0 li p.menulpp01 { font-size:15px; letter-spacing:2px; line-height:150%; }
#Page_sys .tab_content ol.menul0 li p.menulpp01 span { font-size:13px; }

#Page_sys div.menuwaku hr { height:0; margin:5% 0; padding:0; border:0; border-top: 1px solid #000; }

/*********** 検索フォーム ***********/
form.search-form { margin:3% auto; padding:0; width:650px; max-width:95%; display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; flex-wrap:wrap; }
/*form.search-form { margin:0 auto; padding:0; }*/
form label { margin:6px 5px 0 0; width:83% }
form label input.search-field { background:#000; color:#000; border-image: linear-gradient(to bottom, #f3fbad, #d3aa5b, #875d0b, #553a05 ) 1; }
form button { margin:0; width:14%; border-radius:0; 
border-image:linear-gradient(to bottom, #f3fbad, #d3aa5b, #875d0b, #553a05 ) 1; 
background-image: linear-gradient(1deg, rgba(38, 38, 38, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
display:block; }

/* トップへ戻るボタン */
html { scroll-behavior: smooth; }
.pagetop { height: 40px; width: 40px; position: fixed; right: 30px; bottom: 30px; background: #fff; border: solid 2px #000; border-radius: 50%; display: flex; justify-content: center; align-items: center; z-index: 2; box-shadow: 0 4px 6px rgb(0 0 0 / 30%); }
.pagetop__arrow { height: 10px; width: 10px; border-top: 3px solid #000; border-right: 3px solid #000; transform: translateY(20%) rotate(-45deg); }



@media screen and (max-width: 768px) {
	#single .entry-content div.llkk { width:98%; }
	#single .entry-content div.llkk0 { width:98%; }

/* 記事吹き出し */
.balloon5 { margin:1em 0; }
.balloon5 .faceicon { margin-right: -75px; width:65px; }
.balloon5 .faceicon img { width:95%; }
.says { margin: 5px 0 0 80px; padding: 12px 12px; }
.says:after { top:15px; left:-30px; }
.says p { margin: 0; padding: 0; font-size:88%; }

/* 記事内の口コミ */
ul.kuchikomi { margin:10% auto 0 auto; height:auto; width:98%; display:block; }
ul.kuchikomi li { padding:1.5em; width:100%; display:block; }

h3.column { display:block; }

/********** こんな人に読んで欲しい枠 **********/
#Persona0 { padding:2%; border:1px solid; border-image: linear-gradient(to bottom, #281d2f, #e6e192, #452363) 1; }
#Persona0 b { font-size:14px; }
#Persona0 ul { width:95%; }
#Persona0 ul li { margin:0 auto 2% auto; font-size:12.5px; letter-spacing:1px; line-height:125%; }

/*********** 固定ページ ***********/
#Page0 p.comp { margin:0 auto; width:80%; font-size:12.5px; line-height:125%; letter-spacing:0; display:block; }
#Page0 ul.bn3 { margin:3% auto; width:95%; display:block; }
#Page0 ul.bn3 li { width:100%; }
#Page0 ul.bn3 li a img { width:90%; }
#Page0 div.kijiwaku { border:1px solid #151515; }
#Page0 div.kijiwaku ul.column-article-list li { margin:0 0 3.5% 0; padding:0 0 3.5% 0; }
#Page0 div.kijiwaku h3 { margin:10% 0; }
#Page0 div.kijiwaku ul.column-article-list li div.divl { width:45% }
#Page0 div.kijiwaku ul.column-article-list li div.divr { width:50%; line-height:0; }
#Page0 div.kijiwaku ul.column-article-list li div.divr span.post-date { margin:0 0 10px 0; padding:0; color:#777; display:block; }
#Page0 div.kijiwaku ul.column-article-list li div.divr a { line-height:115%; display:block; }

#Page_sys { padding:1.5%; }
#Page_sys h2 { padding:5% 5% 10% 5%; fonts-size:23px; background-size:100% 100%; }
#Page_sys h2 span.ssp { font-size:12px; line-height:110%; }
#Page_sys h2 span.ssp br { display:block; }
#Page_sys p.com0 { font-size:12px; line-height:125%; letter-spacing:1px; }
#Page_sys ul.menu { margin:7% auto; }
#Page_sys ul.menu li { padding:5px; width:48%; }
#Page_sys ul.menu li div.menulil img { width:99%; }
#Page_sys ul.menu li div.menulir a h3 { padding:4% 0 0 0; font-size:17px; line-height:120%; }
#Page_sys ul.menu li div.menulir a h3 span.ssp { padding:3% 0 0 0; font-size:12.5px; }
#Page_sys ul.menu li div.menulir a h3 span.ssp br { display:none; }
#Page_sys ul.menu li div.menulir a h3 mark.mka { display:block; }
/***** セクション枠 *****/
#Page_sys div.menuwaku {}
#Page_sys div.menuwaku dl { width:100%; display:block; }
#Page_sys div.menuwaku dl dt { width:100%; text-align:center; }
#Page_sys div.menuwaku dl dt img { margin:0 auto; width:80%; }
#Page_sys div.menuwaku dl dd { width:100%; font-size:12px; line-height:125%; letter-spacing:1px; }
#Page_sys div.menuwaku dl dd h3.ddh3 { text-align:center; }
#Page_sys div.menuwaku p.llk { margin:0; padding:4% 0; }
/***** 料金表 *****/
#Page_sys ol.menul { width:98%; }
#Page_sys ol.menul li { margin:0 0 2% 0; padding:0 2% 2% 2%; }
#Page_sys ol.menul li p.menulp00 { width:49%; font-size:19px; }
#Page_sys ol.menul li p.menulp00 b { font-size:38px; }
#Page_sys ol.menul li p.menulp00 span.menulp00sp { font-size:13px; line-height:110%; display:block; }
#Page_sys ol.menul li p.menulp01 { width:49%; font-size:19px; }
#Page_sys ol.menul li p.menulp01 b { font-size:38px; }
/***** 料金表下枠 *****/
#Page_sys ol.mmenul0 { padding:3%; border:1px solid #444; }
#Page_sys ol.mmenul0 li { margin:0 0 2% 0; padding:0 0 2% 0; border-bottom:1px solid #444; }
#Page_sys ol.mmenul0 li p.menulpp01 { font-size:14px; }
#Page_sys ol.mmenul0 li p.menulpp01 span { font-size:12.5px; }

#Smnav {}
#Smnav ul.smnavul {}
#Smnav ul.smnavul li { margin:0.7% 0; padding:0; width:32%; display:block; border:none; background:none; }
#Smnav ul.smnavul li img { width:100%; }

/*********** 検索フォーム ***********/
form { max-width:95%; }
form.search-form { margin:0 auto; }
form label { width:78% }
form button { width:20%; }

/* トップへ戻るボタン */
.pagetop { height:35px; width:35px; right:10px; }
}





/* アクションライン */
.mk-an.active { background-position: -100% .5em; }
.mk-an {
background-image: -webkit-linear-gradient(left, transparent 10%, rgb(91, 12, 98) 10%);
background-image: -moz-linear-gradient(left, transparent 10%, rgb(91, 12, 98) 10%);
background-image: -ms-linear-gradient(left, transparent 10%, rgb(91, 12, 98) 10%);
background-image: -o-linear-gradient(left, transparent 10%, rgb(91, 12, 98) 10%);
background-image: linear-gradient(left, transparent 10%, rgb(91, 12, 98) 10%);
background-repeat: repeat-x;
background-size: 200% .8em;
background-position: 0 .5em;
transition: all 2s ease;
font-weight: bold;
}
.mk-an01.active{ background-position: -100% .5em; }
.mk-an01 {
background-image: -webkit-linear-gradient(left, transparent 10%, rgb(172,255,82) 50%);
background-image: -moz-linear-gradient(left, transparent 10%, rgb(172,255,82) 50%);
background-image: -ms-linear-gradient(left, transparent 10%, rgb(172,255,82) 50%);
background-image: -o-linear-gradient(left, transparent 10%, rgb(172,255,82) 50%);
background-image: linear-gradient(left, transparent 10%, rgb(172,255,82) 50%);
background-repeat: repeat-x;
background-size: 200% .8em;
background-position: 0 .5em;
transition: all 2s ease;
font-weight: bold;
}
.mk-an_wp.active{ background-position: -100% .5em; }
.mk-an_wp {
background-image: -webkit-linear-gradient(left, transparent 10%, rgb(183,255,89) 10%);
background-image: -moz-linear-gradient(left, transparent 10%, rgb(183,255,89) 10%);
background-image: -ms-linear-gradient(left, transparent 10%, rgb(183,255,89) 10%);
background-image: -o-linear-gradient(left, transparent 10%, rgb(183,255,89) 10%);
background-image: linear-gradient(left, transparent 10%, rgb(183,255,89) 10%);
background-repeat: repeat-x;
background-size: 200% .8em;
background-position: 0 .5em;
transition: all 2s ease;
font-weight: bold;
}