@charset "utf-8";
/** *****************************************************************
コンテンツ
最終更新日：2015.01.09
***************************************************************** **/
#SOUVENIR{}

#SOUVENIR section h2.h2title{
	background: #fea79d;
}



/* ------------------------------------
商品一覧
------------------------------------ */
/*

#Picture .mix {
	display: none;
}
*/



/* Side Nav */
.nav {
  display: block;
  width: auto;
  overflow: hidden;

}
.nav li {
  float: left;
	width: 20%;
  display: inline;
  margin:0 2.5%;
  font-weight: normal;
  font-size: 1.2em;
  color: #ffffff;
}
.nav li a {
	display: block;
	text-align: center;
  color: #935b00;
  padding: 0.5em 2.0em;

  -webkit-border-radius: 1000px;
  border-radius: 1000px;
  font-weight: bold;
  background: #ffdcd3;

  text-decoration: none;
}
.nav li a:hover,
.nav li.active a {

  background: #e24d29;
	color:#ffffff;
  cursor: pointer;
}

@media only screen and (max-width: 748px) {

.nav li {  font-size: 0.8em;}
.nav li a {  padding: 0.2em 0.5em;}

}
@media only screen and (max-width: 640px) {

.nav li {

	width: 45%;
  display: inline;
  margin:5px 2.5%;
  font-weight: normal;
  font-size: 1.2em;
  color: #ffffff;
}

}







@media only screen and (max-width: 640px) {
.th {
	width:100%;
}

}

	.caption-style .th {
/*
	width:100%;	height:100%; 
	max-width:250px;	max-height:250px; 
*/
  display: inline-block;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

	.caption-style{
		list-style-type: none;
		margin: 0px;		padding: 0px;
	}


#Picture ul{
	width:100%;
}
#Picture li{
/*	display: none;*/
	width:21%;
	margin: 2%;
}



	.caption-style li{
		float: left;
	}

#Picture li a:hover img{
		opacity: 0.5;
	}

	.caption-style .caption h3{
		text-transform: uppercase;
		font-size: 1.2em;
	}
	.caption-style .caption p{
		font-size: 1.0em;
	}


@media only screen and (max-width: 640px) {

#Picture li{
	width:45%;
	margin: 2.5%;
}

	.caption-style .caption h3{
		font-size: 0.8em;
	}
	.caption-style .caption p{
		font-size: 0.6em;
	}

}





/* ------------------------------------
商品詳細
------------------------------------ */
#SOUVENIR .souvenirdetail{
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
}

#SOUVENIR .souvenirdetail .category{
	font-size: 1.4em;
	font-weight: bold;
}
#SOUVENIR .souvenirdetail h3{
	margin: 1.0em 0 2.0em 0;
	background: #ffebe6;
	padding: 1.0em;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
#SOUVENIR .souvenirdetail .catch{
	font-size: 1.6em;
	font-weight: bold;
	line-height: 2.0em;
	margin: 2.0em 0;
	padding: 0.5em;
	color: #bc0a0a;
}

#SOUVENIR .souvenirdetail h4{
	margin: 2.0em 0;
	padding: 0.5em;
	color: #690c0c;
	background: #fff4f1;
	border-bottom:1px #ffd3c7 solid;
}


#SOUVENIR .souvenirdetail .txt{
	font-size: 1.4em;
	line-height: 2.0em;
}





@media only screen and (max-width: 640px) {

#SOUVENIR .souvenirdetail .txt{
	width: 97%;
	font-size: 80%;
}

}