@charset "utf-8";

html { margin:0; padding:0; border:none; /*overflow:auto;/* border-top: 5px solid #ffce00; */}
body {
	margin:0; padding:0; border:none;

	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	/*
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif, "Takao Pゴシック", "TakaoPGothic", sans;
	font-weight:500;
	*/
}


.de-black {color:#000000;}
.de-red {color:#D60021;}
.de-yellow {color:#FFB500;}


/* +++++++++++++++++++++++++++++++++++++
	Additional Universal
*/

.sansita {font-family: 'Sansita', sans-serif; }

.sosaicon { font-family: 'SosaIcon'; }
@font-face {
    font-family: 'SosaIcon';
    src: url('./fonts/SosaIcon.woff') format('woff'),
		url('./fonts/SosaIcon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

#page-top a {background:rgba(125,125,125,0.65) !important; color:#fff !important;}

#rewind { /*ページトップへ戻る用*/
	display:none; position:fixed; bottom:10px; right:10px;
    background:rgba(105,105,105,0.75);  color:#FFFFFF; font-weight:normal; cursor: pointer;
	line-height:1em; border-radius:100% 100% 25% 25%; padding:0.25em 0.35em 0.65em;
	z-index:25252;
}

#to-contact {
	display:none; position:fixed; bottom:10px; left:10px; padding:10px;
	background:rgba(125,125,125,0.65); border-radius: 3px 3px 3px 3px; color:#FFFFFF;  font-weight:normal; cursor: pointer;
	z-index:25262;
}


.hr-box {width:100%; margin: 0; padding:0; box-sizing: border-box;}
.hr-box * {box-sizing: border-box;}
.hr-box.pd-top{padding:3.5em 0 0 0;}
.hr-box.pd-btm, .hr-box.pd-bottom {padding:0 0 4em 0;}
.hr-box.pd-both {padding:3.5em 0 4em;}

.bg-white {background:#fff;}
.bg-black {background:#000;}
.bg-owhite {background:rgb(247,246,243);/* rgb(251,248,241) #f7f4f0;*/}
.bg-awhite {background:#fdf6ee; /*antiquewhite;*/}

.bg-gray {background: #ddd;}
.bg-llgray {background: #f5f5f5;}
.bg-lgray {background: #f3f3f3;/*#eee;*/}
.bg-dgray {background: #666;}

.mara {margin:auto;}
.lim88 {max-width:880px;}
.lim77 {max-width:770px;}
.lim66 {max-width:660px;}
.lim55 {max-width:550px;}
.lim44 {max-width:440px;}
.lim33 {max-width:330px;}
.lim28 {max-width:280px;}
.lim22 {max-width:220px;}

a {color:royalblue;}
a:hover {color:salmon;}

.beni {color:#E50024;} /*rgba(229,0,36,1)*/

a.btn-ds {
	box-shadow: 0 3px 5px rgba(20,20,20,0.3);
	transition:all 0.14s linear 0s;
}
a.btn-ds:hover {
	box-shadow:0 1px 2px rgba(20,20,20,0.4); 
	transform:translateY(4px); transition:all 0.2s linear 0s;
}

a.btn-beni {display:inline-block; color:#FFF; margin:1em 0; padding:0.75em 1em; border:2px solid transparent; background:rgba(229,0,36,1.0);}
a.btn-beni-small {display:inline-block; color:#FFF; margin:0.5em 0; padding:0.25em 0.5em; border:1px solid transparent; background:rgba(229,0,36,1.0);}
a.btn-beni-xsmall {display:inline-block; color:#FFF; margin:0; padding:0.15em 0.5em; border:1px solid transparent; background:rgba(229,0,36,1.0);}
a.btn-beni:hover {color:#E50024; background:rgba(229,0,36,0.25); border:2px solid rgba(229,0,36,1.0);}
a.btn-beni-small:hover {color:#E50024; background:rgba(229,0,36,0.25); border:1px solid rgba(229,0,36,1.0);}
a.btn-beni-xsmall:hover {color:#E50024; background:rgba(229,0,36,0.25); border:1px solid rgba(229,0,36,1.0);}

a.btn-black {display:inline-block; color:#FFF; margin:1em 0; padding:0.75em 1em; border:2px solid transparent; background:rgba(30,30,30,1.0);}
a.btn-black-small {display:inline-block; color:#FFF; margin:0.5em 0; padding:0.25em 0.5em; border:1px solid transparent; background:rgba(30,30,30,1.0);}
a.btn-black-xsmall {display:inline-block; color:#FFF; margin:0; padding:0.15em 0.5em; border:1px solid transparent; background:rgba(30,30,30,1.0);}
a.btn-black:hover {color:#000; background:rgba(30,30,30,0.25); border:2px solid rgba(30,30,30,1.0);}
a.btn-black-small:hover {color:#000; background:rgba(30,30,30,0.25); border:1px solid rgba(30,30,30,1.0);}
a.btn-black-xsmall:hover {color:#000; background:rgba(30,30,30,0.25); border:1px solid rgba(30,30,30,1.0);}

a.btn-frost {display:inline-block; color:#333; margin:1em 0; padding:0.75em 1em; border:2px solid transparent; background:rgba(255,255,255,0.8);}
a.btn-frost-small {display:inline-block; color:#333; margin:0.5em 0; padding:0.25em 0.5em; border:1px solid transparent; background:rgba(255,255,255,0.8);}
a.btn-frost:hover {color:#fff; background:rgba(40,40,40,0.5); border:2px solid #FFF;}
a.btn-frost-small:hover {color:#fff; background:rgba(40,40,40,0.5); border:1px solid #FFF;}

a.gbtn-white {display:inline-block; color:#fff; margin:1em 0; padding:0.75em 1em; border:1px solid #fff; background:transparent;}
a.gbtn-white-small {display:inline-block; color:#fff; margin:0.5em 0; padding:0.25em 0.5em; border:1px solid #fff; background:transparent;}
a.gbtn-gray {display:inline-block; color:#666; margin:1em 0; padding:0.75em 1em; border:1px solid #797979; background:transparent;}
a.gbtn-black {display:inline-block; color:#000; margin:1em 0; padding:0.75em 1em; border:1px solid #000; background:transparent;}
a.gbtn-white:hover, a.gbtn-white-small:hover {color:#2d2d2d !important; background:rgba(255,255,255,0.9);}
a.gbtn-gray:hover {color:#fff; background:rgba(0,0,0,0.3);}
a.gbtn-black:hover {color:#fff; background:rgba(0,0,0,0.55);}

a img.opa, a.opa img {
	opacity:1.0;
	filter: alpha(opacity=100);
	transition: 0.36s linear all;
}
a img.opa:hover, a.opa img:hover {
	opacity:0.75;
	filter: alpha(opacity=75);
	transition: 0.18s linear all;	
}
a span.outbound:after {
	content: "p"; 
	font-family: "SosaIcon";
	font-size:110%; font-weight:bold; color:#9ac;
	vertical-align:35%; margin:0 3px 0; line-height:1.0;
}

h2.larger {text-align:center; font-size:235%; margin:1em auto; letter-spacing:0.15em;}


/* +++++++++++++++++++++++++++++++++++++
	Additional Common
*/

#sticker, #nav-mobile, footer  {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif, "Takao Pゴシック", "TakaoPGothic", sans;
	font-weight:500;
}


.header-logo-wrapper {text-align:center; padding:1.5rem 0 0;}
.toppage .header-logo-wrapper {text-align:center; padding:3.5rem 0 0;}
.header-logo-mark {
	margin:auto; width:280px; height:auto; /*box-shadow:0 2px 4px 1px rgba(0,0,0,0.35);*/
	filter: drop-shadow( 0 0 6px rgba(255,255,255,0.95) );
}
.toppage .header-logo-mark {width:360px;}




#sticker {
	margin: 0; padding:0.375em 0;
	background:#dd022f;/*#3a3a3a;*/
	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.85);
	z-index: 10000; 
	transition:all 0.22s linear 0s;
	position:fixed; top:0; left:0; width:100%; height:auto; padding:0.25em 0; z-index: 10000;
}
#sticker.fixed {
	transition:all 0.22s linear 0s;
}
#sticker ul li {list-style-type:none;}
#sticker a {text-decoration:none;}
#nav-mobile li {list-style-type:none;}
#nav-mobile a {text-decoration:none; font-weight:bold;}

#header-inner {clear:both; padding:6.75em 0 1.5em; background:#777;/*#F2F2F2;*/}
#logo-wrapper a {}

a.back-to-blog-home { 
	display:inline-block; margin:0 0.5em; padding:0.25em 1em 0.5em;
	font-style:italic; font-size:165%; color:#fff; text-decoration:none; background:rgba(0,0,0,0.3);
	font-family: 'Sansita', sans-serif; font-weight:900; line-height:1;
	border-radius:100%;
	transition:all 0.33s linear 0s;
}
a.back-to-blog-home:hover { 
	background:rgba(20,20,100,0.5);
	transition:all 0.14s linear 0s;
}

/* All Mobile Sizes */
@media only screen and (max-width:768px) {
	#header-inner {padding:4.5em 0 1em;}
	.back-to-main-site {display:none;}
	#logo-asides{margin:0.5rem auto;}
}

#logo-asides{padding:0;}
#category-selecter {color:royalblue;}
#category-selecter select {width:100%; max-width:240px; background:#fff !important; font-size:bold;}
#search-wrapper #searchform {max-width:280px; margin:auto;}
#nav-mobile #searchform {max-width:230px; margin:0em auto; border:none; background:rgba(0,0,0,0.3)}
#nav-mobile #searchform input#s {max-width:190px; padding-right:0.5em !important;}
#nav-mobile  .parent-page.gohome {margin-top:1.5em;}
	

#side .st-aside {padding-top:1em !important;}
#side .side-topad div ul li a {display:inline-block; padding:0.25em 0;} 
#side .side-topad div.ad:first-child > ul:not(.children) > li {margin-bottom:0.5em; font-size:1.25rem;}
#side .side-topad div.ad:first-child ul.children {padding-left:1rem;}
#side .side-topad div.ad:first-child ul.children > li {font-size:1rem !important;}
#side .side-topad div.ad:first-child > ul > li:not(.cat-item-1) {margin-top:1.35em;}
#side .side-topad div.ad:first-child {border-bottom:1px dotted #999; padding:1em 0;}
#side .side-topad div.ad:nth-child(2) {
	height:auto; max-height:13em; padding-left:1.5em; margin:1.5em 1em 2.5em; 
	border:1px solid rgba(0,0,0,0.1); background:rgba(255,255,255,0.75); 
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}


footer {color:#fff;}
footer nav {
	display: block; 
	width: 100%;
	margin: 0 auto;
	padding: 15px 0;
	overflow: hidden;
	font-size: 0.9em; line-height:1.5;
}
footer nav h4 {
	display: block; background: url(images/icon/ic-sqw.jpg) 0 45% no-repeat;
	color: #fff; padding: 0 0 0 1rem; margin-bottom: 0.5rem; font-size:1rem;
}
footer nav ul {	display: block; margin-bottom: 25px; padding:0;}
footer nav ul li {margin-bottom: 0.5rem; font-size:0.8rem; list-style-type:none; font-weight:600;}
footer a { color: #bbb; text-decoration:none; }
footer a:hover { color: #54d5a2; text-decoration:none !important;}
footer ul.sns-link li {	display:inline-block; margin-right:0.75em;}
footer .sns-icon {
	width:32px; height:32px; margin:0.5rem auto; 
	border-radius:3px; box-shadow: 0 3px 5px rgba(20,20,20,0.3);
	transition:all 0.14s linear 0s;
}

#gblnavi-pc {}
#gblnavi-pc .cell {
	position:relative; width:16.6%;/*11.1111%;/*14.2857%;*/ height:44px; padding:0.5rem 0; color:#454545;
	background-repeat:no-repeat !important; background-position:center 17.5% !important; background-size:44px 44px !important;
	transition:all 0.33s linear 0s;
}
#gblnavi-pc .cell:hover::before {content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(255,255,255,0.15);}

#gblnavi-pc .cell > li > a {display:block;width:100%; height:100%; color:#fff; font-weight: bold; transition:all 0.33s linear 0s;}

#gblnavi-pc .cell > li > a:before { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; height: 32px; margin: auto 0; background-color: #454545;}
#gblnavi-pc .cell:last-child > li > a:after { content: ""; display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 1px; height: 32px; margin: auto 0; background-color: #454545;}

#gblnavi-pc .cell > li li > a {font-size:0.9rem;}

#sticker.fixed #gblnavi-pc .cell {
	background-position:center 10% !important; background-size:30px 30px !important;
	transition:all 0.33s linear 0s;
}
#sticker.fixed #gblnavi-pc .cell > li > a { transition:all 0.33s linear 0s;}

/*
#gblnavi-pc .cell:last-child:before {content:""; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:#E50024; }
*/


/*
#gblnavi-pc .cell:first-child {background:#F29B9B;}
#gblnavi-pc .cell:nth-child(2) {background:#F4B59D;}
#gblnavi-pc .cell:nth-child(3) {background:#F8F8A2;}
#gblnavi-pc .cell:nth-child(4) {background:#B9F7A0;}
#gblnavi-pc .cell:nth-child(5) {background:#9ED2F4;}
#gblnavi-pc .cell:nth-child(6) {background:#9AA3F1;}
#gblnavi-pc .cell:last-child {background:#DDDDDD;}
*/

#gblnavi-pc ul.main-menu li {position:relative; text-align:center;} 

#gblnavi-pc ul.sub-menu {
	display:none; position:absolute; overflow:visible;
	top:50px; left:-53px;/*-55px;/*-42.5%;*/ width:226px; margin:0; padding:5px 8px;
	background:rgba(0,0,0,0.85);/*#09090d;*/
}

#sticker.fixed #gblnavi-pc ul.sub-menu {margin-top:-24px;/*-19px;*/}

#gblnavi-pc ul.sub-menu:after {
	display:block; position:absolute; top:-16px; left:50%; margin-left:-4px;
	content:""; width:0px; height:0px;
	border:8px solid transparent;
	border-bottom:8px solid rgba(0,0,0,0.85);
}

#gblnavi-pc ul.main-menu li:hover > ul.sub-menu {display:block; z-index:10001;}

#gblnavi-pc ul.sub-menu > li {
	position:relative; display:block; width:100%; height:2.5em; margin:0; text-align:center;
}

#gblnavi-pc ul.sub-menu > li > a {
	display:block; white-space:nowrap;
	position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:2.35em;
	padding:8px; color:#fff; font-weight:900;
}

#gblnavi-pc ul.sub-menu > li > a:hover {background:rgba(89,89,103,0.85);}



#gblnavi-mobile {}
#sticker .logo-mark-mobile {width:auto; height:50px;margin:4px auto 0;}

.menu-trigger-wrapper {margin:-0.25em 0.25em 0;}
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative; cursor:pointer;
	width: 32px; height: 24px;
	margin-bottom:4px; margin-left:0px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #fff;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: calc(50% - 2px);
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
/* animation */
.menu-trigger.active {width: 32px; height: 32px;}
.menu-trigger.active span {
	background-color:#FFCE00; /*#B8222D; /*#FFCE00*/
	z-index:1001 !important;
}
.menu-trigger.active span:nth-of-type(1) {
	transform: translateY(14px) rotate(-225deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	transform: translateY(-14px) rotate(225deg);
}
.menu-trigger::after {
	position: absolute;
	left:-1.35em; top:24px;
	content: 'menu';
	display: block;
	width: 200%;
	color: #fff;
	font-size: 0.8em;
	text-decoration: none;
	text-align: center;
	transition: all 0.4s;
	z-index:1001 !important;
}
.menu-trigger.active::after {
	content: 'close'; 
	left:-1.3em; top:26px;
	width: 200%;
	font-size:0.8em; color:#fff;
	transition: all 0.4s;
}


.menu-closer-wrapper {padding:0.25em;}
.menu-closer,
.menu-closer span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-closer {
	position: relative; cursor:pointer;
	width: 32px; height:32px;
	margin-bottom:4px; margin-left:4px;
}
.menu-closer span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color:#fff;/*#FFCE00;/* #B8222D;*/
	border-radius: 4px;
}
.menu-closer span:nth-of-type(1) {
	top: 0;
	transform: translateY(14px) rotate(-45deg); transform-origin:center;
}
.menu-closer span:nth-of-type(2) {
	opacity: 0;
}
.menu-closer span:nth-of-type(3) {
	bottom: 0;
	transform: translateY(-14px) rotate(45deg); transform-origin:center;
}
.menu-closer::after {
	content: 'close'; 
	left:-1.3em; top:26px;
	width: 200%;
	font-size:0.8em; color:#111;
	transition: all 0.4s;
}



#mail-btn-mobile {position:relative;}
.icon-mail-mobile {width:44px; height:44px;}
#mail-btn-mobile::after {
	position: absolute;
	left:-1.8em; top:33px;
	content: 'contact';
	display: block;
	width: 200%;
	color: #fff;
	font-size: 0.8em;
	text-decoration: none;
	text-align: center;
	transition: all 0.4s;
	z-index:1001 !important;
}



/* ++++++++++++++++++++++++++++++++++++
	slidemenu-settings 
++++++++++++++++++++++++++++++++++++++*/
/*#whole-wrapper {z-index: 9991; background:#fff;}*/
.slidemenu {
	position: fixed; top:0; bottom:0; left:0; width: 280px; padding:0;
	background:#f0f0f0; 	border-right:2px solid rgba(0,0,0,0.2);
	z-index: 9990;
	transform:translateX(-290px);
	transition:all 0.76s ease 0s;
	text-align:left;
}
.slidemenu.reveal {
	transform:translateX(0);
	transition:all 0.53s ease 0s;
}
.slidemenu.scrolled {padding-top:0;}
.backward-z {z-index:-100 !important; transition:all 0.53s ease 0s; overflow:hidden !important; opacity:0.35;}
.ofh {overflow:hidden !important;}
#mobile-menu-underlay {z-index:-100; position:fixed; top:0; right:0; bottom:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,0); transition:all 0.76s ease 0s;}
#mobile-menu-underlay.reveal {background:rgba(0,0,0,0.55); transition:all 0.53s ease 0s; z-index:100;}

.slidemenu .slidemenu-header {
	height:60px; /*50px; background:#aaa;*/
}

.slidemenu .slidemenu-body {
	height:calc(100vh - 100px); padding:24px 8px; 
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	position: relative;
}
.slidemenu .slidemenu-body .slidemenu-content {
	position: relative; padding-left:1em; padding-right:0.75em;
}

.slidemenu a {color:royalblue;}
.slidemenu a:hover {color:salmon;}

.slidemenu ul {font-size:1.1em; text-align:left;}


.slidemenu ul.glonavi li {padding-left:0.65em !important;}
.slidemenu ul.catnavi {padding-left:0.65em !important;}

.slidemenu ul.search li {line-height:1.35; margin:1.25em 0 !important;}
.slidemenu ul.search li input {padding:0.25em 0; height:3.25em;}
.slidemenu #MakeShopTopSearchButton {margin:1px 0 0 4px; height:2.05em; vertical-align:top;}

.slidemenu ul.glonavi li, .slidemenu ul.catnavi li {line-height:1.5em; margin:1.25em 0 !important;}
.ul-label {display:block; line-height:1.5em; margin:1.25em 0; font-size:1.1em;}

.parent-page.gohome > li {
	background:url(./img/icon/navi/home-dgray.svg) no-repeat 0 0;
    background-size: 2.0em 2.0em;
    padding: 0.25em 0 0.5em 2.25em;
}
.parent-page.gg9 > li {
    background-size: 2.0em 2.0em;
    padding: 0.25em 0 0.5em 2.25em;
}
.parent-page.uni > li {
    background-size: 2.0em 2.0em;
    padding: 0.25em 0 0.5em 2.25em;
}
.parent-page.depa > li {
    background-size: 2.0em 2.0em;
    padding: 0.25em 0 0.5em 2.25em;
}
.parent-page.life > li {
    background-size: 2.0em 2.0em;
    padding: 0.25em 0 0.5em 2.25em;
}
.parent-page.job > li {
    background-size: 2.0em 2.0em;
    padding: 0.25em 0 0.5em 2.25em;
}
.parent-page.insu > li {
    background-size: 2.0em 2.0em;
    padding: 0.25em 0 0.5em 2.25em;
}
.parent-page.reiz > li {
    background-size: 2.0em 2.0em;
    padding: 0.25em 0 0.5em 2.25em;
}
.parent-page.about > li {
    background-size: 2.0em 2.0em;
    padding: 0.25em 0 0.5em 2.25em;
}
.parent-page.contact-us > li {
    background-size: 2.0em 2.0em;
    padding: 0.25em 0 0.5em 2.25em;
}

.slidemenu ul.child-page {padding-left:1em !important;}
.slidemenu ul.child-page li {font-size:0.925rem; margin:1.25rem 0 !important; font-weight:normal !important;}

.menu-button-left {left: 0px; position:relative;}
.opener-left { width: auto; height: 40px; display: block; cursor:pointer; font-size:18px;}


/* ++++++++++++++++++++++++++++++++++++
	slideToggleMenu-settings 
++++++++++++++++++++++++++++++++++++++*/
#tel-menu-smp {margin-right:8px;}
.slideToggle-switch {cursor:pointer;}
.slideToggle-target, .slideToggle-target ul li {text-align:center; margin:auto;}
.slideToggle-closer {cursor:pointer; margin:1.5em auto 2em; width:6em; padding:0.5em 0; background:rgba(255,255,255,0.2); border-radius:100%; text-align:center;}
.icon-tel {position:relative; width:30px; height:30px;} 
.icon-tel img {width:30px; height:30px; margin-top:-4px; margin-left:-4px;}
.icon-tel::after { 
	position: absolute;
	left:-2.2em; top:19px;
	content: '問い合わせ';
	display: block;
	width: 200%;
	color: #fff;
	font-size: 0.6em;
	text-shadow:1px -1px 0 #111, 1px -1px 1px #111;
	text-decoration: none;
	text-align: center;
	letter-spacing: -0.05em;
	transition: all 0.4s;
}

.slideToggle-target {display:none; color:#fff;}
.slideToggle-target .icon-mail {width:32px; margin:4px; transform:rotate(-10deg) translateY(-4px);}
.slideToggle-target .phone-number {
	font-family:'LinLibertine-RBG';
	font-size:125%;
	color: #fff;
	margin-right:8px;
}

.call-wrapper {margin:1.5em auto 1em;}
.call-wrapper .caption {display:block; margin:1em auto 0; font-size:80%;}

.push-to-call {position:relative; width:32px; height:32px;} 
.push-to-call img {width:32px; height:32px; margin-top:-10px;}
.push-to-call::after { 
	position: absolute;	left:-1.75em; top:14px; 
	content: '電話する';
	display: block;
	width: 200%;
	color: #fff; letter-spacing:0.05em;
	font-size: 0.6em;
	text-shadow:1px -1px 0 #111, 1px -1px 1px #111;
	text-decoration: none;
	text-align: center;
	transition: all 0.4s;
}

.bg-transparent .push-to-call::after { color:#fff; text-shadow:none;}

.slideToggle-target ul {margin:0 auto 1em !important; padding:0 !important;}
.slideToggle-target ul li {line-height:1.9em; margin:1.5em auto;}
.slideToggle-target .push-to-call {margin-top:-10px;}





.boxLink {padding:4em 0 5em !important; /* overWrite */}

.boxLink-kai {background: url(images/bg/bg-gray.jpg) repeat;/*background:#eae8e6;*/}
.boxLink-kai ul:not(.nopad) {padding-left: 1.5em;}
.boxLink-kai ul.nopad {padding-left: 0;}
.boxLink-kai ul,ol  { text-align: left;}
.boxLink-kai ul li {list-style:none; line-height:1.5em; margin:0.75em 0.5em;}
.boxLink-kai ul li.sq {list-style: square;} 
.boxLink-kai ul li.sm {list-style: circle;} 
.boxLink-kai ul li.km {list-style: disc;} 
.boxLink-kai ul li.tn {list-style: none; margin:0; text-align:center;} 
.boxLink-kai ul li.tn img {width:150px; height:150px; vertical-align:middle; margin:8px auto; box-shadow:0 1px 5px 1px rgba(0,0,0,0.25);}

.boxLink-kai  h3 {
    margin: 0.5em 0 1em;
    padding: 0.4em 0.5em 0.25em 0.75em;
    font-size: 120%;
    line-height: 1.7;
    border-left: 6px solid #FBCB00;
    background: #f7f7f3;
}



div#footer {padding:2em 0;}




/* +++++++++++++++++++++++++++++++++++++
	TopPage
*/




/* +++++++++++++++++++++++++++++++++++++
	Post
*/
.sidebar-widget ul {padding:0 0 1em 1em;}
.sidebar-widget ul li {padding:0.5em 0 0;}
.sidebar-widget ul.children {font-size:0.9em !important;}





/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	Media Query
*/

@media only screen and (min-width:1000px) {
	#gblnavi-pc {display:block;}
	#gblnavi-mobile, #nav-mobile {display:none;}
}
@media only screen and (max-width:999px) {
	#gblnavi-pc {display:none;}
	#gblnavi-mobile, #nav-mobile {display:block;}
	#sticker, #sticker.fixed {height:auto; padding:0 4px 2px;}
	.header-logo-wrapper {display:none;}
	.header-logo-mark, .toppage .header-logo-mark {width:auto; height:60px; margin:6px 4px 0; filter: drop-shadow( 0 0 0px rgba(255,255,255,0.95) );}
	header h1, header .h1alt {padding:2em 1em 0; font-size:2.2em;}	
}
@media only screen and (max-width:768px) {
	.header-logo-mark, .toppage .header-logo-mark {width:auto; height:50px; margin:6px 4px 0;}
	header h1, header .h1alt {padding:1em 0.5em 0; font-size:2em;}
	.toppage header h1 {font-size:1.85rem; margin:2.25em auto 3.25em;}	
	.toppage h2.larger {font-size:200%; margin:1em auto; letter-spacing:0.15em;}
}
@media only screen and (max-width: 767px) {
	.container { max-width:100vw !important; width:auto !important; }
}
@media only screen and (max-width:600px) {
	header h1, header .h1alt {font-size:1.5em; line-height:1.5;}
	.toppage header h1 {font-size:1.65rem; margin:2.25em auto 3.25em;}	
	.toppage h2.larger {font-size:180%;  letter-spacing:0;}
}
@media only screen and (max-width:479px) {
	.header-logo-mark, .toppage .header-logo-mark {width:auto; height:40px; margin:12px 0 0;}
	header h1, header .h1alt {font-size:1.65em; line-height:1.5;}
	.toppage header h1 {font-size:1.5rem; margin:1.25em auto 2.5em;}	
	.toppage h2.larger {font-size:160%;  letter-spacing:0;}
	.header-cta .sns-icon {display:none;}
	#intro-navi .cell:after {right:0.5em; top:1em; width:8em; height:8em;}
	#intro-navi .cell h2 {margin-top:0.5em; font-size:1.4em;}
	#intro-navi .cell ul {padding:0.75em 0 0.5em 0.25em;}		
	#intro-navi .cell ul li {display:inline-block; width:49%; padding:0.5em 0;}	
	#rewind {padding: 2px 6px 8px; right:2px; bottom:2px;}
	#to-contact {padding: 0 6px; left:2px; bottom:2px;	}
}