@charset "UTF-8";

/********************************
TOPページ
*********************************/
.tpmaingrbx{
	min-height:343px;
	height:auto !important;
	height:343px;
	position:relative;
	margin-bottom:20px;
	width:100%;
	overflow:hidden;
}
.tpmaingrbx .maingrin {
	width:960px;
	height:1px;
	margin:auto;
	text-align:left;
	left:50%;
	margin-left:-480px;
	top:0;
	position:absolute;
	z-index:25;
}
.tpmaingrbx ul.in li.lt {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:10;
}
.tpmaingrbx ul.in li.lt:first-child {
	z-index:15;
}
.tpmaingrbx ul.in li.lt.nt {
	z-index:15;
}
.tpmaingrbx ul.in li.lt.on {
	z-index:20;
}
.tpmaingrbx ul.in li.lt .in {
	position:relative;
	width:960px;
	height:343px;
	margin:0 auto;
	z-index:10;
}
.tpmaingrbx ul.in li.abx {
	background:#fff;
}
.tpmaingrbx ul.in li.abx.abx_b {
	background:#e9e3e5;
}
.tpmaingrbx ul.in li.abx.abx_c {
	background:#f5fbfe;
}
.tpmaingrbx ul.in li.abx .in .gra {
	position:absolute;
	left:-152px;
	top:0;
}
.tpmaingrbx ul.in li.abx .in ul {
	position:absolute;
	left:0;
	top:230px;
}
.tpmaingrbx ul.in li.abx.abx_b .in ul {
	top:205px;
}
.tpmaingrbx ul.in li.abx.abx_c .in ul {
	top:264px;
}
.tpmaingrbx ul.in li.abx .in ul li {
	float:left;
	margin:0 18px 0 0;
}
.tpmaingrbx ul.in li.bbx {
	background:#edf7f9;
}
.tpmaingrbx ul.in li.bbx.bght {
	background:#fff;
}
.tpmaingrbx ul.in li.bbx .in .gra {
	position:absolute;
	left:-50px;
	top:0;
}
.tpmaingrbx ul.in li.cbx {
	background:#ddeced;
}
.tpmaingrbx ul.in li.cbx .in .gra {
	position:absolute;
	left:-350px;
	top:0;
}
.tpmaingrbx ul.in li.sbx{
	background:url(../../images/top_main_bg_summer.png) repeat-x 0 0;
}
.tpmaingrbx ul.in li.sbx .in .gra {
	position:absolute;
	top:0;
}
.tpmaingrbx ul.in li.dbx {
	background:#f6f8f3;
}
.tpmaingrbx ul.in li.dbx .in .gra {
	position:absolute;
	left:-120px;
	top:0;
}
.tpmaingrbx ul.in li.ebx {
	background:url(../../images/top_main_gra_winter2014_bg.png) repeat-x 0 0;
}
.tpmaingrbx ul.in li.ebx .in .gra {
	position:absolute;
	left:-98px;
	top:0;
}
.tpmaingrbx ul.in li.dfbx {
	background:#e5fdfe;
}
.tpmaingrbx ul.in li.dfbx .in .gra {
	position:absolute;
	left:-104px;
	top:0;
}
.tpmaingrbx ul.in li.yfbx {
	background:#fcfcfe;
}
.tpmaingrbx ul.in li.yfbx .in .gra {
	position:absolute;
	top:0;
	left: -28px;
}

.tpmaingrbx ul.in li.gbx {
	background:url(../../images/top_main_gra_summer2016_bg.png) repeat-x 0 0;
}
.tpmaingrbx ul.in li.gbx .in .gra {
	position:absolute;
	left:-96px;
	top:0;
}
.tpmaingrbx ul.in li.wbx{
	background:url(../../images/top_main_bg_winter2015.png) repeat-x 0 0;
}
.tpmaingrbx ul.in li.wbx .in .gra {
	position:absolute;
	top:0;
}

