@CHARSET "UTF-8";

/*====================================
 2カラムレイアウト (ミニページ)
====================================*/


#main-contents .shop_tb  {
	width:100%
}

#main-contents .shop_tb h2 {
	display:block;
	width:100%;
}

#main-contents .shop_list_box  {
	float:left;
	width:48%;
}

@media (max-width: 480px) {
	#main-contents .shop_list_box {
		width: 100%;
	}
}

#s_index #main-contents .shop_list_box:nth-child(odd),
#index_index #main-contents .shop_list_box:nth-child(even),
#index_directory #main-contents .shop_list_box:nth-child(even)  {
	margin-right:2%;
}

/*====================================
2カラムレイアウト (イベント)
====================================*/

#main-contents .event_tb > .box1 , #event_index #main-contents .box1  {
	float:left;
	width:48%;
	margin-bottom:8px;
}

@media (max-width: 480px) {
	#main-contents .event_tb > .box1 , #event_index #main-contents .box1 {
		width: 100%;
	}
}

#event_index #main-contents h2 {
	clear:left;
	display:block;
	width:100%;
}

#event_index #main-contents .box1 {
	margin-bottom:50px;
	border:none;
}

#event_index #main-contents .box1{
	position: relative;
	padding-bottom: -30px;
}

#event_index #main-contents .box1 .bottombar {
	width: 100%;
	position: absolute;
	bottom: -40px;
	left: 0;
}
#event_index #main-contents .box1 .bottombar {
	border-bottom:1px #ccc solid;
}

#event_index #main-contents .box1 .bottombar li:last-child {
	display:none;
}

!.box1 > .inner1.event {
	width:100%;
}

#index_index #main-contents .event_tb > .box1,
#event_index #main-contents .box1 {
	margin-right:2%;
}

.event .text {
	display:block;
	margin-left:0;
	clear:left;
	overflow:hidden;
}

.event .text h3 {
	padding:0 !important;
}

@media(max-width: 979px) and (min-width: 769px) {
	#event_index #main-contents .box1 {
		margin-bottom:70px;
	}

	#event_index #main-contents .box1 .bottombar {
		bottom: -60px;
	}
}



/*====================================
 タグカラー
====================================*/
.t_tag li a {
  color: #eafaf2;
  background-color: #52d797;
}

.t_tag li a:hover {
	color: #eafaf2;
  background-color: #6edda8;
}

/*====================================
 フォームボタンカラー
====================================*/
input[type="button"],
input[type="submit"] {
	color: white;
  background: #ffab33;
  border: 1px #ff9d11 solid;
  -moz-box-shadow: 0px 2px 0px 0px #ee8c00;
  -webkit-box-shadow: 0px 2px 0px 0px #ee8c00;
  box-shadow: 0px 2px 0px 0px #ee8c00;
  color: #fff;
}

input[type="button"]:hover, input[type="submit"]:hover {
  background-color: #ffb955;
  -moz-box-shadow: 0px 2px 0px 0px #ee8c00;
  -webkit-box-shadow: 0px 2px 0px 0px #ee8c00;
  box-shadow: 0px 2px 0px 0px #ee8c00;
  color: #fff;
}

#banner {
margin: 0 !important;
}

.toolbox.userregist_tb a {
  background-color: #ffab33;
  color: #fff8ee;
}

.toolbox.userregist_tb a:hover {
  background-color: #ffb955;
  color: white;
}

.toolbox.userbox_tb a {
  background-color: #fff1dd;
  color: #ffab33;
}

.toolbox.userbox_tb a:hover {
  background-color: #ffe3bb;
  color: #ffab33;
}

/*====================================
 FOR TOP PAGE
====================================*/
/* top links 
---------------------------------*/
.top-links .panel {
width:48%;
float:left;
}

@media (max-width:960px) and (min-width:768px) {
.top-links .panel {
width:100%;
}
}

@media (max-width:479px) {
.top-links .panel {
width:100%;
}

.top-links .panel img {
float:left;
}
}

.top-links h2 {
background-color:transparent !important;
}


/* banner background
---------------------------------*/
/*#index_index #banner-wrapper,
#index_directory #banner-wrapper {
background: url(../../../image/nic/2160/big-bg.png) repeat-x;
}*/

/*#index_index #banner-wrapper {
background-color: #feffd7 !important;
}*/

/*====================================
 FOR PANELS & JUMBOTRON
====================================*/
.panel.kekkon , .jumbotron.kekkon {
background-color:#FFD8D8 !important;
background-image:url(../../../image/nic/2160/bg-jumbotron-kekkon.png);
background-repeat:no-repeat;
background-position:right bottom;
}

.panel.kekkon .panel-title a ,
.panel.ninshin-shussan .panel-title a ,
.panel.kosodate .panel-title  a {
font-weight:bold;
font-size:1.6em;
text-decoration:none !important;
}

.panel.kekkon .panel-title a:hover ,
.panel.ninshin-shussan .panel-title a:hover ,
.panel.kosodate .panel-title  a:hover {
text-decoration:underline;
} 

.panel.kekkon .panel-title a ,  .jumbotron.kekkon h2 {color:#ff2e74;text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);}
.panel.ninshin-shussan .panel-title a , .jumbotron.ninshin-shussan h2 {color:#ffab33;text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);}
.panel.kosodate .panel-title  a , .jumbotron.kosodate h2 {color:#52d797;text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);}

.panel.ninshin-shussan , .jumbotron.ninshin-shussan {
background-color:#FFFCDD !important;
background-image:url(../../../image/nic/2160/bg-jumbotron-ninshin-shussan.png);
background-repeat:no-repeat;
background-position:right bottom;
}

.panel.kekkon , .panel.ninshin-shussan , .panel.kosodate {
background-size:200%;
}

.panel.kosodate , .jumbotron.kosodate {
background-color:#DCF7F3 !important;
background-image:url(../../../image/nic/2160/bg-jumbotron-kosodate.png);
background-repeat:no-repeat;
background-position:right bottom;
}

@media (max-width:480px) {
.jumbotron.ninshin-shussan , .jumbotron.kekkon , .jumbotron.kosodate {
background-size:100%;
background-position:right top;
}
}


/* メニュー */
.swt {display:none;}
.swt + .nav{
display:block;
}

@media (max-width:500px) {
.swt {display:block;}
.swt + .nav{
display:none;
}
}


.list-3u {margin:0 !important;padding:0 !Important;}
.list-3u li {width:33% !important;border-color:#ddc4c6 !important;}

@media (min-width:480px) and (max-width:979px) {
.list-3u li {width:50% !important;}
}

@media (max-width:479px) {
.list-3u li {width:100% !important;}
}

#page_index #main-contents ul#submenu li:before {
content:none;
}



#page_index #main-contents dt {width:240px !important; }

#page_index #main-contents dd {margin-left:250px !important;}


/* app screen */

.float-right {float:right;}

@media (max-width:1199px) {
img.app-screen{float:none; display: block;margin-left: auto;margin-right: auto;width:200px !important;}
}

img.app-screen + h4 {overflow:hidden;margin-top:50px;}
img.app-screen + h4 + p + div {clear:left !important;}

.app-text {width:500px;padding-top: 60px;}

@media (max-width:1199px) {
.app-text {width:100%;padding-top:0;}
}



.app-dl > .row div {text-align:center;}
.app-dl h4 {border-left:none !important;}
.app-icon {width:100px;}
#main-contents .app-icon + h4 {font-size:13px !important;}