@charset "utf-8";

/*
font-weight:200
font-weight:300
font-weight:400
font-weight:500
font-weight:700
font-weight:900
--
紺：color:#162f80;
*/

/*############################################*/
/*（1）文字設定-共有*/
/*############################################*/
html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}
html{
	font-size:14px;
	letter-spacing:0em;
	line-height:160%;
	_font-family: "Noto Sans Japanese";
	_font-weight:400;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
	color:#000;
}
.large{ font-size:16px; }
.larger{ font-size:18px; }
.smaller{ font-size:12px; }
a:link{
	color:#5c93d7;
	text-decoration:none;
}
a:visited{
	color:#5c93d7;
	text-decoration:none;
}
/*ホバー*/
a:hover{
	color:#df5d5d;
	text-decoration:none;
}
/*文字色*/
.aka{
	color:#cc2222;
}
.kuro{
	color:#000000!important;
}
.ao{
	color:#69a9e1;
}
.bold{
	font-weight:bold;
}
.serif,
.serif span{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


/*############################################*/
/*（2）サイト全体-共有*/
/*############################################*/
html,
body{
	height:100%;
}
/* IE7でpadding指定 */
*:first-child+html body {
	padding-left:1px;
}
/* IE6以下でpadding指定 */
*html body {
	padding-left:1px;
}
img, h1, h2, h3, h4, h5, h6, p, form{
	border:none;
	margin:0;
}
img{
	vertical-align: top;
}
ul,dl{
	margin:0;
	padding:0;
	list-style:none;
}
table,
h1,h2,h3,h4,h5,h6{/*これないと、IEでbodyのフォントサイズが引き継がれない*/
	font-size:100%;
}
/*floatキャンセル*/
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
.tt{
	border:solid 1px #dbdbdb;
	_border-width:0 1px 1px 0px;
	border-collapse:collapse;
}
.tt td,
.tt th{
	padding: 6px 12px;
	border:solid 1px #dbdbdb;
	_border-width:1px 0 0 1px;
}
.scrollMargin{
	margin-top:-78px;
	padding-top:78px;
}

/*############################################*/
/*（3）共通アニメーション*/
/*############################################*/
/*ボタン拡大-----------*/
.kakudaiBtn:hover{
	animation:maruHvr;
	animation-duration: 0.7s;
	animation-timing-function: ease;
	animation-fill-mode:forwards;
}
@keyframes maruHvr{
	from{
		opacity:1;
		transform:scale(1.0,1.0); 
	}
	to{
		opacity:1;
		transform:scale(1.2,1.2);
	}
}
/*背景拡大-----------*/
.rollOverTransBox{
	display:block;
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	z-index:0;
}
.rollOverTransInner{
	position: absolute;
	display:block;
	width: 100%;
	height:100%;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	transition: all 0.7s ease-out;
	transform: matrix3d(
		1, 0, 0, 0,
		0, 1, 0, 0,
		0, 0, 1, 0,
		0, 0, 0, 1
	);
	will-change: transform;
}
.rollOverTransInner.hv:hover {
	transform: matrix3d(
		1, 0, 0, 0,
		0, 1, 0, 0,
		0, 0, 1, 0,
		0, 0, 0, 0.8
	);
	opacity:1;
}

/*############################################*/
/*（3）ヘッダーとか基本構成*/
/*############################################*/
body{
	padding:0;
	margin:0;
	text-align:center;
}
#body{
	min-width:1192px;
}


/*ヘッダー----------------------------------------------------------------------*/
.headWrapper{
	width:100%;
	_height:188px;
}
.headWrapper .inner{
	width:1192px;
	_height:105px;
	margin:0 auto;
	text-align:left;
}
.headWrapper .inner .spTxt{
	display:none;
}
/*左*/
.headWrapper h1.left{
	width:690px;
	padding-bottom:11px;
	float:left;
}
.headWrapper h1.left img{
	margin:21px 0 0 0;
	float:left;
}
.headWrapper h1.left p{
	margin:49px 0 0 22px;
	float:left;
	color:#162f80;
	line-height:1em;
	letter-spacing:-0.04em;
	font-size:18px;
	_font-weight:700;
	font-weight:bold;
}
/*右*/
/*上*/
.headWrapper .right{
	width:500px;
	float:right;
	padding-bottom:11px;
}
.headWrapper .right .ue{

}
.headWrapper .right .ue ul{
	float:right;
}
.headWrapper .right .ue ul li{
	height:45px;
	float:left;
}
.headWrapper .right .ue ul li a{
	display:block;
	height:32px;
	padding:15px 10px 0 24px;
	font-weight:bold;
	line-height:1em;
	color:#000;
	background-size:18px auto;
	background-position:left bottom;
	background-repeat:no-repeat;
}
.headWrapper .right .ue ul li:nth-child(1) a{
	background-image:url(/images/nav/lang_eng.png);
}
.headWrapper .right .ue ul li:nth-child(2) a{
	background-image:url(/images/nav/lang_zhtw.png);
}
.headWrapper .right .ue ul li:nth-child(3) a{
	background-image:url(/images/nav/lang_hng.png);
}
.headWrapper .right .ue ul li:nth-child(4) a{
	padding-right:28px;
	background-image:url(/images/nav/lang_simpl.png);
}
.headWrapper .right .ue ul li:nth-child(5) a{
	width:120px;
	padding:8px 0 0 0;
	color:#fff;
	text-align:center;
	background-color:#162f80;
	background-image:none;
}
/*下*/
.headWrapper .right .sita{

}
.headWrapper .right .sita ul{
	margin-top:27px;
	float:right;
}
.headWrapper .right .sita ul li{
	float:left;
}
.headWrapper .right .sita ul li a{
	position:relative;
	padding:0 20px 0 16px;
	font-size:13px;
	font-weight:500;
	line-height:1em;
	color:#000;
}
.headWrapper .right .sita ul li:last-child a{
	padding-right:0;
}
.headWrapper .right .sita ul li a::before{
	position: absolute;
	content: "";
	display:block;
	top: 7px;
	left: 0px;
	margin: auto;
	width: 8px;
	height: 8px;
	background:#162f80;
	border-radius:10px;
}