.tpmaingrbx ul.in li.kbx{
	background:#f3fcff;
}
.tpmaingrbx ul.in li.kbx .in .gra {
	position:absolute;
	top:0;
}

.tpmaingrbx ul.in li.bggr{
	background:#f1f2f2;
}
.tpmaingrbx ul.in li.bggr .in .gra {
	position:absolute;
	top:0;
}

.tpmaingrbx ul.in li.cam {
	background:#eef9f9;
}
.tpmaingrbx ul.in li.cam .in .gra {
	position:absolute;
	left:0;
	top:0;
}
.tpmaingrbx ul.in li.cam .in {
    width: 920px;
}

.tpmaingrbx ul.in li.cam2 {
	background:#eef9f9;
	position: relative;
}
.tpmaingrbx ul.in li.cam2::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background: #eef9f9 url(../../images/summer_cam2020_main_img_left.jpg);
	background-repeat: repeat-x;
}
.tpmaingrbx ul.in li.cam2::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background: #eef9f9 url(../../images/summer_cam2020_main_img_right.jpg);
	background-repeat: repeat-x;
}
.tpmaingrbx ul.in li.cam2 .in .gra {
	position:absolute;
	top:0;
	left:-229px;
}
.tpmaingrbx ul.in li.cam2 .in .gra a {
	display: block;
	width: 100%;
}

.tpmaingrbx ul.in li.cam3 {
	/*background: #f1f8fe;*/
	/*background: #cedee4;*/
	background: #ef868d;
	position: relative;
}
.tpmaingrbx ul.in li.cam3 .in .gra {
	position:absolute;
	top:0;
	left:-203px;
}
.tpmaingrbx ul.in li.cam3 .in .gra a {
	display: block;
	width: 100%;
}

.tpmaingrbx ul.in li.cam4 {
	background: #f4f9bc;
	position: relative;
}
.tpmaingrbx ul.in li.cam4 .in .gra {
	position:absolute;
	top:0;
	left:-203px;
}
.tpmaingrbx ul.in li.cam4 .in .gra a {
	display: block;
	width: 100%;
}

.tpmaingrbx ul.in li.cam5 {
	background: #f7f5f4;
	position: relative;
}
.tpmaingrbx ul.in li.cam5 .in .gra a {
	display: block;
	width: 100%;
}

.tpmaingrbx ul.in li.cam6 {
	background: #e3f5ff;
	position: relative;
}
.tpmaingrbx ul.in li.cam6 .in .gra a {
	display: block;
	width: 100%;
}


.tpmaingrbx ul.in li.snbx {
	background:#f6fafa;
}
.tpmaingrbx ul.in li.snbx .in .gra {
	position:absolute;
	left:-104px;
	top:0;
}


