/*
Theme Name: fantomsemi
Template: twentytwelve
*/


/***************************************************************
　　基本
 ***************************************************************/

/* マウスロールオーバー -------------------------------------------- */

a:hover img {opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}

.more-link {
	text-decoration: none;
}

/* テキスト関係------------------------ */
.fs {font-size: 10px !important;}
.fm {font-size: 12px !important;}
.fl {font-size: 14px !important;}
.fll {font-size: 16px !important;}
.flll {font-size: 18px !important;}

.line12 {line-height: 1.2;}
.line15 {line-height: 1.5;}
.line17 {line-height: 1.7;}

.serif {font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',serif;}
.center {text-align:center;}
.aligncenter {margin-left:auto; margin-right:auto;}
.alignleft {float: left; margin-right:5px;}
.left { text-align: left;}
.alignright {float: right; margin-left:5px;}
.right { text-align: right;}

.white {color: #fff;}
.black {color: #000;}
.red {color: #CC0000;}
.blue {color: #146ca2;}
.m-blue {color: #0064a2;}
.cha {color: #854d40;}
.brown {color: #663300;}
.green {color: #00702e;}
.orange {color: #ff8800;}
.skyblue {color: #35cdf3;}
.burgundy {color: #cc6666;}
.bg-gry {background-color:#eee;padding:10px 10px 1px 10px;}


/* マージン関係------------------------ */
.mar-t5{margin-top: 5px !important;}
.mar-t10{margin-top: 10px !important;}
.mar-t20{margin-top: 20px !important;}
.mar-t30{margin-top: 30px !important;}
.mar-t40{margin-top: 40px !important;}

.mar-b5{margin-bottom: 5px !important;}
.mar-b10{margin-bottom: 10px !important;}
.mar-b20{margin-bottom: 20px !important;}
.mar-b30{margin-bottom: 30px !important;}
.mar-b40{margin-bottom: 40px !important;}
.mar-b50{margin-bottom: 50px !important;}

.mar-r10{margin-right: 10px !important;}
.mar-r20{margin-right: 20px !important;}

.mar-tb10{margin: 10px 0 !important;}
.mar-tb20{margin: 20px 0 20px 0 !important;}
.mar-tb30{margin: 30px 0 !important;}
.mar-tb40{margin: 40px 0 !important;}


/* Float (left right)------------------------ */

.floatLeft {float: left;}
.floatLeft10 {float: left; margin: 0 10px 0 0;}
.floatLeft20 {float: left; margin: 0 20px 0 0;}
.floatRight {float: right;}
.floatRight10 {float: right; margin: 0 0 0 10px;}


.entry-content img {
	box-shadow: none;
}

.entry-content p.dot-t {
	font-weight: normal;
	line-height: 1.5;
	padding: 2px 0;
	margin: 0;
	border-top:1px dotted #ccc;
}
.entry-content p.dot-b {
	font-weight: normal;
	line-height: 1.5;
	padding: 2px 0;
	margin: 0;
	border-bottom:1px dotted #ccc;
}
.entry-content p.dot-tb {
	font-weight: normal;
	line-height: 1.5;
	padding: 2px 0;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}


.entry-content pre,
.comment-content pre {
	background-color: #f8f8f8 !important;
	background-image:url(images/blockquote.png);
	background-position:10px 10px;
	background-repeat:no-repeat;
	padding: 24px 24px 24px 40px;
	padding: 1.714285714rem 1.714285714rem 1.714285714rem 2.8571628rem;
}
.entry-content address,
.comment-content address {
	font-style:normal;
}

/******************************************************************
　　レイアウト
 ******************************************************************/
body {
	color:#333;
	font: 14px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	margin: 0;
	padding: 0;
}

@media screen and (max-width:800px) {
body {
overflow:hidden;
}
}

.site {
	padding: 0;
	margin:0;
}

.wrapper {
	padding: 0 10px;
	padding: 0 0.714285714rem;
}

.site-header {
	margin:0;
	padding: 5px 0 0 0;
	/*padding: 0.357142857rem 0 0 0;*/
padding: 50px 0 0 0;
	background: #fff;/**/
}

/*.page-template-8_One-Column .site-header, .page-template-8_Two-Column .site-header,
.page-template-9_One-Column .site-header, .page-template-9_Two-Column .site-header{
padding: 0.357142857rem 0 0 0;
}*/


/*
.site-header h1,
.site-header h2 {
	text-align: left;
	margin-left:20px;
}
*/
h2.site-description {
	color:#333;
	font-size:10px;
	padding:0 10px;
}

h1.site-title img {
	width:280px;
}

	.sitetitle-box a.btn {
		padding:0 20px;
		padding:0 1.428571429rem;
		margin: 0 auto !important;
	}


.site-content article {
/*	border-bottom: 4px double #ededed;*/
	border-bottom: none;
	margin-bottom: 10px;
	margin-bottom: 0.714285714rem;
}

footer[role="contentinfo"] {
	padding:0;
	margin:0;
/*	background:#5e5e5e;*/
/*	background:#dde0e4;*/
	background:#264c73;
}

.page-template-page-register-php .site-content {
	margin-top:15px;
	}
.page-template-page-register-php .entry-content {
	margin-top:15px;
	}
.page-template-page-fsp-php .entry-content,
.page-template-page-fspselect-php .entry-content {
/*	margin-top:85px;*/
	margin-top:120px;
	}

.page-template-page-lp-php footer[role="contentinfo"] {
	background:#ececec;
/*	border-top:1px solid #fff;*/
}

/* Buttons */
.menu-toggle {
	width:100%;
	padding: 6px 6px;
	padding: 0.428571429rem 0.428571429rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	/*box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);*/
	behavior: url(ie-css3.htc);
}
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit] {
	padding: 6px 6px 4px 6px;
	padding: 0.428571429rem 0.428571429rem 0.285714286rem 0.428571429rem;
	font-size: 10px;
	font-size: 0.714285714rem;
	line-height: 2;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
	behavior: url(ie-css3.htc);
}

.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #757575;
	background-color: #e1e1e1;
	box-shadow: none;
	border: none;
}

/* Navigation Menu */
.main-navigation {
/*	margin-top: 5px;
	margin-top: 0.357142857rem;*/
	text-align: center;
}
nav.main-navigation {
/*		margin:90px auto 0 auto;*/
		margin:125px auto 0 auto;
background-color: #e6e6e6;/*追加*/
	}
.page-template-page-fsp-php nav.main-navigation,
.page-template-page-fspselect-php nav.main-navigation {
		margin:0px auto 0 auto;
	}

.main-navigation li {
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2.5;
}

.main-navigation a {
	/*color: #5e5e5e; */
	color: #FFF;
	text-decoration: none;
	padding:0 20px;
	padding:0 1.428571429rem;
}

@media screen and (max-width:800px) {
.main-navigation a {
	padding:0;
}
}

.main-navigation a:hover {
	color: #21759b;
}

@media screen and (min-width:801px) {
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: block;
}
}

@media screen and (max-width:800px) {
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}
}


.main-navigation ul.nav-menu{
z-index:9999999999999999999;
position:relative;
}

.main-navigation ul.sub-menu {
	display: none;
}

/* Menu Buttons */
.menu-toggle:before {
	border-top:1px solid #747573;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
}

.menu-toggle {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#264c73), to(#264c73));
 background-image: -webkit-linear-gradient(top, #264c73, #264c73);
 background-image: -moz-linear-gradient(top, #264c73, #264c73);
 background-image: -ms-linear-gradient(top, #264c73, #264c73);
 background-image: -o-linear-gradient(top, #264c73, #264c73);
 background-image: linear-gradient(to bottom, #264c73, #264c73);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#264c73, endColorstr=#264c73);
	behavior: url(ie-css3.htc);

	border-top: 1px solid #BDBFBC;
	border-bottom: 1px solid #BDBFBC;

	padding: 10px 0;
	padding: 0.714285714rem 0;
	cursor: pointer;

	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	font-weight: normal;
	color: #ffffff;
}

.menu-toggle:hover {
	color: #fff;
	background:#264c73;/**/
}

.menu-toggle:active,
.menu-toggle.toggled-on {
	color: #fff;
	border: none;
/*	border-bottom: 1px solid #BDBFBC;*/
	border-radius: 0px;
	background:#264c73;
}

.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
	width:100%;
	border:0;
	border-radius:0;
}

.main-navigation ul.nav-menu.toggled-on li {
	margin:1px 0 0 0;
	margin:0.071428571rem 0 0 0;
}

.main-navigation ul.nav-menu.toggled-on li a {
	display:block;
	cursor: pointer;

	padding-top: 0;
	padding-bottom: 0;

 background-image: -webkit-gradient(linear, left top, left bottom, from(#264c73), top(#264c73));
 background-image: -webkit-linear-gradient(top, #264c73, #264c73);
 background-image: -moz-linear-gradient(top, #264c73, #264c73);
 background-image: -ms-linear-gradient(top, #264c73, #264c73);
 background-image: -o-linear-gradient(top, #264c73, #264c73);
 background-image: linear-gradient(to bottom, #264c73, #264c73);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#264c73, endColorstr=#264c73);
	behavior: url(ie-css3.htc);
}

.main-navigation ul.nav-menu.toggled-on li a:hover {
	display:block;
	color:#fff;
	cursor: pointer;

	padding-top: 0;
	padding-bottom: 0;

	background-color:#264c73;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#106DCB), to(#106DCB));
 background-image: -webkit-linear-gradient(top, #106DCB, #106DCB);
 background-image: -moz-linear-gradient(top, #106DCB, #106DCB);
 background-image: -ms-linear-gradient(top, #106DCB, #106DCB);
 background-image: -o-linear-gradient(top, #106DCB, #106DCB);
 background-image: linear-gradient(to bottom, #106DCB, #106DCB);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#106DCB, endColorstr=#106DCB);
behavior: url(ie-css3.htc);
}

.main-navigation ul.nav-menu.toggled-on li ul li {
	/*display:inline-block;*/
}

/* sub-menu */
.main-navigation ul.nav-menu.toggled-on li ul.sub-menu {
	display:block;
}



/* Sidebar ・ Footer widget ----------------- */
.widget-area .widget {
	background-color:#ffffff;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%, #ffffff));
 background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
 background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
 background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
 background-image: -o-linear-gradient(top, #ffffff, #ffffff);
 background-image: linear-gradient(top, #ffffff, #ffffff);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f6f6f6, endColorstr=#ffffff);
behavior: url(ie-css3.htc);
	margin-bottom: 20px;
	margin-bottom: 1.428571429rem;
	padding:0;/**/
	padding:0rem;/**/
	border:0px solid #e5e5e5;/**/
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	behavior: url(ie-css3.htc);
}
.footer-w-area .widget-area-footer {
	background-color:#ffffff;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%, #ffffff));
 background-image: -webkit-linear-gradient(top, #f8f8f8, #ffffff);
 background-image: -moz-linear-gradient(top, #f8f8f8, #ffffff);
 background-image: -ms-linear-gradient(top, #f8f8f8, #ffffff);
 background-image: -o-linear-gradient(top, #f8f8f8, #ffffff);
 background-image: linear-gradient(top, #f8f8f8, #ffffff);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f8f8f8, endColorstr=#ffffff);
behavior: url(ie-css3.htc);
	margin-bottom: 20px;
	margin-bottom: 1.428571429rem;
	padding:0;/**/
	padding:0rem;/**/
	border-left:1px solid #e5e5e5;/**/
	border-right:1px solid #e5e5e5;/**/
	border-bottom:1px solid #e5e5e5;/**/
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	behavior: url(ie-css3.htc);
}
.widget-area .widget form {
	margin:4px;
}
.widget-area .widget h3 {
    padding: 0.2em 0.5em 0.2em 40px;
    color: #0062ab;
    background: #fff url(images/gear_b.svg) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
    background-size: 21px 21px;
    background-position: center left 10px;
    text-align: left;
    border-bottom: solid 1px #0062ab;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.846153846;
}

.page-template-3_Two-Column .widget-area .widget h3 {
 background-image: -webkit-linear-gradient(top, #007d73, #007d73);
 background-image: -moz-linear-gradient(top, #007d73, #007d73);
 background-image: -ms-linear-gradient(top, #007d73, #007d73);
 background-image: -o-linear-gradient(top, #007d73, #007d73);
 background-image: linear-gradient(top, #007d73, #007d73);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bec4cf, endColorstr=#8392ab);
}

.page-template-4_Two-Column .widget-area .widget h3 {
 background-image: -webkit-linear-gradient(top, #249724, #249724);
 background-image: -moz-linear-gradient(top, #249724, #249724);
 background-image: -ms-linear-gradient(top, #249724, #249724);
 background-image: -o-linear-gradient(top, #249724, #249724);
 background-image: linear-gradient(top, #249724, #249724);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bec4cf, endColorstr=#8392ab);
}

.widget-area .widget.frontend_user_admin h3 a {
    color: #0062ab;
    text-decoration: none;
}
.widget-area .widget.frontend_user_admin h3 a:hover {
	color: #ddd;
	text-decoration:none;
}
.footer-w-area .widget-area-footer h3 {
	color: #333;
	border-top:1px solid #e5e5e5;/**/
	border-bottom:1px solid #e5e5e5;/**/
	background-color:#ececec;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%, #ececec));
 background-image: -webkit-linear-gradient(top, #fefefe, #ececec);
 background-image: -moz-linear-gradient(top, #fefefe, #ececec);
 background-image: -ms-linear-gradient(top, #fefefe, #ececec);
 background-image: -o-linear-gradient(top, #fefefe, #ececec);
 background-image: linear-gradient(top, #fefefe, #ececec);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fefefe, endColorstr=#ececec);
behavior: url(ie-css3.htc);
	margin:0px 0 5px 0;
	padding:6px 0 3px 10px;
	font-size:13px;
	font-weight:normal;
	line-height:1.3;
}
.footer-w-area .widget-area-footer ul,
.widget-area .widget ul {
	margin:5px 8px 3px 8px;
}
.footer-w-area .widget-area-footer li,
.widget-area .widget li {
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.5;
	margin:0 0 5px 0 !important;
}
.widget-area .widget p,
.widget-area .widget .textwidget {
	margin:5px 6px 5px 9px;
	font-size: 15px;
	line-height: 1.7;
}
.footer-w-area .textwidget {
	font-size: 11px;
	line-height: 1.7;
}
.footer-w-area .widget-area-footer li a {
	background:url(images/arraw-o2.gif) no-repeat 0 4px;
	padding-left:8px;
	display: block;
	margin:5px 0 0 0;
	margin:0.357142857rem 0 0 0;
	text-decoration: none;
	/*border-bottom:1px dotted #ccc;*/
}
.widget-area .widget li a {
    display: block;
    position: relative;
    padding: 6px 16px 6px 0;
    font-size: 14px;
    text-decoration: none;
    line-height: 1.4;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
}
.widget-area .widget li a:hover {
    color: #ed5901;
	background-color: #75757529;
}
.widget-area .widget li a::after {
    content: "\f105";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -12px;
    font-family: "FontAwesome";
    color: #9b8d77;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.widget-area .widget li a:hover::after {
    color: #ccc;
}
.footer-w-area .widget-area-footer li a:hover {
	background:url(images/arraw-r2.gif) no-repeat 0 4px;
	padding-left:8px;
	display: block;
	margin:5px 0 0 0;
	margin:0.357142857rem 0 0 0;
	text-decoration: none;
	color:#cc0000;
	/*border-bottom:1px dotted #cc0000;*/
}
.footer-w-area .widget-area-footer .textwidget,
.footer-w-area .widget-area-footer ul {
	margin:5px 8px 5px 8px;
}
.footer-w-area .widget-area-footer li,
.widget-area .widget p {
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.widget-area .textwidget ul {
	list-style: none;
	margin: 0 0 14px;
	margin: 0 0 1rem;
}

@media (min-width: 801px) {
	.widget-area .widget p,
	.widget-area .widget .textwidget {
		font-size: 12px;
		font-weight: bold;
		color:#000000
	}
}

/* フッターのウィジェットエリア ------------------------- */

.footer-w-area {
	padding-bottom:0px !important;
}
.footer-w-area:before {
	clear: both;
}
.footer-w-area:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


/* Footer（カスタムメニュー）上部 ---------------- フッターデザインを変更（2022/01/14）/ 編集者：山田 */

#footerUpper {
	margin: 0;
}

.footerUp-inner {
	display: flex;
	flex-direction: column;
}

.box {
	width: 100%;
	letter-spacing: 0.1rem;
}

.box .address {
	color: #b4c7e7;
	font-size: 11px;
	margin-bottom: 15px;
}

.box button {
	background: #195afe;
	border: none;
	border-radius: 30px;
	padding: .5rem 1.5rem;
	color: #fff;
}

.box button:hover {
	background: #ff8800;
}

.f-logo {
	margin-bottom: 10px;
}

.f-logo img{
	width: 120px;
}

/* list （フッター上部内） フッターデザインを変更（2022/01/14）/ 編集者：山田 */

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-area {
	padding:0;
	margin:0;
}

.footer-area .menu {
	list-style-type: none;
}

.footer-area .menu a {
	color: #b4c7e7;
	font-size: 13px;
	line-height: 2;
	text-decoration:none;
}

.footer-area .menu a:hover {
	color: #ff8800;
}

.footer-area hr {
	margin: 0 24px;
}

.footer-box,
.footer-nav {
	max-width: 100%;
	padding: 20px 30px;
}

.footer-nav .menu {
	display: flex;
	flex-direction: column;
}

.footer-nav a {
	margin-top: 0;
}

.footer-info {
	background:#333;
}

/* フッターメニュー折りたたみ用のスタイル追記 */
.menu-title {
	display: block;
	margin-bottom: 10px;
	color: #fff;
	font-size: 1.1rem;
	font-weight: bold;
}
/* フッターメニュー折りたたみ用のスタイル追記（2022/01/14）/ 編集者：山田 */

@media screen and ( max-width:800px ) {
	.box:last-of-type {
		margin: 20px 0 10px;
	}

	/* フッターメニュー折りたたみ用のスタイル修正 */
	.menu-title {
		position: relative;
		margin-bottom: 0;
		line-height: 42px;
		font-weight: normal;
	}

	.menu-title::after{
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		transition: all 0.2s ease-in-out;
		display: block;
		width: 8px;
		height: 8px;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		transform: translateY(-50%) rotate(135deg);
	}

	.box.is-open .menu-title::after  {
		transform: translateY(-50%) rotate(315deg);
	}

	.main_footer .box .menu > li > a {
		border-bottom: 0 #b4c7e7 solid;
		display: block;
		padding-top: 0;
    	padding-bottom: 0;
		padding-left: 1rem;
		line-height: 0;
		opacity: 0;
		visibility: hidden;
		transition:
			border-bottom  .3s ease-out,
			padding-top    .3s ease-out,
			padding-bottom .3s ease-out,
			opacity        .1s linear,
			visibility     .1s linear;
	}

	.main_footer .box.is-open .menu > li > a {
		border-bottom: 1px #b4c7e7 solid;
		padding-top: 13px;
		padding-bottom: 13px;
		line-height: 1rem;
		opacity: 1;
  		visibility: visible;
		transition:
			border-bottom  .3s ease-out,
			padding-top    .3s ease-out,
			padding-bottom .3s ease-out,
			opacity        .1s linear .1s,
			visibility     .1s linear .1s;
	}
	/* フッターメニュー折りたたみ用のスタイル修正（2022/08/02）/ 編集者：山田 */
}

.site-info {
	/*border-top:1px solid #6699cc;*/
	clear: both;
	color:#fff;
	padding:10px 0 10px 0;
	padding:0.714285714rem 0 0.714285714rem 0;
	text-align:center;
}


/* アーカイブ・カテゴリー ------------------------------------ */

.archive-header {
	color:#fff;
	padding:0 0 0 15px;
	margin:0 0 15px 0;
	background:#B2BAC9;
	border-bottom: none;
	border-radius: 11px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	behavior: url(ie-css3.htc);
}
.archive-header h1 {
	color:#fff;
}

/****************************************
パンくずリスト
*****************************************/

#breadcrumb {
	background:#fff;
	padding:4px 2px 4px 15px;
	margin-bottom:20px;

	behavior: url(ie-css3.htc);
}
#breadcrumb ul {
	font-size:13px;
	margin-left: 0px;
	letter-spacing:-0.4em;/**/
}
#breadcrumb ul li {
	display: inline-block;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	*display: inline;
	*zoom: 1;
}

/* page-top ページトップに戻る ------------------------------------ */
#page-top {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 11px;
	letter-spacing: 1px;
}
#page-top a {
	background: #8392ab;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	behavior: url(ie-css3.htc);
}
#page-top a:hover {
	text-decoration: none;
	background: #bec4cf;
}
@media screen and (max-width:480px) {
#page-top{
position: fixed;
/* bottom: 20px !important; */
width: 100px;
}
}

/* トップページ（スライドショー） ------------------------------------ */

.top-mov {
	padding:0;
	margin-bottom:20px;
}


/* 「続きを読む」ボタン -------------------------------------------- */
.entry-content .more-link{
border:1px solid #7d99ca;-webkit-box-shadow: #B4B5B5 1px 1px 1px  ;-moz-box-shadow: #B4B5B5 1px 1px 1px ; box-shadow: #B4B5B5 1px 1px 1px  ; -webkit-border-radius: 12px; -moz-border-radius: 12px;border-radius: 12px;width:110px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 2px 2px 2px 2px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #a5b8da;margin-top:10px;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#a5b8da), to(#7089b3));
 background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
 background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);
 background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);
 background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
 background-image: linear-gradient(to bottom, #a5b8da, #7089b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a5b8da, endColorstr=#7089b3);
display:block;
	behavior: url(ie-css3.htc);
}

.entry-content .more-link:hover{
 border:1px solid #5d7fbc; background-color: #819bcb;color: #ffff99;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), top(#536f9d));
 background-image: -webkit-linear-gradient(top, #819bcb, #536f9d);
 background-image: -moz-linear-gradient(top, #819bcb, #536f9d);
 background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
 background-image: -o-linear-gradient(top, #819bcb, #536f9d);
 background-image: linear-gradient(to bottom, #819bcb, #536f9d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#819bcb, endColorstr=#536f9d);
	behavior: url(ie-css3.htc);
}


/****************************************
見出し H1?H6
*****************************************/

/* 投稿ページタイトル H1 *//* カスタム投稿news/expertのために反映先追加：2021・12・02 */
.post header.entry-header h1.entry-title,
.news header.entry-header h1.entry-title,
.expert_column header.entry-header h1.entry-title,
.expert-template-tmp header.entry-header h1.entry-title,
.tax-expert_cate header.entry-header h1.entry-title,
.mypage header.entry-header h1.entry-title {
    color: #333333;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 14px 20px 10px 15px;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.6;
	letter-spacing: .05em;
 /*   background: #0062ab url(images/gear.svg) no-repeat;*/
    background-size: auto;
    background-size: 24px 24px;
    background-position: center left 15px;
    text-align: left;
}
.post header.entry-header h1.entry-title a,
.news header.entry-header h1.entry-title a,
.expert_column header.entry-header h1.entry-title a,
.expert-template-tmp header.entry-header h1.entry-title a,
.tax-expert_cate header.entry-header h1.entry-title a {
	display: block;
	color:#fff;
}
.post header.entry-header h1.entry-title a:hover,
.news header.entry-header h1.entry-title a:hover,
.expert_column header.entry-header h1.entry-title a:hover,
.expert-template-tmp header.entry-header h1.entry-title a:hover,
.tax-expert_cate header.entry-header h1.entry-title a:hover {
	opacity:0.7;
}

/* 固定ページタイトル H1 */
.page header.entry-header h1.entry-title {
    color: #fff;
    margin: 0;
    padding: 14px 20px 10px 40px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
    background: #0062ab;
    text-align: center;
}
.page header.entry-header h1.entry-title::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(images/gear.svg);
    background-size: contain;
    vertical-align: top;
    margin-right: 8px;
}

/* 見出し H2?H6 */

.entry-content h2 {
	padding: 0.2em 0.6em;
    color: #ffffff;
    /*background: #f2f2f2 url(images/gear_b.svg) no-repeat;*/
	background-color: #444;
    /*background-size: auto;*/
    background-size: 24px 24px;
    background-position: center left 12px;
    text-align: left;
	font-size: 24px;
	letter-spacing: .055em;
    font-weight: bold;
    line-height: 1.846153846;
}

.entry-content h3 {
font-size:22px;
font-weight: bold;
letter-spacing: .05em;
padding: 0.2em 0.6em;
color: #333333;
border-left: solid 7px #333333;
background: url(images/bg-stripe.webp) repeat left top / 6px 6px;
}

.entry-content h4 {
font-size:20px;
font-weight: bold;
border-bottom: solid 3px #e6e6e6;
position: relative;
}

h4:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #333333;
  bottom: -3px;
  width: 20%;
}
.entry-content h5 {
font-size:14px;
position: relative;
padding-left: 25px;
}

h5:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px rgb(119, 195, 223);
}
h5:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px rgb(119, 195, 223);
}
.entry-content h6 {
	font-size:14px;
	font-weight:bold;
	color:#000;
	line-height:1.3;
	border-bottom:1px dotted #cdcdcd;
	padding:0 0 2px 0;
	margin: 0 0 10px 0;
}

.entry-content h7 {
	font-size:14px;
 position: relative;
  padding: 5px 5px 5px 42px;
  background: #77c3df;
  font-size: 20px;
  color: #000;
  margin-left: -33px;
  line-height: 1.3;
  z-index:-1;
}

h7:before {
  position: absolute;
  content: '';
  left: -2px;
  top: -2px;
  border: none;
  border-left: solid 40px white;
  border-bottom: solid 79px transparent;
  z-index:-2
}

/****************************************
リスト
*****************************************/

/* ポイント */
ul.point {
	border: solid 2px #ffb03f;
	padding: 0.5em 0.5em 0.5em 0em;
	position: relative;
	margin: 5em 0em;
  }

  ul.point li {
	line-height: 1.5;
	padding: 0.5em 0;
	list-style-type: none!important;
  }
  ul.point li:before {
	/*リストのアイコン*/
	font-family: "Font Awesome 5 Free";
	content: "\f35a";
	position: absolute;
	left : 1em; /*左端からのアイコンまでの距離*/
	color: #ffb03f; /*アイコン色*/
  }
  ul.point li:after {
	/*タブ*/
	background: #ffb03f;
	color: #fff;
	font-family: "Font Awesome 5 Free",'Avenir','Arial',sans-serif;
	position: absolute;
	left: -2px;
	bottom: 100%;
	padding: 1px 7px;
	content: '\f0a7  ポイント';/*アイコンコード＋文字*/
	letter-spacing: 0.05em;/*字間*/
  }

  /* メリット */
ul.merit {
	border: solid 2px #a0a0a0;
	padding: 0.5em 0.5em 0.5em 0em;
	position: relative;
	margin-top: 2em;
  }

  ul.merit li {
	line-height: 1.5;
	padding: 0.5em 0;
	list-style-type: none!important;
  }
  ul.merit li:before {
	/*リストのアイコン*/
	font-family: "Font Awesome 5 Free";
	content: "\f14a";
	position: absolute;
	left : 1em; /*左端からのアイコンまでの距離*/
	color: #000000; /*アイコン色*/
  }
  ul.merit li:after {
	/*タブ*/
	background: #444444;
	color: #fff;
	font-family: "Font Awesome 5 Free",'Avenir','Arial',sans-serif;
	position: absolute;
	left: -2px;
	bottom: 100%;
	padding: 1px 7px;
	content: '\f0a7  メリット';/*アイコンコード＋文字*/
	letter-spacing: 0.05em;/*字間*/
  }

 /* デメリット */
 ul.demerit {
	border: solid 2px #a0a0a0;
	padding: 0.5em 0.5em 0.5em 0em;
	position: relative;
	margin-top: 2em;
  }

  ul.demerit li {
	line-height: 1.5;
	padding: 0.5em 0;
	list-style-type: none!important;
  }
  ul.demerit li:before {
	/*リストのアイコン*/
	font-family: "Font Awesome 5 Free";
	content: "\f14a";
	position: absolute;
	left : 1em; /*左端からのアイコンまでの距離*/
	color: #000000; /*アイコン色*/
  }
  ul.demerit li:after {
	/*タブ*/
	background: #444444;
	color: #fff;
	font-family: "Font Awesome 5 Free",'Avenir','Arial',sans-serif;
	position: absolute;
	left: -2px;
	bottom: 100%;
	padding: 1px 7px;
	content: '\f0a7  デメリット';/*アイコンコード＋文字*/
	letter-spacing: 0.05em;/*字間*/
  }

  /* リスト01 */
ul.list01 {
	color: #000000;/*文字色*/
	padding: 0.5em 0.5em 0.5em 0em;
  }

ul.list01 li {
	line-height: 1.25; /*文の行高*/
	padding: 0.5em 0; /*前後の文との余白*/
  }

/* リスト02 */
ul.list02 {
	color: #000000;/*文字色*/
	background: #f2f2f2; /*背景色*/
	padding: 0.5em 0.5em 0.5em 0em;
  }

ul.list02 li {
	line-height: 1.25; /*文の行高*/
	padding: 0.5em 0; /*前後の文との余白*/
  }


/* 番号リスト01 */
ol.nlist01 {
	color: #000000;/*文字色*/
	padding: 0.5em 0.5em 0.5em 0em;
  }

ol.nlist01 li {
	line-height: 1.25; /*文の行高*/
	padding: 0.5em 0; /*前後の文との余白*/
  }

/* 番号リスト02 */
ol.nlist02 {
	color: #000000;/*文字色*/
	background: #f2f2f2; /*背景色*/
	padding: 0.5em 0.5em 0.5em 1em;
  }

ol.nlist02 li {
	line-height: 1.25; /*文の行高*/
	padding: 0.5em 0; /*前後の文との余白*/
  }

/* 番号リスト03 */
ol.nlist03 {
	counter-reset: my-counter;
	list-style: none;
	padding: 0.5em 0.5em 0.5em 0em;
	margin: 0;
  }

  ol.nlist03  li {
	line-height: 2;
	padding-left: 15px;
	position: relative;
  }

  ol.nlist03 li:before{
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #333;
	border: 1px solid;
	border-radius: 50%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 22px;
	width: 22px;
	color: #ffffff;
	font-size: 80%;
	line-height: 1;
	position: absolute;
	top: 0;
	left: -20px;
  }
/* 番号リスト04 */
ol.nlist04 {
	counter-reset: my-counter;
	list-style: none;
	background: #f2f2f2; /*背景色*/
	padding: 0.5em 0.5em 0.5em 0em;
	margin: 0em 0em 2.5em 0em;
  }

  ol.nlist04  li {
	line-height: 2;
	padding-left: 15px;
	position: relative;
  }

  ol.nlist04 li:before{
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #333;
	border: 1px solid;
	border-radius: 50%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 22px;
	width: 22px;
	color: #ffffff;
	font-size: 80%;
	line-height: 1;
	position: absolute;
	top: 0;
	left: -20px;
  }

/****************************************
引用
*****************************************/

blockquote {
    position: relative;
    padding: 10px 12px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    border-left: solid 40px #c4c4c4;
    background: #f3f3f3;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.19);
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -32px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 22px;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}
/****************************************
テキスト枠囲み
*****************************************/

.area {border: 1px solid #ccc;padding:10px;margin-bottom:15px;}
.dot {border: 2px dotted #ccc;}
.dash {border: 2px dashed #ccc;}
.round {border-radius: 10px 10px 10px 10px;}
.b-red {border-color: #cc0000;}/* ボーダー 赤 */
.b-blue {border-color: #009aed;}/* ボーダー 青 */
.b-green {border-color: #009933;}/* ボーダー 緑 */
.b-orange {border-color: #ffa200;}/* ボーダー オレンジ */
.bg-gry {background-color:#f8f8f8;}
.bg-pink {background-color:#ffeaeb;}
.bg-blue {background-color:#eff8f8;}
.bg-green {background-color:#edf9bf;}
.bg-orange {background-color:#fff1d9;}
.area-gry {padding:10px;margin-bottom:15px;background-color:#f8f8f8;border-radius: 10px;}
.area-pink {padding:10px;margin-bottom:15px;background-color:#ffeaeb;border-radius: 10px;}
.area-blue {padding:10px;margin-bottom:15px;background-color:#eff8f8;border-radius: 10px;}
.area-green {padding:10px;margin-bottom:15px;background-color:#edf9bf;border-radius: 10px;}
.area-orange {padding:10px;margin-bottom:15px;background-color:#fff1d9;border-radius: 10px;}


/****************************************
テーブル
*****************************************/

/* table00 （TinyMCE） ------------------ */
.entry-content table {
	border:1px solid #9c9c9c;
	margin:5px 0 20px 0;
	font-size:13px;
	line-height:1.3;
	}

.entry-content table thead tr td {
	border:1px solid #9c9c9c;
	background:#f8f8f8;
/*	white-space:nowrap;*/
	white-space:normal;
	padding:8px 6px 6px 6px;
	font-size:13px;
	line-height:1.3;
	font-weight:bold;
	text-align:center;
	}
.entry-content table tr th,
.entry-content table tr td.thead {
	color: #525454;
	border:1px solid #9c9c9c;
	background:#f8f8f8;
	white-space:normal;
	padding:8px 6px 6px 6px;
	font-size:13px;
	line-height:1.3;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	}

.entry-content table tbody tr td {
	color: #525454;
	border:1px solid #9c9c9c;
	padding:8px 6px 6px 8px;
	font-size:13px;
	line-height:2;
	font-weight:normal;
	text-align:left;
	}
.entry-content table tbody tr td p {
	padding:0;
	margin:0;
	font-size:13px;
	line-height:1.8;
	}

/* 会員登録　form-table */

table.form-table {
	margin:15px 0 30px 0;
	border:1px solid #9c9c9c;
	color:#333;
	width:100%;
	}
table.form-table tr th {
	border:1px solid #9c9c9c;
	background:#f8f8f8;
	white-space:nowrap;
	padding:5px;
	font-size:13px;
	font-weight:bold;
	text-align:center !important;
	vertical-align: middle;
	}
table.form-table tr td {
	border:1px solid #9c9c9c;
	background:#fff;
	padding:5px 5px 5px 10px;
	font-size:12px;
	line-height:1.3;
	text-align:left !important;
	vertical-align: middle;
	}
table.form-table tr td.return {
	font-size:10px;
	text-align:left;
	width:13%;
/*	white-space:normal;*/
	white-space:nowrap;
	vertical-align: middle;
	}
table.form-table tr td input[type="text"] {
/*	width:70% !important;*/
}
table.form-table tr td input[type="submit"] {
	white-space:nowrap;
	margin-top:4px;
	padding:2px 1px 2px 1px;
	font-size:12px;
}
table.form-table .required {
	color:#cc0000;
	font-size:10px;
	font-weight:bold;
	text-align:left;
	vertical-align: middle;
	}
table.form-table input[type="text"] {border: 1px solid #ccc;}
table.form-table input:focus[type="text"] {background-color: #e4faff !important;}
table.form-table input[type="textarea"] {border: 1px solid #ccc;width:100%;}
table.form-table input:focus[type="textarea"] {background-color: #e4faff !important;}
table.form-table input[type="password"] {border: 1px solid #ccc;}
table.form-table input:focus[type="password"] {background-color: #e4faff !important;}
.submit input[type="submit"] {border: 1px solid #aaa; padding:4px;white-space:nowrap;}

table.form-table.checkout_step {
	border:none !important;
	background:none !important;
	}
table.form-table.checkout_step tr th {
	border:none !important;
	background:none !important;
	}

/* table.form-table table.thumbnail_table td {white-space:nowrap;} */


/* （net-shop-admin.css） */
/*.width300										{ width:70% !important;}
.width400										{ width:80% !important;}
.width500										{ width:80% !important;}*/
.submit input[type="submit"].width100	{ width:150px; }
form input[type="submit"].width100	{ width:150px; }




/* お問い合わせ trust-form */

div#trust-form.contact-form table {
	margin:0 0 30px 0;
	border:1px dotted #9c9c9c !important;
	color:#333;
	width:100%;
	}
div#trust-form.contact-form table tr th {
	border:0px solid #9c9c9c;
	background:#f8f8f8;
	white-space:normal;
	padding:25px 5px 25px 15px;
	font-size:13px;
	font-weight:bold;
	text-align:left !important;
	vertical-align: middle;
	}
div#trust-form.contact-form table tr td {
	border:0px solid #9c9c9c;
	background:#f8f8f8;
	padding:5px 5px 5px 10px;
	font-size:12px;
	text-align:left;
	vertical-align: middle;
	}
div#trust-form.contact-form table .require {
	color:#cc0000;
	font-size:10px;
	font-weight:bold;
	text-align:left;
	vertical-align: middle;
	}
div#trust-form.contact-form table input[type="text"] {border: 1px solid #ccc;}
div#trust-form.contact-form table input:focus[type="text"] {background-color: #e4faff !important;}
#trust-form input[type="submit"] {border: 1px solid #aaa; padding:10px 50px 10px 50px;}
div#trust-form.contact-form table textarea {border: 1px solid #ccc;width:80%;}
div#trust-form.contact-form table textarea:focus {background-color: #e4faff !important;}

/* 「確認画面へ」「送信」ボタン */
.entry-content input[type="button"],
.entry-content input[type="submit"] {
	white-space:nowrap;
	padding: 6px 10px 4px 10px;
	padding: 0.428571429rem 0.714285714rem 0.285714286rem 0.714285714rem;
	font-size: 12px;
	line-height: 2;
	font-weight: bold;
	color: #333;
	background-color: #dce6f3;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #dce6f3, #cedbed);
	background-image: -ms-linear-gradient(top, #dce6f3, #cedbed);
	background-image: -webkit-linear-gradient(top, #dce6f3, #cedbed);
	background-image: -o-linear-gradient(top, #dce6f3, #cedbed);
	background-image: linear-gradient(top, #dce6f3, #cedbed);
	border: 1px solid #8cacd6;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
	behavior: url(ie-css3.htc);
}

.entry-content input[type="button"]:hover,
.entry-content input[type="submit"]:hover {
	white-space:nowrap;
	color: #fff;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #2b61a7, #174d7e);
	background-image: -ms-linear-gradient(top, #2b61a7, #174d7e);
	background-image: -webkit-linear-gradient(top, #2b61a7, #174d7e);
	background-image: -o-linear-gradient(top, #2b61a7, #174d7e);
	background-image: linear-gradient(top, #2b61a7, #174d7e);
	border: 1px solid #174d7e;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
	behavior: url(ie-css3.htc);
}


/****************************************
  商品一覧／商品詳細
*****************************************/

/* カートへ入れるボタン（オレンジ） */

.entry-content .nsa_product_detail input[type="submit"],
.entry-content .nsa_product_archive input[type="submit"] {
margin-bottom:10px;
border:1px solid #ffad41;-webkit-box-shadow: #B4B5B5 2px 2px 2px  ;-moz-box-shadow: #B4B5B5 2px 2px 2px ; box-shadow: #B4B5B5 2px 2px 2px  ; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;width:270px;font-size:13px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #ffc579;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc579), to(#fb9d23));
 background-image: -webkit-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -moz-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -ms-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -o-linear-gradient(top, #ffc579, #fb9d23);
 background-image: linear-gradient(to bottom, #ffc579, #fb9d23);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffc579, endColorstr=#fb9d23);
}

.entry-content .nsa_product_detail input[type="submit"],
.entry-content .nsa_product_archive input[type="submit"]:hover {
 border:1px solid #ff9913; background-color: #ffaf46;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), top(#e78404));
 background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
 background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
 background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
 background-image: -o-linear-gradient(top, #ffaf46, #e78404);
 background-image: linear-gradient(to bottom, #ffaf46, #e78404);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffaf46, endColorstr=#e78404);
}


/* 商品購入はこちらから（カートへ入れるボタン（オレンジ））
　　　ふぁん富むゼミ構築プロジェクト 最下段 */
p.cart-btn {
	margin:0 0 10px 0 !important;
	padding:0 !important;
	line-height:1.3;
}

.entry-content .cart-btn input[type="submit"] {
margin-bottom:10px;
border:1px solid #ffad41; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;width:270px;font-size:16px;font-family:arial, helvetica, sans-serif; padding: 20px 20px 20px 20px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #ffc579;width:90%;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc579), to(#fb9d23));
 background-image: -webkit-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -moz-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -ms-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -o-linear-gradient(top, #ffc579, #fb9d23);
 background-image: linear-gradient(to bottom, #ffc579, #fb9d23);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffc579, endColorstr=#fb9d23);
}

.entry-content .cart-btn input[type="submit"]:hover {
 border:1px solid #ff9913; background-color: #ffaf46;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), top(#e78404));
 background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
 background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
 background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
 background-image: -o-linear-gradient(top, #ffaf46, #e78404);
 background-image: linear-gradient(to bottom, #ffaf46, #e78404);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffaf46, endColorstr=#e78404);
}


/* 商品一覧ページ */
.nsa_product_archive p.good-p {
	text-align:left;
	margin:0 0 5px 0 !important;
	padding:0 !important;
	line-height:1.3;
}
.nsa_product_archive p.name {
	font-size:14px !important;
	font-weight:600;
	margin:0 0 5px 0 !important;
	padding:0 !important;
	line-height:1.3;
}
.nsa_product_archive p.code {
	font-size:13px !important;
	margin:0 0 2px 0 !important;
	padding:0 !important;
	line-height:1.3;
}
.nsa_product_archive p.pricetxt {
	font-size:13px !important;
	margin:0 0 5px 0 !important;
	padding:0 !important;
	line-height:1.3 !important;
}
.nsa_product_archive p.pricetxt span.price {
	font-size:16px !important;
	font-weight:600 !important;
}
.nsa_product_archive p.summary {
	font-size:12px !important;
	margin:0 0 15px 0 !important;
	padding:0 !important;
	line-height:1.4 !important;
}
.nsa_product_archive p.link {
	font-size:12px !important;
	margin:0 0 5px 0 !important;
	padding:0 !important;
	line-height:1.3;
}


/* 個別商品詳細ページ */

.nsa_product_detail p.name {
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin:0 0 5px 0 !important;
	padding:5px 0 !important;
	font-size:16px !important;
	font-weight:600 !important;
	line-height:1.3;
}
.nsa_product_detail p.code {
	font-size:14px;
	margin:0 0 2px 0 !important;
	padding:0 !important;
	line-height:1.3;
}
.nsa_product_detail p.pricetxt {
	font-size:14px;
	margin:0 0 2px 0 !important;
	padding:0 !important;
	line-height:1.3;
}
.nsa_product_detail p.pricetxt span.price {
	font-size:18px !important;
	font-weight:600 !important;
}
.nsa_product_detail p.return {
	font-size:12px !important;
	margin:10px 0 2px 0 !important;
	padding:0 !important;
	line-height:1.3 !important;
}
.nsa_product_detail div.detail2 {
	clear:both;
	border-top:1px dotted #ccc;
	font-size:14px;
	margin:0 0 2px 0 !important;
	padding:10px 0 0 0 !important;
	line-height:1.5;
}
.nsa_product_detail div.detail2 h3 {
	margin:20px 0 10px 0 !important;
}
.nsa_product_detail div.detail2 table {
	margin:10px 0 30px 0 !important;
}
.nsa_product_detail p.count {
	font-size:14px;
	margin:20px 0 10px 0 !important;
	padding:15px 0 0 0 !important;
	line-height:1.3;
	border-top: 1px dotted #aaa;
}
.nsa_product_detail p.cart {
	font-size:14px;
	margin:0 0 10px 0 !important;
	padding:0 !important;
	line-height:1.3;
}
.nsa_product_detail dl {
	border-top: 1px dotted #aaa;
	font-size:14px;
	margin:10px 0 0 0 !important;
	padding:5px 0 0 0 !important;
	line-height:1.5;
}





/****************************************
  各ページ説定
*****************************************/

/*  検索ページ -------------------------------------------- */

.search .page-header {
	border:1px solid #ccc;
	padding:2px 2px 2px 10px;
	margin:0 0 25px 0;
}
.search .page-header h1.page-title {
	font-size:14px;
}

.search .entry-header h1.entry-title {
	border:1px solid #ccc;
	background-image:none;
	background-color:#a3a3a3;
	padding:6px 2px 3px 10px;
	margin:0 0 5px 0;
}
.search .entry-header h1.entry-title a {
	color:#fff;
}
.search .entry-header h1.entry-title a:hover {
	color:#e8e8e8;
}
.search .entry-summary p {
	font-size:14px;
	line-height:1.5;
	padding:0;
	margin:-10px 0 5px 0;
	}


/*  ログインページ・新規登録ページ（ログイン中） -------------------------------------------- */

body.page-template-page-register-php.logged-in .entry-content {
	padding:25px 0 0 35px;/**/
	width:75% !important;
	margin:0 auto !important;
	border:8px solid #e8e8e8;/**/
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%, #ffffff));
 background-image: -webkit-linear-gradient(top, #fafafa, #ffffff);
 background-image: -moz-linear-gradient(top, #fafafa, #ffffff);
 background-image: -ms-linear-gradient(top, #fafafa, #ffffff);
 background-image: -o-linear-gradient(top, #fafafa, #ffffff);
 background-image: linear-gradient(top, #fafafa, #ffffff);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fafafa, endColorstr=#ffffff);
behavior: url(ie-css3.htc);
	}



/*  サイトマップ -------------------------------------------- */

ul#sitemap_list li a:hover {
	color:#ff9900;
}

/****************************************
  fsp 商品紹介ページ
*****************************************/

.title-s {
	color:#264C73!important;
	font-size:18px !important;
	font-weight:bold !important;
	line-height:1.3 !important;
	background:none !important;
	border:none !important;
	padding: 5px !important;
	margin: 20px !important;
	text-align: center;
}
.title-m {
	color:#264C73!important;
	font-size:22px !important;
	font-weight:bold !important;
	line-height:1.3 !important;
	background:none !important;
	border:none !important;
	padding: 5px !important;
	margin: 20px !important;
	text-align: center;
}
.title-m_lf {
	color:#264C73!important;
	font-size:22px !important;
	font-weight:bold !important;
	line-height:1.3 !important;
	background:none !important;
	border:none !important;
	padding: 5px !important;
	margin: 20px !important;
	text-align: left;
}
.title-l {
	color:#264C73!important;
	font-size:26px !important;
	font-weight:bold !important;
	line-height:1.3 !important;
	background:none !important;
	border:none !important;
	padding: 15px !important;
	margin: 30px !important;
	text-align: center;
}
.title-l_lf {
	color:#264C73!important;
	font-size:26px !important;
	font-weight:bold !important;
	line-height:1.3 !important;
	background:none !important;
	border:none !important;
	padding: 15px !important;
	margin: 30px !important;
	text-align: left;
}
.title-ll {
	color:#ffffff !important;
	font-size:32px !important;
	font-weight:bold !important;
	line-height:1.4 !important;
	background:#264C73 !important;
	border:none !important;
	padding: 30px 0px !important;
	margin: 60px -60px 60px -60px !important;
	text-align: center;
}
.catch-s {
	color:#333 !important;
	font-size:20px !important;
	font-weight:bold !important;
	line-height:1.4 !important;
	background:none !important;
	border:none !important;
}
.catch-m {
	color:#666 !important;
	font-size:25px !important;
	font-weight:normal !important;
	line-height:1.4 !important;
	background:none !important;
	border:none !important;
}
.catch-ll {
	color:#ffffff !important;
	font-size:30px !important;
	font-weight:bold !important;
	line-height:1.4 !important;
	background:#264C73 !important;
	border:none !important;
	padding: 15px;
	text-align: center;
}
.fs {
	font-size:20px !important;
	background:none !important;
	border:none !important;
}

	.sitetitle-box {
		position:relative;
}


/*  登録ボタン・ログインボタン -------------------------------------------- */
.btn-box {
	margin:0 55px 0 0;
text-align:center;
}


@media screen and (max-width: 800px) {
.btn-box{
    position: absolute;
    right: 45px;
    top: -260px;
}
}

/*  新規登録ボタン -------------------------------------------- */

	.sitetitle-box .regist-btn {
		position:absolute;
		top:165px;
/*		right:120px;*/
border:1px solid #008C00; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;width:80px;font-family:arial, helvetica, sans-serif; padding: 2px 3px 2px 3px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-decoration:none; text-align: center; color: #FFFFFF; background-color: #4ba614;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#4ba614), to(#008C00));
 background-image: -webkit-linear-gradient(top, #4ba614, #008C00);
 background-image: -moz-linear-gradient(top, #4ba614, #008C00);
 background-image: -ms-linear-gradient(top, #4ba614, #008C00);
 background-image: -o-linear-gradient(top, #4ba614, #008C00);
 background-image: linear-gradient(to bottom, #4ba614, #008C00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4ba614, endColorstr=#008C00);
}

	.sitetitle-box .regist-btn:hover{
 border:1px solid #008c00; background-color: #33CC00;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#33CC00), top(#008C00));
 background-image: -webkit-linear-gradient(top, #33CC00, #008C00);
 background-image: -moz-linear-gradient(top, #33CC00, #008C00);
 background-image: -ms-linear-gradient(top, #33CC00, #008C00);
 background-image: -o-linear-gradient(top, #33CC00, #008C00);
 background-image: linear-gradient(to bottom, #33CC00, #008C00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#33CC00, endColorstr=#008C00);
}

@media screen and (max-width: 800px) {
.sitetitle-box .regist-btn{
display:none;
}
}

/*  ログインボタン -------------------------------------------- */

	.sitetitle-box .login-btn {
		position:absolute;
		top:200px;
/*		right:20px;*/
border:1px solid #133D5B; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;width:80px;font-family:arial, helvetica, sans-serif; padding: 2px 3px 2px 3px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-decoration:none; text-align: center; color: #FFFFFF; background-color: #26759E;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#26759E), to(#133D5B));
 background-image: -webkit-linear-gradient(top, #26759E, #133D5B);
 background-image: -moz-linear-gradient(top, #26759E, #133D5B);
 background-image: -ms-linear-gradient(top, #26759E, #133D5B);
 background-image: -o-linear-gradient(top, #26759E, #133D5B);
 background-image: linear-gradient(to bottom, #26759E, #133D5B);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759E, endColorstr=#133D5B);
}

	.sitetitle-box .login-btn:hover{
 border:1px solid #133D5B; background-color: #3093C7;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#3093C7), top(#1c5a85));
 background-image: -webkit-linear-gradient(top, #3093C7, #1c5a85);
 background-image: -moz-linear-gradient(top, #3093C7, #1c5a85);
 background-image: -ms-linear-gradient(top, #3093C7, #1c5a85);
 background-image: -o-linear-gradient(top, #3093C7, #1c5a85);
 background-image: linear-gradient(to bottom, #3093C7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093C7, endColorstr=#1c5a85);
}


/*  有料サービス購入ボタン -------------------------------------------- */

	.sitetitle-box .btn {
		position:absolute;
		top:136px;
		margin:0 auto;
 border:1px solid #ff9913;width:95%;font-size:14px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px !important; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-decoration:none; text-align: center; color: #FFFFFF; background-color: #ffaf46;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), top(#e78404));
 background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
 background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
 background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
 background-image: -o-linear-gradient(top, #ffaf46, #e78404);
 background-image: linear-gradient(to bottom, #ffaf46, #e78404);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffaf46, endColorstr=#e78404);
	}
	.sitetitle-box .btn:hover {
border:1px solid #ffad41; background-color: #ffc579 !important;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc579), to(#fb9d23)) !important;
 background-image: -webkit-linear-gradient(top, #ffc579, #fb9d23) !important;
 background-image: -moz-linear-gradient(top, #ffc579, #fb9d23) !important;
 background-image: -ms-linear-gradient(top, #ffc579, #fb9d23) !important;

 background-image: -o-linear-gradient(top, #ffc579, #fb9d23) !important;
 background-image: linear-gradient(to bottom, #ffc579, #fb9d23);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffc579, endColorstr=#fb9d23) !important;
	}

.entry-content a {color:#0088cc;text-decoration:none;}
.entry-content a:hover {color:#cc0000;text-decoration:none;}


/*  区切り画像 -------------------------------------------- */

.separate {
	padding:0;
	margin:0;
}

/*  レイアウトパターン ------------------------------------- */
/*  type1 --------------------- */
.type1 {
	padding:0;
	margin:0;
	}
.type1 .title-l {
	padding:0;
	margin:0 0 10px 0;
	background:none;
	border:none;
	text-align:center;
	}
.type1 p {
	padding:0;
	margin:0 10px 10px 10px;
	color:#555;
	font-size:14px;
	line-height:1.6;
	text-align:left;
	}

/*  type2 ---------------------- */
.type2 {
	padding:0;
	margin:0;
	}
.type2 .left-area {
	padding:0;
	margin:0;
	}
.type2 .left-area .catch-m {
	padding:0;
	margin:0 0 10px 0;
	text-align:left;
	background:none;
	border:none;
}
.type2 .left-area p {
	padding:0;
	margin:0 0 10px 0;
	color:#555;
	font-size:14px;
	line-height:1.6;
	text-align:left;
	}
.type2 .right-area {
	padding:0;
	margin:0;
	}
.type2 .right-area .photo {
	padding:0;
	margin:0;
	}

/*  type3 --------------------- */
.type3 {
	padding:0;
	margin:0;
	}
.type3 .left-area {
	padding:0;
	margin:0;
	}
.type3 .left-area .photo {
	padding:0;
	margin:0;
	}
.type3 .right-area {
	padding:0;
	margin:0;
	}
.type3 .right-area .catch-m {
	padding:0;
	margin:0 0 10px 0;
	text-align:left;
	background:none;
	border:none;
}
.type3 .right-area p {
	padding:0;
	margin:0 0 10px 0;
	color:#555;
	font-size:14px;
	line-height:1.6;
	text-align:left;
	}

/*追加*/
.ask {
    float: right;
    width: 200px;
    height: 65px;
    /*margin-bottom: 0px;*/
    margin-top: 50px;
    background-color: #e6e6e6;
}

.ask_yousei, .ask_zairyou {
	width:300px;
    height: 90px;
    margin-top: 0;
    background-color:transparent;
}
.ask_zairyou img{
position:relative;
top:-5px;
}


/*追加*/
.site-title:after {
    content: "";
    clear: both;
    display: block;
}

/*追加*/
#page {
  padding-left: 0px;
  padding-right: 0px;
}


/****************************************************************
  Media queries
*****************************************************************/
@media screen and (max-width: 800px) {
	#site-navigation {
	  margin-top: inherit;
overflow:hidden;
width:100%;
	}
	.ban-box {
	  /*display: none;*/
position: absolute;
right: 100px;
top: -260px;
	}
	.ask{
	  display: none;
	}
.page-template-9_One-Column .ask, .page-template-9_Two-Column .ask{
	  display: block;
}
}

/* Minimum width of 600 pixels. ------------------------- */
@media screen and (min-width: 801px) {
	body {
	}
	body .site {
		max-width: 960px;
		padding:0 20px;
		padding:0 1.428571429rem;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: none;
		max-width: none;
	}
	body .site .wrapper {
		max-width: 960px;
		padding:0 20px;
		padding:0 1.428571429rem;
		margin: 0 auto;
		background-color:#ffffff;/**/
		box-shadow: 0 0px 0px rgba(100, 100, 100, 0.5);/**/
	}
	.site {
		background:url(images/body-bg.png) repeat 0 0;
	}

	.site-header {
		margin:0 0 0 0;
		padding: 2px 0 0 0;
		padding: 0.142857143rem 0 0 0;
		background:url(images/body-bg.png) repeat 0 0;
	}

	h2.site-description {
		color:#555;
		font-size:11px;
		margin-bottom:0px;
		/* padding-left:0px; */
                padding-left:0px;
	}
	h1.site-title {
		margin:0;
		padding:0;
	}
	h1.site-title img {
		margin:0;
		padding:0;
		width:280px;
	}
.site-header h1,
.site-header h2 {
	text-align: center;
}

	.description-box {
		max-width: 960px;
		padding:20px 20px;
		padding:1.428571429rem 1.428571429rem;
		margin: 0 auto;
	}
	.sitetitle-box {
		max-width: 960px;
		padding:0 20px;
		padding:0 1.428571429rem;
		margin: -28px auto;
	}

.sitetitle-box_yousei, .sitetitle-box_zairyou {
		max-width: 1000px;
		padding:0;
		margin: -28px auto -20px;
	}
	.sitetitle-box a.btn {
		max-width: 960px;
		padding:0px;
		padding-right:40px !important;
		margin: 0 0 0 -40px !important;
	}

	.site-header > hgroup {
		float: left;
	}
	.main-navigation {
		/* float:right; */
	}
	.site-header:after {
		clear: both;
	}
	.site-header:before, .site-header:after {
		display: table;
		content: "";
	}

/* Navigation Menu */
	nav.main-navigation {
		max-width: 100%;/*追加*/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#264c73), to(#264c73));
 background-image: -webkit-linear-gradient(top, #264c73, #264c73);
 background-image: -moz-linear-gradient(top, #264c73, #264c73);
 background-image: -ms-linear-gradient(top, #264c73, #264c73);
 background-image: -o-linear-gradient(top, #264c73, #264c73);
 background-image: linear-gradient(to bottom, #264c73, #264c73);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#264c73, endColorstr=#264c73);
		margin:40px auto 0 auto;/**/
	box-shadow: 0 2px 3px rgba(100, 100, 100, 0.3);/**/
	}

	.nav-box {
		max-width: 1000px;/**/
		padding:0;/**/
		margin:0 auto;
	}
nav.main-navigation {
/*		margin:90px auto 0 auto;*/
		margin:120px auto 0 auto;
	}

	.menu-toggle {
		display: none;
	}

	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-bottom: none;
		border-top: none;
	box-shadow: 0 0px 0px rgba(100, 100, 100, 0.3);/**/
	}
	.main-navigation ul.nav-menu.toggled-on li a {
		/*display:none;*/
		background:none;
		padding-top: 0;
		padding-bottom: 0;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#264c73), to(#264c73));
 background-image: -webkit-linear-gradient(top, #264c73, #264c73);
 background-image: -moz-linear-gradient(top, #264c73, #264c73);
 background-image: -ms-linear-gradient(top, #264c73, #264c73);
 background-image: -o-linear-gradient(top, #264c73, #264c73);
 background-image: linear-gradient(to bottom, #264c73, #264c73);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#264c73, endColorstr=#264c73);
	}

	.main-navigation:before {
		/*border-top:1px solid #747573;*/
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
		content: "";
		display: block;
		position: absolute;
		z-index: -1;
	}

	.main-navigation {

	}

	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		/*display: inline-block !important;*/
		text-align: left;/**/
		width: 100%;
	}

	.main-navigation ul {
		/* margin: 0;
		text-indent: 0; */
		letter-spacing:-0.4em;/**/
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		color: #ffffff !important;
		letter-spacing:normal;/*隙間をなくすためのハック*/
		*display: inline;
		*zoom: 1;
		padding:0 10px;
		padding:0 0.714285714rem;
		margin-left:-10px;
		margin-left:-0.714285714rem;
		width:145px;/**/
	}

.main-navigation ul.nav-menu.toggled-on ul li {
		display: block;
		background: #75706e;
		margin: 0 0 0 1px;
		margin: 0 0 0 0.071428571rem;
		padding: 0;
		width: 165px;/**/
		z-index: 10;
		margin-left:-0.714285714rem;/**/
	}

.main-navigation ul.nav-menu.toggled-on ul li a {
		background: #75706e;
		border-top: 1px solid #ededed;
		display: block;
		font-size: 12px;
		font-size: 0.857142857rem;
		line-height: 2.0;
		padding: 8px 0 0 0;
		padding: 0.571428571rem 0 0 0;
		width: 165px;/**/
		white-space: normal;
		margin-left:0px;/**/
		height:34px;
	}
.main-navigation ul.nav-menu.toggled-on ul li a:hover {
		display: block;
		color: #333 !important;
		padding:8px 10px 0 10px;
		padding:0.571428571rem 0.714285714rem 0 0.714285714rem;
		margin-left:0;/**/
		line-height: 2.0;
		width:145px;/**/
		height:32px;
}

	.main-navigation li.menu-item:first-child a {
	border-left:1px solid #ccc;/**/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#264c73), to(#264c73));
 background-image: -webkit-linear-gradient(top, #264c73, #264c73);
 background-image: -moz-linear-gradient(top, #264c73, #264c73);
 background-image: -ms-linear-gradient(top, #264c73, #264c73);
 background-image: -o-linear-gradient(top, #264c73, #264c73);
 background-image: linear-gradient(to bottom, #264c73, #264c73);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#264c73, endColorstr=#264c73);
	}
	.main-navigation li.menu-item a {
	border-left:1px solid #ccc;/**/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#264c73), to(#264c73));
 background-image: -webkit-linear-gradient(top, #264c73, #264c73);
 background-image: -moz-linear-gradient(top, #264c73, #264c73);
 background-image: -ms-linear-gradient(top, #264c73, #264c73);
 background-image: -o-linear-gradient(top, #264c73, #264c73);
 background-image: linear-gradient(to bottom, #264c73, #264c73);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#264c73, endColorstr=#264c73);
	}
	.main-navigation li.menu-item:last-child a {
	border-right:1px solid #ccc;/**/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#264c73), to(#264c73));
 background-image: -webkit-linear-gradient(top, #264c73, #264c73);
 background-image: -moz-linear-gradient(top, #264c73, #264c73);
 background-image: -ms-linear-gradient(top, #264c73, #264c73);
 background-image: -o-linear-gradient(top, #264c73, #264c73);
 background-image: linear-gradient(to bottom, #264c73, #264c73);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#264c73, endColorstr=#264c73);
		width:154px;/**/
	}
#menu-item-3738 a{
width:164px;/**/
}

	.main-navigation li.menu-item:first-child a:hover {
	border-left:1px solid #ccc;/**/
		background: #0e5fad;
	behavior: url(ie-css3.htc);
	}
	.main-navigation li.menu-item a:hover {
	border-left:1px solid #ccc;/**/
		background: #0e5fad;
	behavior: url(ie-css3.htc);
	}
	.main-navigation li.menu-item:last-child a:hover {
	border-right:1px solid #ccc;/**/
		background: #0e5fad;
		width:154px;/**/
	behavior: url(ie-css3.htc);
	}

	.main-navigation li {
		margin: 0;
		position: relative;
		text-align: center;/**/
	}

	.main-navigation li a {
/*		text-shadow: -1px -1px 0 #5A5B58;*/
		color: #ffffff;
		text-transform: none;
	}

	.main-navigation li ul {
		display: none;
		padding: 0;
		position: absolute;
		top: 100%;
		margin-bottom:-15px;
	}

	.main-navigation li ul li {
		display: block;
		background: #7B7E77;
		margin: 0 0 0 1px;
		padding: 0;
		width: 165px;/**/
		z-index: 10;
		margin-left:-10px;/**/
	}

	.main-navigation li ul li a {
		background: #efefef;
		border-top: 1px solid #ededed;
		border-bottom: none;
		display: block;
		font-size: 11px !important;
		line-height: 2.0;
			padding: 8px 0 8px 10px;/**/
		width: 155px;/**/
		white-space: normal;
		margin-left:0px;/**/
			text-align:left;/**/
	}

	.main-navigation li ul ul {
		top: 0;
		left: 100%;
		margin-top:-11px;
	}

	.main-navigation ul li:hover > ul {
		border-left: 0;
		display: block;
	}

	.main-navigation li ul li a {
		background: #75706e;
		display: block;
		font-size: 12px;
		line-height: 2.0;
	}

	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #CDCECC;
	}

/* site-content */
.page-template-page-register-php .wrapper {
	margin-top:-20px !important;
	}
.page-template-page-fsp-php .wrapper,
.page-template-page-fspselect-php .wrapper {
/*	margin-top:25px !important;*/
	margin-top:60px !important;
	}

.page-template-page-register-php .site-content {
	margin-top:25px;
	}
.page-template-page-register-php .entry-content {
	margin-top:15px;
	}
.page-template-page-fsp-php .entry-content,
.page-template-page-fspselect-php .entry-content {
	margin-top:40px;
	}

	.site-content {
		width: 100%;
	}

	body.page-template-page-top2-php .site-content {
		width: 69.79166%;
	}

	/* Content （2Column ） */

	#content.two-column,
	.site-content {
		float: left;
		max-width: 69.79166%;/* 670÷960 */
	}
	/* Side Bar （2Column ） */
	.widget-area {
		float: right;
		max-width: 26.041666667%;/* 250÷960 */
	}


	body.page-template-page2-php .site-content .entry-content,
	body.page-template-page2-php.full-width .site-content  {
		max-width: 100%;
	}

	body.template-front-page .site-content,
	body.single-attachment .site-content,
	body.full-width .site-content {
		width: 100%;
	}

/* 1コラムトップページ・1コラム固定ページ */
	body.page-template-page-register-php .site-content,
	body.page-template-page-fsp-php .site-content,
	body.page-template-page-fspselect-php .site-content,
	body.page-template-page-top-php .site-content,
	body.page-template-default .site-content,
	body.page-template-page-OneColumn .site-content  {
		max-width: 100%;
	}
	body.page-template-page-register-php .site-content .entry-content,
	body.page-template-page-fsp-php .site-content .entry-content,
	body.page-template-page-fspselect-php .site-content .entry-content,
	body.page-template-page-top-php .site-content .entry-content,
	body.page-template-default .site-content .entry-content,
	body.page-template-page-OneColumn .site-content .entry-content {
		width: 100%;
	}




/* フッターウィジェット ---------------------------- */

.footer-w-area {
	clear: both;
	border-top:1px dotted #c8c8c8;
	padding-top:20px;
	padding-bottom:10px;
}

/* Two Footer Widget Areas */
.footer-w-area .two .widget-area-footer {
	text-align:left;
	float: left;
	margin-right: 2%;
	width: 47.5%;
}

/* Three Footer Widget Areas */
.footer-w-area .three .widget-area-footer {
	text-align:left;
	float: left;
	margin-right: 2.5%;
	width: 30.5%;
}

/* Four Footer Widget Areas */
.footer-w-area .four .widget-area-footer {
	text-align:left;
	float: left;
	margin-right: 2%;
	width: 23.2%;
}

.footer-w-area .two .widget-area-footer + .widget-area-footer,
.footer-w-area .three .widget-area-footer + .widget-area-footer + .widget-area-footer,
.footer-w-area .four .widget-area-footer + .widget-area-footer + .widget-area-footer + .widget-area-footer {
	margin-right: 0;
}


/* footer・footer内 フッターデザインを変更（2022/01/14）/ 編集者：山田 */
	footer[role="contentinfo"] {
		max-width: 100%;
		padding:0;
		margin:0 auto ;
		box-shadow: 0 0px 0px rgba(100, 100, 100, 0.5);/**/
	}

	.footer-area {
		max-width: 960px;
		padding: 0;
		margin: 0 auto;
	}

	.footer-box,
	.footer-nav {
		max-width: 960px;
		margin: 0 auto;
		padding: 20px;
	}

	.footer-nav {
		padding: 15px;
	}

	.footer-nav .menu {
		flex-direction: row;
		justify-content: center;
		gap: 30px
	}

	.footer-info {
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
		background: #333;
	}


/* Footer（カスタムメニュー）上部 */

	#footerUpper {
		max-width: 960px;
		margin:0 auto;
	}

	.footerUp-inner {
		flex-direction: row;
		gap: 15px;
		margin-top: 10px;
	}

	.box:not(:last-of-type) {
		width: calc((100% - 220px) / 4);
	}

	.box:last-of-type {
		width: 220px;
	}


/* 商品詳細ページ -------------------------- */

	.nsa_product_detail div.goods-p {
		float: left;
	}
	.nsa_product_detail div.detail1 {
		float: right;
		width:64%;
	}


/*  ログインページ・新規登録ページ（ログイン中） -------------------------------------------- */

body.page-template-page-register-php.logged-in .entry-content {
	padding:25px 0 0 35px;/**/
	width:75% !important;
	margin:0 auto !important;
	border:8px solid #e8e8e8;/**/
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%, #ffffff));
 background-image: -webkit-linear-gradient(top, #fafafa, #ffffff);
 background-image: -moz-linear-gradient(top, #fafafa, #ffffff);
 background-image: -ms-linear-gradient(top, #fafafa, #ffffff);
 background-image: -o-linear-gradient(top, #fafafa, #ffffff);
 background-image: linear-gradient(top, #fafafa, #ffffff);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fafafa, endColorstr=#ffffff);
behavior: url(ie-css3.htc);
	}

/*  ログインページ・新規登録ページ（ログインしていない時） -------------------------------------------- */

body.page-template-page-register-php .entry-content {
	padding:25px 20px 0 20px;/**/
	width:80% !important;
	margin:0 auto !important;
	border:8px solid #e8e8e8;/**/
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%, #ffffff));
 background-image: -webkit-linear-gradient(top, #fafafa, #ffffff);
 background-image: -moz-linear-gradient(top, #fafafa, #ffffff);
 background-image: -ms-linear-gradient(top, #fafafa, #ffffff);
 background-image: -o-linear-gradient(top, #fafafa, #ffffff);
 background-image: linear-gradient(top, #fafafa, #ffffff);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fafafa, endColorstr=#ffffff);
behavior: url(ie-css3.htc);
	}


/* トップページ -------------------------------------------- */
.separate {
	padding:0;
	margin:-8px 0 10px 0;
}

/*   type1 --------------------- */
.type1 p {
	padding:0;
	margin:0 50px 40px 50px;
	color:#555;
	font-size:14px;
	line-height:1.6;
	text-align:left;
	}

/*   type2 --------------------- */
.type2 {
	padding:0;
	margin:0;
	letter-spacing:-0.4em;/**/
	}
.type2 .left-area {
	padding:0;
	margin:5px 22px 0 0px;
	display: inline-block;
/*	max-width: 390px;*/
	width: 40.625%;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	*display:inline;/*for IE*/
	*zoom:1;/*for IE*/
	vertical-align:top;
	}
.type2 .right-area {
	padding:0;
	margin:0;
	display: inline-block;
/*	max-width: 510px;*/
	width: 53.125%;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	*display:inline;/*for IE*/
	*zoom:1;/*for IE*/
	text-align:right;
	}

/*   type3 --------------------- */
.type3 {
	padding:0;
	margin:0;
	letter-spacing:-0.4em;/**/
	}
.type3 .left-area {
	padding:0;
	margin:0 22px 0 0;
	display: inline-block;
/*	max-width: 510px;*/
	width: 53.125%;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	*display:inline;/*for IE*/
	*zoom:1;/*for IE*/
	text-align:left;
	}
.type3 .right-area {
	padding:0;
	margin:30px 0 0 0px;
	display: inline-block;
/*	max-width: 390px;*/
	width: 40.625%;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	*display:inline;/*for IE*/
	*zoom:1;/*for IE*/
	vertical-align:top;
	}
.type3 .right-area {

	padding:0;
	margin:5px 0 0 0px;
	display: inline-block;
/*	max-width: 390px;*/
	width: 40.625%;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	*display:inline;/*for IE*/
	*zoom:1;/*for IE*/
	vertical-align:top;
	}

	.sitetitle-box .btn {
	width:100%;
	}

}

/* Minimum width of 740 pixels.------------------------------------------ */
@media screen and (min-width: 801px) {

.wrapper {
	margin-top:30px;
	padding: 0 10px;
	padding: 0 0.714285714rem;
	}
	h1.site-title img {
		margin:0;
		padding:0;
		width:auto;
	}

h1.site-title_yousei img {
		margin:0;
		padding:0;
		width:auto;
		margin-top:20px;
}

	.sitetitle-box {
		position:relative;
	}

.site-header h1,
.site-header h2 {
	text-align: left;
}


/*  新規登録ボタン -------------------------------------------- */

	.sitetitle-box .regist-btn {
		position:absolute;
		top:-5px;
		right:120px;
border:1px solid #264c73; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;width:80px;font-family:arial, helvetica, sans-serif; padding: 2px 3px 2px 3px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-decoration:none; text-align: center; color: #FFFFFF; background-color: #264c73;
 background-image: -webkit-gradient(linear, left top, left bottom, from(ec7400), to(#264c73));
 background-image: -webkit-linear-gradient(top, #264c73, #264c73);
 background-image: -moz-linear-gradient(top, #264c73, #264c73);
 background-image: -ms-linear-gradient(top, #264c73, #264c73);
 background-image: -o-linear-gradient(top, #264c73, #264c73);
 background-image: linear-gradient(to bottom, #264c73, #264c73);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4ba614, endColorstr=#264c73);
}

	.sitetitle-box .regist-btn:hover{
 border:1px solid #0e5fad; background-color: #0e5fad;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#0e5fad), top(#0e5fad));
 background-image: -webkit-linear-gradient(top, #0e5fad, #0e5fad);
 background-image: -moz-linear-gradient(top, #0e5fad, #0e5fad);
 background-image: -ms-linear-gradient(top, #0e5fad, #0e5fad);
 background-image: -o-linear-gradient(top, #0e5fad, #0e5fad);
 background-image: linear-gradient(to bottom, #0e5fad, #0e5fad);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#33CC00, endColorstr=#008C00);
}

@media screen and (max-width: 800px) {
.sitetitle-box .regist-btn{
display:none;
}
}


/*  ログインボタン -------------------------------------------- */

	.sitetitle-box .login-btn {
		position:absolute;
		top:-5px;
		right:20px;
border:1px solid #264c73; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;width:80px;font-family:arial, helvetica, sans-serif; padding: 2px 3px 2px 3px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-decoration:none; text-align: center; color: #FFFFFF; background-color: #264c73;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#264c73), to(#264c73));
 background-image: -webkit-linear-gradient(top, #264c73, #264c73);
 background-image: -moz-linear-gradient(top, #264c73, #264c73);
 background-image: -ms-linear-gradient(top, #264c73, #264c73);
 background-image: -o-linear-gradient(top, #264c73, #264c73);
 background-image: linear-gradient(to bottom, #264c73, #264c73);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#264c73, endColorstr=#264c73);
}


	.sitetitle-box .login-btn:hover{
 border:1px solid #0e5fad; background-color: #0e5fad;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#0e5fad), top(#0e5fad));
 background-image: -webkit-linear-gradient(top, #0e5fad, #0e5fad);
 background-image: -moz-linear-gradient(top, #0e5fad, #0e5fad);
 background-image: -ms-linear-gradient(top, #0e5fad, #0e5fad);
 background-image: -o-linear-gradient(top, #0e5fad, #0e5fad);
 background-image: linear-gradient(to bottom, #0e5fad, #0e5fad);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0e5fad, endColorstr=#0e5fad);
}


/*  有料サービス購入ボタン -------------------------------------------- */

	.sitetitle-box .btn {
		position:absolute;
		top:30px;
		right:20px;
 border:1px solid #ff9913; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;width:240px;font-size:14px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px !important; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #ffaf46;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), top(#e78404));
 background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
 background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
 background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
 background-image: -o-linear-gradient(top, #ffaf46, #e78404);
 background-image: linear-gradient(to bottom, #ffaf46, #e78404);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffaf46, endColorstr=#e78404);
	}
	.sitetitle-box .btn:hover {
border:1px solid #ffad41; background-color: #ffc579;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc579), to(#fb9d23));
 background-image: -webkit-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -moz-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -ms-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -o-linear-gradient(top, #ffc579, #fb9d23);
 background-image: linear-gradient(to bottom, #ffc579, #fb9d23);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffc579, endColorstr=#fb9d23);
	}

.page-template-page-register-php .wrapper,
.page-template-page-fsp-php .wrapper,
.page-template-page-fspselect-php .wrapper {
	margin-top:0px !important;
	}
.page-template-page-register-php .site-content {
	margin-top:25px;
	}
.page-template-page-register-php .entry-content,
.page-template-page-fsp-php .entry-content,
.page-template-page-fspselect-php .entry-content {
	margin-top:0px;
	}


/* Navigation Menu */
	nav.main-navigation {
		margin:0px auto 0 auto;
	}

}


/* Minimum width of 960 pixels. ------------------------- */
@media screen and (min-width: 960px) {
}


header{
 text-align: center;
 width: 100%;
}

.visible-phone{
display:none;
}

@media screen and (max-width:800px) {
.hidden-phone{
display:none;
}
.visible-phone{
display:block;
}
}

body.page-id-7{
overflow:hidden;
}

#post-1805{
    padding: 20px;
    max-width: 960px;
}


.page-template-page-top2 iframe:nth-child(1), .page-template-page-OneColumn iframe:nth-child(1){
position:fixed;
top:-30px;
}

.page-template-page-top2 .site-header, .page-template-page-OneColumn .site-header , .page-template-page3 .site-header{
	margin:0;
	padding: 0;
	background: #F5F6F7 !important;/**/
}

.page-template-page-top2 h2.site-description, .page-template-page-OneColumn h2.site-description , .page-template-page3 h2.site-description{
	color:#fff;
	font-size:10px;
	padding:0;
letter-spacing:0.05em;
font-weight:normal;
}

.page-template-page-top2 nav.main-navigation, .page-template-page-OneColumn nav.main-navigation, .page-template-page3 nav.main-navigation{
		margin:0 auto;
/* background-color: #e6e6e6; 追加*/
background-color: #444;/*追加*/
	}



@media screen and (max-width: 800px) {
.page-template-page-top2 .ban-box, .page-template-page-OneColumn .ban-box , .page-template-page3 .ban-box{
	  display: none;
	}
}

@media screen and (min-width: 801px) {
.page-template-page-top2 h2.site-description, .page-template-page-OneColumn h2.site-description , .page-template-page3 h2.site-description{
		color:#fff;
}

.page-template-page-top2 .description-box, .page-template-page-OneColumn .description-box , .page-template-page3 .description-box{
		max-width: 1000px;
		padding:0;
padding-top:2px;
		margin: 0 auto;
	}

.page-template-page-top2 .sitetitle-box, .page-template-page-OneColumn .sitetitle-box , .page-template-page3 .sitetitle-box{
		max-width: 1000px;
		padding:0;
		margin: 0 auto;
	}

/* Navigation Menu */
.page-template-page-top2 .main-navigation li a,
.page-template-page-top2 .main-navigation li,
.page-template-page-OneColumn .main-navigation li a,
.page-template-page-OneColumn .main-navigation li,
.page-template-page3 .main-navigation li a,
.page-template-page3 .main-navigation li {
		margin-left:0;
}

.page-template-page-top2 nav.main-navigation, .page-template-page-OneColumn nav.main-navigation , .page-template-page3 nav.main-navigation{
	box-shadow:0;
	}

.page-template-page-top2 .main-navigation:before, .page-template-page-OneColumn .main-navigation:before , .page-template-page3 .main-navigation:before{
		position: relative;
	}

.page-template-page-top2 .main-navigation li a,
.page-template-page-top2 .main-navigation li,
.page-template-page-OneColumn .main-navigation li a,
.page-template-page-OneColumn .main-navigation li,
.page-template-page3 .main-navigation li a,
.page-template-page3 .main-navigation li
 {
		display: inline-block;
		color: #ffffff !important;
		letter-spacing:normal;/*隙間をなくすためのハック*/
		*display: inline;
		*zoom: 1;
		padding:0;
		width:200px;/*width:195px;*//**/
	}

.page-template-page-top2 .main-navigation li:nth-child(3) a,
.page-template-page-top2 .main-navigation li:nth-child(3),
.page-template-page-OneColumn .main-navigation li:nth-child(3) a,
.page-template-page-OneColumn .main-navigation li:nth-child(3),
.page-template-page3 .main-navigation li:nth-child(3) a,
.page-template-page3 .main-navigation li:nth-child(3) {
width:200px;/*width:220px;*/
}

.page-template-page-top2 .main-navigation li.menu-item a, .page-template-page-OneColumn .main-navigation li.menu-item a,  .page-template-page3 .main-navigation li.menu-item a {
font-size:110%;
letter-spacing:0.025em;
font-weight:normal;
}

.page-template-page-top2 .main-navigation li.menu-item:last-child a, .page-template-page-OneColumn .main-navigation li.menu-item:last-child a , .page-template-page3 .main-navigation li.menu-item:last-child a{
		width:200px;/*width:195px;*/
	}

.page-template-page-top2 .main-navigation li.menu-item:last-child a:hover, .page-template-page-OneColumn .main-navigation li.menu-item:last-child a:hover, .page-template-page3 .main-navigation li.menu-item:last-child a:hover {
		width:200px;/*width:195px;*/
	}

.page-template-page-top2 .main-navigation li ul, .page-template-page-OneColumn .main-navigation li ul, .page-template-page3 .main-navigation li ul {
		position: relative;
		top: auto;
		height:auto;
		width:auto;
	 	overflow:visible;
		clip:auto;
	}

.page-template-page-top2 .main-navigation li ul li, .page-template-page-OneColumn .main-navigation li ul li , .page-template-page3 .main-navigation li ul li{
		display: block;
		background:none;/*?*/
		margin:0;/*?*/
		margin-left:0;/*?*/
	}

.page-template-page-top2 .main-navigation li ul li a, .page-template-page-OneColumn .main-navigation li ul li a, .page-template-page3 .main-navigation li ul li a{
padding: 8px 0 8px 10px;
}

.page-template-page-top2 .main-navigation li ul ul, .page-template-page-OneColumn .main-navigation li ul ul, .page-template-page3 .main-navigation li ul ul{
		top: 0;
		left: initial !important;
		margin-top:0;/*?*/
	}

.page-template-page-top2 .main-navigation ul li:hover > ul, .page-template-page-OneColumn .main-navigation ul li:hover > ul , .page-template-page3 .main-navigation ul li:hover > ul {
		border-left: auto;/*?*/
		display: none;/*?*/
	}
}


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    overflow:hidden;
font-size:0.1em;
line-height:0;
}

.clearfix {
    min-height: 1px;
}







.flex-control-paging li a {
    background: #cecece !important;
    box-shadow: none !important;
}

.flex-control-paging li a.flex-active{
background: #264c73 !important;
}

/*.page-template-page-top2 #main, .page-template-page-OneColumn#main{
    position: relative;
    top: -40px;
    padding: 40px auto;
}*/
.page-template-page-top .slider_box, .page-template-page-top2 .slider_box, .page-template-page-OneColumn .slider_box{
background:#fff;
padding-bottom:1px;
max-width:1000px;
margin:auto auto;
}

@media screen and (max-width: 800px) {
.page-template-page-top2 .slider_box, .page-template-page-OneColumn .slider_box{
padding-bottom:0;
}
}

.page-template-page-top2 .description-area, .page-template-page-OneColumn .description-area, .page-template-page3 .description-area{
background:#264c73;
}

.page-template-page-top2 .description-area h2, .page-template-page-OneColumn .description-area h2, .page-template-page3 .description-area h2{
color:#fff !important;
}

.page-template-page-top2 .sitetitle-area, .page-template-page-OneColumn .sitetitle-area{
position:relative;
letter-spacing:0.025em;
}


/* meta slider */
.metaslider{
background:#F5F6F7
}

.page-template-page-top2 #metaslider_container_6443, .page-template-page-OneColumn #metaslider_container_6443{
max-width: 1000px;
margin: 0 auto;
}

@media screen and (min-width:801px) {
.page-template-page-top2 .nav-box, .page-template-page-OneColumn .nav-box{
line-height:normal !important;
}
}

@media screen and (max-width:800px) {
body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column):not(.page-template-4_One-Column):not(.page-template-4_Two-Column):not(.page-template-5_One-Column):not(.page-template-5_Two-Column):not(.page-template-6_One-Column):not(.page-template-6_Two-Column):not(.page-template-7_One-Column):not(.page-template-7_Two-Column):not(.page-template-8_One-Column):not(.page-template-8_Two-Column):not(.page-template-9_One-Column):not(.page-template-9_Two-Column):not(.page-template-10_One-Column):not(.page-template-10_Two-Column):not(.page-template-11_One-Column):not(.page-template-11_Two-Column):not(.page-template-12_One-Column):not(.page-template-12_Two-Column) .site-header h1{
/*margin:15px 0 0 10px;*/
margin:15px 0 0 5px;
/*width:45%;*/
width:150px;
}

body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column):not(.page-template-4_One-Column):not(.page-template-4_Two-Column):not(.page-template-5_One-Column):not(.page-template-5_Two-Column):not(.page-template-6_One-Column):not(.page-template-6_Two-Column):not(.page-template-7_One-Column):not(.page-template-7_Two-Column):not(.page-template-8_One-Column):not(.page-template-8_Two-Column):not(.page-template-9_One-Column):not(.page-template-9_Two-Column):not(.page-template-10_One-Column):not(.page-template-10_Two-Column):not(.page-template-11_One-Column):not(.page-template-11_Two-Column):not(.page-template-12_One-Column):not(.page-template-12_Two-Column) h1 img{
width:100%;
}

body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column):not(.page-template-4_One-Column):not(.page-template-4_Two-Column):not(.page-template-5_One-Column):not(.page-template-5_Two-Column):not(.page-template-6_One-Column):not(.page-template-6_Two-Column):not(.page-template-7_One-Column):not(.page-template-7_Two-Column):not(.page-template-8_One-Column):not(.page-template-8_Two-Column):not(.page-template-9_One-Column):not(.page-template-9_Two-Column):not(.page-template-10_One-Column):not(.page-template-10_Two-Column):not(.page-template-11_One-Column):not(.page-template-11_Two-Column):not(.page-template-12_One-Column):not(.page-template-12_Two-Column) iframe:nth-child(1){
position:fixed;
top:-30px;
}

body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column):not(.page-template-5_One-Column):not(.page-template-5_Two-Column):not(.page-template-7_One-Column):not(.page-template-7_Two-Column):not(.page-template-8_One-Column):not(.page-template-8_Two-Column):not(.page-template-9_One-Column):not(.page-template-9_Two-Column):not(.page-template-10_One-Column):not(.page-template-10_Two-Column):not(.page-template-11_One-Column):not(.page-template-11_Two-Column):not(.page-template-12_One-Column):not(.page-template-12_Two-Column) .site-header {
	margin:0;
	padding: 0;
	background: #fff;/**/
}

body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column):not(.page-template-5_One-Column):not(.page-template-5_Two-Column):not(.page-template-7_One-Column):not(.page-template-7_Two-Column):not(.page-template-8_One-Column):not(.page-template-8_Two-Column):not(.page-template-9_One-Column):not(.page-template-9_Two-Column):not(.page-template-10_One-Column):not(.page-template-10_Two-Column):not(.page-template-11_One-Column):not(.page-template-11_Two-Column):not(.page-template-12_One-Column):not(.page-template-12_Two-Column) h2.site-description {
	color:#fff;
	font-size:10px;
	padding:0;
letter-spacing:0.05em;
font-weight:normal;
}

body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) nav.main-navigation {
		margin:0 auto;
/* background-color: #e6e6e6; 追加*/
/*background-color: #444;追加*/
	}


@media screen and (max-width: 800px) {
body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .ban-box {
	  display: none;
	}
}

@media screen and (min-width: 801px) {
body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) h2.site-description {
		color:#fff;
}

body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .description-box {
		max-width: 1000px;
		padding:0;
padding-top:2px;
		margin: 0 auto;
	}

body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .sitetitle-box {
		max-width: 1000px;
		padding:0;
		margin: 0 auto;
	}

/* Navigation Menu */
body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .main-navigation li a,
body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .main-navigation li {
		margin-left:0;
	}

body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) nav.main-navigation {
	box-shadow:0;
	}

body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .main-navigation:before {
		position: relative;
	}

body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .main-navigation li a,
body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .main-navigation li {
		display: inline-block;
		color: #ffffff !important;
		letter-spacing:normal;/*隙間をなくすためのハック*/
		*display: inline;
		*zoom: 1;
		padding:0;
		width:200px;/*width:195px;*//**/
	}

body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .main-navigation li:nth-child(3) a,
body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .main-navigation li:nth-child(3) {
width:200px;/*width:220px;*/
}


body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .main-navigation li.menu-item a {
font-size:110%;
letter-spacing:0.025em;
font-weight:normal;
}

body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .main-navigation li.menu-item:last-child a {
		width:200px;/*width:195px;*/
	}

body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .main-navigation li.menu-item:last-child a:hover {
		width:200px;/*width:195px;*//**/
	}
body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .main-navigation li ul {
		position: relative;
		top: auto;
		height:auto;
		width:auto;
	 	overflow:visible;
		clip:auto;
	}

body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .main-navigation li ul li {
		display: block;
		background:none;/*?*/
		margin:0;/*?*/
		margin-left:0;/*?*/
	}

body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .main-navigation li ul li a{
padding: 8px 0 8px 10px;
}

body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .main-navigation li ul ul {
		top: 0;
		left: initial !important;
		margin-top:0;/*?*/
	}

body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .main-navigation ul li:hover > ul {
		border-left: auto;/*?*/
		display: none;/*?*/
	}
}

body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .description-area{
background:#264c73;
}

body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .description-area h2{
color:#fff !important;
}

body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .sitetitle-area{
position:relative;
letter-spacing:0.025em;
}


@media screen and (max-width:800px) {
body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) nav.main-navigation:not(.page-template-5_One-Column):not(.page-template-5_Two-Column) nav.main-navigation {
margin:0 auto 10px;
background:#fff;
}
body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column):not(.page-template-5_One-Column):not(.page-template-5_Two-Column) .nav-box{
position:relative;
width:100%;
margin-top:0;
}

body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column):not(.page-template-4_One-Column):not(.page-template-4_Two-Column):not(.page-template-5_One-Column):not(.page-template-5_Two-Column):not(.page-template-6_One-Column):not(.page-template-6_Two-Column):not(.page-template-7_One-Column):not(.page-template-7_Two-Column):not(.page-template-8_One-Column):not(.page-template-8_Two-Column):not(.page-template-9_One-Column):not(.page-template-9_Two-Column):not(.page-template-10_One-Column):not(.page-template-10_Two-Column):not(.page-template-11_One-Column):not(.page-template-11_Two-Column):not(.page-template-12_One-Column):not(.page-template-12_Two-Column) .menu-toggle:before{
border-top:0;
}

body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column):not(.page-template-4_One-Column):not(.page-template-4_Two-Column):not(.page-template-5_One-Column):not(.page-template-5_Two-Column):not(.page-template-6_One-Column):not(.page-template-6_Two-Column):not(.page-template-7_One-Column):not(.page-template-7_Two-Column):not(.page-template-8_One-Column):not(.page-template-8_Two-Column):not(.page-template-9_One-Column):not(.page-template-9_Two-Column):not(.page-template-10_One-Column):not(.page-template-10_Two-Column):not(.page-template-11_One-Column):not(.page-template-11_Two-Column):not(.page-template-12_One-Column):not(.page-template-12_Two-Column) .nav-menu li{
min-height:40px;
line-height:40px;
}

}

@media screen and (min-width: 801px){
body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .site-header h1{
line-height:1;
margin-bottom:5px;
margin-top:25px;
}

body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .main-navigation{
width:100%;
}
body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .main-navigation li ul li{
width:0;
}

}


.page-template-page-top2 nav.main-navigation, .page-template-page-OneColumn nav.main-navigation {
margin:0 auto 10px;
background:none;
}
.page-template-page-top2 .nav-box, .page-template-page-OneColumn .nav-box{
position:relative;
width:100%;
margin-top:10px;
}

body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column):not(.page-template-4_One-Column):not(.page-template-4_Two-Column):not(.page-template-5_One-Column):not(.page-template-5_Two-Column):not(.page-template-6_One-Column):not(.page-template-6_Two-Column):not(.page-template-7_One-Column):not(.page-template-7_Two-Column):not(.page-template-8_One-Column):not(.page-template-8_Two-Column):not(.page-template-9_One-Column):not(.page-template-9_Two-Column):not(.page-template-10_One-Column):not(.page-template-10_Two-Column):not(.page-template-11_One-Column):not(.page-template-11_Two-Column):not(.page-template-12_One-Column):not(.page-template-12_Two-Column) .menu-toggle{
display:block;
position:absolute;
width:45px;
height:45px;
top:0;
right:8px;
box-sizing: border-box;
border:0;
box-shadow:none;
font-size: 9px;
line-height: 27px;
z-index:9999999999999;
}

.page-template-page-top2 .menu-toggle:before, .page-template-page-OneColumn .menu-toggle:before{
border-top:0;
}

.page-template-page-top2 .nav-menu li, .page-template-page-OneColumn .nav-menu li{
min-height:40px;
line-height:40px;
}

}

@media screen and (min-width: 801px){
.page-template-page-top2 .site-header h1, .page-template-page-OneColumn .site-header h1{
line-height:1;
margin-bottom:5px;
margin-top:25px;
}

.page-template-page-top2 .main-navigation, .page-template-page-OneColumn .main-navigation{
width:100%;
}
.page-template-page-top2 .main-navigation li ul li, .page-template-page-OneColumn .main-navigation li ul li{
width:0;
}

}

@media screen and (max-width:320px) {
body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column):not(.page-template-4_One-Column):not(.page-template-4_Two-Column):not(.page-template-5_One-Column):not(.page-template-5_Two-Column) .site-header h1{
margin:15px 0 10px 5px;
width:110px;
}
}

/* .post-template-default */
.post-template-default iframe:nth-child(1){
position:fixed;
top:-30px;
}

.post-template-default .site-header {
	margin:0;
	padding: 0;
	background: #fff;/**/
}

.post-template-default h2.site-description {
	color:#fff;
	font-size:10px;
	padding:0;
letter-spacing:0.05em;
font-weight:normal;
}

.post-template-default nav.main-navigation {
		margin:0 auto;
/* background-color: #e6e6e6; 追加*/
background-color: #444;/*追加*/
	}



@media screen and (max-width: 800px) {
.post-template-default .ban-box {
	  display: none;
	}
}

@media screen and (min-width: 801px) {
.post-template-default h2.site-description {
		color:#fff;
}

.post-template-default .description-box {
		max-width: 1000px;
		padding:0;
padding-top:2px;
		margin: 0 auto;
	}

.post-template-default .sitetitle-box {
		max-width: 1000px;
		padding:0;
		margin: 0 auto;
	}

/* Navigation Menu */
.post-template-default .main-navigation li a,
.post-template-default .main-navigation li {
		margin-left:0;
	}

.post-template-default nav.main-navigation {
	box-shadow:0;
	}

.post-template-default .main-navigation:before {
		position: relative;
	}

.post-template-default .main-navigation li a,
.post-template-default .main-navigation li {
		display: inline-block;
		color: #ffffff !important;
		letter-spacing:normal;/*隙間をなくすためのハック*/
		*display: inline;
		*zoom: 1;
		padding:0;
		width:200px;/*width:195px;*//**/
	}

.post-template-default .main-navigation li.menu-item a {
font-size:110%;
letter-spacing:0.025em;
font-weight:normal;
}

.post-template-default .main-navigation li:nth-child(3) a,
.post-template-default .main-navigation li:nth-child(3) {
width:200px;/*width:220px;*/
}

.post-template-default .main-navigation li.menu-item:last-child a {
		width:200px;/*width:195px;*/
	}

.post-template-default .main-navigation li.menu-item:last-child a:hover {
		width:200px;/*width:195px;*/
	}
.post-template-default .main-navigation li ul {
		position: relative;
		top: auto;
		height:auto;
		width:auto;
	 	overflow:visible;
		clip:auto;
	}

.post-template-default .main-navigation li ul li {
		display: block;
		background:none;/*?*/
		margin:0;/*?*/
		margin-left:0;/*?*/
	}

.post-template-default .main-navigation li ul li a{
padding: 8px 0 8px 10px;
}

.post-template-default .main-navigation li ul ul {
		top: 0;
		left: initial !important;
		margin-top:0;/*?*/
	}

.post-template-default .main-navigation ul li:hover > ul {
		border-left: auto;/*?*/
		display: none;/*?*/
	}
}

.post-template-default .description-area{
background:#264c73;
}

.post-template-default .description-area h2{
color:#fff !important;
}

.post-template-default .sitetitle-area{
position:relative;
letter-spacing:0.025em;
}


@media screen and (max-width:800px) {
.post-template-default nav.main-navigation {
margin:0 auto 10px;
background:#fff;
}
.post-template-default .nav-box{
position:relative;
width:100%;
margin-top:0;
}

.post-template-default .menu-toggle:before{
border-top:0;
}

.post-template-default .nav-menu li{
min-height:40px;
line-height:40px;
}

}

@media screen and (min-width: 801px){
.post-template-default .site-header h1{
line-height:1;
margin-bottom:5px;
margin-top:25px;
}

.post-template-default .main-navigation{
width:100%;
}
.post-template-default .main-navigation li ul li{
width:0;
}

}

/*category*/
/* .category */
.category iframe:nth-child(1){
position:fixed;
top:-30px;
}

.category .site-header {
	margin:0;
	padding: 0;
	background: #fff;/**/
}

.category h2.site-description {
	color:#fff;
	font-size:10px;
	padding:0;
letter-spacing:0.05em;
font-weight:normal;
}

.category nav.main-navigation {
		margin:0 auto;
/* background-color: #e6e6e6; 追加*/
background-color: #444;/*追加*/
	}



@media screen and (max-width: 800px) {
.category .ban-box {
	  display: none;
	}
}

@media screen and (min-width: 801px) {
.category h2.site-description {
		color:#fff;
}

.category .description-box {
		max-width: 1000px;
		padding:0;
padding-top:2px;
		margin: 0 auto;
	}

.category .sitetitle-box {
		max-width: 1000px;
		padding:0;
		margin: 0 auto;
	}

/* Navigation Menu */
.category .main-navigation li a,
.category .main-navigation li {
		margin-left:0;
	}

.category nav.main-navigation {
	box-shadow:0;
	}

.category .main-navigation:before {
		position: relative;
	}

.category .main-navigation li a,
.category .main-navigation li {
		display: inline-block;
		color: #ffffff !important;
		letter-spacing:normal;/*隙間をなくすためのハック*/
		*display: inline;
		*zoom: 1;
		padding:0;
		width:200px;/*width:195px;*//**/
	}

.category .main-navigation li:nth-child(3) a,
.category .main-navigation li:nth-child(3) {
width:200px;/*width:220px;*/
}

.category .main-navigation li.menu-item a {
font-size:110%;
letter-spacing:0.025em;
font-weight:normal;
}

.category .main-navigation li.menu-item:last-child a {
		width:200px;/*width:195px;*/
	}

.category .main-navigation li.menu-item:last-child a:hover {
		width:200px;/*width:195px;*//**/
	}
.category .main-navigation li ul {
		position: relative;
		top: auto;
		height:auto;
		width:auto;
	 	overflow:visible;
		clip:auto;
	}

.category .main-navigation li ul li {
		display: block;
		background:none;/*?*/
		margin:0;/*?*/
		margin-left:0;/*?*/
	}

.category .main-navigation li ul li a{
padding: 8px 0 8px 10px;
}

.category .main-navigation li ul ul {
		top: 0;
		left: initial !important;
		margin-top:0;/*?*/
	}

.category .main-navigation ul li:hover > ul {
		border-left: auto;/*?*/
		display: none;/*?*/
	}
}

.category .description-area{
background:#264c73;
}

.category .description-area h2{
color:#fff !important;
}

.category .sitetitle-area{
position:relative;
letter-spacing:0.025em;
}


@media screen and (max-width:800px) {
.category nav.main-navigation {
margin:0 auto 10px;
background:#fff;
}
.category .nav-box{
position:relative;
width:100%;
margin-top:0;
}

.category .menu-toggle:before{
border-top:0;
}

.category .nav-menu li{
min-height:40px;
line-height:40px;
}

}

@media screen and (min-width: 801px){
.category .site-header h1{
line-height:1;
margin-bottom:5px;
margin-top:25px;
}

.category .main-navigation{
width:100%;
}
.category .main-navigation li ul li{
width:0;
}

}

/* .page-template-default */
.page-template-default iframe:nth-child(1){
position:fixed;
top:-30px;
}

.page-template-default .site-header {
	margin:0;
	padding: 0;
	background: #fff;/**/
}

.page-template-default h2.site-description {
	color:#fff;
	font-size:10px;
	padding:0;
letter-spacing:0.05em;
font-weight:normal;
}

.page-template-default nav.main-navigation {
		margin:0 auto;
/* background-color: #e6e6e6; 追加*/
background-color: #444;/*追加*/
	}



@media screen and (max-width: 800px) {
.page-template-default .ban-box {
	  display: none;
	}
}

@media screen and (min-width: 801px) {
.page-template-default h2.site-description {
		color:#fff;
}

.page-template-default .description-box {
		max-width: 1000px;
		padding:0;
padding-top:2px;
		margin: 0 auto;
	}

.page-template-default .sitetitle-box {
		max-width: 1000px;
		padding:0;
		margin: 0 auto;
	}

/* Navigation Menu */
.page-template-default .main-navigation li a,
.page-template-default .main-navigation li {
		margin-left:0;
	}

.page-template-default nav.main-navigation {
	box-shadow:0;
	}

.page-template-default .main-navigation:before {
		position: relative;
	}

.page-template-default .main-navigation li a,
.page-template-default .main-navigation li {
		display: inline-block;
		color: #ffffff !important;
		letter-spacing:normal;/*隙間をなくすためのハック*/
		*display: inline;
		*zoom: 1;
		padding:0;
		width:200px;/*width:195px;*//**/
	}

.page-template-default .main-navigation li:nth-child(3) a,
.page-template-default .main-navigation li:nth-child(3) {
width:200px;/*width:220px;*/
}


.page-template-default .main-navigation li.menu-item a {
font-size:110%;
letter-spacing:0.025em;
font-weight:normal;
}

.page-template-default .main-navigation li.menu-item:last-child a {
		width:200px;/*width:195px;*/
	}

.page-template-default .main-navigation li.menu-item:last-child a:hover {
		width:200px;/*width:195px;*//**/
	}
.page-template-default .main-navigation li ul {
		position: relative;
		top: auto;
		height:auto;
		width:auto;
	 	overflow:visible;
		clip:auto;
	}

.page-template-default .main-navigation li ul li {
		display: block;
		background:none;/*?*/
		margin:0;/*?*/
		margin-left:0;/*?*/
	}

.page-template-default .main-navigation li ul li a{
padding: 8px 0 8px 10px;
}

.page-template-default .main-navigation li ul ul {
		top: 0;
		left: initial !important;
		margin-top:0;/*?*/
	}

.page-template-default .main-navigation ul li:hover > ul {
		border-left: auto;/*?*/
		display: none;/*?*/
	}
}

.page-template-default .description-area{
background:#264c73;
}

.page-template-default .description-area h2{
color:#fff !important;
}

.page-template-default .sitetitle-area{
position:relative;
letter-spacing:0.025em;
}


@media screen and (max-width:800px) {
.page-template-default nav.main-navigation {
margin:0 auto 10px;
background:#fff;
}
.page-template-default .nav-box{
position:relative;
width:100%;
margin-top:0;
}

.page-template-default .menu-toggle:before{
border-top:0;
}

.page-template-default .nav-menu li{
min-height:40px;
line-height:40px;
}

}

@media screen and (min-width: 801px){
.page-template-default .site-header h1{
line-height:1;
margin-bottom:5px;
margin-top:25px;
}

.page-template-default .main-navigation{
width:100%;
}
.page-template-default .main-navigation li ul li{
width:0;
}

}



/* .error404 */
.error404 iframe:nth-child(1){
position:fixed;
top:-30px;
}

.error404 .site-header {
	margin:0;
	padding: 0;
	background: #fff;/**/
}

.error404 h2.site-description {
	color:#fff;
	font-size:10px;
	padding:0;
letter-spacing:0.05em;
font-weight:normal;
}

.error404 nav.main-navigation {
		margin:0 auto;
/* background-color: #e6e6e6; 追加*/
background-color: #444;/*追加*/
	}



@media screen and (max-width: 800px) {
.error404 .ban-box {
	  display: none;
	}
}

@media screen and (min-width: 801px) {
.error404 h2.site-description {
		color:#fff;
}

.error404 .description-box {
		max-width: 1000px;
		padding:0;
padding-top:2px;
		margin: 0 auto;
	}

.error404 .sitetitle-box {
		max-width: 1000px;
		padding:0;
		margin: 0 auto;
	}

/* Navigation Menu */
.error404 .main-navigation li a,
.error404 .main-navigation li {
		margin-left:0;
	}

.error404 nav.main-navigation {
	box-shadow:0;
	}

.error404 .main-navigation:before {
		position: relative;
	}

.error404 .main-navigation li a,
.error404 .main-navigation li {
		display: inline-block;
		color: #ffffff !important;
		letter-spacing:normal;/*隙間をなくすためのハック*/
		*display: inline;
		*zoom: 1;
		padding:0;
		width:200px;/*width:195px;*//**/
	}

.error404 .main-navigation li:nth-child(3) a,
.error404 .main-navigation li:nth-child(3) {
width:200px;/*width:220px;*/
}


.error404 .main-navigation li.menu-item a {
font-size:110%;
letter-spacing:0.025em;
font-weight:normal;
}

.error404 .main-navigation li.menu-item:last-child a {
		width:200px;/*width:195px;*/
	}

.error404 .main-navigation li.menu-item:last-child a:hover {
		width:200px;/*width:195px;*//**/
	}
.error404 .main-navigation li ul {
		position: relative;
		top: auto;
		height:auto;
		width:auto;
	 	overflow:visible;
		clip:auto;
	}

.error404 .main-navigation li ul li {
		display: block;
		background:none;/*?*/
		margin:0;/*?*/
		margin-left:0;/*?*/
	}

.error404 .main-navigation li ul li a{
padding: 8px 0 8px 10px;
}

.error404 .main-navigation li ul ul {
		top: 0;
		left: initial !important;
		margin-top:0;/*?*/
	}

.error404 .main-navigation ul li:hover > ul {
		border-left: auto;/*?*/
		display: none;/*?*/
	}
}

.error404 .description-area{
background:#264c73;
}

.error404 .description-area h2{
color:#fff !important;
}

.error404 .sitetitle-area{
position:relative;
letter-spacing:0.025em;
}


@media screen and (max-width:800px) {
.error404 nav.main-navigation {
margin:0 auto 10px;
background:#fff;
}
.error404 .nav-box{
position:relative;
width:100%;
margin-top:0;
}

.error404 .menu-toggle:before{
border-top:0;
}

.error404 .nav-menu li{
min-height:40px;
line-height:40px;
}

}

@media screen and (min-width: 801px){
.error404 .site-header h1{
line-height:1;
margin-bottom:5px;
margin-top:25px;
}

.error404 .main-navigation{
width:100%;
}
.error404 .main-navigation li ul li{
width:0;
}

}

/* .page-template-page-top */
.page-template-page-top iframe:nth-child(1){
position:fixed;
top:-30px;
}

.page-template-page-top .site-header {
	margin:0;
	padding: 0;
	background: #f5f6f7;/**/
}

.page-template-page-top h2.site-description {
	color:#fff;
	font-size:10px;
	padding:0;
letter-spacing:0.05em;
font-weight:normal;
}

.page-template-page-top nav.main-navigation {
		margin:0 auto;
/* background-color: #e6e6e6; 追加*/
background-color: #444;/*追加*/
	}



@media screen and (max-width: 800px) {
.page-template-page-top .ban-box {
	  display: none;
	}
}

@media screen and (min-width: 801px) {
.page-template-page-top h2.site-description {
		color:#fff;
}

.page-template-page-top .description-box {
		max-width: 1000px;
		padding:0;
padding-top:2px;
		margin: 0 auto;
	}

.page-template-page-top .sitetitle-box {
		max-width: 1000px;
		padding:0;
		margin: 0 auto;
	}

/* Navigation Menu */
.page-template-page-top .main-navigation li a,
.page-template-page-top .main-navigation li {
		margin-left:0;
	}

.page-template-page-top nav.main-navigation {
	box-shadow:0;
	}

.page-template-page-top .main-navigation:before {
		position: relative;
	}

.page-template-page-top .main-navigation li a,
.page-template-page-top .main-navigation li {
		display: inline-block;
		color: #ffffff !important;
		letter-spacing:normal;/*隙間をなくすためのハック*/
		*display: inline;
		*zoom: 1;
		padding:0;
		width:200px;/*width:195px;*//**/
	}

.page-template-page-top .main-navigation li:nth-child(3) a,
.page-template-page-top .main-navigation li:nth-child(3) {
width:200px;/*width:220px;*/
}


.page-template-page-top .main-navigation li.menu-item a {
font-size:110%;
letter-spacing:0.025em;
font-weight:normal;
}

.page-template-page-top .main-navigation li.menu-item:last-child a {
		width:200px;/*width:195px;*/
	}

.page-template-page-top .main-navigation li.menu-item:last-child a:hover {
		width:200px;/*width:195px;*//**/
	}
.page-template-page-top .main-navigation li ul {
		position: relative;
		top: auto;
		height:auto;
		width:auto;
	 	overflow:visible;
		clip:auto;
	}

.page-template-page-top .main-navigation li ul li {
		display: block;
		background:none;/*?*/
		margin:0;/*?*/
		margin-left:0;/*?*/
	}

.page-template-page-top .main-navigation li ul li a{
padding: 8px 0 8px 10px;
}

.page-template-page-top .main-navigation li ul ul {
		top: 0;
		left: initial !important;
		margin-top:0;/*?*/
	}

.page-template-page-top .main-navigation ul li:hover > ul {
		border-left: auto;/*?*/
		display: none;/*?*/
	}
}

.page-template-page-top .description-area{
background:#264c73;
}

.page-template-page-top .description-area h2{
color:#fff !important;
}

.page-template-page-top .sitetitle-area{
position:relative;
letter-spacing:0.025em;
/*top: 25px;
margin-bottom: 19px;*/

}


@media screen and (max-width:800px) {
.page-template-page-top nav.main-navigation {
margin:0 auto 10px;
background:#fff;
}
.page-template-page-top .nav-box{
position:relative;
width:100%;
margin-top:0;
}

.page-template-page-top .menu-toggle:before{
border-top:0;
}

.page-template-page-top .nav-menu li{
min-height:40px;
line-height:40px;
}

}






/* .single-post */
.single-post iframe:nth-child(1){
position:fixed;
top:-30px;
}

.single-post .site-header {
	margin:0;
	padding: 0;
	background: #fff;/**/
}

.single-post h2.site-description {
	color:#fff;
	font-size:10px;
	padding:0;
letter-spacing:0.05em;
font-weight:normal;
}

.single-post nav.main-navigation {
		margin:0 auto;
/* background-color: #e6e6e6; 追加*/
background-color: #444;/*追加*/
	}



@media screen and (max-width: 800px) {
.single-post .ban-box {
	  display: none;
	}
}

@media screen and (min-width: 801px) {
.single-post h2.site-description {
		color:#fff;
}

.single-post .description-box {
		max-width: 1000px;
		padding:0;
padding-top:2px;
		margin: 0 auto;
	}

.single-post .sitetitle-box {
		max-width: 1000px;
		padding:0;
		margin: 0 auto;
	}

/* Navigation Menu */
.single-post .main-navigation li a,
.single-post .main-navigation li {
		margin-left:0;
	}

.single-post nav.main-navigation {
	box-shadow:0;
	}

.single-post .main-navigation:before {
		position: relative;
	}

.single-post .main-navigation li a,
.single-post .main-navigation li {
		display: inline-block;
		color: #ffffff !important;
		letter-spacing:normal;/*隙間をなくすためのハック*/
		*display: inline;
		*zoom: 1;
		padding:0;
		width:200px;/*width:195px;*//**/
	}

.single-post .main-navigation li:nth-child(3) a,
.single-post .main-navigation li:nth-child(3) {
width:200px;/*width:220px;*/
}


.single-post .main-navigation li.menu-item a {
font-size:110%;
letter-spacing:0.025em;
font-weight:normal;
}

.single-post .main-navigation li.menu-item:last-child a {
		width:200px;/*width:195px;*/
	}

.single-post .main-navigation li.menu-item:last-child a:hover {
		width:200px;/*width:195px;*//**/
	}
.single-post .main-navigation li ul {
		position: relative;
		top: auto;
		height:auto;
		width:auto;
	 	overflow:visible;
		clip:auto;
	}

.single-post .main-navigation li ul li {
		display: block;
		background:none;/*?*/
		margin:0;/*?*/
		margin-left:0;/*?*/
	}

.single-post .main-navigation li ul li a{
padding: 8px 0 8px 10px;
}

.single-post .main-navigation li ul ul {
		top: 0;
		left: initial !important;
		margin-top:0;/*?*/
	}

.single-post .main-navigation ul li:hover > ul {
		border-left: auto;/*?*/
		display: none;/*?*/
	}
}

.single-post .description-area{
background:#264c73;
}

.single-post .description-area h2{
color:#fff !important;
}

.single-post .sitetitle-area{
position:relative;
letter-spacing:0.025em;
/*top: 25px;
margin-bottom: 19px;*/
}


@media screen and (max-width:800px) {
.single-post nav.main-navigation {
margin:0 auto 10px;
background:#fff;
}
.single-post .nav-box{
position:relative;
width:100%;
margin-top:0;
}

.single-post .menu-toggle:before{
border-top:0;
}

.single-post .nav-menu li{
min-height:40px;
line-height:40px;
}

}

/* .page-template-page2 */
.page-template-page2 iframe:nth-child(1){
position:fixed;
top:-30px;
}

.page-template-page2 .site-header {
	margin:0;
	padding: 0;
	background: #fff;/**/
}

.page-template-page2 h2.site-description {
	color:#fff;
	font-size:10px;
	padding:0;
letter-spacing:0.05em;
font-weight:normal;
}

.page-template-page2 nav.main-navigation {
		margin:0 auto;
/* background-color: #e6e6e6; 追加*/
background-color: #444;/*追加*/
	}



@media screen and (max-width: 800px) {
.page-template-page2 .ban-box {
	  display: none;
	}
}

@media screen and (min-width: 801px) {
.page-template-page2 h2.site-description {
		color:#fff;
}

.page-template-page2 .description-box {
		max-width: 1000px;
		padding:0;
padding-top:2px;
		margin: 0 auto;
	}

.page-template-page2 .sitetitle-box {
		max-width: 1000px;
		padding:0;
		margin: 0 auto;
	}

/* Navigation Menu */
.page-template-page2 .main-navigation li a,
.page-template-page2 .main-navigation li {
		margin-left:0;
	}

.page-template-page2 nav.main-navigation {
	box-shadow:0;
	}

.page-template-page2 .main-navigation:before {
		position: relative;
	}

.page-template-page2 .main-navigation li a,
.page-template-page2 .main-navigation li {
		display: inline-block;
		color: #ffffff !important;
		letter-spacing:normal;/*隙間をなくすためのハック*/
		*display: inline;
		*zoom: 1;
		padding:0;
		width:200px;/*width:195px;*//**/
	}

.page-template-page2 .main-navigation li:nth-child(3) a,
.page-template-page2 .main-navigation li:nth-child(3) {
width:200px;/*width:220px;*/
}


.page-template-page2 .main-navigation li.menu-item a {
font-size:110%;
letter-spacing:0.025em;
font-weight:normal;
}

.page-template-page2 .main-navigation li.menu-item:last-child a {
		width:200px;/*width:195px;*/
	}

.page-template-page2 .main-navigation li.menu-item:last-child a:hover {
		width:200px;/*width:195px;*//**/
	}
.page-template-page2 .main-navigation li ul {
		position: relative;
		top: auto;
		height:auto;
		width:auto;
	 	overflow:visible;
		clip:auto;
	}

.page-template-page2 .main-navigation li ul li {
		display: block;
		background:none;/*?*/
		margin:0;/*?*/
		margin-left:0;/*?*/
	}

.page-template-page2 .main-navigation li ul li a{
padding: 8px 0 8px 10px;
}

.page-template-page2 .main-navigation li ul ul {
		top: 0;
		left: initial !important;
		margin-top:0;/*?*/
	}

.page-template-page2 .main-navigation ul li:hover > ul {
		border-left: auto;/*?*/
		display: none;/*?*/
	}
}

.page-template-page2 .description-area{
background:#264c73;
}

.page-template-page2 .description-area h2{
color:#fff !important;
}

.page-template-page2 .sitetitle-area{
position:relative;
letter-spacing:0.025em;
/*top: 25px;
margin-bottom: 19px;*/
}


@media screen and (max-width:800px) {
.page-template-page2 nav.main-navigation {
margin:0 auto 10px;
background:#fff;
}
.page-template-page2 .nav-box{
position:relative;
width:100%;
margin-top:0;
}

.page-template-page2 .menu-toggle:before{
border-top:0;
}

.page-template-page2 .nav-menu li{
min-height:40px;
line-height:40px;
}

}


/* .page-template-1_One-Column */
.page-template-1_One-Column iframe:nth-child(1){
position:fixed;
top:-30px;
}

.page-template-1_One-Column .site-header {
	margin:0;
	padding: 0;
	background: #fff;/**/
}

.page-template-1_One-Column h2.site-description {
	color:#fff;
	font-size:10px;
	padding:0;
letter-spacing:0.05em;
font-weight:normal;
}

.page-template-1_One-Column nav.main-navigation {
		margin:0 auto;
/* background-color: #e6e6e6; 追加*/
background-color: #444;/*追加*/
	}



@media screen and (max-width: 800px) {
.page-template-1_One-Column .ban-box {
	  display: none;
	}
}

@media screen and (min-width: 801px) {
.page-template-1_One-Column h2.site-description {
		color:#fff;
}

.page-template-1_One-Column .description-box {
		max-width: 1000px;
		padding:0;
padding-top:2px;
		margin: 0 auto;
	}

.page-template-1_One-Column .sitetitle-box {
		max-width: 1000px;
		padding:0;
		margin: 0 auto;
	}

/* Navigation Menu */
.page-template-1_One-Column .main-navigation li a,
.page-template-1_One-Column .main-navigation li {
		margin-left:0;
	}

.page-template-1_One-Column nav.main-navigation {
	box-shadow:0;
	}

.page-template-1_One-Column .main-navigation:before {
		position: relative;
	}

.page-template-1_One-Column .main-navigation li a,
.page-template-1_One-Column .main-navigation li {
		display: inline-block;
		color: #ffffff !important;
		letter-spacing:normal;/*隙間をなくすためのハック*/
		*display: inline;
		*zoom: 1;
		padding:0;
		width:200px;/*width:195px;*//**/
	}

.page-template-1_One-Column .main-navigation li:nth-child(3) a,
.page-template-1_One-Column .main-navigation li:nth-child(3) {
width:200px;/*width:220px;*/
}


.page-template-1_One-Column .main-navigation li.menu-item a {
font-size:110%;
letter-spacing:0.025em;
font-weight:normal;
}

.page-template-1_One-Column .main-navigation li.menu-item:last-child a {
		width:200px;/*width:195px;*/
	}

.page-template-1_One-Column .main-navigation li.menu-item:last-child a:hover {
		width:200px;/*width:195px;*//**/
	}
.page-template-1_One-Column .main-navigation li ul {
		position: relative;
		top: auto;
		height:auto;
		width:auto;
	 	overflow:visible;
		clip:auto;
	}

.page-template-1_One-Column .main-navigation li ul li {
		display: block;
		background:none;/*?*/
		margin:0;/*?*/
		margin-left:0;/*?*/
	}

.page-template-1_One-Column .main-navigation li ul li a{
padding: 8px 0 8px 10px;
}

.page-template-1_One-Column .main-navigation li ul ul {
		top: 0;
		left: initial !important;
		margin-top:0;/*?*/
	}

.page-template-1_One-Column .main-navigation ul li:hover > ul {
		border-left: auto;/*?*/
		display: none;/*?*/
	}
}

.page-template-1_One-Column .description-area{
background:#264c73;
}

.page-template-1_One-Column .description-area h2{
color:#fff !important;
}

.page-template-1_One-Column .sitetitle-area{
position:relative;
letter-spacing:0.025em;
/*top: 25px;
margin-bottom: 19px;*/
}


@media screen and (max-width:800px) {
.page-template-1_One-Column nav.main-navigation {
margin:0 auto 10px;
background:#fff;
}
.page-template-1_One-Column .nav-box{
position:relative;
width:100%;
margin-top:0;
}

.page-template-1_One-Column .menu-toggle:before{
border-top:0;
}

.page-template-1_One-Column .nav-menu li{
min-height:40px;
line-height:40px;
}

}


/* .page-template-page-register */
.page-template-page-register iframe:nth-child(1){
position:fixed;
top:-30px;
}

.page-template-page-register .site-header {
	margin:0;
	padding: 0;
	background: #fff;/**/
}

.page-template-page-register h2.site-description {
	color:#fff;
	font-size:10px;
	padding:0;
letter-spacing:0.05em;
font-weight:normal;
}

.page-template-page-register nav.main-navigation {
		margin:0 auto;
/* background-color: #e6e6e6; 追加*/
background-color: #444;/*追加*/
	}



@media screen and (max-width: 800px) {
.page-template-page-register .ban-box {
	  display: none;
	}
}

@media screen and (min-width: 801px) {
.page-template-page-register h2.site-description {
		color:#fff;
}

.page-template-page-register .description-box {
		max-width: 1000px;
		padding:0;
padding-top:2px;
		margin: 0 auto;
	}

.page-template-page-register .sitetitle-box {
		max-width: 1000px;
		padding:0;
		margin: 0 auto;
	}

/* Navigation Menu */
.page-template-page-register .main-navigation li a,
.page-template-page-register .main-navigation li {
		margin-left:0;
	}

.page-template-page-register nav.main-navigation {
	box-shadow:0;
	}

.page-template-page-register .main-navigation:before {
		position: relative;
	}

.page-template-page-register .main-navigation li a,
.page-template-page-register .main-navigation li {
		display: inline-block;
		color: #ffffff !important;
		letter-spacing:normal;/*隙間をなくすためのハック*/
		*display: inline;
		*zoom: 1;
		padding:0;
		width:200px;/*width:195px;*//**/
	}

.page-template-page-register .main-navigation li:nth-child(3) a,
.page-template-page-register .main-navigation li:nth-child(3) {
width:200px;/*width:220px;*/
}


.page-template-page-register .main-navigation li.menu-item a {
font-size:110%;
letter-spacing:0.025em;
font-weight:normal;
}

.page-template-page-register .main-navigation li.menu-item:last-child a {
		width:200px;/*width:195px;*/
	}

.page-template-page-register .main-navigation li.menu-item:last-child a:hover {
		width:200px;/*width:195px;*//**/
	}
.page-template-page-register .main-navigation li ul {
		position: relative;
		top: auto;
		height:auto;
		width:auto;
	 	overflow:visible;
		clip:auto;
	}

.page-template-page-register .main-navigation li ul li {
		display: block;
		background:none;/*?*/
		margin:0;/*?*/
		margin-left:0;/*?*/
	}

.page-template-page-register .main-navigation li ul li a{
padding: 8px 0 8px 10px;
}

.page-template-page-register .main-navigation li ul ul {
		top: 0;
		left: initial !important;
		margin-top:0;/*?*/
	}

.page-template-page-register .main-navigation ul li:hover > ul {
		border-left: auto;/*?*/
		display: none;/*?*/
	}
}

.page-template-page-register .description-area{
background:#264c73;
}

.page-template-page-register .description-area h2{
color:#fff !important;
}

.page-template-page-register .sitetitle-area{
position:relative;
letter-spacing:0.025em;
}


@media screen and (max-width:800px) {
.page-template-page-register nav.main-navigation {
margin:0 auto 10px;
background:#fff;
}
.page-template-page-register .nav-box{
position:relative;
width:100%;
margin-top:0;
}

.page-template-page-register .menu-toggle:before{
border-top:0;
}

.page-template-page-register .nav-menu li{
min-height:40px;
line-height:40px;
}

}

@media screen and (min-width: 801px){
.page-template-page-register .site-header h1{
line-height:1;
margin-bottom:5px;
margin-top:25px;
}

.page-template-page-register .main-navigation{
width:100%;
}
.page-template-page-register .main-navigation li ul li{
width:0;
}

}

















/*PCヘッダー 右上ボタン改修 */

.btn-box {
position:absolute;
top:5px;
right:0;
margin:0;

}

.btn-box a.btn_regist{
background:#00a64b;
color:#fff;
padding:10px;
text-decoration:none;
}

.btn-box a.btn_regist img{
position:relative;
top:4px;
margin-right:5px;
width:12px;
}

.btn-box a.btn_log{
background:#1976ce;
color:#fff;
padding:10px;
text-decoration:none;
}

.btn-box a.btn_log img{
display:none;
}

.btn-box a:hover{
opacity:0.7;
}

.header_link_box{
position:absolute;
top:55px;
right:0;
}

.header_link_box ul li{
display:inline-block;
padding:1px 15px;
border-right:1px solid #000;
}

.header_link_box ul li:nth-child(1){
border-left:1px solid #000;
}

.header_link_box ul li a{
color:#000;
text-decoration:none;
}

.header_link_box ul li a:hover{
color:#FF2B2B;
}


/*スマフォヘッダー 右上ボタン改修中 */
@media screen and (max-width:800px) {

.btn-box{
width:100%;
top:0;
}

.btn-box a{
position:absolute;
width:45px;
height:45px;
top:0;
box-sizing: border-box;
border-radius:3px;
}

.btn-box a.mypage{
 right: 108px;
    background: #aaa;
    color: #fff;
    font-size: 7px;
    text-decoration: none;
}

.btn-box a.mypage i{
font-size: 21px;
margin: 6px auto 4px;
}
.btn-box a.btn_regist{
right:108px;
padding:2px;
font-size:8px;
}

.btn-box a.btn_regist img{
margin-right:0;
margin-bottom:2px;
width:15px;
}


.btn-box a.btn_log{
right:58px;
padding:2px;
font-size:7px;
}

.btn-box a.btn_log img{
display:block;
margin:4px auto 4px;
width:15px;
}


.header_link_box{
display:none;
}

}



/*メニュー部分 テンプレート共通 */
@media screen and (min-width: 801px){
.main-navigation .nav_01 a,.main-navigation .nav_02 a,.main-navigation .nav_03 a,.main-navigation .nav_04 a,.main-navigation .nav_05 a{
line-height:48px;
}

/*.main-navigation .nav_03 a{
background:#ff7426;
border-left:1px solid #fff;
}

.main-navigation .nav_03 a:hover{
background:#ff4e00;
}*/

.main-navigation .nav_01 .sub-menu:nth-child(2), .main-navigation .nav_02 .sub-menu:nth-child(2), .main-navigation .nav_05 .sub-menu:nth-child(2){
position:absolute;
top:49px;
}

.main-navigation .nav_01 .sub-menu:nth-child(2) li a, .main-navigation .nav_02 .sub-menu:nth-child(2) li a{
background:#fff;
color:#1976ce !important;
width: 320px;
padding-left:20px;
padding-top:0;
padding-bottom:0;
font-size:125% !important;
font-weight:normal;
border-left:1px solid #222;
border-right:1px solid #222;
box-sizing:border-box;
line-height:50px;
}
.main-navigation .nav_01 .sub-menu:nth-child(2) li a:last-child, .main-navigation .nav_02 .sub-menu:nth-child(2) li a:last-child {
border-bottom:1px solid #222;
}
.main-navigation .nav_05 .sub-menu:nth-child(2) li a{
background-image:none;
background:#fff;
color:#333 !important;
width:320px;
padding:12px 20px 10px;
border-left:1px solid #222;
border-right:1px solid #222;
border-bottom:1px solid #222;
font-size:110% !important;
font-weight:normal;
line-height:160%;
}

.main-navigation .nav_01 .sub-menu:nth-child(2) li a:hover, .main-navigation .nav_02 .sub-menu:nth-child(2) li a:hover, .main-navigation .nav_05 .sub-menu:nth-child(2) li a:hover{
color:#FF2B2B !important;
width:320px;
font-size:125%;
}

.nav-menu li i{
margin-left:5px;
font-size:15px;
}

.nav-menu li span{
font-size:120%;
}

}

@media screen and (max-width:800px) {
.main-navigation li.nav_01_01,.main-navigation li.nav_01_02,.main-navigation li.nav_01_03, .main-navigation li.nav_02_01,.main-navigation li.nav_02_02, .main-navigation li.nav_05_01{
line-height:20px !important;
padding:6px;
}

.nav-menu li.nav_01, .nav-menu li.nav_02, .nav-menu li.nav_03, .nav-menu li.nav_04, .nav-menu li.nav_05{
background:#ecf5ff;
margin-top:0;
border-bottom:1px solid #afd7ff;
font-size:13px;
}
.main-navigation ul.nav-menu.toggled-on li{
margin:0;
}
.main-navigation ul.nav-menu.toggled-on li a{
	border-bottom:1px solid #fff;
/*background:#ecf5ff;*/
}
/*.main-navigation ul.nav-menu.toggled-on li a:hover{
background:#ecf5ff;
color: #1485f2;
}*/
.main-navigation ul.nav-menu.toggled-on li ul.sub-menu{
display:none;
}
.nav-menu li.nav_01 a, .nav-menu li.nav_02 a, .nav-menu li.nav_03 a, .nav-menu li.nav_04 a, .nav-menu li.nav_05 a{
display:block;
color:#1485f2;
}

.nav-menu li.nav_01 a:hover, .nav-menu li.nav_02 a:hover, .nav-menu li.nav_03 a:hover, .nav-menu li.nav_04 a:hover, .nav-menu li.nav_05 a:hover{
color:#1485f2;
}

.nav-menu li i{
margin-left:8px;
font-size:15px;
}

.main-navigation li a{
cursor: pointer;
}

/*.main-navigation li.nav_01_01,.main-navigation li.nav_01_02, .main-navigation li.nav_02_01,.main-navigation li.nav_02_02, .main-navigation li.nav_05_01{
border-bottom:1px solid #dbdbdb;
}*/

.main-navigation li.nav_01_01, .main-navigation li.nav_01_02, .main-navigation li.nav_01_03, .main-navigation li.nav_02_01, .main-navigation li.nav_02_02, .main-navigation li.nav_05_01{
background:#fff;
margin-top:0;
border-bottom:1px solid #eee;
}

.main-navigation ul.nav-menu.toggled-on li.nav_01_01 a, .main-navigation ul.nav-menu.toggled-on li.nav_01_02 a, .main-navigation ul.nav-menu.toggled-on li.nav_01_03 a, .main-navigation ul.nav-menu.toggled-on li.nav_02_01 a, .main-navigation ul.nav-menu.toggled-on li.nav_02_02 a, .main-navigation ul.nav-menu.toggled-on li.nav_05_01 a{
background:#fff;
margin-top:0;
}

.main-navigation li.nav_01_01 a,.main-navigation li.nav_01_02 a,.main-navigation li.nav_01_03 a, .main-navigation li.nav_02_01 a,.main-navigation li.nav_02_02 a, .main-navigation li.nav_05_01 a{
color:#555;
}

li.nav_01{
border-top:1px solid #afd7ff;
}

.nav-menu li.nav_01, .nav-menu li.nav_02, .nav-menu li.nav_03, .nav-menu li.nav_04, .nav-menu li.nav_05{
font-weight:bold;
}

.nav-menu li.nav_02 ul li ul li, .nav-menu li.nav_03 ul li ul li, .nav-menu li.nav_05 ul li ul li{
font-weight:normal;
}

.main-navigation li.nav_01_01,.main-navigation li.nav_01_02, .main-navigation li.nav_02_01,.main-navigation li.nav_02_02, .main-navigation li.nav_05_01{
border-bottom:1px solid #dbdbdb;
}

.main-navigation li.nav_01_01 ul li:nth-child(1), .main-navigation li.nav_01_02 ul li:nth-child(1), .main-navigation li.nav_02_01 ul li:nth-child(1), .main-navigation li.nav_02_02 ul li:nth-child(1), .main-navigation li.nav_05_01 ul li:nth-child(1){
border-top:1px solid #eeeeee;
}
.main-navigation .nav_01 ul.sub-menu li, .main-navigation .nav_02 ul.sub-menu li{
	min-height:auto !important;
	padding:10px 0;
}
}

.hidden-740{
display:inline-block;
}

.visible-740{
display:none;
}

@media screen and (max-width:800px) {
.hidden-740{
display:none;
}
.visible-740{
display:inline-block;
}
}


.txt_logo{
position: absolute;
top: 28px;
left: 250px;
font-size:90%;
color:#333;
text-align:left;
}

@media screen and (max-width:900px) {
.txt_logo{
display:none;
}
}

img.icon_wakaba{
position:relative;
top:5px;
margin-right:3px;
}





@media screen and (max-width:800px) {
body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .sitetitle-box .login-btn{
top: 0;
right: 20px;
}
}






/*test*/
@media screen and (min-width: 801px){
body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .site-header h1{
line-height:1;
margin-bottom:5px;
margin-top:25px;
}

body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .main-navigation{
width:100%;
}
body:not(.page-template-2_One-Column):not(.page-template-2_Two-Column):not(.page-template-3_One-Column):not(.page-template-3_Two-Column) .main-navigation li ul li{
width:0;
}

}

/*menu*/
@media screen and (min-width:801px) {
li#menu-item-6302, li#menu-item-6303 , li#menu-item-7164, li#menu-item-6305, li#menu-item-7500, li#menu-item-7501, li#menu-item-6308,li#menu-item-6309, li#menu-item-6690, li#menu-item-6311, li#menu-item-9354, li#menu-item-9355{
width:200px;/*width:220px;*/
float:left;
}
li#menu-item-6302 a, li#menu-item-6303 a, li#menu-item-7164 a, li#menu-item-6305 a, li#menu-item-7500 a, li#menu-item-7501 a, li#menu-item-6308 a, li#menu-item-6309 a, li#menu-item-6690 a, li#menu-item-6311 a, li#menu-item-9354 a, li#menu-item-9355 a{
border-left:none !important;
padding-left:0;
}

.n_menu{
width:210px;
line-height:130%;
padding:5px;
text-align:center;
margin:10px;
margin-right:0;
box-sizing: border-box;
background:#fff;
}

#menu-item-6301 a:hover img, #menu-item-6304 a:hover img {opacity:1; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100 )";}
#menu-item-6307 a:hover img, #menu-item-6310 a:hover img {opacity:1; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100 )";}

#menu-item-6304 ul, #menu-item-6310 ul{
border-bottom:1px solid #222;
}

.n_menu_01, .n_menu_05{
border:2px solid #008f00;
}

.n_menu_02{
border:2px solid #ff9300;
}

.n_menu_03{
border:2px solid #bdbdbd;
}

.n_menu_04{
border:2px solid #8d4137;
}

.sq_01{
color:#008f00;
}

.sq_02{
color:#ff9300;
}

.sq_03{
color:#bdbdbd;
}

.sq_04{
color:#8d4137;
}

.n_menu .title{
font-size:16px;
font-weight:bold;
line-height:45px;
height:35px;
}

.n_menu .title_2l{
line-height:130%;
background:url(/wp/wp-content/uploads/2017/11/img_beginner.png) no-repeat left 10px center;
background-size:26px 36px;
padding-left:28px;
}

.n_menu .btn{
color:#fff;
font-size:12px;
width:160px;
margin:8px auto 3px;
text-align:center;
padding:2px 0;
}

.n_menu .btn:hover{
opacity:0.7;
}

.n_menu_01 .btn, .n_menu_05 .btn{
background:#008f00;
}

.n_menu_02 .btn{
background:#ff9300;
}

.n_menu_03 .btn{
background:#bdbdbd;
}

.n_menu_04 .btn{
background:#8d4137;
}

.n_menu .m_exp{
text-align:left;
font-size:11px;
padding:0 10px;
}

.sub-menu:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

.hanrei{
display:inline;
font-size:85%;
float:right;
margin-right:10px;
}
}

@media screen and (max-width: 800px){
.n_menu .btn, .n_menu .m_exp, .n_menu img{
display:none;
}
}

/*LPフローティングカート*/
.float_cart {
    width: 180px;
    position: fixed;
    right: 0;
    bottom: 150px; /* ← 2025-09-25 現在：90pxから150pxに変更 */
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    font-size: 100%;
    border: 1px solid #999;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: rgb(153, 153, 153);
    border-right: none;
    z-index: 100000000000;
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 9px #CCC;
}
.entry-content .float_cart p{
	font-size:inherit;
}
.entry-content .float_cart .off {
background: #cc0000;
color: #fff;
display: inline-block;
font-size: 12px;
padding: 0 3px !important;
margin-bottom: 5px !important;
letter-spacing: 0.075em;
}
.float_cart .off span{
font-size: 10px;
}
.float_cart .price {
    color: #cc0000;
    font-weight: bold;
    font-size: 13px;
}
.float_cart .intax {
    font-size: 13px;
}
.float_cart .btn_purchase{
font-size:18px;
}
.float_cart .btn_purchase a {
    background: #cc0000;
    padding: 10px !important;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    letter-spacing: 0.075em;
    display: block;
    box-sizing: border-box;
    text-align: center;
}
.float_cart .btn_purchase a:hover{
opacity:0.7;
}
.float_cart_sp{
background:rgba(234, 60, 31, 0.9);
width:100%;
height:55px;
position:fixed;
bottom:0;
}
.float_cart_sp a{
color:#fff !important;
font-size:18px;
font-weight:bold;
display:block;
}
.float_cart_sp .buy{
    margin-left: 10px;
    line-height: 140%;
    margin-top: 11px;
    text-align: center;
}
.float_cart_sp i{
color:#fff;
font-size:30px;
position:absolute;
top:12px;
left:20%;
}
.float_cart_sp .purchase{
color:#fff;
font-weight:bold;
font-size:18px;
}
.float_cart_sp .price{
color:#fff;
font-weight:normal;
font-size:12px;
}
.float_cart_sp .off{
position:absolute;
top:6px;
left:5%;
    font-size: 11px;
    line-height: 120% !important;
    background: #fff;
    border-radius: 21px;
    width: 45px;
    height: 45px;
    text-align: center;
    padding: 10px 0 !important;
    box-sizing: border-box;
    color: #ff5438;
    font-weight: bold;
}
.float_cart_sp .off span{
    font-size: 14px;
}
.float_cart_sp .price, .float_cart_sp .intax {
  color: #fff;
  font-weight: normal;
  font-size: 12px;
}
.target_01,.target_02,.target_03,.target_04{
    background: #008f00;
    border-radius: 50%;
    font-size: 9px;
    color: #fff;
    display: block;
    height: 60px;
    width: 60px;
    text-align: center;
    position: absolute;
    top: 15px;
    left: 15px;
    line-height: 140%;
    box-sizing: border-box;
    padding-top: 20px;
}
@media screen and (max-width: 800px){
.target_01,.target_02,.target_03,.target_04{
display:none;
}
}
.target_02{
    background: #ff9300;
}
.target_03{
    background: #bdbdbd;
}
.target_04{
    background: #8d4137;
}
.large_aqua{
font-size:160% !important;
color:#1aabff;
font-weight:bold;
}

@media screen and (min-width:801px) {
#menu-item-6315 a{
border-bottom:1px solid #222;
}
}

/*--------------追加css----------*/
.curriculum-check {
    border: 2px solid #003d78;
    margin: 0 0.714285714rem 60px;
}
.curriculum-check h2 {
    display: block;
    background: #003d78;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 24px 30px 20px;
    text-align: center;
    line-height: 160%;
    border: none;
}
.c-check {
    margin-bottom: 60px;
}
span.check-p {
    font-size: 15px;
    font-weight: bold;
    line-height: 2;
}
.check_left h3, .check_normal h3 {
    background-color: #fff;
    background-image: none;
    color: #0080ff;
    font-size: 20px;
    border: none;
    padding: 6px 2px 3px 0px;
}
.check_left span.number, .check_normal span.number {
    background-color: #0080ff;
    color: #fff;
    font-size: 16px;
    padding: 4px 5px 2px;
    position: relative;
    top: -2px;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
}

.check-image ul {
    overflow: hidden;
    list-style: none;
    margin-left: 3px !important;
    margin-bottom: 3px !important;
}
li.c-image:last-child {
    margin: 0 !important;
}
li.c-image img {
    border: 6px solid #555;
    vertical-align: baseline;
}
span.s-yougo {
    font-size: 13px;
    line-height: 1.5;
    display: block;
    padding-top: 5px;
}

@media screen and (min-width: 801px){
.curriculum-check h2 {
    font-size: 32px;
}
.check_left {
    width: 57%;
    float: left;
    padding: 25px;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.check_right {
    width: 37%;
    float: right;
    background: #fff9b6;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 25px;
    margin-right: 3%;
    margin-bottom: 10px;
}
.check-image.clearfix {
    max-width: 900px;
    margin: 0 auto;
}
.check_left p, .check_normal p {
    margin-bottom: 0;
}
p.note5 {
    margin-bottom: 5px !important;;
}
li.c-image {
    margin: 0 15px 0 0 !important;
    list-style: none;
    float: left;
    width: 25%;
    width: calc((100% - 60px) / 4);
    width: -webkit-calc((100% - 60px) / 4);
}
.check_normal {
    padding: 25px;
}
}

@media screen and (max-width: 800px){
.curriculum-check h2 {
    font-size: 23px;
}
.check_left {
    width: 100%;
    float: none;
    padding: 25px 15px 0;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.check_right {
    width: auto;
    float: none;
    background: #fff9b6;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    margin: 15px;
}
.check-image.clearfix {
    max-width: 600px;
    margin: 0 auto;
}
.check_left p, .check_normal p {
    margin: 0 0 1.714285714rem;
}
p.note5 {
    margin-bottom: 5px !important;
    font-size: 12px;
    padding: 5px !important;
}
li.c-image {
    margin: 0 15px 0 0 !important;
    list-style: none;
    float: left;
    width: 50%;
    width: calc((100% - 30px) / 2);
    width: -webkit-calc((100% - 30px) / 2);
}
.check_normal {
    padding: 25px 15px 0;
}
}

/*ポップアップ*/
.popup_181221{
padding:30px 20px;
line-height:180%;
}
.popup_181221 .title{
text-align:center;
font-size:16px;
font-weight:bold;
margin-bottom:20px;
}
.popup_181221 p{
margin:10px 0;
}


/*新ナビゲーション*/
.nav_pd{
    padding: 10px;
    width: 550px;
    box-sizing: border-box;
    border: 1px solid #000;
    border-top: none;
    background: #fff;
}
.nav_pd .step{
    -webkit-text-orientation: upright;
    text-orientation: upright;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    width: 30px;
    float: left;
    display: block;
    padding: 5px 0;
    font-size: 11px;
	white-space: nowrap;
}
.nav_pd .step span{
-ms-text-combine-horizontal: all;
 }

.nav_pd .img img{
width: 110px;
margin-top: 5px;
margin-bottom: 5px;
float: left;
margin-right:10px;
}
.nav_pd .notice{
font-size:10px;
color:#ff0000;
line-height:200%;
}
.nav_pd .course{
line-height:140%;
margin-bottom:5px;
font-weight:bold;
color: #9a5c0f;
font-size:18px;
}
.nav_pd .course.kiso{
margin-bottom:0;
}
.nav_pd .detail{
line-height:140%;
font-size:12px;
}

/*新メニュー*/
@media screen and (min-width:801px) {
li#menu-item-9780, li#menu-item-9781 , li#menu-item-9782, li#menu-item-9783, li#menu-item-9785, li#menu-item-10591, li#menu-item-12208, li#menu-item-12599{
width:550px;
}
li#menu-item-9780 a, li#menu-item-9781 a, li#menu-item-9782 a, li#menu-item-9783 a, li#menu-item-9785 a, li#menu-item-10591 a, li#menu-item-12208 a, li#menu-item-12599 a{
border-left:none !important;
padding-left:0;
vertical-align:bottom;
width: 550px;
}
}



.underline{
text-decoration:underline;
}
.bold{
font-weight:bold;
}

/*関連記事*/
.attachment-thumbnail{
display:none;
}
.entry-content h3.related_post_title{
background: #528df7;
text-align: left;
color: #fff;
margin: 0 0 10px !important;
padding: 14px 20px 10px !important;
font-size: 20px;
font-weight: bold;
line-height: 1.3;
border:0;
}


@media screen and (max-width: 800px) {
#chatplusview.closed.headless #outline #eye_catcher{
bottom:40px !important;
}
#eye_catcher{
width:80px !important;
}
#eye_catcher img{
width:100% !important;
}
}

/*新ナビゲーション*/
.nav_pd{
    padding: 10px;
    width: 550px;
    box-sizing: border-box;
    border: 1px solid #000;
    border-top: none;
    background: #fff;
}
.nav_pd .step{
    -webkit-text-orientation: upright;
    text-orientation: upright;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    width: 30px;
    float: left;
    display: block;
    padding: 5px 0;
    font-size: 11px;
	white-space: nowrap;
}
.nav_pd .step span{
-ms-text-combine-horizontal: all;
 }

.nav_pd .img img{
width: 110px;
margin-top: 5px;
margin-bottom: 5px;
float: left;
margin-right:10px;
}
.nav_pd .notice{
font-size:10px;
color:#ff0000;
line-height:200%;
}
.nav_pd .course{
line-height:140%;
margin-bottom:5px;
font-weight:bold;
color: #9a5c0f;
font-size:18px;
}
.nav_pd .course.kiso{
margin-bottom:0;
}
.nav_pd .detail{
line-height:140%;
font-size:12px;
}

/*新メニュー*/
@media screen and (min-width:801px) {
li#menu-item-9121, li#menu-item-9122 , li#menu-item-9123, li#menu-item-9124, li#menu-item-9571{
width:550px;
}
li#menu-item-9121 a, li#menu-item-9122 a, li#menu-item-9123 a, li#menu-item-9124 a, li#menu-item-9571 a{
border-left:none !important;
padding-left:0;
vertical-align:bottom;
width: 550px;
}
}

/*関連記事*/
.attachment-thumbnail{
display:none;
}

div.wp_rp_content {
    margin-bottom: 40px;
}
.wp_rp_wrap h3.related_post_title{
background: #0062ab;
text-align: left;
color: #fff;
margin: 0 0 10px !important;
padding: 14px 20px 10px !important;
font-size: 20px;
font-weight: bold;
line-height: 1.3;
border:0;
}

/*pdfボタン*/
.entry-content p.btn_pdf{
width:320px;
margin:0 auto 30px;
text-align:center;
padding:10px 0;
line-height:1.2;
background:url(https://re-re-e.com/d-monoweb/wp-content/uploads/2020/11/icon_pdf.png) no-repeat left 30px center, #005494;
background-size:30px 33px, auto;
}
.entry-content p.btn_pdf:hover{
background:url(https://re-re-e.com/d-monoweb/wp-content/uploads/2020/11/icon_pdf.png) no-repeat left 30px center, #3084c4;
}
.entry-content p.btn_pdf.educator{
width:480px;
padding:20px 0;
background:url(https://re-re-e.com/d-monoweb/wp-content/uploads/2020/11/icon_pdf.png) no-repeat left 60px center, #005494;
margin:20px auto 30px;
}
@media screen and (max-width:480px) {
.entry-content p.btn_pdf.educator{
width:90%;
background:url(https://re-re-e.com/d-monoweb/wp-content/uploads/2020/11/icon_pdf.png) no-repeat left 30px center, #005494;
margin:20px auto 30px;
background-size:30px 33px, auto;
font-size:120%;
}
}
.entry-content p.btn_pdf a{
color:#fff;
display:block;
}
.entry-content p.btn_pdf a span{
font-size:85%;
}

/*会社沿革*/

.timeline {
	list-style: none;
  }
  .timeline > li {
	margin-bottom: 60px;
  }

  /* for Desktop */
  @media ( min-width : 640px ){
	.timeline > li {
	  overflow: hidden;
	  margin: 0;
	  position: relative;
	}
	.timeline-date {
	  width: 110px;
	  float: left;
	  margin-top: 20px;
	}
	.timeline-content {
	  width: 75%;
	  float: left;
	  border-left: 3px #dadada solid;
	  padding-left: 30px;
	}
	.timeline-content:before {
	  content: '';
	  width: 12px;
	  height: 12px;
	  background: #ababab;
	  position: absolute;
	  left: 106px;
	  top: 24px;
	  border-radius: 100%;
	}
  }

.nav-menu li span.dojodigital_toggle_title{
font-size:100%;
}

/*タグ*/
.entry-content ul.tags li{
	margin:0;
	list-style: none;
	display: inline-block;
	margin-right: 8px;
}

.entry-content ul.tags li a{
	color:#666;
	display:inline-block;
	padding:3px 10px 3px 28px;
	border-radius:3px;
	font-size:13px;
	background: #f2f2f2 url(images/tag.svg) no-repeat;
	background-size:15px 15px;
	background-position: center left 8px;
}


/*******************************
/* 検索フォーム
/*******************************/
.search-form {
	display: flex;
	max-width: 100%;
	flex-wrap: nowrap;
	flex: auto;
	border: 2px solid #ccc;
	border-radius: 3px;
}

.entry-content .search-form {
	max-width: 300px;
}

.search-field {
	width: 100%;
	border: none;
}

.search-btn {
	margin: -2px;
	padding: 0 10px;
	border: none;
	border-radius: 0 3px 3px 0;
	background: #0062ab;
	color: #fff;
}

.search-btn:hover {
	background: #ddd;
}

.main-navigation {
	position: absolute;
}

/*******************************
/* グローバルナビの固定
/*******************************/
@media screen and (min-width: 801px){
	.fixed {
		position: fixed;
	    top: 0;
	    z-index: 1000;
	}

	#main {
		padding-top: 49px;
	}

	.home #main {
		padding-top: 0;
	}

	.home .slick-dotted.slick-slider {
	    padding-top: 49px;
	}
}

/*******************************
/* 新着記事・関連記事
/*******************************/
/* ボタン */
.more-btn {
	display: block;
	width: 90%;
	max-width: 200px;
	margin: 20px auto;
	padding: 10px;
	border: 1px solid #000;
	border-radius: 0;
	background: #fff;
}

.page-seminar-content .more-btn {
	max-width: 400px;
	margin: 40px auto 70px;
}

/* 新着記事 テキストのみ */
ol.recent-post-simple {
	margin: 15px 0 0;
}

.recent-post-simple .post-list,
.recent-post-simple .post-list-info,
.recent-post-simple .data {
	display: flex;
}

.recent-post-simple .post-list-info {
	flex-direction: column;
}

.recent-post-simple .data {
	align-items: center;
}

.recent-post-simple .new {
	display: inline-block;
	height: 16px;
	margin-right: 10px;
	padding: 0 5px;
	border-radius: 3px;
	background: #ff4500;
	color: #fff;
	font-size: 10px;
}

.recent-post-simple .post-list {
	margin: 0 0 5px 0;
}

.recent-post-simple .date {
	width: 120px;
	color: Gray;
}

/* 新着記事 */
.recent-column {
	list-style: none;
}

.recent-column .post-list {
	display: flex;
	align-items: flex-start;
	padding: 0;
	margin: 0 0 10px;
}

.recent-column .post-list-thumb {
	width: 110px;
	height: auto;
	margin-right: 15px;
}

.recent-column .post-list-thumb img {
	border: 2px solid #ccc;
}

.recent-column .post-list-info {
	display: flex;
	flex-direction: column;
	width: calc(100% - 125px);
}

.recent-column .data {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
	font-size: 12px;
}

.recent-column .date {
	margin-right: 10px;
}

.recent-column .new {
	display: inline-block;
	height: 16px;
	margin-right: 20px;
	padding: 0 5px;
	border-radius: 3px;
	background: #ff4500;
	color: #fff;
	font-size: 10px;
}

.recent-column .tag {
	color: #777;
}

.recent-column .tag a {
	margin-right: 5px;
	color: #777;
	text-decoration: underline;
	font-size: 12px;
}

.recent-column .title a {
	color: #000;
}

.recent-column .title a:hover {
    color: #cc0000;
}

.recent-column .more-btn {
	width: 200px;
}

.recent-column .more-btn a {
	color: #000;
}

/* 一覧ページ */
.seminar_logo {
	padding-top: 5px;
}

h1.site-title .seminar_logo img{
	width:400px;
}
@media (max-width: 800px) {
h1.site-title .seminar_logo img{
	width:300px !important;
}
}
@media (max-width: 480px) {
h1.site-title .seminar_logo img{
	width:200px !important;
}
}


.page-seminar-content h2 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: normal;
}

.page-seminar-content ul {
	list-style: none;
}

.page-seminar-content h2 span {
	font-size: .7em;
}

.page-seminar-content .content-wrap {
	background-color: #f2f2f2;
	margin: 0;
}

.page-seminar-content .slider_item li {
	margin: 0;
}

.page-seminar-content .slider_item img {
    width: 100%;
}

.page-seminar-content .slide .slick-slide {
    padding: 0 10px;
}

.page-seminar-content .slick-slide:not(.slick-center) {
    -webkit-filter: opacity(100%);
    -moz-filter: opacity(100%);
    -o-filter: opacity(100%);
    -ms-filter: opacity(100%);
    filter: opacity(100%);
}

.page-seminar-content .slick-slide img {
    margin: 0 auto;
}

.page-seminar-content .slick-prev, .page-seminar-content  .slick-next {
    width: 40px;
    height: 40px;
    background: #eee;
}

.page-seminar-content .slick-prev::before, .page-seminar-content  .slick-next::before {
    position: absolute;
    top: 5px;
    color: #000000;
    font-weight: 900;
    font-size: 30px;
    line-height: 1;
    font-family: "Font Awesome 5 free";
}

.page-seminar-content .slick-prev::before {
	content: "\f053";
	left: 10px;
}

.page-seminar-content .slick-next::before {
	content: "\f054";
	right: 10px;
}

.recent-post_card {
    display: flex;
    flex-direction: column;
    gap: 20px;
	padding: 10px;
}

.recent-post_card li {
    margin: 0 auto;
	width: 300px;
}

.recent-post_card li a {
    text-decoration: none;
}

.recent-post_card .thumb {
    position: relative;
    max-width: 300px;
    height: auto;
}

.recent-post_card .thumb::before {
    display: block;
    padding-top: 50%;
    content: "";
}

.recent-post_card .thumb .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    text-align: center;
}

.recent-post_card .thumb .img img {
    vertical-align: top;
	max-width: 100%;
	max-height: 100%;
}

.recent-post_card .thumb .label {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #ffffff;
    font-size: 10px;
}

.recent-post_card .thumb .label span {
    padding: 2px 6px;
}

.recent-post_card .thumb .label .blu {
    background: #00b0f0;
}

.recent-post_card .thumb .label .org {
    background: #ed7d31;
}

.recent-post_card .thumb .label .grn {
    background: #00b050;
}

.recent-post_card .title {
    min-height: 90px;
    padding: 10px;
    background-color: #ffffff;
	font-weight: bold;
}

.tag-list {
    display: flex;
    gap: 15px;
}

.tag-list li {
    width: 150px;
    border-radius: 20px;
    background-color: #00b0f0;
    line-height: 40px;
    text-align: center;
}

.tag-list li a {
    color: #ffffff;
    text-decoration: none;
}

.box_seminar .box_thumb {
	width: 300px;
	height: 150px;
}

@media (max-width: 600px) {
	.box_seminar .box_thumb {
		float: none;
		margin-bottom: 10px;
	}

	.box_seminar .summary {
		padding-left: 0;
	}
}


@media (min-width: 601px) {
	.recent-post-simple .post-list-info {
		flex-direction: row;
	}

	.recent-column .post-list-thumb {
		width: 75px;
	}

	.recent-column .post-list-info {
		display: flex;
		flex-direction: column;
		width: calc(100% - 90px);
	}

	.seminar_logo {
		padding-top: 0;
	}

	.recent-post_card {
		flex-wrap: wrap;
		flex-direction: row;
	}

	.recent-post_card li {
		width: calc((100% - 40px) / 3 );
	}

	.box_seminar .box_thumb {
		width: 200px;
		height: 100px;
	}

	.box_seminar .box_txt {
		width: 100%;
	}
}

@media (min-width: 801px) {
	.recent-column .post-list {
		align-items: center;
		margin: 0 20px 10px;
	}

	.recent-column .data {
		align-items: center;
		font-size: 14px;
	}
	.recent-column .tag a {
		font-size: 12px;
	}

	.page-seminar-content .slick-dotted.slick-slider {
		margin-left: -1.428571429rem;
		margin-right: -1.428571429rem;
		margin-bottom: 70px;
	}

	.recent-post_card li {
		width: calc((100% - 60px) / 4 );
	}

	.box_seminar .box_thumb {
		width: 300px;
		height: 150px;
	}

	.box_seminar .box_txt {
		width: calc(100% - 300px);
	}
}

.widget-area .widget .post-list {
	margin-bottom: 8px !important;
}

.widget-area .widget .post-list a {
	display: flex;
	align-items: center;
	padding: 0;
}

.widget-area .widget .post-list a::after {
	content: none;
}

.widget-area .widget .post-list-thumb {
    width: 110px;
	height: auto;
	margin-right: 15px;
}

.widget .post-list-thumb {
	border-radius: 0;
}

.widget-area .widget .post-list-info {
	width: calc(100% - 125px);
}

.widget-area .widget .post-list-info p:last-child {
	margin-bottom: 0;
}

@media screen and (min-width: 801px){
	.widget-area .widget .post-list-thumb {
	    width: 75px;
		margin-right: 10px;
	}

	.widget-area .widget .post-list-info {
		width: calc(100% - 85px);
	}
}

/* 人気記事 */
body {
    counter-reset: pp-ranking pp-ranking-main;
}

body.page-template-default .popular-posts {
	max-width: 100%;
}

.recent-column {
	list-style: none;
}

.popular-post .post-list {
	display: flex;
	align-items: center;
	padding: 0;
	margin: 0 0 10px;
}

.popular-post .post-list-thumb {
	width: 110px;
	height: auto;
	margin-right: 15px;
}

.popular-post .post-list-thumb img {
	border: 2px solid #ccc;
}

.popular-post .post-list-info {
	width: calc(100% - 125px);
}

.popular-post .title a:hover {
    color: #cc0000;
}

.popular-post .lanking,
.popular-post .lanking-main {
    position: relative;
}

.popular-post .lanking:before,
.popular-post .lanking-main:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	line-height: 1;
	padding: 4px 8px;
	background: #ed5901;
	color: #fff;
	font-size: 14px;
}

.popular-post .lanking:before {
	content: counter(pp-ranking, decimal);
	counter-increment: pp-ranking;
}

.popular-post .lanking-main:before {
	content: counter(pp-ranking-main, decimal);
	counter-increment: pp-ranking-main;
}

@media (min-width: 601px) {
	.popular-post .post-list-thumb {
		width: 75px;
	}

	.popular-post .post-list-info {
		width: calc(100% - 90px);
	}
}


@media screen and (min-width: 801px){
	body.page-template-default .popular-posts {
		max-width: 69.79166%;
	}
}

/* 関連コラム */
.related-column h2 {
	margin: 1.714285714rem 0;
	padding: 15px 0 12px 20px;
	background: #444;
	color: #fff;
	font-weight: bold;
	font-size: 160%;
	letter-spacing: .025em;
}

.related-column h2 i {
	margin-right: 5px;
}

.related-post {
	list-style: none;
	line-height: 1.714285714;
}

.related-post .post-list {
	display: flex;
	align-items: flex-start;
	margin: 0 0 10px;
	padding: 0;
}

.related-post .post-list-thumb {
	width: 110px;
	height: auto;
	margin-right: 15px;
}

.related-post .post-list-thumb img {
	max-width: 100%;
	border: 2px solid #ccc;
}

.related-post .post-list-info {
	display: flex;
	width: calc(100% - 125px);
	flex-direction: column;
}

.related-post .post-list-info .icon_lock {
	margin: 0 10px 0 0;
  	vertical-align: middle;
}

.related-post .data {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
	font-size: 12px;
}

.related-post .date {
	margin-right: 10px;
}

.related-post .new {
	display: inline-block;
	height: 16px;
	margin-right: 20px;
	padding: 0 5px;
	border-radius: 3px;
	background: #ff4500;
	color: #fff;
	font-size: 10px;
}

.related-post .cat {
	color: #777;
}

.related-post .cat a {
	margin-right: 5px;
	color: #777;
	font-size: 12px;
	text-decoration: underline;
}

.related-post .title {
	text-align: justify;
}

.related-post .title a {
	color: #333333;
	font-weight: bold;
	font-size: 15px;
	text-align: justify;
}

.related-post .title a:hover {
	color: #c00;
}

.related-column {
	margin-bottom: 100px;
}

@media (min-width: 601px) {
	.related-post .post-list-thumb {
		width: 75px;
	}

	.related-post .post-list-info {
		display: flex;
		width: calc(100% - 90px);
		flex-direction: column;
	}
}

@media (min-width: 801px) {
	.related-post {
		display: flex;
		flex-wrap: wrap;
		margin: 0 10px;
	}
	.related-post .post-list {
		width: calc(50% - 15px);
		align-items: center;
	}

	.related-post .post-list:nth-child(2n-1) {
		margin-right: 15px;
	}

	.related-post .data {
		align-items: center;
		margin-bottom: 10px;
		font-size: 14px;
	}
	.related-post .cat a {
		font-size: 12px;
	}
	.related-post .cat i {
		margin-right: 5px;
	}
}


/*******************************
/* カスタムサイドバー
/*******************************/

.mb-30 {
	margin-bottom: 30px;
}
.widget-area .widget .h3-simple {
	padding: .5em 26px;
	background: #000;
	color: #fff;
	font-size: 14px;
}

.widget-area .widget .wakaba span {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	background: url('./images/icon_beginner.png') no-repeat;
	background-size: contain;
	content: '';
	transform: rotate( -45deg );
}

.widget-area .widget .learn {
	height: 45px;
	background: #0062ab;
}

.widget-area .widget .learn a {
	line-height: 45px;
	padding: 0 20px;
	color: #fff;
}

.widget-area .widget .learn a::after {
	display: inline-block;
	right: 15px;
	width: 25px;
	height: 10px;
	-webkit-mask-image: url('./images/arrow.svg');
	mask-image: url('./images/arrow.svg');
	margin-top: -5px;
	background-color: #fff;
	content: '';
	transition: all .2s;
}

.widget-area .widget .learn a:hover::after {
	background-color: #ed5901;
	transform: scale(1.2, 1.2);
}

.widget-area .widget .float-img img {
	box-shadow: none;
}

@media (min-width: 801px) {
	.widget-area .widget .float-img {
		margin-left: -50px;
	}
}

.shadow-none img {
	box-shadow: none;
}

/*ボタン*/
.btn,
a.btn,
button.btn {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0rem;
}

/*無料登録ボタン*/
.btn--green,
a.btn--green {
  color: #fff;
  background-color: #00a64b;
}
.btn--green:hover,
a.btn--green:hover {
  color: #fff;
  background: #60d695;
}

.bgbox-gry {
	background-color:#f5f6f7;padding:30px 10px 20px 40px;
	border: 5px solid #ccc;
}


/*有料お申し込みボタン*/

.btn--orenge,
a.btn--orenge {
  color: #fff;
  background-color: #ed5901;
}
.btn--orenge:hover,
a.btn--orenge:hover {
  color: #fff;
  background: #ff8d4b;
}

/*******************************
/* このコラムを書いた専門家
/*******************************/
.ecxpert-info {
	padding: 15px;
	border: 4px solid #a6a6a6;
}

.ecxpert-info h2 {
	margin: -15px -15px 15px;
	padding: .5em;
	border-bottom: none;
	background: #454545;
	color: #fff;
	font-size: 20px;
}

.ecxpert-info h3 {
	margin: 0 0 10px;
	padding: 0 0 0 10px;
	border-bottom: 1px solid #a6a6a6;
	font-size: 18px;
}

.ecxpert-info h2 i {
	vertical-align: middle;
	margin-right: .6em;
	font-size: 1.4em;
}

.ecxpert-info .overview {
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding: 0 10px;
	margin-bottom: 20px;
}

.ecxpert-info .overview .image {
	width: 150px;
}

.ecxpert-info .overview .image img {
	border: 2px solid #7f7f7f;
	max-width: 100%;
}

.ecxpert-info .overview .content {
	width: 100%;
}

.ecxpert-info .overview .name {
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: bold;
}

.ecxpert-info .overview .position {
	margin-left: 10px;
	font-size: 14px;
	font-weight: normal;
}

.ecxpert-info .overview .txt {
	margin-bottom: 20px;
	font-size: 16px;
	text-align: justify;
}

.ecxpert-info button {
	display: block;
	margin: 0 0 0 auto;
	padding: 8px 15px;
	border: 1px solid #ed5901;
	border-radius: 6px;
	background-color: #ed5901;
	color: #fff;
}

.ecxpert-info button i {
	margin-left: 8px;
}

.ecxpert-info button:hover {
	opacity: 0.7;
	background-image: none;
}

.ecxpert-info .recent-expert-column {
	position: relative;
}

.recent-expert-column .to-archive {
	position: absolute;
	top: 4px;
	right: 10px;
	font-size: 14px;
}

.recent-expert-column .to-archive a {
	text-decoration: underline;
}

.recent-expert-column .column-list {
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 0 10px;
	list-style: none;
}

.recent-expert-column .column-list li {
	display: flex;
	width: 100%;
	margin: 0;
}

.recent-expert-column .column-list .thumb {
	width: 75px;
	margin: 0 15px 0 0;
}

.recent-expert-column .column-list .thumb img {
	max-width: 100%;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.recent-expert-column .column-list .info {
	display: flex;
	width: calc(100% - 90px);
	flex-direction: column;
	justify-content: center;
}

.recent-expert-column .column-list .date {
	margin-bottom: 15px;
	color: #777;
	font-size: 10px;
}

.recent-expert-column .column-list .title a {
	color: #333;
	text-decoration: none;
}

.recent-expert-column .column-list .title a:hover {
    opacity: 0.7;
}

.single-expert_column p.share {
    margin-top: 80px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 130%;
}

.content-wrap {
	margin: 0 40px;
}

@media (min-width: 601px) {
	.ecxpert-info h2 {
		padding: .5em 1em;
		font-size: 24px;
	}
	.ecxpert-info .overview {
		flex-direction: row;
	}

	.ecxpert-info .overview .image {
		width: 150px;
	}

	.ecxpert-info .overview .content {
		width: calc(100% - 150px);
	}

}

@media (min-width: 801px) {
	.recent-expert-column .column-list {
		flex-direction: row;
	}

	.recent-expert-column .column-list li {
		width: calc((100% - 45px) / 4);
		flex-direction: column;
		margin: 0;
	}

	.recent-expert-column .column-list .thumb {
		width: 100%;
		margin: 0 0 10px 0;
	}

	.recent-expert-column .column-list .info {
		width: 100%;
	}

	.recent-expert-column .column-list .date {
		margin-bottom: 5px;
	}
}



/*******************************
/* カスタム投稿：商品
/*******************************/
.single-item .site-content {
	float: none;
	max-width: 100%;
}

.title-websem{
	color:#0013EC;
}

.title-onde{
	color:#e78404;
}

.title-realsem{
	color:#00b050;
}

.title-day{
	color: #000;
}

/*******************************
/* スライド調整
/*******************************/
.slick-slide img {
    width: 100%;
}

@media screen and (max-width: 800px){
	/* 本サイト：23325　テストサイト：23166　ローカル：19885 */
	.page-id-23325 .sitetitle-area {
		margin-bottom: 10px;
	}

	.page .slick-slide:not(.slick-center) {
		-webkit-filter: opacity(100%);
		-moz-filter: opacity(100%);
		-o-filter: opacity(100%);
		-ms-filter: opacity(100%);
		filter: opacity(100%);
	}
}

@media screen and (min-width: 801px){
	.page-id-23325 .slick-dotted.slick-slider {
	    padding-top: 49px;
	}
}

/*******************************
/* ネットショップ調整
/*******************************/
.fua_menu_list {
    display: none;
}

.preferred-date {
    width: 100%;
    height: 70px;
    box-sizing: border-box;
}

#net_shop_admin_wishlist a {
	text-decoration: underline;
	color: #21759b;
}

#net_shop_admin_wishlist {
	overflow-x: scroll;
}

#net_shop_admin_wishlist ul {
	list-style: none;
	width: 790px;
}

#net_shop_admin_wishlist .wishlist {
	margin: 0;
}

#net_shop_admin_wishlist table tbody tr th,
#net_shop_admin_wishlist table tbody tr td {
	border: 1px solid #ccc;
}

#net_shop_admin_wishlist table tbody tr td {
	vertical-align: middle;
}

#net_shop_admin_wishlist form:not(:last-of-type) .wishlist,
#net_shop_admin_wishlist form:not(:last-of-type) .wishlist td {
	border-bottom: none;
}

#net_shop_admin_wishlist form:not(:first-of-type) .wishlist .title {
	display: none;
}

#net_shop_admin_wishlist .name {
	width: 320px;
}

#net_shop_admin_wishlist .count {
	width: 300px;
}

#net_shop_admin_wishlist .cart {
	width: 170px;
}

#net_shop_admin_wishlist .cart .product_cart {
	width: 100%;
}

.entry-content input[type="submit"].product_cart,
.frontend_user_admin input[type="submit"] {
    border: 1px solid #858585;
    background: #efefef;
	color: #000000;
}

.frontend_user_admin input[type="submit"] {
    margin: 0;
    padding: 3px 6px;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.5;
}

.entry-content input[type="submit"].product_cart:hover,
.frontend_user_admin input[type="submit"]:hover {
    border: 1px solid #767676;
    background: #e5e5e5;
}

@media screen and (min-width: 801px){
	#net_shop_admin_wishlist li:not(:last-of-type) .wishlist,
	#net_shop_admin_wishlist li:not(:last-of-type) .wishlist td {
		border-bottom: none;
	}

	#net_shop_admin_wishlist li:not(:first-of-type) .wishlist .title {
		display: none;
	}

	#net_shop_admin_wishlist {
		overflow-x: auto;
	}

	#net_shop_admin_wishlist ul {
		width: 100%;
	}

	#net_shop_admin_wishlist .name {
		width: 40%;
	}

	#net_shop_admin_wishlist .count {
		width: auto;
	}

	#net_shop_admin_wishlist .cart {
		width: 170px;
	}
}

/*******************************
/* その他調整(2022/04/24)
/*******************************/

/* 続きを読む */
.read_more {
	position: relative;
	background: #eee;
	padding: 30px 40px 10px;
	text-align: center;
}

.read_more::before {
    position: absolute;
    top: -240px;
    left: 0;
    width: 100%;
    height: 240px;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,.7) 75%, rgba(255,255,255,.7) 75%, #ffffff 100%);
    background:         linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,.7) 75%, rgba(255,255,255,.7) 75%, #ffffff 100%);
    content: "";
}

.read_more .btn {
	font-size: 1.4rem;
	padding: 1.3rem 1.7rem;
}

.read_more_box {
	background: #fff;
	margin: 40px 0;
	padding: 20px 10px;
}

.read_more_box p {
	margin: 0;
}

.read_more_box .title {
	margin-bottom: 1rem;
	font-weight: bold;
	font-size: 1.6rem;
}

.read_more .login {
	font-size: 1.3rem;
}

/* あなたにおすすめ */
.recommend {
    margin-top: 3rem;
    padding: 1rem 5px 0 15px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
	background:#fcffc6;
}

.recommend p {
    margin: 0 0 1rem 0;
}

.recommend ul {
    list-style-type: none;
}

.recommend ul li {
    margin: 0 0 1rem 1rem;
    font-size: 17px;
}

.recommend ul li::before {
    display: inline-block;
    position: relative;
    top: -5px;
    left: -10px;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background: #000000;
    content: "";
}

/* 複数アカウント申請ページ「URLをコピーする」のスタイル追加 2022・12・20 */
.copy-url {
	display: flex;
	gap: 5px;
	justify-content: center;
}

/* Eラーニング一覧ページ「30%実施中！」のスタイル追加 2023・4・18 */
span.red_square {
    background: #cc0000;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    padding: 0 8px !important;
    margin-bottom: 5px !important;
    letter-spacing: 0.09em;
				}
				
				
/*デザイン調整 2024.12.10 齋藤*/
.recommend {
  border-top: 0;
  border-bottom: 0;
  background: #fff6e5;
	border-radius: 10px;
	padding:20px;
}
.recommend > p {
  font-weight:bold;
  font-size: 18px;
  margin-bottom: 30px;
  text-align: center;
  background: #ff6c00;
  border-radius: 5px;
  color: #fff;
	padding: 5px 0;
	margin-top: 10px;
}
.recommend ul{
	margin:0;
}
.recommend ul li {
	font-size: 16px;
	line-height: 1.8;
}
.recommend ul li:last-child {
	margin-bottom:0;
}
.recommend ul li b{
	font-size: 17px;
	margin-left: -0.5em;
}
.recommend ul li::before {
  content: none;
}
.recommend p.btn_more {
    display: inline-block;
    border: 1px solid #333;
    border-radius: 5px;
	background:#fff;
	font-size:14px;
	margin-top:8px;
}
.recommend p.btn_more:hover {
    border: 1px solid #ff2b2b;
    background: #ffe8e8;
}
.recommend p.btn_more i {
    color: #ff2b2b;
}
.recommend p.btn_more a {
    color: #000;
    padding: 5px 10px 4px;
    display: block;
	letter-spacing: 0;
}
.recommend p.btn_more a:hover {
    color: #ff2b2b;
}

@media screen and (max-width: 640px) {
.recommend {
	padding:20px 10px;
}
}

.popular-post li::before{
  background: #ff6c00;
}
.popular-post li:nth-child(1)::before{
  background: #edc651;
}
.popular-post li:nth-child(2)::before{
  background: #ababab;
}
.popular-post li:nth-child(3)::before{
  background: #9c6738;
}


.widget-area .widget .post-list {
  margin-bottom: 20px !important;
}
.widget-area .widget .post-list a {
  display: flex;
  align-items: center;
  padding: 0;
}
.widget-area .widget .post-list-info p:last-child {
  margin: 0;
}
.widget-area .widget p, .widget-area .widget .textwidget {
  margin: 5px 6px 5px 0;
}
.widget-area .widget p.date {
    display: inline;
}
.widget-area .widget p.date i{
    margin-right:5px;
}

/*******************************
/* サイドバー追従領域(2025/06/15)
/*******************************/

/* コース・講座バナー */
.sb-course-banner {
	background: white;
	border-radius: 0 0 8px 8px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.06);
	border: 1px solid #e8ecf0;
	overflow: hidden;
	margin: -1px 0 1rem;
}

.sb-course-item {
	display: block;
	padding: 12px 18px;
	border-bottom: 1px solid #f0f2f4;
	transition: all 0.2s ease;
	cursor: pointer;
	position: relative;
}

.sb-course-item:hover {
	background: #f8f9fa;
	transform: translateX(3px);
}

.sb-course-item:last-child {
	border-bottom: none;
}

.sb-course-item::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 3px;
	background: linear-gradient(135deg, #2c5aa0, #1e4080);
	transform: scaleY(0);
	transition: transform 0.2s ease;
}

.sb-course-item:hover::before {
	transform: scaleY(1);
}

.sb-course-header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 6px;
}

.sb-course-icon {
	width: 40px;
	height: 40px;
	background: #99bbdd;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 18px;
	box-shadow: 0 2px 8px rgba(44, 90, 160, 0.15);
	position: relative;
	border: 1px solid rgba(44, 90, 160, 0.2);
}

.sb-course-title {
	color: #333333;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
}

.sb-course-description {
	color: #666666;
	font-size: 12px;
	line-height: 1.4;
	margin-bottom: 8px;
	margin-left: 52px;
}

.sb-course-button {
	background: linear-gradient(135deg, #2c5aa0, #0062ab);
	color: white;
	border: none;
	padding: 6px 14px;
	border-radius: 16px;
	font-size: 11px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
	margin-left: 52px;
	box-shadow: 0 2px 6px rgba(44, 90, 160, 0.2);
}

.sb-course-button:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 10px rgba(44, 90, 160, 0.3);
}
/* まとめページバナー */
.summary-banner {
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    color: white;
    padding: 16px;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(255, 107, 53, 0.2);
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.summary-banner:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 18px rgba(255, 107, 53, 0.25);
}

.summary-banner::before {
    content: '';
    position: absolute;
    top: -20%;
    right: -15%;
    width: 80px;
    height: 80px;
    background: rgba(255,255,255,0.1);
    border-radius: 50%;
    animation: pulse 4s ease-in-out infinite;
}

.summary-content {
    position: relative;
    z-index: 2;
}

.summary-content h3 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 6px;
    line-height: 1.4;
}

.summary-content p {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 10px;
    opacity: 0.95;
}

.summary-button {
    background: linear-gradient(135deg, #2c5aa0, #1e4080);
    color: white;
    border: none;
    padding: 7px 16px;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(44, 90, 160, 0.2);
    display: flex;
    align-items: center;
    gap: 6px;
}

.summary-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(44, 90, 160, 0.3);
}

.summary-button .arrow {
    font-size: 10px;
    transition: transform 0.2s ease;
}

.summary-button:hover .arrow {
    transform: translateX(2px);
}

.widget-area .widget a {
	text-decoration: none;
}
.widget-area .widget .sb-course-button,
.widget-area .widget .summary-button,
.widget-area .widget .sb-course-button:hover,
.widget-area .widget .summary-button:hover {
	color: #fff;
}
.widget-area .widget .summary-content p {
	color: #fff;
}

/* アニメーション */
@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes pulse {
    0%, 100% { transform: scale(1) translateY(0); opacity: 0.5; }
    50% { transform: scale(1.2) translateY(-10px); opacity: 0.8; }
}

@keyframes float {
    0%, 100% { transform: translateY(0px) translateX(0px); }
    33% { transform: translateY(-15px) translateX(10px); }
    66% { transform: translateY(5px) translateX(-5px); }
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
    .sidebar-container {
        width: 100%;
        max-width: 320px;
    }
    
    .sb-course-item {
        padding: 10px 16px;
    }
    
    .sb-course-description {
        margin-left: 48px;
        margin-bottom: 6px;
    }
    
    .sb-course-button {
        margin-left: 48px;
        padding: 5px 12px;
    }
    
    .summary-banner {
        padding: 14px;
    }
    
    .summary-content p {
        margin-bottom: 8px;
    }
}

/* コラムページトップバナー */
.column-top-widget {
		margin-bottom: -30px;
		padding-right: 20px;
	}
.top-banner-image {
	max-width: 100%;
}
@media ( min-width: 769px ) {
	.column-top-widget {
		margin-bottom: 30px;
	}
}