/*ナビ----------------------------------------------------------------------*/
.navWrapper{
	width:100%;
	height:83px;
	background:#162f80;
}
.navWrapper ul{
	display:flex;
	justify-content:space-between;
	width:1190px;
	margin:0 auto;
	border-collapse:separate;
	border-spacing:75px 0;
}
.navWrapper ul li{
	display:table-cell;
	height:83px;
}
.navWrapper ul li.thin{
	display:none;
}
.navWrapper ul li a{
	display:block;
	padding-top:27px;
	height:83px;
	background-repeat:no-repeat;
	background-position:center left;
}
.navWrapper ul li:nth-child(1) a{
	padding-left:45px;
	background-image:url(/images/nav/icon_riyo.png);
	background-size:38px auto;
}
.navWrapper ul li:nth-child(2) a{
	padding-left:45px;
	background-image:url(/images/nav/icon_konyu.png);
	background-size:34px auto;
}
.navWrapper ul li:nth-child(3) a{
	padding-left:45px;
	background-image:url(/images/nav/icon_rosen.png);
	background-size:38px auto;
}
.navWrapper ul li:nth-child(4) a{
	padding-left:45px;
	background-image:url(/images/nav/icon_tokuten.png);
	background-size:35px auto;
}
.navWrapper ul li:nth-child(5) a{
	padding-left:65px;
	background-image:url(/images/nav/icon_yoyaku.png);
	background-size:57px auto;
}
.navWrapper ul li a span{
	color:#fff;
	font-size:16px;
	line-height:1.6em;
	_font-weight:700;
	font-weight:bold;
	border-bottom:dotted 1px #fff;
}

/*
薄型のナビとヘッダー：以下標準に対する追加記述のみ：JavaScriptでthinクラス追加する
----------------------------------------------------------------------*/
.thinNavWrapper .headWrapper{
	position:fixed;
	z-index:999;
	height:78px;
	background:#fff;
	top:-78px;
}
.thinNavWrapper .headWrapper .inner{
	height:40px;
}
/*左*/
.thinNavWrapper .headWrapper h1.left{
	padding:0;
}
.thinNavWrapper .headWrapper h1.left img{
	width:100px;
	height:auto;
	margin:3px 0 0 0;
}
.thinNavWrapper .headWrapper h1.left p{
	margin:18px 0 0 16px;
	font-size:14px;
	font-weight:700;
}
/*右*/
/*上*/
.thinNavWrapper .headWrapper .right{
	padding:0;
}
.thinNavWrapper .headWrapper .right .ue ul li{
	height:25px;
}
.thinNavWrapper .headWrapper .right .ue ul li a{
	height:25px;
	padding:10px 12px 0 20px;
	font-size:13px;
	font-weight:normal;
	background-size:14px auto;
}
.thinNavWrapper .headWrapper .right .ue ul li:nth-child(4) a{
	padding-right:28px;
}
.thinNavWrapper .headWrapper .right .ue ul li:nth-child(5) a{
	padding:6px 0 0 0;
}
.thinNavWrapper .headWrapper .right .sita{
	display:none;
}
/*ナビ*/
.thinNavWrapper .navWrapper{
	height:38px;
}
.thinNavWrapper .navWrapper ul{
	border-spacing:45px 0;
}
.thinNavWrapper .navWrapper ul li{
	height:38px;
}
.thinNavWrapper .navWrapper ul li.thin{
	display:table-cell;
}
.thinNavWrapper .navWrapper ul li a{
	padding-top:7px;
	height:38px;
	color:#fff;
}
.thinNavWrapper .navWrapper ul li:nth-child(1) a{
	padding-left:33px;
	background-size:22px auto;
}
.thinNavWrapper .navWrapper ul li:nth-child(2) a{
	padding-left:33px;
	background-size:19px auto;
}
.thinNavWrapper .navWrapper ul li:nth-child(3) a{
	padding-left:33px;
	background-size:23px auto;
}
.thinNavWrapper .navWrapper ul li:nth-child(4) a{
	padding-left:33px;
	background-size:22px auto;
}
.thinNavWrapper .navWrapper ul li:nth-child(5) a{
	padding-left:48px;
	background-size:33px auto;
}
.thinNavWrapper .navWrapper ul li a span{
	color:#fff;
	font-size:14px;
	line-height:1.6em;
	font-weight:400;
	border-bottom:none;
}