.tpmaingrbx .maingrin .inner ul li.lt:hover a.mn img {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

.tpmaingrbx ul.pager li.prv {
	position:absolute;
	left:-23px;
	top:159px;
	z-index:100;
}
.tpmaingrbx ul.pager li.nxt {
	position:absolute;
	right:-23px;
	top:159px;
	z-index:100;
}

.tpmaingrbx .entbx {
	position:absolute;
	right:0;
	top:20px;
	width:272px;
	background:url(../../images/dotto_gry.gif) repeat 0 0;
	padding:4px;
	z-index:100;
}
.tpmaingrbx .entbx .entin {
	background:#fff;
	padding:13px 16px;
}
.tpmaingrbx .entbx .entin h2 {
	font-weight:bold;
	line-height:1.2em;
	padding-bottom:10px;
	background:url(../../images/dash_md.png) repeat-x left bottom;
}
.tpmaingrbx .entbx .entin dl.btn {
	padding-right:0;
}
.tpmaingrbx .entbx .entin dl.btn dt {
	line-height:1.2em;
	font-size:85%;
	padding:12px 0 5px 0;
}
.tpmaingrbx .entbx .entin dl.tel {
	background:url(../../images/dash_md.png) repeat-x 0 0;
	padding:13px 0 0 18px;
	margin-top:15px;
}
.tpmaingrbx .entbx .entin dl.tel dt {
	line-height:1.2em;
	font-size:85%;
	margin-bottom:5px;
	font-weight:bold;
}
.tpmaingrbx .entbx .entin dl.tel dd.tx {
	line-height:1.2em;
	font-size:85%;
	margin-top:7px;
}

#TPBX .tpnwbx  {
	background:url(../../images/bg_dot_gw_lg.png) repeat-x left bottom;
	padding:0 0 12px 0;
	margin-bottom:20px;
}
#TPBX .tpnwbx h2 {
	float:left;
	font-weight:bold;
	line-height:1.2em;
	width:60px;
}
#TPBX .tpnwbx .inner {
	float:left;
	background:url(../../images/dash_blk_rw.gif) repeat-y 0 0;
	width:500px;
}
#TPBX .tpnwbx .inner dl {
	padding:0 0 5px 10px;
	font-size:93%;
	line-height:1.2em;
}
#TPBX .tpnwbx .inner dl.end {
	padding-bottom:0;
}
#TPBX .tpnwbx .inner dl dt {
	float:left;
	width:110px;
}
#TPBX .tpnwbx .inner dl dd {
	float:right;
	width:370px;
}
#TPBX .tpnwbx p.lnk {
	float:right;
	background:url(../../images/dash_blk_rw.gif) repeat-y 0 0;
	width:90px;
	text-align:right;
}

#TPBX .ttlbx {
	margin-bottom:7px;
}
#TPBX .ttlbx h2 {
	font-weight:bold;
	font-size:124%;
	line-height:1.2em;
	padding:0 0 0 23px;
	float:left;
}
#TPBX .ttlbx h2.pn {
	background:url(../../images/icn_pen.png) no-repeat 0 0;
}
#TPBX .ttlbx p.lnk {
	float:right;
	background:url(../../images/dash_blk_rw.gif) repeat-y 0 0;
	padding:0 0 0 10px;
	margin-top:3px;
}
#TPBX ul.guidebx {
	background:#f1f2f2;
	padding:15px 0 0 0;
	letter-spacing:-0.4em;
	margin-bottom:20px;
}
#TPBX ul.guidebx .ltbx,
#TPBX ul.guidebx .ltbx_b {
	background:#fff;
	position:relative;
	width:281px;
	padding:0 12px 13px 12px;
	cursor:pointer;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	display:inline-block;
	margin:0 0 15px 14px;
	letter-spacing:normal;
	vertical-align:top;
}
#TPBX ul.guidebx .ltbx_b {
	width:616px;
	cursor:auto;
	background:#00672e;
	padding:4px;
}
* html #TPBX ul.guidebx .ltbx,
* html #TPBX ul.guidebx .ltbx_b {
	display:inline;
	zoom:1;
}

