@charset "UTF-8"; /* 
Theme Name:XeoryBase
Theme URI:http://xeory.jp/
Description:Xeory　ベーステーマ 
Author:バズ部
Author URI:https://bazubu.com/
Version:0.2.0
*/
/* all display
-------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; font:inherit; font-size:100%; vertical-align:baseline;}
html {line-height:1;}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal; vertical-align:middle;}
q, blockquote {quotes:none;}
q:before, q:after, blockquote:before, blockquote:after {content:""; content:none;}
a img {border:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;}

/* post */
.post-content p,
.post-content pre {margin:0 0 1.6em; line-height:1.6;}
.post-content dl,
.post-content menu,
.post-content ol,
.post-content ul {margin:0px; padding:0px;}
.post-content li {margin:0px; padding:0px;}
.post-content dd {margin:0px;}
.post-content ol ol,
.post-content ol ul,
.post-content ul ol,
.post-content ul ul {margin:0;}

.pockesta_ch img{width:48%; margin:0px 1% 15px;}

/* HTML5 ----------------------------------------- */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display:block;}
audio,canvas,video {display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) {display:none; height:0;}
[hidden] {display:none;}

/* all ------------------------------------------- */
html {font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body {margin:0; font-size:16px; line-height:1.6; font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; overflow-wrap:break-word; word-break:normal;}
a {-webkit-transition:all ease-in-out .3s; transition:all ease-in-out .3s;}
a:focus, a:active, a:hover {outline:0;}
* {box-sizing:border-box;}

.row {*zoom:1;}
.row:before {display:inline-table;}
.row:after {content:""; display:block; clear:both;}

/* clear ----------------------------------------- */
.clear {clear:both;}
.clearfix {*zoom:1;}
.clearfix:before {display:inline-table;}
.clearfix:after {content:""; display:block; clear:both;}


/* text ------------------------------------------ */
abbr[title] {border-bottom:1px dotted;}
b,strong {font-weight:bold;}

blockquote {clear:both; margin:0 0 28px; padding:30px 20px 35px 55px; position:relative; border:1px #e5e5e5 solid; background:#fafafa;}
blockquote:before {content:''; font-family:'FontAwesome'; font-size:36px; color:#e7e7e7; position:absolute; top:10px; left:10px;}
blockquote cite {position:absolute; right:20px; bottom:10px; font-size:12px; color:#808080;}
.post-content blockquote {clear:both; margin:0 0 28px; padding:30px 20px 35px 55px; position:relative; border:1px #eee solid;}
.post-content blockquote:before {content:''; font-family:'FontAwesome'; font-size:32px; color:#e7e7e7; position:absolute; top:20px; left:12px;}
.post-content blockquote cite {position:absolute; right:20px; bottom:10px; font-size:12px; color:#808080;}
.post-content blockquote *:last-child {margin-bottom:0;}

dfn {font-style:italic;}
mark {background:#ff0; color:#000;}
code,kbd,pre,samp {font-family:monospace, serif; _font-family:'courier new', monospace; font-size:1em; overflow-x:scroll;}
small {font-size:80%;}
sub,sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}

/* list ------------------------------------------ */
nav ul,
nav ol {list-style:none; list-style-image:none;}
.inline-list li {display:inline-block;}

/* embed ---------------------------------------- */
img {max-width:100%; height:auto; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic;}
svg:not(:root) {overflow:hidden;}
figure {margin:0;}

/* form ----------------------------------------- */
form {margin:0;}
fieldset {border:1px solid #e5e5e5; margin:0 2px; padding:0.35em 0.625em 0.75em;}
legend {border:0; padding:0; white-space:normal; *margin-left:-7px;}
button, input, select, textarea {font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle;}
button, input {line-height:normal;}
button, html input[type="button"], input[type="reset"], input[type="submit"], .btn {cursor:pointer; *overflow:visible; -webkit-appearance:none;}
button[disabled], input[disabled] {cursor:default;}
input[type="checkbox"],
input[type="radio"] {box-sizing:border-box; padding:0; *height:13px; *width:13px;}
input[type="search"] {-webkit-appearance:textfield; box-sizing:border-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner,
input::-moz-focus-inner {border:0; padding:0;}
textarea {overflow:auto; vertical-align:top;}

form input[type="text"],
form input[type="email"],
form input[type="url"],
form input[type="tel"],
form input[type="number"],
form input[type="date"],
form textarea {border-radius:3px; padding:8px 13px; max-width:100%; border:1px #ccc solid; outline:none; box-sizing:border-box;}
form textarea {width:80%;}
form input[type="submit"],
form button {padding:12px 20px; border:none;}
form input[type="submit"]:hover,
form button:hover {cursor:pointer;}

/* search */
#searchform {overflow:hidden; background:#fff; border:1px solid #e5e5e5; padding-bottom:0; border-radius:2px;}
#searchform div {position:relative; padding-right:40px;}
#searchform label {display:none;}
#searchform input[type=text] {line-height:18px; padding:8px 13px; font-size:14px; width:100%; box-sizing:border-box; border:none; float:left;}
#searchform button {float:right; position:absolute; top:0; right:0; vertical-align:top; line-height:18px; border:none; border-radius:3px; width:40px; padding:8px 5px; -webkit-transition:background .3s ease-in-out; transition:background .3s ease-in-out; background:transparent; font-family:'FontAwesome'; font-size:21px; color:#808080;}
#searchform button:hover {cursor:pointer;}

/* table ---------------------------------------- */
table {border-collapse:collapse; border-spacing:0; border:1px solid #e5e5e5;}
table {width:100%;}
th, td {border:1px solid #e5e5e5; padding:8px 13px;}
table td, table th {word-break:break-all; text-align:left;}
.post-content table {border:1px #ddd solid; max-width:100%; margin-bottom:20px;}
.post-content table th,
.post-content table td {padding:8px 10px; border:#ddd solid 1px;}
.post-content table th {color:#fff;}
.post-content table thead th {background:#5e6265;}
.post-content table tbody th {background:#919598;}
.post-content table.table-line table,
.post-content table.table-line th,
.post-content table.table-line td {border-color:#fff;}
.post-content table.table-line th {background:transparent; color:#333; font-weight:bold;}
.post-content table.table-line thead th {background:#5e6265; color:#fff;}
.post-content table.table-line tr {background:#eee;}
.post-content table.table-line tr:nth-child(2n+1) {background:#ddd;}
/*
.table-wrap {overflow-x:scroll; white-space:nowrap; margin-bottom:48px;}
.table-grad {position:relative; white-space:nowrap;}

.table-grad:after {background-image:linear-gradient(to right, rgba(255, 255, 255, 0) 80%, white 100%); content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
*/
@media screen and (max-width:767px) {/* phone */ 
table {width:100%;}
.post-content table{width:100%; /*-webkit-overflow-scrolling:touch; white-space:nowrap;*/ margin-bottom:0;}
}

.body_all{width:1002px; margin:0px auto; background:#ffffff; border-left:1px solid #ebb9d2; border-right:1px solid #ebb9d2; box-shadow:0px 2px 6px #ebb9d2;}
@media only screen and (min-width:641px) and (max-width:768px) { /* タブレット */
.body_all{width:96%; margin:0px 2%;}
}
@media screen and (max-width:640px){ /* スマホ */
.body_all{width:100%; margin:0px 0px;}
.body_all_sp{width:96%; margin:40px 2%; background:#ffffff; border:1px solid #ebb9d2; box-shadow:0px 2px 6px #ebb9d2;}
}

.wrap {width:1000px; box-sizing:border-box; margin:0 auto; *zoom:1;}
.wrap:before {display:inline-table;}
.wrap:after {content:""; display:block; clear:both;}

#main {width:100%; float:left;}
.main-inner {margin-right:300px;}
#side {width:260px; float:left; margin-left:-260px;}

.left-content #main {width:100%; float:left;}
.left-content .main-inner {margin-right:300px; margin-left:0;}
.left-content #side {width:260px; float:left; margin-left:-260px;}

.right-content #main {width:100%; float:left;}
.right-content .main-inner {margin-left:300px; margin-right:0;}
.right-content #side {width:260px; float:left; margin-left:-100%;}

.one-column #content .wrap {width:1000px;}
.one-column #content .wrap #main {width:100%; float:none;}
.one-column #content .wrap #main .main-inner {width:100%; margin:0;}
.one-column #content .wrap #side {display:none;}

/* レスポンシブ ------------------------- */
@media screen and (max-width:1200px) {/* laptop */
.wrap,
.one-column #content .wrap {/*margin-left:30px; margin-right:30px;*/ width:auto;}
.main-inner {margin-right:290px; box-sizing:border-box;}
}

@media screen and (max-width:991px) {
.wrap {width:100%; box-sizing:border-box; margin:0 auto; *zoom:1;}
.one-column #content .wrap {width:100%;}
.wrap,.one-column #content .wrap {margin-left:0%; margin-right:0%;}
#main,.main-inner,#side {float:none; width:100%; margin-left:0; margin-right:0;}
.left-content #main,
.right-content #main {float:none;}
.left-content .main-inner,
.right-content .main-inner {margin-right:0; margin-left:0; width:100%;}
.left-content #side,
.right-content #side {width:100%; float:none; margin:0;}
#side {padding-top:42px;}
}

@media screen and (max-width:640px){ /* スマホ */
.one-column #content .wrap {margin:0px 0px;}
.page.one-column #content .wrap {padding:0px 10px;}
.category #content .wrap {padding:0px 10px;}
.single #content .wrap {padding:0px 10px;}
.home #content .wrap {margin:0px 0px;}

}



body {background:#fde0ef; color:#383838;}
a {text-decoration:none; color:#2581c4;}
a:hover {text-decoration:underline;}

form input[type="submit"],
form button {background:#2581c4; color:#fff;}
form input[type="submit"]:hover,
form button:hover {cursor:pointer;}

/* header
---------------------------------------- */
#header {background:#fff; padding:2px 0; text-align:center;}
#header #logo {font-size:24px; margin:0px auto; text-align:center;}
#header #logo img{height:70px;}
#header #logo a {color:#383838;}

/* breadcrumb --------------------------- */
.breadcrumb {margin:0 0 15px; overflow:hidden; font-size:12px; line-height:22px; padding:0;}
.breadcrumb li {float:left; margin-left:10px;}
.breadcrumb li a {text-decoration:none;}
.breadcrumb li a:hover {text-decoration:underline;}

/* gloval nav ------------------------------ */
#g_nav {background:#fde0ef; border-top:1px #ebb9d2 solid; border-bottom:1px #ebb9d2 solid; font-size:14px;}
#g_nav:after {content:""; clear:both; height:0; display:block; visibility:hidden;}
#g_nav .sub-menu {z-index:10; font-size:14px; margin:0;}
#g_nav ul {margin:0; padding:0;}
#g_nav li {float:left; position:relative; text-align:center; min-width:100px; padding:0 0px 0 0; border-right:1px #ebb9d2 solid;}
#g_nav li:first-child {border-left:1px #ebb9d2 solid;}
#g_nav li a {display:block; background:#fde0ef; padding:8px 12px; color:#4E4E4E; text-decoration:none; -webkit-transition:background .3s ease-in-out; transition:background .3s ease-in-out;}
#g_nav li a:hover {background:#fff2f9;}
#g_nav li a:hover .sub-menu {display:block;}

#g_nav li .sub-menu {display:none; position:absolute; width:200px; background:#fff; border:none; border-bottom:none; margin:0;}
#g_nav li .sub-menu li {float:none; border-bottom:none; margin-right:0; padding:0;}
#g_nav li .sub-menu li:list-child {border-bottom:none;}
#g_nav li .sub-menu li a {color:#fff; background:#2b2b2b; font-size:12px; padding:14px 18px; margin-top:0; border:none; overflow:hidden;}
#g_nav li .sub-menu li a:hover {background:#373B3B; color:#fff;}
#g_nav li .sub-menu li a:after {content:"\f105"; float:right; font-family:'FontAwesome';}
#g_nav li .sub-menu .sub-menu {left:100%; top:0;}

@media only screen and (min-width:641px) and (max-width:768px) { /* タブレット */
#g_nav ul {margin:0 !important; padding:0 !important;}
#g_nav li {float:left; position:relative; text-align:center; min-width:60px; padding:0px 5px; border-right:1px #ebb9d2 solid;}
#g_nav li:first-child {border-left:1px #ebb9d2 solid; width:auto;}
#g_nav li a {display:block; padding:15px 5px;}
}



/* ハンバーガーメニュー */
.HiddenCheckbox{display:none;}
@media screen and (max-width:640px){ /* スマホ */
.HiddenCheckbox {display:none;}
.MenuContainer {display:inline-block; margin:0px;}
.MenuHeader {color:#999999; display:inline-block; float:right; margin:0 0 0 0px; opacity:0; top:0; position:fixed; z-index:1000;}
 
.MenuIcon {z-index:1000; margin:10px 10px 0px 0px; cursor:pointer; display:block; float:right; height:36px; width:40px; top:0; right:0; position:fixed; border:0px #d06778 solid; padding:5px 4px 0px 6px; border-radius:5px;}

.MenuIcon::before	{width:28px; height:3px; border-radius:4px; box-shadow:#999999 0 10px 0; -webkit-transform-origin:left top; -ms-transform-origin:left top; transform-origin:left top;}
.MenuIcon::after	{width:28px; height:3px; border-radius:4px; margin:0px 0px 7px 0px; bottom:0; -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom;}

.MenuIcon::before,
.MenuIcon::after	{background:#999999; border-radius:4px; display:block; content:''; position:absolute; -webkit-transition:-webkit-box-shadow 0.2s linear, -webkit-transform 0.4s 0.2s; transition:box-shadow 0.2s linear, transform 0.4s 0.2s;} 

.Menu_hb {margin:56px 0px 0px 0px;  border-left:#cccccc 1px solid; bottom:0; right:-90%; position:fixed; top:0; width:90%; -webkit-transition:right 0.4s; transition:right 0.4s; z-index:100; padding:0px 0px 20px 0px; overflow-y:auto; /* 縦方向のみスクロール */}

.HiddenCheckbox:checked ~ .MenuHeader {opacity:1; -webkit-transform:none; -ms-transform:none; transform:none;}
.HiddenCheckbox:checked ~ .MenuIcon::before {-webkit-transform:rotate(45deg) translate3d(4px, -4px, 0); transform:rotate(45deg) translate3d(8px, -7px, 0); -webkit-box-shadow:transparent 0 0 0;}
.HiddenCheckbox:checked ~ .MenuIcon::after {-webkit-transform:rotate(-45deg) translate3d(4px, 4px, 0); transform:rotate(-45deg) translate3d(8px, 6px, 0);}
.HiddenCheckbox:checked ~ .Menu_hb {right:0;}

.Menu-list {list-style-type:none; margin:0px 0px 10px 0px; padding:0;}

#g_nav {background:rgba(255,255,255,0.9); border-top:0px #dddddd solid; border-bottom:0px #dddddd solid; font-size:16px;}
#g_nav ul {margin:0px -10px !important; padding:0px !important;}
#g_nav li {float:left; position:relative; text-align:left; width:100%; margin:0px !important; padding:0px !important; border-bottom:1px #dddddd solid; border-right:0px;}
#g_nav li:first-child {border-top:1px #dddddd solid; width:100%; border-left:0px;}
#g_nav li a {display:block; padding:15px 0px 15px 20px; text-decoration:none; -webkit-transition:background .3s ease-in-out; transition:background .3s ease-in-out;}

#header {background:rgba(255,255,255,0.9); padding:3px 0px; width:100%; text-align:center; position:fixed; top:0px; border-bottom:1px #cccccc solid; z-index:100;}
#header #logo {font-size:16px; height:50px; margin:0px auto 0px 0px; text-align:left;}
#header #logo img{width:84%; height:auto; max-height:50px;}
#header #logo a {color:#333333;}
}




/* content-none ------------------------ */
.content-none #searchform {max-width:400px;}

/* pagetop ----------------------------- */
.pagetop {visibility:hidden; opacity:0; position:fixed; bottom:50px; right:50px; color:#fff;}
.pagetop span {display:block; border-radius:25px; background:#fde0ef; width:50px; height:50px; text-align:center; line-height:40px; font-size:36px;}
.pagetop span i {color:#fff;}
.pagetop.show {visibility:visible; opacity:.8;}

@media screen and (max-width:991px) {
.pagetop {right:10px; bottom:70px;}
}


.red{color:#E2080B;}
p {margin:0 0 15px; line-height:1.5;}


.moushikomi_box{clear:both; text-align:center; color:#fb007f; margin:30px 0px 30px; padding:20px 0px 20px 0px; font-size:22px; background:#fde0ef;}
.moushikomi a{clear:both; text-decoration:none !important; margin:10px auto 0px; text-align:center; display:block; line-height:40px; width:60%; color:#FFFFFF !important; font-weight:normal; font-size:28px; padding:5px 0px 5px 5px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
border:2px solid #ff1818; background:-moz-linear-gradient(top, #FF5C5C 0%, #ff1818); background:-webkit-gradient(linear, left top, left bottom, from(#FF5C5C), to(#ff1818));}
.moushikomi a::before {float:right; content:"\f054"; font-family:"FontAwesome"; margin-right:10px; color:#fff;}
.moushikomi a:hover {opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)";}

.syousai a{clear:both; text-decoration:none !important; margin:10px auto 0px; text-align:center; display:block; line-height:40px; width:60%; color:#3CA4C0 !important; font-weight:normal; font-size:28px; padding:5px 0px 5px 5px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
border:2px solid #A4E3F4; background:-moz-linear-gradient(top, #E4F9FF 0%, #bcf0fe); background:-webkit-gradient(linear, left top, left bottom, from(#E4F9FF), to(#bcf0fe));}
.syousai a::before {float:right; content:"\f054"; font-family:"FontAwesome"; margin-right:10px; color:#fff;}
.syousai a:hover {opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)";}

@media screen and (max-width:768px){
.moushikomi a{width:90%; font-size:21px; font-weight:bold; padding:5px 0px 5px 5px;}
.syousai a{width:90%; margin:-15px auto 40px; font-size:21px; font-weight:bold; padding:5px 0px 5px 5px;}
}




.top_1box{text-align:center; margin:-30px 0px 0px;}
.top_1box:after {content:""; clear:both; height:0; display:block; visibility:hidden;}
.top_1box img{width:90%; margin:0px 0px 15px; border:1px solid #cccccc;}
@media screen and (max-width:767px) {
.top_1box{text-align:center; margin:-40px 5px 40px;}
.top_1box img{width:96%; margin:0px 2% 20px; border:1px solid #cccccc;}
}

.top_2box:after {content:""; clear:both; height:0; display:block; visibility:hidden;}
.top_2box img{float:right; margin:0px 0px 0px 10px;}
.top_2box_txt{margin:0px 20px; font-size:18px;}

.top_2box_s{margin:0px 2%; padding:0px 0px; width:96%;}
.top_2box_s:after {content:""; clear:both; height:0; display:block; visibility:hidden;}
.top_2box_s img{float:left; margin:0px 10px 0px 0px;}
.top_2box_s_txt{margin:0px 0px; font-size:18px;}

.top_ryoukin{background:#eefbff; font-size:20px; padding:20px 20px; border:1px solid #bcf0fe; margin:10px 0px 0px 490px;}
.top_ryoukin_s{font-size:11px !important; margin-left:0px;}

.top_ryoukin2{background:#eefbff; font-size:18px; padding:20px 20px; border:1px solid #bcf0fe; margin:10px 0px 0px 490px;}


.top_ryoukin3{font-size:16px; padding:0px; margin:10px 0px 0px 490px;}
.top_ryoukin3 table{margin:0px 0px 5px; width:466px;}
.top_ryoukin3 table th{background:#eefbff; font-weight:bold; color:#1480A1;}
.ryoukin_r{text-align:right; width:40%;}

@media only screen and (min-width:641px) and (max-width:768px) { /* タブレット */
.top_2box {text-align:center;}
.top_2box img{float:none; margin:0px auto 10px;}
.top_2box_txt{margin:10px 10px; font-size:18px; text-align:left;}
.top_2box_s {text-align:center;}
.top_2box_s img{float:none; margin:0px auto 10px;}
.top_2box_s_txt{margin:10px 3px; font-size:18px; text-align:left;}
.top_ryoukin{background:#eefbff; font-size:20px; padding:10px 10px; margin:10px 0px 10px 0px;}
.top_ryoukin2{background:#eefbff; font-size:20px; padding:10px 10px; margin:10px 0px 10px 0px;}
	
.top_ryoukin3{font-size:16px; padding:0px; margin:10px 0px 10px 0px;}
.top_ryoukin3 table{ width:100%;}
}
    
@media screen and (max-width:640px){ /* スマホ */
.top_2box img{float:none; margin:0px 0px 0px 0px;}
.top_2box_txt{margin:10px 10px; font-size:16px;}
.top_2box_s img{float:none; margin:0px 0px 0px 0px; border:1px solid #E3E3E3;}
.top_2box_s_txt{margin:10px 3px; font-size:16px;}
.top_ryoukin{background:#eefbff; font-size:18px; padding:10px 10px; margin:10px 0px 10px 0px;}
.top_ryoukin2{background:#eefbff; font-size:18px; padding:10px 10px; margin:10px 0px 10px 0px;}
	
.top_ryoukin3{font-size:16px; padding:0px; margin:10px 0px 10px 0px;}
.top_ryoukin3 table{width:100%;}
}


.pocke_ch_txt{margin:0px 20px; font-size:16px;}
.pocke_ch_box{text-align:center; margin:0px 0px 0px;}
.pocke_ch_box .moushikomi{margin:0px 0px 80px;}
.pocke_ch_title{font-weight:bold; margin:0px 0px 20px; color:#149bc0; font-size:26px;}
@media screen and (max-width:768px){
.pocke_ch_txt{margin:0px 10px; font-size:16px;}
.pocke_ch_box{text-align:center; margin:20px 0px 0px;}
 iframe{width:100%;}
.pocke_ch_title{font-size:22px;}
}


.studio img{width:48%; float:left; margin:0px 1% 50px;}
@media screen and (max-width:768px){
.studio img{width:98%; float:none; margin:0px 1% 20px;}
}

.ponyan_box{margin:20px 0px 0px 0px;}
.ponyan_box:after {content:""; clear:both; height:0; display:block; visibility:hidden;}
.ponyan_s{float:left; width:50%; text-align:center;}
@media screen and (max-width:768px){
.ponyan_s{float:left; width:48%; text-align:center; margin:0px 1% 10px;}
}



.teacher img.size-full{float:left; width:300px; margin:0px 20px 0px 0px; border:1px #E5E5E5 solid;}
.teacher .tantou{background:#fde0ef; color:#e21f84; padding:4px 7px; font-size:18px; margin:0px 0px 0px;}

.teacher_box_s{width:24%; padding:10px; margin:0px 0.5% 20px; text-align:center; float:left;}
.teacher_box_s img{margin:0px 15% 10px; border-radius:50%; height:70%; width:70%; border:1px #E5E5E5 solid;}
.teacher_box_s span{color:#333333; font-size:18px;}
.teacher_box_s a{display:block; text-decoration:none !important;}
.teacher_box_s a:hover {opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)";}
.sns_box:after {content:""; clear:both; height:0; display:block; visibility:hidden;}
.sns_box img{float:left; width:50px; margin:5px 5px;}
.sns_box a:hover {opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)";}

@media only screen and (min-width:641px) and (max-width:768px) { /* タブレット */
.teacher img.size-full{float:none; width:70%; margin:0px 15% 10px; border:1px #E5E5E5 solid;}
.teacher .tantou{display:block;}
.teacher_box_s{width:32% !important; padding:10px; margin:0px 0.5% 20px; text-align:center; float:left;}
.teacher_box_s img{margin:0px 10% 10px; border-radius:50%; height:80%; width:80%;}
}

@media screen and (max-width:640px){ /* スマホ */
.teacher img.size-full{float:none; width:70%; margin:0px 15% 10px; border:1px #E5E5E5 solid;}
.teacher .tantou{display:block;}
.teacher_box_s{width:49% !important; padding:10px; margin:0px 0.5% 20px; text-align:center; float:left;}
.teacher_box_s img{margin:0px 10% 10px; border-radius:50%; height:80%; width:80%;}
}



.side_ponyan {margin:0px 0px 20px 0px;}
.side_ponyan img{width:80px; float:left; margin:0px 10px 10px 0px;}
.side_ponyan li{clear:both; border-bottom:1px #cccccc dotted; margin:5px 0px; padding:5px 0px; line-height:24px;}
.side_ponyan li:after {content:""; clear:both; height:0; display:block; visibility:hidden;}



#footer_icon {position:fixed; bottom:0; z-index:10000; width:100%; padding-bottom: calc(-21px + constant(safe-area-inset-bottom)); padding-bottom: calc(-21px + env(safe-area-inset-bottom));}
#footer_icon a{font-size:20px; padding:5px 0px 5px 0px; text-decoration:none !important; text-align:center; display:block; line-height:40px; color:#e21f84 !important; font-weight:normal;
border:1px solid #E365A6; background:-moz-linear-gradient(top, #fde0ef 0%, #E685B7); background:-webkit-gradient(linear, left top, left bottom, from(#fde0ef), to(#E685B7));}
#footer_icon i{font-size:26px; margin-left:10px;}


.real_school_bt img{width:90%; margin:30px 5%;}

/* 見出し */
h1, h2, h3, h4, h5, h6 {clear:both; font-weight:normal;}
.cat-header h1, .post-header h1 {font-size:24px; margin:0px 0px 20px; color:#C01D71; padding:10px 0px; width:100%; text-shadow:0px 1px 1px #ffffff; border-bottom:1px #E381B3 solid; font-weight:bold; text-align:center; background:url(/img/h3.jpg) center top repeat #fff;}
.post-header h2, .post-content h2 {font-size:22px; padding:5px 5px 4px 10px; margin:20px 0px 10px; border-left:5px #E48AB8 solid; border-bottom:1px #E48AB8 solid;  background-color:#ffedf6; color:#C01D71;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff)),
-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff)); -webkit-background-size:10px 10px;}
.post-header h2:first-child, .post-content h2:first-child{margin:0px 0px 10px;}

.post-content h3 {font-size:20px; position:relative; color:#0a7a99; padding:0px 0px 0px 25px; margin:0px 0px 10px;}
.post-content h3:before {position:absolute; content:''; bottom:-3px; left:0; width:0; height:0; border:none; border-left:solid 15px transparent; border-bottom:solid 15px rgb(188, 240, 254);}
.post-content h3:after {position:absolute; content:''; bottom:-3px; left:10px; width:100%; border-bottom:solid 3px rgb(188, 240, 254);}

.h3_s{font-size:17px !important;}
@media screen and (max-width:767px) {
.h3_s{display: block;}
}

.post-content h4 {font-size:18px; margin:20px 0px 10px;}
.post-content h5 {font-size:16px; margin:20px 0px 10px;}
.post-content h6 {font-size:14px; margin:20px 0px 10px;}

.home h2 {font-size:42px; margin:40px 0 30px; padding:14px 10px; width:100%; text-shadow:2px 2px 1px #1161af; color:#ffffff; font-weight:bold; text-align:center; /*background:#bcf0fe;*/background:url(/img/h2.jpg) center top repeat #fff;}
/*.home h2:before{content:""; position:absolute; top:100%; left:50%; margin-left:-15px; border:15px solid transparent; border-top:15px solid #bcf0fe;}*/
.home h3 {font-size:30px; margin:40px 2% 25px; padding:5px 10px; width:96%; color:#C01D71; text-align:center; font-weight:bold; text-shadow:0px 1px 1px #ffffff; border-bottom:1px #E381B3 solid; /*background:#fde0ef;*/background:url(/img/h3.jpg) center top repeat #fff;}


@media screen and (max-width:767px) {
.cat-header h1, .post-header h1 {font-size:22px; margin:0px 0px 20px; padding:10px 0px; }
.post-header h2, .post-content h2 {font-size:22px; padding:5px 5px 4px 10px; margin:20px 0px 10px;}
.post-content h3 {font-size:20px; margin:10px 0px;}
.post-content h4 {font-size:18px; margin:10px 0px;}
.post-content h5 {font-size:16px; margin:10px 0px;}
.post-content h6 {font-size:14px; margin:10px 0px;}
    
.home h2 {font-size:26px; margin:20px 0 15px; padding:7px 10px; background-size:auto 70px;}
.home h3 {font-size:22px; margin:20px 2% 15px; padding:5px 10px; background-size:auto 70px;}
}



/* --- Q&A 3 ---- */
.qa_box{border-bottom:1px dotted #999999; margin:20px 0px; text-align:left;}
.qa_a p{margin:0px 0px 6px;}
.qa_q{font-size:16px; padding:4px 5px 0px 45px; margin-bottom:10px; background:url(/img/qa_q_1.png) no-repeat 10px 0px; background-size:30px;}
.qa_a{font-size:14px; padding:10px 15px 10px 45px; margin:10px 0px; background:url(/img/qa_a_1.png) no-repeat 10px 10px; background-size:30px; background-color:#FFECF6;}
.top_2box_s .qa_q{font-size:20px; padding:0px 5px 0px 45px;}
.top_2box_s .qa_a{font-size:18px;}

@media screen and (max-width:768px){
.qa_box{border-bottom:1px dotted #999999; padding-bottom:0px; margin:10px 0px;}
.qa_box label {padding:1px 0px 5px 45px; width:100%; display:block; margin-left:0px !important; cursor:pointer;}
.qa_box .hidden_show {height:0; padding:0; overflow:hidden; opacity:0; transition:0.8s;}
.qa_box input:checked ~ .hidden_show {padding:0px; height:auto; opacity:1; font-size:14px;}
}


.list_box3 {counter-reset:num; margin:15px 5% 40px 20px !important}
.list_box3 > li p{margin:10px 0px 0px 10px !important; font-size:14px;}
.list_box3 > li dfn {border:1px solid #cccccc; display:block; margin:0px 0 0px -1.5em; background:#fff; padding:7px 5px 7px 28px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}

.list_box3.list_box3_blue > li {list-style-type:none; text-indent:0; padding:0px 0px 10px 7px !important; margin:0px 0px 15px 15px !important; border-left:solid 3px #c4dfea; position:relative;}
.list_box3.list_box3_blue > li::before{background:#4c819f; color:#fff; width:20px; height:20px; font-size:13px; display:block; text-align:center; line-height:20px; border-radius:50%; position:absolute; left:-11px; top:10px; counter-increment:num; content:counter(num);}
.list_box3.list_box3_blue > li::after {content:""; display:block; width:0; height:0; border-style:solid; border-width:0.8em 0.5em 0 0.5em; border-color:#c4dfea #fff #fff #fff; position:absolute; bottom:0em; left:-9px;}



.screen-reader-response, .wpcf7-response-output{color:#ED0003 !important; margin:10px 0px !important; text-align: center;}

.form_box{border-bottom:1px solid #efefef; padding:10px 0px; width:70%; margin:10px 15%;}
.form_box:after {content:""; clear:both; height:0; display:block; visibility:hidden;}
.form_l{float:left; width:30%;}
.form_r{float:left; width:70%;}
.form_l span{margin-right:5px; color:#DC0003;}

.form_box input[type="text"],
.form_box input[type="email"],
.form_box textarea {border-radius:3px; padding:8px 13px; width:100% !important; border:1px #ccc solid; outline:none; box-sizing:border-box;}

.form_box input[type="submit"],
.form_box button {background:#2581c4; color:#fff; width:60% !important; margin:10px 20%;}
.form_box input[type="submit"]:hover,
.form_box button:hover {cursor:pointer;}

.form_box select {border: 1px solid #cccccc; width:100%; border-radius:3px; box-sizing:border-box;
padding:8px 38px 8px 8px; color:#666666;
cursor:pointer;
text-indent:0.01px;
text-overflow:ellipsis;
outline:none;
box-shadow:none;
-webkit-appearance:none;
appearance:none;
background: url(/img/ya.png) right 50% no-repeat;
background-size:30px, 100%;}

@media screen and (max-width:768px){
.form_box{border-bottom:1px solid #efefef; padding:10px 0px; width:100%; margin:10px 0%;}
.form_box input[type="text"],
.form_box input[type="email"],
.form_box textarea {border-radius:3px; padding:8px 13px; width:100% !important; border:1px #ccc solid; outline:none; box-sizing:border-box;}
.form_l{float:none; width:100%;}
.form_r{float:none; width:100%;}
}


/* content ----------------------------- */
#content {padding:15px 0 20px;}
#content .wp-caption {max-width:100%; border:1px solid #efefef; text-align:center; padding:5px;}
#content .wp-caption-text {padding:12px 16px; margin-bottom:0; text-align:center;}

.wp-caption {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; padding-left:4px; padding-right:4px; margin:10px; max-width:100%; box-sizing:border-box; -khtml-border-radius:3px; border-radius:3px;}
.wp-caption.aligncenter {margin:10px auto;}
.wp-caption img {margin:0; padding:0; border:0 none;}
.wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;}

body.home #content {padding-top:52px;}

@media screen and (max-width:767px) {
#content {padding:0px 0 20px;}
}


/* main ------------------------------- */
.cat-content,
article.post,
article.page,
article.wp101,
article.seo101 {margin-bottom:40px; background:#fff; border:1px #e5e5e5 solid;}

.cat-content-area {margin-top:16px;}
.post-title a {color:#383838;}
.post-title a:hover {color:#f24e4f; text-decoration:none;}
.post-title {}
body.page .post-title {margin-bottom:0;}

.cat-content .post-header,
article.page .post-header {padding:20px 20px 0; margin-bottom:0; background:#fff;}
.cat-content .post-title,
article.page .post-title {margin-bottom:0;}


.post-header {padding:10px 20px 0;}
.post-content {padding:30px 20px; overflow:hidden;}
.post-loop-wrap .post-content {width:auto; padding:0 20px 0px;}
.post-footer {border-radius:0 0 3px 3px; padding:0px 20px 0px;}

@media screen and (max-width:991px) {
.post-header {padding:20px 30px 20px;}
.post-loop-wrap .post-content {padding:0 20px;}
.post-footer {padding:0 15px;}

.post-content,
.cta-post-title,
.post-cta,
.post-cta-inner,
.post-share,
.post-author,
article.page .post-header {padding:20px !important;}
}

@media screen and (max-width:767px) {
.cat-content,
article.post,
article.page,
article.wp101,
article.seo101 {margin-bottom:20px; background:#fff; border:0px #e5e5e5 solid;}
    
.post-header {padding:20px 0px 10px; margin:0px !important;}
.cat-content .post-header,
article.page .post-header {padding:10px 0px 20px !important; margin:0px !important;}
.post-content{padding:0 0px !important;}
.post-footer {padding:0 0px !important;}
}





.post-meta {margin:10px 0px 30px; padding:0; border-top:1px #efefef solid;}
.post-meta li {background:#fff; float:left; margin-top:-0.7em; margin-right:20px; padding-right:24px; font-size:14px;}

.post-thumbnail {margin-left:20px; margin-bottom:20px;}
.post-thumbnail img {max-width:100%; height:auto;}

.post-content hr {border-bottom:1px solid #efefef; margin:20px 0; clear:both;}
/*.post-content ul {list-style:disc;}*/
.post-content ol {list-style:decimal;}
.post-content dl dt {font-weight:bold; margin-bottom:4px;}
.post-content dl dd {margin:0 0 20px; border-left:4px solid #e5e5e5; padding:0 0 0 10px;}
.post-content pre {padding:20px; overflow:scroll; font-family:'Courier', monospace;}

.post-content img.alignright {float:right; margin-left:15px; margin-bottom:15px;}




.post-cta {margin:0; background:#f5f5f5; color:#383838; border-top:3px solid #5e6265;}
.post-cta .post-cta-inner {padding:30px 45px;}
.post-cta .cta-post-title {padding:40px 45px; text-align:center; font-size:32px; margin-bottom:14px; border-bottom:1px solid #e5e5e5;}
.post-cta .post-cta-img {float:right; width:230px; margin:0 0 20px 30px;}
.post-cta .post-cta-cont {overflow:hidden;}
.post-cta .post-cta-btn {margin:40px 0 10px;}
.post-cta .post-cta-btn a {background:#5ace5f; color:#fff; border-radius:3px; border-bottom:5px solid #38bd3e; display:block; padding:10px; text-align:center; text-decoration:none; width:60%; margin:0 auto 20px;}
.post-cta .post-cta-btn a:hover {background:#81da85; border-bottom:5px solid #5ace5f;}
.post-cta p {margin-bottom:1em;}
.post-cta .btn {width:100%; display:block; border-radius:3px; text-align:center; color:#fff; padding:14px 0; -webkit-transition:background .3s ease-in-out; transition:background .3s ease-in-out; background:#2581c4;}
.post-cta .btn:hover {text-decoration:none; background:#f24e4f;}

.post-share {padding:0 45px 30px; border-top:1px solid #e5e5e5;}
.post-share .post-share-fb {margin-bottom:0; padding-top:40px; text-align:center;}
.post-share .post-share-fb > span{margin:0 auto;}
.post-share .post-share-title {font-size:20px; padding:10px 0; margin-bottom:0; color:#fff; background-color:#57585A; text-align:center; margin-left:-45px; margin-right:-45px;}
.post-share .post-share-list1,
.post-share .post-share-list2,
.post-share .post-share-list3,
.post-share .post-share-list4 {overflow:hidden; padding:30px 0; margin-left:-2.08%;}
.post-share .post-share-list1 a,
.post-share .post-share-list2 a,
.post-share .post-share-list3 a,
.post-share .post-share-list4 a {text-decoration:none; font-family:'Didact Gothic'; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; display:block; border:1px #eee solid; border-radius:3px; padding:20px 0;}
.post-share .post-share-list1 a:hover,
.post-share .post-share-list2 a:hover,
.post-share .post-share-list3 a:hover,
.post-share .post-share-list4 a:hover {text-decoration:none; background:#f7f7f7;}
.post-share .post-share-list1 li,
.post-share .post-share-list2 li,
.post-share .post-share-list3 li,
.post-share .post-share-list4 li {text-align:center; float:left; margin-left:2.08%;}
.post-share .post-share-list1 i,
.post-share .post-share-list1 .big,
.post-share .post-share-list2 i,
.post-share .post-share-list2 .big,
.post-share .post-share-list3 i,
.post-share .post-share-list3 .big,
.post-share .post-share-list4 i,
.post-share .post-share-list4 .big {font-size:2em;}
.post-share .post-share-list1 li {width:97.92%;}
.post-share .post-share-list2 li {width:47.92%;}
.post-share .post-share-list3 li {width:31.25%; font-size:.8em;}
.post-share .post-share-list4 li {width:22.92%;}
.post-share .post-share-list4 {text-align:center;}
.post-share .post-share-list4 i,
.post-share .post-share-list4 .big {display:block;}
.post-share .post-share-list4 .big {font-size:1.2em;}
.post-share .post-share-facebook a:hover {color:#305097;}
.post-share .post-share-twitter a:hover {color:#00aced;}
.post-share .post-share-google a:hover {color:#db4a39;}
.post-share .post-share-feedly a:hover {color:#2bb24c;}

.post-sns {border-top:1px #eee solid; margin:0 -45px -30px; padding:0;}
.post-sns ul {width:100%; overflow:hidden; padding:0; margin:0;}
.post-sns ul li {float:left; width:50%; box-sizing:border-box; border-right:1px solid #eee; color:#929292; font-size:16px; text-align:center;}
.post-sns ul li.post-sns-twitter a:before {content:"\f099"; font-family:FontAwesome; font-size:24px; padding-right:10px;}
.post-sns ul li.post-sns-feedly a:before {content:"\f09e"; font-family:FontAwesome; font-size:24px; padding-right:10px;}
.post-sns ul li:last-child {border-right:none; padding:-10px 0;}
.post-sns ul li:hover {background-color:#f7f7f7; -webkit-transition:all ease-in-out .3s; transition:all ease-in-out .3s;}
.post-sns ul li.post-sns-twitter:hover {color:#00ACED;}
.post-sns ul li.post-sns-feedly:hover {color:#5ACF5F;}
.post-sns ul li span {font-size:20px;}
.post-sns ul li a {width:100%; display:block; color:#929292; text-decoration:none; padding:24px 0;}
.post-sns ul li a:hover {-webkit-transition:all ease-in-out .3s; transition:all ease-in-out .3s;}
.post-sns ul li.post-sns-twitter a:hover {background-color:#00aced; color:#fff;}
.post-sns ul li.post-sns-feedly a:hover {background-color:#5ACF5F; color:#fff;}

.post-footer ul li {display:inline-block; vertical-align:top;}
.post-footer ul li a:hover {text-decoration:underline;}
.post-footer .bzb-sns-btn {padding:0 0 30px; font-size:0;}
.post-footer .bzb-sns-btn li {display:inline-block; font-size:16px; width:auto; vertical-align:top;}
.post-footer .bzb-sns-btn:after {content:''; display:block; clear:both; zoom:1;}
.post-footer:after {content:''; display:block; clear:both; zoom:1;}

.post-footer-list {margin:0 0 30px;}
.post-footer-list li {margin-right:10px;}

.post-author {border-radius:3px; margin-bottom:0px; padding:40px 64px; border-top:1px #eee solid; border-bottom:1px #eee solid; color:#383838;}
.post-author .post-author-img {width:80px; float:left;}
.post-author .post-author-img .inner {padding:0;}
.post-author a {color:#2581c4;}
.post-author .post-author-meta {margin-left:100px;}
.post-author .post-author-meta h4 {margin:0 40px 10px 0; font-weight:bold;}

div.post-share-fb .fbcomments,
div.post-share-fb .fb_iframe_widget,
div.post-share-fb .fb_iframe_widget[style],
div.post-share-fb .fb_iframe_widget iframe[style],
div.post-share-fb .fbcomments iframe[style] *,
div.post-share-fb .fb_iframe_widget span {max-width:100% !important;}

/* bzb sns */
.post-header-meta {overflow:visible; margin-top: 10px;}
.post-header-meta:after {content:""; clear:both; display:block;}

.bzb-sns-btn {padding:0; margin:0; font-size:0;}
.bzb-sns-btn li {display:inline-block; vertical-align:top; font-size:16px; width:auto; margin:4px;}
/*
.bzb-sns-btn li.bzb-facebook {width:98px;}
.bzb-sns-btn li.bzb-facebook span {vertical-align:top !important;}
.bzb-sns-btn li.bzb-twitter {width:93px;}
.bzb-sns-btn li.bzb-line a, .bzb-sns-btn li.bzb-line img {vertical-align:top;}
*/
.bzb-sns-btn li.bzb-googleplus {width:65px;}
.bzb-sns-btn li.bzb-pocket {width:86px;}
.bzb-sns-btn li.bzb-line a img{vertical-align:top;}
.bzb-facebook .fb-like > span {vertical-align:top !important;}
.bzb-twitter {width:92px;}
.bzb-googleplus {width:80px;}
.post-header-category {float:right; width:300px; text-align:right; padding:20px 0 10px;}

/* comment ---------------------------- */
#comments {padding:40px 64px;}
.comment-list > .comment {margin-bottom:40px; border-bottom:1px #eee solid;}
.comment-list > .comment > .comment-body {padding:0 20px; margin-bottom:20px;}
.comment-list .children {margin-left:45px;}
.comment-list .children .comment-body {padding:20px 30px; margin-bottom:20px; background:#f7f7f7;}
.comment-author {float:left; vertical-align:top; font-size:12px; margin-left:10px;}
.comment-author img {vertical-align:top;}
.comment-meta {font-size:12px; margin-bottom:12px;}
.reply a {border-radius:3px; padding:3px 5px; font-size:12px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.reply a:before {content:' '; font-family:'FontAwesome';}
.reply a:hover {text-decoration:none;}
.comment-form-comment label {display:none;}
.comment-form-comment textarea {width:80%; margin:20px 0; border-radius:3px;}
.form-allowed-tags {font-size:12px; margin-bottom:20px; display:none;}
.comment-meta:after {content:' '; display:block; clear:both;}
.comments-title {font-size:24px; padding:20px 0; margin-bottom:30px;}
.comment-form-author,
.comment-form-email,
.comment-form-url {overflow:hidden; margin:10px 0;}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label {width:15%; float:left; font-size:12px;}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {width:40%; float:left; margin-left:5%; border-radius:3px; padding:5px;}
.form-submit #submit {width:300px; line-height:40px; border:none; border-radius:3px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.form-submit #submit:hover {cursor:pointer;}
.comment-form-comment textarea {width:95%; padding-left:2%; padding-right:2%;}
.comment-form {overflow:hidden;}
.comment-form-author,
.comment-form-email {width:49%; margin:0;}
.comment-form-author label,
.comment-form-author input,
.comment-form-email label,
.comment-form-email input {width:90%; float:none; margin:0 0 10px;}
.comment-form-author {float:left;}
.comment-form-email {float:right;}


/* loop -------------------------------- */
.cat-content {background:#fff; padding:20px; margin-bottom:10px;}
.post-loop-wrap article {width:100%; margin:0 0 40px;}
.post-loop-wrap article p {margin-top:0;}
.post-loop-wrap .post-thumbnail {width:304px; height:215px; margin-left:20px; margin-bottom:20px; float:right;}
.post-loop-wrap .post-thumbnail img {max-width:100%; height:auto;}
.post-loop-wrap .post-footer {border-top:1px #efefef solid; padding-top:10px;}
.post-loop-wrap .post-footer .bzb-sns-btn {padding:0; margin-right:50px; float:left;}
.post-loop-wrap .post-footer .loop-comment-icon {float:right;}
.post-loop-wrap .post-footer .loop-comment-icon .fa {font-size:18px; margin-right:5px;}
.post-loop-wrap .post-footer .loop-comment-icon .share {display:none;}
.post-loop-wrap .post-footer .loop-comment-icon .count {font-size:14px;}
.more-link {border:1px #2581c4 solid; padding:12px 24px; line-height:26px; margin-bottom:64px; box-sizing:border-box; clear:both; color:#2581c4; font-size:14px;}
.more-link:hover {background:#2581c4; color:#fff; text-decoration:none;}

/* content-none */
.content-none {padding-top:40px;}

/* pagination -------------------------- */
.pagination {margin:0 0 120px 0; padding:0;}
.post-content .pagination {margin:0;}
.pagination a, .pagination > span {display:block; float:left; margin:2px 2px 2px 0; padding:12px 18px; text-decoration:none; width:auto; color:#383838;}
.pagination > span{background:#eee;}
.pagination a:hover {background:#eee;}
.pagination .current {padding:12px 18px; background:#eee;}

/* side ------------------------------- */
.side-widget-area {padding:0;}
.side-widget {margin-bottom:40px; line-height:1.6; font-size:14px;}
.side-widget .side-title {margin:0 0 32px; font-size:15px;}
.side-widget ul li {padding:16px 0; border-bottom:1px solid #e5e5e5;}
.side-widget a {color:#5e6265; text-decoration:none;}
.side-widget a:hover {color:#2581c4;}
.side-widget.widget_recent_comments a {background:none;}
.side-widget .post-date {margin:0 0 0 36px; font-size:13px; color:#999999;}

@media screen and (max-width:767px) {
.side-widget {margin-bottom:40px; line-height:1.6; font-size:14px;}
}


#views-2 ul li span {margin:0 0 0 36px; font-size:13px; color:#999999;}

.widget_recent_entries a,
.widget_archive a,
.widget_categories a,
.widget_meta a,
.widget_views a {color:#5e6265; text-decoration:none; padding-left:36px; display:block; background:url('lib/images/icont_arw_lit.png?1418372717') left center no-repeat;}

.widget_categories a {display:inline-block;}

.widget_recent_entries a:hover,
.widget_archive a:hover,
.widget_categories a:hover,
.widget_meta a:hover,
.widget_views a:hover {color:#2581c4; background:url('lib/images/icon_arw_gry.png?1418372717') left center no-repeat;}

/* comment */
.recentcomments {color:#808080; font-size:12px;}
.recentcomments a {color:#383838; font-size:14px;}

/* follow */
#side .share-list-wrap {margin:0 -20px 20px; background:#f9f9f9; padding:20px;}
#side .share-list-wrap .post-share-list1,
#side .share-list-wrap .post-share-list2,
#side .share-list-wrap .post-share-list3,
#side .share-list-wrap .post-share-list4 {overflow:hidden; margin-left:-1%;}
#side .share-list-wrap .post-share-list1 li,
#side .share-list-wrap .post-share-list2 li,
#side .share-list-wrap .post-share-list3 li,
#side .share-list-wrap .post-share-list4 li {float:left; width:24%; margin-left:1%;}
#side .share-list-wrap .post-share-list1 li a,
#side .share-list-wrap .post-share-list2 li a,
#side .share-list-wrap .post-share-list3 li a,
#side .share-list-wrap .post-share-list4 li a {border-radius:100%; background:#fff; display:table-cell; text-align:center; vertical-align:middle; width:60px; height:60px; font-size:32px; color:#5e6265;}
#side .share-list-wrap .post-share-list1 li a .follow-on,
#side .share-list-wrap .post-share-list1 li a .big,
#side .share-list-wrap .post-share-list2 li a .follow-on,
#side .share-list-wrap .post-share-list2 li a .big,
#side .share-list-wrap .post-share-list3 li a .follow-on,
#side .share-list-wrap .post-share-list3 li a .big,
#side .share-list-wrap .post-share-list4 li a .follow-on,
#side .share-list-wrap .post-share-list4 li a .big {display:none;}
#side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {color:#305097;}
#side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {color:#00aced;}
#side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-google a:hover {color:#db4a39;}
#side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {color:#2bb24c;}

/* author */
#side-author {overflow:hidden; font-size:12px;}
#side-author h4 {padding:12px 0; margin-bottom:20px; font-size:16px;}
#side-author .side-author-img {float:left; width:100px;}
#side-author .side-author-meta {float:right; width:180px;}

/* footer ------------------------------ */
#footer {color:#1E252C;}
#footer a {color:#1E252C;}
#footer a:hover {color:#2581c4;}
#footer .wrap {padding:20px 0;}
#footer .post-share {padding-right:0; padding-left:0;}
.footer-01 {background:#fff; border-top:1px #efefef solid; font-size:13px;}
.footer-01 ul {overflow:hidden; text-align:left;}
.footer-01 ul li {display:inline-block; margin:0px 20px;}
.footer-02 {background:#fff; border-top:1px #efefef solid;}
.footer-02 .footer-copy {text-align:center; font-size:12px;}


/* LP ---------------------------------- */
.single-lp {padding:40px 0;}
.single-lp .lp-wrap {width:1157px; border:1px solid #efefef; margin:0 auto; background:#fff; padding:45px 0;}
.single-lp .lp-thumbnail {border:1px #ccc solid; float:right; margin:0 0 13px 13px; border:1px #ccc solid;}
.single-lp .lp-thumbnail img {vertical-align:top;}
.single-lp .post-content {padding:0; overflow:hidden;}
.single-lp #lp-header {background:#fff; padding:0 56px;}
.single-lp #lp-header h1 {font-size:32px; color:#2581c4; padding-bottom:35px; border-bottom:1px solid #efefef;}
.single-lp #content {padding:40px 56px; overflow:hidden;}
.single-lp #main {width:100%;}
.single-lp .main-inner {overflow:hidden; margin-right:350px;}
/* one-column */
.one-column.single-lp #main{float:none;}
.one-column.single-lp .main-inner {margin-left:0; margin-right:0;}
.one-column.single-lp #side{float:none; width:100%; margin-left:0; margin-right:0;}
.single-lp #side {width:320px; margin-left:-320px;}
.single-lp.right-content #side {width:320px; margin-left:-100%;}
.single-lp.right-content .main-inner{margin-left:350px; margin-right:0;}
.single-lp .post-footer {padding:20px 0;}
.single-lp .lp-form {background:#494c4e; color:#fff; padding:30px; width:100%; max-width:500px; margin-left:auto; margin-right:auto;}
.single-lp .lp-form h3{font-weight:bold; font-size:18px; margin-bottom:12px;}
.single-lp .lp-form input[type=text],
.single-lp .lp-form input[type=email] {width:90%; padding:10px 5%; border:none;}
.single-lp .lp-form input[type=submit],
.single-lp .lp-form button {width:100%; padding:10px 0; background:#5ace5f; color:#fff; border-bottom:5px solid #38bd3e; -webkit-transition:all ease-in-out 0.3s; transition:all ease-in-out 0.3s; border-radius:3px;}
.single-lp .lp-form input[type=submit]:hover,
.single-lp .lp-form button:hover {background:#6ed472;}
.single-lp .lp-form dl {margin-bottom:13px;}

/* レスポンシブ ------------------------- */
#header-menu-tog {display:none;}
@media screen and (max-width:1200px) {.single-lp .lp-wrap {width:auto; margin:0 36px;}
.single-lp .main-inner {margin-right:350px;}
}

@media screen and (max-width:991px) {
.sp-hide {display:none !important;}
.sp-show {display:block !important;}
#main .post-sns {margin:0 -20px -20px !important;}
#main .post-share-title {margin:0 -20px !important;}
.single-lp #lp-header {padding-left:24px; padding-right:24px;}
.single-lp #lp-header .lp-title {padding:0; margin:0; font-size:21px;}
.single-lp #content {padding:20px;}
.single-lp .lp-wrap {padding:24px 0; width:auto; margin:0 24px;}
.single-lp .lp-wrap input[type=text] {width:100%;}
.single-lp .lp-wrap input[type=submit] {margin-top:30px;}
.single-lp .post-content {padding:0 !important;}
.single-lp #side {margin-left:0; width:100%;}
.single-lp #side dl,
.single-lp #side dt,
.single-lp #side dd {width:100%; margin:0 0 20px; padding:0;}
.single-lp #side dt {margin-bottom:8px;}
.alignleft,.alignright {float:none !important; margin-left:auto !important; margin-right:auto !important;}
img {max-width:100%; height:auto;}

/* header */
#header .wrap {padding:0;}
#header #logo img {vertical-align:top;}
#header #header-primary-nav {display:none;}
#header-menu-tog {display:block; float:right; font-size:24px;}
    

#gnav {display:none;}
#gnav.active {display:block;}
#gnav {margin:20px 2%; border:1px solid #cccccc; padding:10px;}
#gnav .wrap {margin:0;}
#gnav ul li {float:none; position:relative; margin-right:0; margin-bottom:1px; padding:0;}
#gnav ul li.current-menu-item a {border-top:none; background:#f7f7f7;}
#gnav ul li a {display:block; border-top:none; padding:12px 8px; color:#2B2D2D; background:#fff; text-decoration:none; -webkit-transition:background .3s ease-in-out; transition:background .3s ease-in-out; border-bottom:1px #e5e5e5 solid;}
#gnav ul li a:hover {color:#2B2D2D; border-top:none;}
#gnav ul li a:hover .sub-menu {display:block;}
#gnav ul li .sub-menu {display:block; position:relative; width:auto; margin-left:20px; background:#fff; border:none; border-bottom:none;}
#gnav ul li .sub-menu li {float:none; margin-right:0;}
#gnav ul li .sub-menu li:list-child {border-bottom:none;}
#gnav ul li .sub-menu li a {color:#2581c4; background:#fff; padding:10px 15px; border-bottom:1px #e5e5e5 solid;}
#gnav ul li .sub-menu li a:hover {background:#fafafa; color:#2581c4; box-shadow:0;}
#gnav ul li .sub-menu .sub-menu {left:auto; top:auto;}

/* loop */
.cat-content {padding:20px 0px;}
.post-loop-wrap .post-thumbnail {height:215px; float:none; margin-left:0; margin-right:0; text-align:center;}
.post-loop-wrap .post-thumbnail img {max-width:100%; height:auto; margin:0 auto;}
.post-loop-wrap .post-title {margin-bottom:0;}
.post-loop-wrap .post-footer {display:none;}

/* comment */
.comment-form-author,
.comment-form-email {float:none; width:auto;}

/* padding */
.post-thumbnail,.post-cta-img {margin-left:0; margin-right:0; float:none;}
.more-link {display:block; width:100%; text-align:center; margin-bottom:24px;}
}


@media screen and (max-width:767px) {/* phone */

#main .post-share .post-sns {margin:0 -20px -20px;}
#main .post-share .post-sns ul li {width:auto; float:none; border-right:none; border-bottom:1px solid #eee;}
#main .post-share .post-sns ul li a {padding:16px 0; font-size:16px;}
#main .post-share .post-sns ul li a span {font-size:16px;}
#main .post-share .post-sns ul li a:before {font-size:18px;}
#main #comments {padding:20px;}
#main .post-author {padding:20px;}
#main .post-author .post-author-img {float:none;}
#main .post-author .post-author-meta {padding:0; margin:10px 0 0;}

.post-cta .post-cta-img {width:100%; margin:0 auto 30px; float:none;}
.post-cta .post-cta-btn {margin:24px 0 10px;}
.post-cta .post-cta-btn a {width:100%; box-sizing:border-box;}


#main .post-cta .cta-post-title {font-size:24px !important; padding:0 0 20px !important;}
}





.voice_box:after {content:""; clear:both; height:0; display:block; visibility:hidden;}
.voice_box img{width:60px; margin-top:5px;}
.voice_l img{float:left;}
.voice_r img{float:right;}

.voice_box .voice_txt{position:relative; font-size:13px !important; padding:5px 15px; border-radius:8px;}
.voice_box .voice_txt::before ,.voice_box .voice_txt::after{content:''; position:absolute; display:block; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent;}

.voice_l .voice_txt{margin:20px 0px 20px 80px;}
.voice_r .voice_txt{margin:20px 80px 20px 0px;}

.voice_l .voice_txt::before{left:-15px; top:15px;}
.voice_l .voice_txt::after {left:-14px; top:15px;}
.voice_r .voice_txt::before{right:-15px; top:15px;}
.voice_r .voice_txt::after {right:-14px; top:15px;}


.voice_pink .voice_txt   {background-color:#FFF5FC; border:1px solid #F89DDB;}
.voice_pink.voice_l .voice_txt::before{border-right:15px solid #F89DDB;}
.voice_pink.voice_l .voice_txt::after {border-right:15px solid #FFF5FC;}
.voice_pink.voice_r .voice_txt::before{border-left:15px solid #F89DDB;}
.voice_pink.voice_r .voice_txt::after {border-left:15px solid #FFF5FC;}

.voice_blue .voice_txt   {background-color:#F0F8FF; border:1px solid #8CC9F2;}
.voice_blue.voice_l .voice_txt::before{border-right:15px solid #8CC9F2;}
.voice_blue.voice_l .voice_txt::after {border-right:15px solid #F0F8FF;}
.voice_blue.voice_r .voice_txt::before{border-left:15px solid #8CC9F2;}
.voice_blue.voice_r .voice_txt::after {border-left:15px solid #F0F8FF;}


.flow_box{margin-bottom:20px;}
.flow_box:after {content:""; clear:both; height:0; display:block; visibility:hidden;}
.flow_r{width:100%; margin:0px 0px 0px 0px;}
.flow_step1{background:#70b1d6; color:#ffffff; padding:10px 10px 10px 15px; border-radius:10px; margin-bottom:10px;}
.flow_step2{background:#ef4775; color:#ffffff; padding:10px 10px 10px 15px; border-radius:10px; margin-bottom:10px;}
.flow_step3{background:#bd5383; color:#ffffff; padding:10px 10px 10px 15px; border-radius:10px; margin-bottom:10px;}
.flow_step4{background:#ffd34e; color:#ffffff; padding:10px 10px 10px 15px; border-radius:10px; margin-bottom:10px;}
.flow_title1{color:#70b1d6; margin-bottom:10px; font-size:18px; padding:0px 15px;}
.flow_title2{color:#ef4775; margin-bottom:10px; font-size:18px; padding:0px 15px;}
.flow_title3{color:#bd5383; margin-bottom:10px; font-size:18px; padding:0px 15px;}
.flow_title4{color:#E7B61F; margin-bottom:10px; font-size:18px; padding:0px 15px;}
.flow_txt{padding:0px 15px;}

.triangle1{margin:10px auto 20px!important; width:0; height:0; border-left:30px solid transparent; border-right:30px solid transparent; border-top:30px solid #70b1d6;}
.triangle2{margin:10px auto 20px!important; width:0; height:0; border-left:30px solid transparent; border-right:30px solid transparent; border-top:30px solid #ef4775;}
.triangle3{margin:10px auto 20px!important; width:0; height:0; border-left:30px solid transparent; border-right:30px solid transparent; border-top:30px solid #bd5383;}

@media screen and (max-width:767px) {
.flow_r{float:none; width:100%; margin:0px 0px 0px 0px;}
}

.stop{text-align:center; clear:both; font-size:20px; margin:30px 0px; color:#F00004; background:#FAFFB6; padding:10px;}