/*fotter > tel ----------------------------------------------------------------------*/
.telWrapper{
	width:100%;
	margin-top:70px;
	background:#f7f2e0;
}
.telWrapper .innerBox{
	position:relative;
	width:1192px;
	margin:0 auto;
	padding:24px 0;
}
.telWrapper .innerBox a img{
	margin-bottom:6px;
}
.telWrapper .innerBox a h2{
	display:inline;
	color:#389e34;
	border-bottom:dotted 1px #389e34;
}
/*
.telWrapper .innerBox div:nth-child(1){
	position:relative;
	width:56%;
	padding:20px 0;
	margin:0 auto;
}
.telWrapper .innerBox div:nth-child(1) h2{
	padding:0 0 10px 0;
	font-size:16px;
	font-weight:700;
	color:#389e34;
}
.telWrapper .innerBox div:nth-child(1) span{
	padding:0 10px;
}
.telWrapper .innerBox div:nth-child(1)::before,
.telWrapper .innerBox div:nth-child(1)::after{
	position:absolute;
	display:block;
	content: "";
	top:54px;
	left:-12px;
	width: 12px;
	height: 12px;
	background-color: #389e34;
	border-radius:12px;
}
.telWrapper .innerBox div:nth-child(1)::after{
	left:auto;
	right:-12px;
}
.telWrapper .innerBox a:nth-child(2){
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:22%;
	height:100%;
	padding:26px 0 0 0;
}
.telWrapper .innerBox a:nth-child(3){
	position:absolute;
	display:block;
	top:0;
	right:0;
	width:22%;
	float:right;
	height:100%;
	padding:20px 0 0 0;
}
.telWrapper .innerBox a:nth-child(2) img,
.telWrapper .innerBox a:nth-child(3) img{
	margin-bottom:6px;
}
.telWrapper .innerBox a:nth-child(2) h2,
.telWrapper .innerBox a:nth-child(3) h2{
	display:inline;
	color:#389e34;
	border-bottom:dotted 1px #389e34;
}
*/
/*fotter----------------------------------------------------------------------*/
.footWrapper{
	width:100%;
	background:#162f80;
}
/*ヘッダー上書き*/
.footWrapper .headWrapper {
    height:98px;
}
.footWrapper .headWrapper h1.left p {
	color: #fff;
}
.footWrapper .headWrapper .right .ue ul li a {
	color: #fff;
}
.footWrapper .headWrapper .right .ue ul li:nth-child(5) a {
	color: #162f80;
	background-color: #fff;
}
/*サイトマップ的な*/
.footWrapper .footBox{
	border-top:solid 1px rgba(255,255,255,0.5);
	width:100%;
	padding:26px 0 60px;
}
.footWrapper .footBox .inner{
	width:1192px;
	margin:0 auto;
}
.footWrapper .footBox .inner .tuiteBox{
	width:340px;
	float:left;
}
.footWrapper .footBox .inner .tuiteBox a{
}
.footWrapper .footBox .inner .tuiteBox a h3{
	width:233px;
	padding:8px 0;
	color:#162f80;
	text-align:center;
	background:#fff;
}
.footWrapper .footBox .inner .tuiteBox a p{
	width:233px;
	padding-top:10px;
	text-align:left;
	color:#fff;
	font-size:13px;
}
.footWrapper .footBox .inner .sitemapBox{
	width:200px;
	float:left;
	text-align:left;
	color:#fff;
}
.footWrapper .footBox .inner .sitemapBox ul{
}
.footWrapper .footBox .inner .sitemapBox ul li{
	padding:0 0 6px 0;
}
.footWrapper .footBox .inner .sitemapBox ul li a{
	position:relative;
	padding-left:11px;
	color:#fff;
	line-height:1em;
}
.footWrapper .footBox .inner .sitemapBox ul li a::before{
	position:absolute;
	left:0;
	top:10px;
	display:block;
	content:"";
	width:5px;
	height:5px;
	background:#fff;
}
.footWrapper .footBox .inner .instaBox{
	position:relative;
	width:59px;
	float:right;
}
.footWrapper .footBox .inner .instaBox::after{
	position: absolute;
	content: "貼文時，要加 \A#sunqpass 哦！";
	white-space: pre;
	bottom:-50px;
	left:-20px;
	_width: 300px;
	height:auto;
	text-align:center;
	color:#fff;
}
.footWrapper .copyBox{
	background:#fff;
}
.footWrapper .copyBox .inner{
	width:1192px;
	margin:0 auto;
	padding:20px 0;
	color:#000;
	text-align:left;
	font-size:12px;
	letter-spacing:0.1em;
	background:#fff;
}
/*goto TOP----------------------------------------------------------------------*/
.gotoPageTop{
	display:block;
	width:62px;
	height:36px;
	display: none;
	position: fixed;
	right:2%;
	bottom:-36px;
	z-index:13;
	background:#162f80;
	border-radius:6px 6px 0 0;
}
.gotoPageTop::before{
	position: absolute;
	content: "";
	top: 9px;
	bottom: 0;
	left:23px;
	margin: auto;
	width: 14px;
	height: 14px;
	border-top: 3px solid rgba(255,255,255,0.9);
	border-right: 3px solid rgba(255,255,255,0.9);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/**/
.drawer-hamburger{
	display:none;
}

/*2階層目以降
　main部分
----------------------------------------------------------------------*/
.nextMainWrapper{
	position:relative;
	width:100%;
	min-width:1192px;
	height:29vw;
	min-height:405px;
	_overflow:hidden;
}
/**/
.nextMainWrapper .rightMask{
	width:57%;
	height:29vw;
	min-height:405px;
	background-size:cover;
	float:right;
}
/**/
.nextMainWrapper .leftMask{
	position:absolute;
	width:50%;
	height:29vw;
	min-height:405px;
	overflow:hidden;
}
.nextMainWrapper .leftMask .innerBox{
	position: absolute;
	top:0;
	right:0;
	width:100%;
	max-width:700px;
	height:29vw;
	min-height:405px;
	z-index: 1;
}
.nextMainWrapper .leftMask .innerBox .txtBox{
	position:absolute;
	top:21%;
	right:17%;
	right:calc(-20px + 10vw) ;
	width:350px;
	color:#fff;
}
.nextMainWrapper .leftMask .innerBox .txtBox h2{
/*	font-size:26px;
	line-height:1.6em;
	font-weight:700;
	border-bottom:dotted 1px #fff;*/
	padding:5px 0;
	font-size:24px;
	line-height:1.6em;
	_font-weight:700;
	font-weight:bold;
	border:solid 2px rgba(255,255,255,0.5);
	background:url(../images/share/naname_mid.gif);
	border-radius:6px;
}
.nextMainWrapper .leftMask .innerBox .txtBox p{
	margin-top:16px;
	text-align:left;
	font-weight:300;
	line-height:1.5em;
}
.nextMainWrapper .leftMask .innerBox .txtBox p span{
	display:inline-block;
	padding-top:4px;
	font-size:11px;
	font-weight:200;
	line-height:1.5em;
}
.nextMainWrapper .leftMask .innerBox .txtBox p a{
	color:#fff;
	text-decoration:underline;
}
.nextMainWrapper .leftMask .innerBox::after{
	position: absolute;
	content:"";
	top:-20px;
	left:-100px;
	width:387px;
	height:387px;
	z-index: -1;
	background:url(../riyo/images/icon_bk_riyo.png) no-repeat;
	background-size:cover;
}
.nextMainWrapper .leftMask .backBox{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:158%;
	margin: -20% 0% 0 -8.2%;
	-webkit-transform: rotate(12deg);
	-ms-transform: rotate(12deg);
	transform: rotate(12deg);
	z-index: 0;
	background:#6da339;
}
/*下のオレンジ*/
.nextMainWrapper .tabBox{
	position:absolute;
	bottom:0;
	width:100%;
	height:50px;
	z-index:1;
}
.nextMainWrapper .tabBox .backWrapper{
	position: absolute;
	top: -50px;
	left: 0;
	width:100%;
	height:100px;
	overflow:hidden;
	pointer-events:none;
}
.nextMainWrapper .tabBox .backBox{
	position: absolute;
	top: 0;
	left: 0;
	width:120%;
	height:200%;
	margin: 32px 0% 0 0%;
	-webkit-transform: rotate(-1.9deg);
	-ms-transform: rotate(-1.9deg);
	transform: rotate(-1.9deg);
	z-index: -2;
	background:url(../images/share/naname_ore.gif);
	pointer-events:none;
}
/*タブ*/
.nextMainWrapper .tabBox ul{
	display:table;
	width:964px;
	margin:0 auto;
	border-collapse:separate;
	border-spacing:12px 0;
}
.nextMainWrapper .tabBox ul li{
	display:table-cell;
	width:226px;
	height:50px;
	background:#fff;
	border-radius:6px 6px 0 0;
}
.nextMainWrapper .tabBox ul li a{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	padding-top:16px;
	font-size:15px;
	font-weight:500;
	color:#000;
}
/*アニメ点線*/
.nextMainWrapper .tabBox ul li a::after{
	position: absolute;
	top: 0;
	bottom: -50px;
	left: 0;
	right: 0;
	margin: auto;
	content: "";
	width: 0px;
	height: 0px;
	border-bottom:dotted 3px #6da339;
	transition: all 0.4s ease-out;
}
.nextMainWrapper .tabBox ul li:hover a::after{
	width:123px;
}
/*アニメ三角移動*/
.nextMainWrapper .tabBox ul li a::before {
	position: absolute;
	top: 0;
	bottom: -66px;
	left: 0;
	right: 0;
	margin: auto;
	content: "";
	width: 20px;
	height: 20px;
	border-top: 3px solid #6da339;
	border-right: 3px solid #6da339;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	z-index:4;
	transition: all 0.4s ease-out;
}
.nextMainWrapper .tabBox ul li:hover a::before {
	bottom: -96px;
}
/*色分け*/
.nextMainWrapper .tabBox ul li:nth-child(5) a::before {
	border-color:#6da339;
}
.nextMainWrapper .tabBox ul li:nth-child(2) a::after,
.nextMainWrapper .tabBox ul li:nth-child(6) a::after,
.nextMainWrapper .tabBox ul li:nth-child(2) a::before,
.nextMainWrapper .tabBox ul li:nth-child(6) a::before{
	border-color:#f3af46;
}
.nextMainWrapper .tabBox ul li:nth-child(3) a::after, 
.nextMainWrapper .tabBox ul li:nth-child(7) a::after,
.nextMainWrapper .tabBox ul li:nth-child(3) a::before, 
.nextMainWrapper .tabBox ul li:nth-child(7) a::before{
	border-color:#ee7160;
}
.nextMainWrapper .tabBox ul li:nth-child(4) a::after,
.nextMainWrapper .tabBox ul li:nth-child(8) a::after,
.nextMainWrapper .tabBox ul li:nth-child(4) a::before,
.nextMainWrapper .tabBox ul li:nth-child(8) a::before{
	border-color:#556cb7;
}

/*websunq*/
.websunq{
	position:relative;
	width:1192px;
	margin:0 auto;
}
.websunq a{
	display:none;
	/*
	position:absolute;
	top:-230px;
	left:0;
	z-index:-1;*/
}
/*パンクズ*/
.pankzWrapper{
	position:absolute;
	width:100%;
	min-width:1192px;
	padding:20px 0;
	z-index:2;
}
.pankz{
	width:1140px;
	margin:0 auto;
}
.pankz li:not(:first-child){
	display:block;
	margin-right:10px;
	float:left;
	font-size:14px;
	padding:6px 0px 2px 0;
	color:#fff;
}
.pankz li a.pankzTop{
	display:block;
	float:left;
	width:80px;
	margin-right:8px;
	padding:6px 0 4px;
	text-align:center;
	font-size:13px;
	line-height:1.3em!important;
	text-decoration:none;
	color:#fff;
	border-radius: 20px;
	background:#f3af46;
}
.pankz li a.pankzTop span{
	font-size:13px;
	line-height:1.3em!important;
	text-decoration:none;
	color:#fff;
}
.pankz li.second{
	padding-top: 3px;
	padding-left: 1.2em;
	position: relative;
	line-height:1.4em!important;
	font-size:13px!important;
}
.pankz li.second a{
	padding-top: 0;
	padding-left: 0;
	line-height:1.4em!important;
	font-size:13px!important;
	color:#fff;
	text-decoration:none;
}
.pankz li.second a:hover{
	color:#c00;
	text-decoration:underline;
}
.pankz li.second:before {
	display: block;
	content: ">";
	width: 1em;
	height: 1em;
	position: absolute;
	left: 0;
	top: 3px;
	color:#fff;
}

/*2階層目以降
　本文部分-見出しとか
----------------------------------------------------------------------*/
.cont01Wrapper{
	padding:74px 0 0;
}
.nextOoMidashi{
	background:url(../images/share/naname_mid.gif);
	border:solid 3px #b7dda0;
	border-width:3px 0;
	margin-bottom:40px;
}
.nextOoMidashi .inner{
	width:1000px;
	margin:0 auto;
	padding:22px 0;
}
.nextOoMidashi h3{
	display:inline;
	margin-left:38px;
	font-size:22px;
	_font-weight:700;
	font-weight:bold;
	color:#fff;
}
.nextOoMidashi a{
	display:block;
	float:right;
	width:38px;
	height:38px;
	margin-top:-7px;
	padding-top:7px;
	text-align:center;
	background:#fff;
	border-radius:50px;
	color:#6cac45;
}
.nextOoMidashi.ore{
	background:url(../images/share/naname_ore.gif);
	border-color:#ffe6bf;
}
.nextOoMidashi.aka{
	background:url(../images/share/naname_aka.gif);
	border-color:#f8b9b1;
}
.nextOoMidashi.ao{
	background:url(../images/share/naname_ao.gif);
	border-color:#9bade7;
}
.nextOoMidashi.ore a{
	color:#f3af46;
}
.nextOoMidashi.aka a{
	color:#ee7160;
}
.nextOoMidashi.ao a{
	color:#556cb7;
}
/**/
.nextOoMidashi.sub{
	width:1200px;
	margin:0 auto 40px;
	border-width:3px;
	background-image:none;
	border-radius:6px;
}
.nextOoMidashi.sub .inner{
	width:1000px;
	margin:0 auto;
	padding:22px 0;
}
.nextOoMidashi.sub h3{
	margin-left:0px;
	color:#f3af46;
}
.nextOoMidashi.ore.sub h3{
	color:#f3af46;
}
.nextOoMidashi.aka.sub h3{
	color:#ee7160;
}
.nextOoMidashi.ao.sub h3{
	color:#556cb7;
}
/*本文幅決め*/
.honbunWrapper{
	width:1000px;
	margin:0 auto;
}
/*中見出し*/
.nextChuMidashi{
	width:1000px;
	margin:0 auto 40px;
	padding:16px 0;
	font-size:20px;
	_font-weight:700;
	font-weight:bold;
}
.nextChuMidashi.mid{
	color:#5ca530;
	background:url(../images/share/naname_chu_mid.gif);
	border:solid 1px #6cac45;
	border-width:1px 0;
}
.nextChuMidashi.ore{
	color:#ed9c20;
	background:url(../images/share/naname_chu_ore.gif);
	border:solid 1px #f3af46;
	border-width:1px 0;
}
.nextChuMidashi.aka{
	color:#df5e4c;
	background:url(../images/share/naname_chu_aka.gif);
	border:solid 1px #ee7160;
	border-width:1px 0;
}
.nextChuMidashi.ao{
	color:#4a64b6;
	background:url(../images/share/naname_chu_ao.gif);
	border:solid 1px #556cb7;
	border-width:1px 0;
}
.nextKoMidashi{
	font-size:18px;
}















/*responsive---------------------------------------------------------------------------------------*/
.ip5{
	display:none;
}
.img100per{
	width:100%;
	height: auto;
}
.img-sp100per{
}
.img-max100per{
	display: block;
	max-width: 100%;
	height: auto;
}
/*############################################*/
/*  */
/*############################################*/
.sp{
	display:none;
}
@media (max-width: 992px) {

}
@media only screen and (max-width: 767px) {
	.scroll_position{
		_margin-top:0px;
		_padding-top:0px;
	}
	body{
		font-size:14px;
	}
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
	.img100per{
		width:100%;
		height: auto;
	}
	.img-sp100per{
		width:100%;
		height: auto;
	}
	.img-max100per{
		display: block;
		max-width: 100%;
		height: auto;
	}

	/*############################################*/
	/*（3）共通アニメーション*/
	/*############################################*/
	/*ボタン拡大-----------*/
	.kakudaiBtn:hover{
		animation:none;
	}
	/*背景拡大-----------*/
	.rollOverTransBox{
	}
	.rollOverTransInner{
		transition: none;
		will-change: none;
	}
	.rollOverTransInner.hv:hover {
		transform:none;
	}

	/*############################################*/
	/*（3）ヘッダーとか基本構成*/
	/*############################################*/
	body{
		padding:0;
		margin:0;
		text-align:center;
	}
	#body{
		min-width:100%;
	}

	/*ヘッダー----------------------------------------------------------------------*/
	.headWrapper{
		width:100%;
		height:auto;
	}
	.headWrapper .inner{
		width:100%;
		height:auto;
		margin:0 auto;
		text-align:left;
	}
	/*左*/
	.headWrapper.ue h1.left{
		padding:0;
	}
	.headWrapper.ue h1.left div{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:70px;
		float:none;
		background:#fff;
		border-bottom:solid 2px #162f80;;
		z-index:15;
	}
	.headWrapper.ue h1.left div img {
		margin:10px 0 0 3vw;
		width:150px;
		float:none;
	}
	.headWrapper.ue h1.left .toi{
		position:absolute;
		display:block;
		right:52px;
		top:17px;
		padding:6px 12px;
		color:#fff;
		font-size:12px;
		font-weight:400;
		background:#162f80;
		border-radius:4px;
	}
	.headWrapper.ue h1.left p{
		position:absolute;
		display:block;
		width:100%;
		height:26px;
		top:70px;
		left:0;
		margin:0;;
		padding:6px 0 ;
		color:#fff;
		text-align:center;
		font-size:12px;
		background:#162f80;
		z-index:10;
	}
	/*右*/
	/*上*/
	.headWrapper .right{
		width:100%;
		margin-top:96px;
		float:none;
	}
	.headWrapper .right .ue{
	}
	.headWrapper .right .ue ul{
		width:94%;
		margin:0 3%;
		float:none;
		display:table;
		border-collapse:separate;
		border-spacing:0 0;
	}
	.headWrapper .right .ue ul li{
		display:table-cell;
		vertical-align:top;
		width:auto;
		height:auto;
		float:none;
	}
	.headWrapper .right .ue ul li a{
		display:block;
		height:32px;
		padding:15px 0px 0 24px;
		font-weight:normal;
	}
	.headWrapper .right .ue ul li:nth-child(1) a{
	}
	.headWrapper .right .ue ul li:nth-child(2) a{
	}
	.headWrapper .right .ue ul li:nth-child(3) a{
	}
	.headWrapper .right .ue ul li:nth-child(4) a{
		padding-right:0px;
	}
	.headWrapper .right .ue ul li:nth-child(5) a{
		display:none;
		width:100%;
		height:auto;
		margin-top:6px;
		padding:8px 10px;
		font-size:12px;
		float:none;
		border-radius:40px;
	}
	/*下*/
	.headWrapper .right .sita{
		display:none;
	}
	
	/*ナビ----------------------------------------------------------------------*/
	.navWrapper{
		display:none;
	}
	.thinNavWrapper .headWrapper{
		display:none;
	}
	/*drawer追記分のみ*/
	.drawer-hamburger{
		z-index:20;
		display:block;
	}
	.drawer-nav{
		z-index:14;
	}
	.drawer-hamburger-icon, .drawer-hamburger-icon::after, .drawer-hamburger-icon::before {
		height:3px;
		background-color: #162f80;
	}
	.drawer-nav .drawer-menu{
		padding-top:80px;
	}
	.drawer-nav .drawer-menu li{

	}
	.drawer-nav .drawer-menu li a{
		
	}
	.drawer-hamburger {
    	padding-top: 20px;
 	}
	/**/
	.spNavSquare{
		display:table;
		width:100%;
		margin:2vw auto 0;
		border-collapse:separate;
		border-spacing:2vw 0;
	}
	.spNavSquare li{
		display:table-cell;
		width:50vw;
	}
	.spNavSquare li a{
		display:block;
		width:100%;
		padding:14px 0 14px 24px;
		color:#fff;
		font-size:14px;
		_font-weight:900;
		font-weight:bold;
		text-align:center;
		background:#162f80;
		border-radius:10px;
		background-repeat:no-repeat;
		background-position:2vw center;
	}
	.spNavSquare:nth-child(1) li:nth-child(1) a{
		background-image:url(/images/nav/icon_riyo.png);
		background-size:28px auto;
	}
	.spNavSquare:nth-child(1) li:nth-child(2) a{
		background-image:url(/images/nav/icon_konyu.png);
		background-size:25px auto;
	}
	.spNavSquare:nth-child(2) li:nth-child(1) a{
		background-image:url(/images/nav/icon_rosen.png);
		background-size:25px auto;
	}
	.spNavSquare:nth-child(2) li:nth-child(2) a{
		background-image:url(/images/nav/icon_tokuten.png);
		background-size:25px auto;
	}
	/**/
	.spNavYoyaku{
	}
	.spNavYoyaku li{
	}
	.spNavYoyaku li a{
		display:block;
		width:96%;
		margin:4vw auto 4vw;
		padding:14px 0;
		color:#fff;
		_font-weight:900;
		font-weight:bold;
		text-align:center;
		background:#c04939;
		border-radius:10px;
		background-image:url(/images/nav/icon_yoyaku.png);
		background-size:40px auto;
		background-repeat:no-repeat;
		background-position:20vw center;
	}
	/**/
	.spNavSita{
		display:table;
		width:100%;
		margin:2vw auto 0;
		border-collapse:separate;
		border-spacing:2vw 0;
	}
	.spNavSita li{
		display:table-cell;
		width:50vw;
	}
	.spNavSita li a{
		display:block;
		width:100%;
		padding:14px 0 14px 0;
		color:#162f80;
		font-size:14px;
		_font-weight:900;
		font-weight:bold;
		text-align:center;
		border-radius:10px;
		border:solid 1px #50619b;
}
	/**/
	.spNavToi{
	}
	.spNavToi li{
	}
	.spNavToi li:nth-child(1) a{
		display:block;
		width:96%;
		margin:4vw auto 0;
		padding:14px 0;
		color:#fff;
		_font-weight:900;
		font-weight:bold;
		text-align:center;
		background:#dc9d3e;
		border-radius:10px;
	}
	.spNavToi li:nth-child(2) a{
		display:block;
		width:100%;
		margin:4vw auto 0;
		padding:14px 0;
		color:#fff;
		_font-weight:900;
		font-weight:bold;
		text-align:center;
		background:#5e923e;
	}


	/*fotter > tel ----------------------------------------------------------------------*/
	.telWrapper{
		width:100%;
	}
	.telWrapper .innerBox{
		position:relative;
		width:100%;
		margin:0 auto;
		padding-bottom:20px;
	}
	/*
	.telWrapper .innerBox div:nth-child(1){
		position:relative;
		width:100%;
		padding:0px 0 0;
		margin:0 auto;
	}
	.telWrapper .innerBox div:nth-child(1) h2{
		padding:10px 0 10px 0;
		font-size:16px;
		font-weight:900;
		color:#389e34;
		background:#389e34;
		color:#fff;
	}
	.telWrapper .innerBox div:nth-child(1) span{
		display:block;
		width:100%;
		padding:20px 0 16px;
		_border-top:solid 2px #389e34;
	}
	.telWrapper .innerBox div:nth-child(1) img{
		width:94%;
		height:auto;
	}
	.telWrapper .innerBox div:nth-child(1) span.ketai{
		padding:10px 0;
		border-top:dotted 1px #389e34;
		border-bottom:solid 2px #389e34;
	}
	.telWrapper .innerBox div:nth-child(1) .ketai img{
		width:50%;
		height:auto;
	}
	.telWrapper .innerBox div:nth-child(1)::before,
	.telWrapper .innerBox div:nth-child(1)::after{
		display:none;
	}
	.telWrapper .innerBox div:nth-child(1)::after{
	}
	.telWrapper .innerBox a:nth-child(2){
		margin:10px 0 6px;
	}
	.telWrapper .innerBox a:nth-child(2),
	.telWrapper .innerBox a:nth-child(3){
		position:static;
		display:block;
		width:100%;
		float:none;
		height:100%;
		padding:0 0 0 0;
	}
	.telWrapper .innerBox a:nth-child(2) br,
	.telWrapper .innerBox a:nth-child(3) br{
		display:none;
	}
	.telWrapper .innerBox a:nth-child(2) img,
	.telWrapper .innerBox a:nth-child(3) img{
		display:none;
	}
	.telWrapper .innerBox a:nth-child(2) h2,
	.telWrapper .innerBox a:nth-child(3) h2{
		display:inline;
		color:#389e34;
		border-bottom:dotted 1px #389e34;
	}
	*/
	
	/*fotter----------------------------------------------------------------------*/
	.footWrapper{
		width:100%;
		background:#162f80;
	}
	/*ヘッダー----------------------------------------------------------------------*/
	.footWrapper .headWrapper{
		position:relative;
		width:100%;
		height:auto;
	}
	.footWrapper .headWrapper .inner{
	}
	/*左*/
	.footWrapper .headWrapper h1.left{
		width:100%;
		float:none;
	}
	.footWrapper .headWrapper h1.left div{
		height:70px;
		border-bottom:solid 1px rgba(255,255,255,0.5);
	}
	.footWrapper .headWrapper h1.left div img {
		margin:10px 0 0 3vw;
		width:150px;
		float:none;
	}
	.footWrapper .headWrapper h1.left p{
		display:block;
		width:100%;
		height:26px;
		margin:0;
		padding:6px 0 ;
		color:#fff;
		text-align:center;
		font-size:12px;
		border-bottom:solid 1px rgba(255,255,255,0.5);
		z-index:10;
	}
	.footWrapper .headWrapper h1.left .toi{
		position:absolute;
		display:block;
		right:3vw;
		top:17px;
		padding:6px 12px;
		color:#162f80;
		font-size:12px;
		_font-weight:700;
		font-weight:bold;
		background:#fff;
		border-radius:4px;
	}
	/*右*/
	/*上*/
	.footWrapper .headWrapper .right{
		width:100%;
		margin-top:0px;
		float:none;
	}
	/*サイトマップ的な*/
	.footWrapper .footBox{
		border-top:none;
		width:100%;
		padding:26px 0 20px;
	}
	.footWrapper .footBox .inner{
		width:100%;
		margin:0 auto;
	}
	.footWrapper .footBox .inner .tuiteBox{
		width:100%;
		float:none;
	}
	.footWrapper .footBox .inner .tuiteBox a{
	}
	.footWrapper .footBox .inner .tuiteBox a h3{
		width:100%;
		padding:8px 0;
	}
	.footWrapper .footBox .inner .tuiteBox a p{
		width:94%;
		margin:0 auto;
	}
	.footWrapper .footBox .inner .sitemapBox{
		width:100%;
		float:none;
	}
	.footWrapper .footBox .inner .sitemapBox ul{
	}
	.footWrapper .footBox .inner .sitemapBox ul li{
		padding:0;
		border-bottom:solid 1px rgba(255,255,255,0.5);
		text-align:center;
	}
	.footWrapper .footBox .inner .sitemapBox ul li a{
		display:block;
		padding:8px 0 8px 0;
		color:#fff;
		text-align:center;
		line-height:1.4em;
	}
	.footWrapper .footBox .inner .sitemapBox ul li a::before{
		display:none;
	}
	.footWrapper .footBox .inner .instaBox{
		position:relative;
		width:100%;
		height:104px;
		margin-top:20px;
		padding-bottom:20px;
		float:none;
		border-bottom:solid 1px rgba(255,255,255,0.5);
	}

.footWrapper .footBox .inner .instaBox::after{
	position: absolute;
	content: "貼文時，要加 #sunqpass 哦！";
	white-space: pre;
	bottom:14px;
	left:0;
	right:0;
	margin:0 auto;
	_width: 300px;
	height:auto;
	text-align:center;
	color:rgba(255,255,255,0.7);
}


	.footWrapper .copyBox{
	}
	.footWrapper .copyBox .inner{
		width:100%;
		text-align:center;
		font-size:12px;
	}

	/*goto TOP----------------------------------------------------------------------*/
	.gotoPageTop{
		display:block;
		width:46px;
		height:50px;
		display: none;
		position: fixed;
		right:0;
		bottom:36px;
		z-index:13;
		background:#162f80;
		border-radius:6px 0 0 6px;
	}
	.gotoPageTop::before{
		position: absolute;
		content: "";
		top: 8px;
		bottom: 0;
		left:18px;
		margin: auto;
		width: 14px;
		height: 14px;
		border-top: 3px solid rgba(255,255,255,0.9);
		border-right: 3px solid rgba(255,255,255,0.9);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

/*2階層目以降
　main部分
----------------------------------------------------------------------*/


.damiImage{
	display:none;
}



	.nextMainWrapper{
		position:relative;
		width:100%;
		min-width:100%;
		height:auto;
		min-height:auto;
		margin-top:10px;
	}
	/**/
	.nextMainWrapper .rightMask{
		width:100%;
		height:50vw;
		min-height:auto;
		background-size:cover;
		float:none;
	}
	/**/
	.nextMainWrapper .leftMask{
		position:static;
		width:100%;
		height:auto;
		min-height:auto;
		overflow:visible;
	}
	.nextMainWrapper .leftMask .innerBox{
		position:relative;
		top:0;
		right:0;
		width:100%;
		max-width:100%;
		height:auto;
		min-height:auto;
		background:#6da339;
	}
	.nextMainWrapper .leftMask .innerBox .txtBox{
		position:static;
		top:0;
		right:0;
		right:calc(0 + 0) ;
		width:94%;
		margin:0 auto;
		padding-top:0px;
		color:#fff;
	}
	.nextMainWrapper .leftMask .innerBox .txtBox h2{
		padding:5px 0;
		font-size:24px;
		line-height:1.6em;
	}
	.nextMainWrapper .leftMask .innerBox .txtBox p{
		margin-top:10px;
		padding:0 0 10px 0px;
		font-size:15px;
		font-weight:500;
	}
	.nextMainWrapper .leftMask .innerBox .txtBox p span{
		font-size:11px;
		font-weight:400;
		line-height:1.4em;
	}
	.nextMainWrapper .leftMask .innerBox .txtBox p a{
		color:#fff;
		text-decoration:underline;
	}
	.nextMainWrapper .leftMask .innerBox::after{
		display:none;
	}
	/*
	.nextMainWrapper .leftMask .innerBox::after{
		position: absolute;
		content:"";
		top:0px;
		left:-8vw;
		width:140px;
		height:140px;
		z-index: -1;
		background:url(../riyo/images/icon_bk_riyo.png) no-repeat;
		background-size:cover;
	}*/
	.nextMainWrapper .leftMask .backBox{
		display:none;
	}
	/*下のオレンジ*/
	.nextMainWrapper .tabBox{
		position:static;
		bottom:0;
		width:100%;
		height:auto;
		z-index:1;
	}
	.nextMainWrapper .tabBox .backWrapper{
		display:none;
	}
	/*タブ*/
	.nextMainWrapper .tabBox ul{
		display:block;
		width:100%;
		margin:0 auto;
		border-collapse:separate;
		border-spacing:12px 0;
	}
	.nextMainWrapper .tabBox ul li{
		display:block;
		width:100%;
		height:50px;
		_background: linear-gradient(to bottom, #f9ead4,#f0d8b3);
		background:#fff;
		border-radius:0;
		border-bottom:solid 1px #6da339;
	}
	.nextMainWrapper .tabBox ul li a{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		padding-top:13px;
		font-size:16px;
		font-weight:500;
		color:#000;
	}
	/*アニメ点線*/
	.nextMainWrapper .tabBox ul li a::after{
		display:none;
	}
	.nextMainWrapper .tabBox ul li:hover a::after{
	}
	/*アニメ三角移動*/
	.nextMainWrapper .tabBox ul li a::before {
		position: absolute;
		top:13px;
		bottom:auto;
		left: 20px;
		right:auto;
		width: 16px;
		height: 16px;
		transition: none;
	}
	.nextMainWrapper .tabBox ul li:hover a::before {
		top:13px;
		bottom:auto;
		left: 20px;
		right:auto;
	}
	/*色分け*/
	.nextMainWrapper .tabBox ul li:nth-child(5) a::before {
		border-color:#6da339;
	}
	.nextMainWrapper .tabBox ul li:nth-child(2) a::after,
	.nextMainWrapper .tabBox ul li:nth-child(6) a::after,
	.nextMainWrapper .tabBox ul li:nth-child(2) a::before,
	.nextMainWrapper .tabBox ul li:nth-child(6) a::before{
		border-color:#f3af46;
	}
	.nextMainWrapper .tabBox ul li:nth-child(3) a::after, 
	.nextMainWrapper .tabBox ul li:nth-child(7) a::after,
	.nextMainWrapper .tabBox ul li:nth-child(3) a::before, 
	.nextMainWrapper .tabBox ul li:nth-child(7) a::before{
		border-color:#ee7160;
	}
	.nextMainWrapper .tabBox ul li:nth-child(4) a::after,
	.nextMainWrapper .tabBox ul li:nth-child(8) a::after,
	.nextMainWrapper .tabBox ul li:nth-child(4) a::before,
	.nextMainWrapper .tabBox ul li:nth-child(8) a::before{
		border-color:#556cb7;
	}
	/*websunq*/
	.websunq{
		display:none;
		/*
		position:relative;
		width:100%;
		margin:0px auto;
		padding:10px 0;
		background:#cc3520;*/
	}/*
	.websunq .sp{
		width:94%;
		margin:0 auto;
		padding:10px 0;
		color:#fff;
		font-weight:700;
		background:#cc3520;
		border:solid 2px rgba(255,255,255,0.5);
		border-radius:10px;
		background:url(../images/share/naname_aka.gif);
	}
	.websunq .sp img{
		width:30%;
	}
	.websunq a{
		position:static;
		top:0;
		left:0;
		z-index:-1;
	}*/
	/*パンクズ*/
	.pankzWrapper{
		position:static;
		width:100%;
		min-width:100%;
		padding:10px 0;
		z-index:2;
		background:#6da339;
	}
	.pankz{
		width:94%;
		margin:0 auto;
		_font-weight:700;
		font-weight:bold;
	}


	/*2階層目以降
	　本文部分-見出しとか
	----------------------------------------------------------------------*/
	.cont01Wrapper{
		padding:30px 0 0;
	}
	.nextOoMidashi{
		border:solid 3px #b7dda0;
		border-width:3px 0;
		margin-bottom:20px;
	}
	.nextOoMidashi .inner{
		width:100%;
		margin:0 auto;
		padding:32px 0;
	}
	.nextOoMidashi h3{
		margin-left:0px;
		font-size:22px;
	}
	.nextOoMidashi a{
		display:none;
	}
	/*本文幅決め*/
	.honbunWrapper{
		width:100%;
		margin:0 auto;
	}
	/*中見出し*/
	.nextChuMidashi{
		width:100%;
		margin:0 auto 20px;
		_padding:16px 0;
		_font-size:20px;
		_font-weight:700;
	}
	.nextChuMidashi.mid{
	
	}
	.nextChuMidashi.ore{
	
	}
	.nextKoMidashi{
		font-size:18px;
	}
	/**/
	.nextOoMidashi.sub{
		width:100%;
		margin:0 auto 20px;
		border-width:3px 0;
		border-radius:0px;
	}
	.nextOoMidashi.sub .inner{
		width:100%;
	}







} /* /@media */
@media only screen and (max-width: 374px) {
	/*iPhone5サイズ*/
	.headWrapper .logoBox p .ip5{
		display:block;
	}
	.headWrapper .logoBox p{
		padding:0px 0 0 20px;
		font-size:15px;
		line-height:1.2em;
	}


} /* /@media */