*:first-child+html #TPBX ul.guidebx .ltbx,
*:first-child+html #TPBX ul.guidebx .ltbx_b {
	display:inline;
	zoom:1;
}
#TPBX ul.guidebx .ltbx_b .in {
	background:#fff;
}
#TPBX ul.guidebx .ltbx:hover {
	background:#f5fffa;
}
#TPBX ul.guidebx .ltbx p.lnk {
	position:absolute;
	right:0;
	top:0;
	background:url(../../images/top_gd_bg_lnk.png) no-repeat left top;
	padding:0 0 0 16px;
	height:16px;
	overflow:hidden;
	font-size:10px;
	line-height:16px;
}
#TPBX ul.guidebx .ltbx p.lnk a {
	display:block;
	background:#00672e url(../../images/top_gd_bg_lnk_tp.png) no-repeat right top;
	color:#fff;
	text-decoration:none;
	padding:0 18px 0 0;
}
#TPBX ul.guidebx .ltbx .tl,
#TPBX ul.guidebx .ltbx_b .tl {
	margin-bottom:10px;
}
#TPBX ul.guidebx .ltbx .tl p,
#TPBX ul.guidebx .ltbx_b .tl p {
	float:left;
}
#TPBX ul.guidebx .ltbx .tl h3 {
/*	float:right;
	width:227px;
	padding:12px 0 6px 11px;
*/
	padding:12px 0 6px 0;
	background:url(../../images/dash_md.png) repeat-x left bottom;
	line-height:1.5em;
	font-weight:bold;
	font-size:93%;
	color:#0c4b28;
}
#TPBX ul.guidebx .ltbx_b .tl h3 {
    padding:6px 10px 6px 40px;
    background:#00672e url(../../images/icn_video_wh.png) 10px 45% no-repeat;
    color:#fff;
    font-size:86%;
}
#TPBX ul.guidebx .ltbx .tl h3 span,
#TPBX ul.guidebx .ltbx_b .tl h3 span {
	font-size:139%;
}
#TPBX ul.guidebx .ltbx .ptbx dl.pt1 {
	width:130px;
	float:left;
}
#TPBX ul.guidebx .ltbx .ptbx dl.pt2 {
	width:123px;
	float:right;
}
#TPBX ul.guidebx .ltbx .ptbx dl dt {
	line-height:0;
	font-size:0;
	margin-bottom:3px;
}
#TPBX ul.guidebx .ltbx .ptbx dl dd.gra {
	padding-top:5px;
}
#TPBX ul.guidebx .ltbx .txbx {
	font-size:85%;
	line-height:1.4em;
}
#TPBX ul.guidebx .ltbx .txbx dl dt.ex {
	background:url(../../images/top_gd_2_bg.png) no-repeat 0 0;
	height:14px;
	width:51px;
	color:#fff;
	text-align:center;
	font-size:10px;
	line-height:14px;
	margin:0 0 2px 0;
}
#TPBX ul.guidebx .ltbx .txbx .md {
	color:#007b37;
	font-weight:bold;
	margin-bottom:5px;
}
#TPBX ul.guidebx .ltbx .txbx p.fl {
	min-height:94px;
}
#TPBX ul.guidebx .ltbx .txbx p.fl.mh2 {
	min-height:88px;
}
#TPBX ul.guidebx .ltbx .txbx p.fl img {
	float:right;
	margin:0 0 0 10px;
}

#TPBX ul.guidebx .ltbx .gdbx dl {
	margin-bottom:8px;
}
#TPBX ul.guidebx .ltbx .gdbx dl dt {
	float:left;
}
#TPBX ul.guidebx .ltbx .gdbx dl dd {
	padding:0 0 0 48px;
}
#TPBX ul.guidebx .ltbx .gdbx p.ksn {
	font-weight:bold;
	font-size:108%;
}
#TPBX ul.guidebx .ltbx .gdbx p.ksn span {
	color:#007b37;
}
#TPBX ul.guidebx .ltbx .gdbx p.km {
	text-align:right;
	margin-bottom:10px;
	font-size:84%;
}

#TPBX ul.guidebx .ltbx_b .ytbx {
    padding:0 10px 10px 10px;
}
#TPBX ul.guidebx .ltbx_b .ytbx dl {
	float:left;
	width:290px;
}
#TPBX ul.guidebx .ltbx_b .ytbx dl.rgt {
	float:right;
}
#TPBX ul.guidebx .ltbx_b .ytbx dl dt {
	background:#009944;
	color:#fff;
	text-align:center;
	margin:0 0 8px 0;
	border-radius:10px;
	font-size:92%;
	line-height:1;
	padding:5px 0;
}
#TPBX ul.guidebx .ltbx_b .ytbx dl dd a:hover img {
	opacity:0.8;
}

#TPBX .flwbx {
	background:url(../../images/dotto_gry.gif) repeat 0 0;
	padding:4px;
	margin-bottom:20px;
}
#TPBX .flwbx .flwin {
	background:#fff;
	padding:0 0 0 25px;
}
#TPBX .flwbx .flwin .gra {
	float:right;
}
#TPBX .flwbx .flwin .inner {
	float:left;
	padding:12px 0 0 0;
	width:265px;
	font-size:93%;
	line-height:1.5em;
}
#TPBX .flwbx .flwin .inner h2 {
	font-weight:bold;
	color:#ff596b;
	background:url(../../images/icn_smaile.png) no-repeat 0 0;
	padding:2px 0 8px 23px;
	line-height:1.2em;
}
#TPBX .flwbx .flwin .inner h2 span {
	font-size:134%;
}

#TPBX .entaplybx {
	background:url(../../images/dotto_md.gif) repeat 0 0;
	padding:4px;
	margin-bottom:20px;
}
#TPBX .entaplybx h2 {
	background:url(../../images/top_entaply_bg_ttl.png) no-repeat 0 0;
	height:23px;
	padding:37px 0 0 51px;
	color:#fff;
	font-weight:bold;
	font-size:93%;
	line-height:1.2em;
	overflow:hidden;
}
#TPBX .entaplybx h2 span {
	font-size:150%;
	margin:0 10px 0 0;
}
#TPBX .entaplybx .entaplyin {
	background:url(../../images/top_entaply_bg.png) repeat 0 0;
	padding:23px 0 25px 11px;
}
#TPBX .entaplybx .entaplyin p {
	margin:0 15px;
	display:inline;
	float:left;
	width:280px;
	height:150px;
	background:#fff;
}
#TPBX .entaplybx .entaplyin p.lg {
	margin:0 0 0 10px;
	width:600px;
	background:#fff;
}

#TPBX .entaplybx .entaplyin dl {
	margin:0 15px;
	display:inline;
	float:left;
	width:250px;
	height:150px;
	padding:0 10px 0 20px;
}
#TPBX .entaplybx .entaplyin dl.bx1 {
	background:url(../../images/top_entaply_ent_ttl.png) no-repeat 0 0;
}
#TPBX .entaplybx .entaplyin dl.bx2 {
	background:url(../../images/top_entaply_aply_ttl.png) no-repeat 0 0;
}
#TPBX .entaplybx .entaplyin dl dt {
	padding:13px 0 0 0;
	font-weight:bold;
	font-size:93%;
	line-height:1.6em;
	margin-bottom:5px;
}
#TPBX .entaplybx .entaplyin dl dt span {
	color:#007b37;
	font-size:131%;
}
#TPBX .entaplybx .entaplyin dl dd.tx {
	font-size:85%;
	line-height:1.4em;
	margin-bottom:10px;
}

#TPBX .sclnwbx {
	border:1px solid #d5d7d7;
	padding:20px 30px 0 30px;
	margin-bottom:20px;
}
#TPBX .sclnwbx .inner {
	border-top:1px solid #d5d7d7;
	margin-top:15px;
	padding:15px 0 0 0;
	font-size:93%;
	line-height:1.3em;
}
#TPBX .sclnwbx .inner dl dt {
	float:left;
	width:110px;
}
#TPBX .sclnwbx .inner dl dd {
	float:right;
	width:470px;
}
#TPBX .sclnwbx .inner dl {
	margin-bottom:15px;
}
#TPBX .sclnwbx .inner dl dd img {
	vertical-align:middle;
	margin:0 0 0 10px;
}

#TPBX .abbx {
	background:url(../../images/dotto_grys.gif) repeat 0 0;
	padding:15px 20px;
	font-size:93%;
}

.tpmaingrbx ul.in li.award {
	background: #af1314;
}
.tpmaingrbx ul.in li.is-spring2026 {
	background: linear-gradient(90deg, #597f73, #547462);
}
.tpmaingrbx ul.in li.is-spring2026 .in .gra {
	left: -205px;
	position: absolute;
    top: 0;
}