@charset "utf-8";
br.br-sp-only {
  display: none;
}
br.br-pc-only {
  display: inline;
}
.spOnly {
	display:none;
}

.cFix {
	min-height: 1px;
}
.cFix::after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}
  
.days {
  color: #e31069!important;
}

/* Header------------------------------------------------------------------------------------------------------------------------------ */
#h1_area.no_h1 {
  margin-bottom: 5px;
}

#Head{
	position: relative;
	z-index:100000;
}

#top_area,
#Breadcrumb {
	position: relative;
	z-index:1;
}

#top_area header {
  margin: 0 auto 6px;
  max-width: 960px;
  width: 100%;
}


h1#franzia_logo {
  margin: 10px 1% 0 1%;
  float: left;
  width: 20%;
  max-width: 184px;
}

nav#header_content_nav {
  margin-top: 33px;
  float: right;
  display: block;
  width: 78%;
}

nav#header_content_nav ul {
	display:-webkit-flex;
	display:flex;
}

nav#header_content_nav ul li {
}


nav#sp_header_content_nav {
  display: none;
}


/* Main--------------------------------------------------------------------------------------------------------------------------------- */
#Main_inner {
  background-image: url('../images/main_background.png');
  background-repeat: repeat-x;
}

#Main_inner.top {
  padding: 15px 0;
}

#Main_inner #Cont {
	width: 960px;
	margin: 0 auto;
}

#Main_inner #Cont h2.title {
  max-width: 960px;
  min-height: 80px;
  background-image: url('../images/title_background.png');
  background-repeat: no-repeat;
}

#Main_inner #Cont h2.title img {
  padding: 30px 0 0 100px;
}

p.note {
  font-size: .654em;
}



/* Top---------------------------------------------------------------------------------------------------------------------------------- */

#top_info {
	margin-bottom: 16px;
	padding: 20px 56px;
	border: 4px solid #c34344;
	background: #fff;
	color: #333;
	font-size: 16px;
}
#top_info p {
	margin-bottom: 5px;
	font-weight: bold;
}
#top_info a {
	padding-left: 20px;
	color: #333;
	position: relative;
	display: inline-block;
}
#top_info a::before {
	width: 16px;
	height: 16px;
	background-image: url(/assets/images/icon-arrow-02.svg);
	background-size: contain;
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	content: "";
	transition: transform .2s ease-in-out;
}

#main_visual {
  margin-bottom: 10px;
}
#main_visual_2 {
  margin-bottom: 19px;
}

#about_franzia {
  max-width: 960px;
  width: 100%;
  min-height: 414px;
  height: auto;
  background-image: url('../images/about_background.jpg');
  background-repeat: no-repeat;
  background-position: 50% top;
}

#about_franzia .inner {
  padding: 22px 40px 10px;
}

#about_franzia h2 {
  margin-bottom: 20px;
	text-align: center;
}

#about_franzia .pc_text {
  margin-bottom: 22px;
  color: #502e02;
  display: block;
  font-size: 14px;
  line-height: 1.7em;
  text-align: center;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Droid Serif", "ＭＳ Ｐ明朝", serif;
}

#about_franzia .sp_text {
  display: none;
}

#about_franzia .pc_img {
  margin: 0 auto 15px;
  display: block;
}

#about_franzia .accordion {
  display: none;
}

#about_franzia ul.pc_img {
  margin: 0 auto 10px;
  text-align: center;
}

#about_franzia ul.pc_img li {
  display: inline-block;
  max-width: 31.25%;
}

#about_franzia .inner >.note {
  color: #775d34;
  line-height: 1.27em;
  font-size: 11px;
  display: block;
}

.sp_content_menu {
  display: none;
}

#banner_area {
  margin-bottom: 60px;
  padding: 40px 20px 0;
  background-image: url('../images/bnr_area_background.png');
  background-repeat: no-repeat;
  background-position: 50% top;
}

#banner_area ul {
  margin-bottom: 40px;
  text-align: center;
}

#banner_area ul li {
  margin: 0 17px 10px -4px;
  display: inline-block;
}

#banner_area ul li:last-child {
  margin-right: 0;
}

#banner_area .btn-franziacom img {
  margin: 0 0 25px auto;
}

#banner_area p.note {
  text-align: right;
}

/* History------------------------------------------------------------------------------------------------------------------------------- */
#history .history_content {
  margin: 0 auto 70px;
  padding: 0 20px;
  background-image: url('../images/history_background.jpg');
  background-repeat: no-repeat;
  background-position: 50% 0;
  max-width: 960px;
  min-height: 992px;
  position:  relative;
}

#history .history_content .inner {
  margin: 0 auto;
  max-width: 615px;
  width: 100%;
}

#history .history_content .inner h3 {
  margin-bottom: 45px;
  padding-top: 120px;
}

#history .history_content .inner .text p {
  margin-bottom: 30px;
	font-size: 14px;
}

#history .history_content .inner .image {
  margin-bottom: 45px;
}

#history .history_content .inner .sign {
  margin: 20px 0 0 10px;
  float: left;
  max-width: 48%;
}

#history .history_content .inner .photo{
  float: right;
  max-width: 48%;
}

#history .history_content .inner > .note {
  position: absolute;
  right: 20px;
  bottom: 15px;
  color: #727272;
  font-size: .654em;
}

#history .history_content .inner .btn img {
  margin: 0 auto;
}

/* History Table-------------------------------------------------------------------------------------------------------------------------- */
#history_table .table_content {
  margin: 0 auto 70px;
  padding: 20px 20px 50px;
  background-color: #f4f2d7;
  position: relative;
}

#history_table .table_content .inner {
  padding: 58px 0 40px;
  background-color: #fdfbe6;
  background-image: url('../images/table_background.jpg');
  background-repeat: no-repeat;
  background-position: 50% top;
}

#history_table .table_content .inner h3 {
  margin: 0 auto;
	text-align: center;
}

#history_table .table_content .inner h3 img {
  margin: 0 auto;
}

#history_table .table_content .inner >ul {
  margin: 0 auto;
  max-width: 808px;
}

#history_table .table_content .inner >ul >li {
  margin-top: -30px;
}

#history_table .table_content .inner >ul >li:before {
  content: '';
  height: 100px;
  max-width: 808px;
  position: relative;
  top: 40px;
  display: block;
  background-image: url('../images/table_border.png');
  background-repeat: no-repeat;
  background-position: 50% top;
  z-index: 0;
}

#history_table .table_content .inner >ul >li ul {
  margin: 0 auto 50px;
  padding: 0 11px;
}

#history_table .table_content .inner >ul >li ul li {
  float: left;
  position: relative;
}

#history_table .table_content .inner >ul >li ul li.year {
  width: 12.547051%;
}

#history_table .table_content .inner >ul >li ul li.img {
  padding: 0 1.2722646%;
  width: 22.519084%;
	text-align: center;
}

#history_table .table_content .inner >ul >li ul li.text {
  width: 62.340967%;
}

#history_table .table_content .inner >ul >li ul li.text_image {
  width: 87.40458%;
}

#history_table .table_content .inner >ul >li ul li.text_image img.title {
  margin-bottom: 20px;
}

#history_table .table_content .inner >ul >li ul li.text_image p {
  margin-bottom: 10px;
}

#history_table .table_content .inner .btn {
	width: 604px;
  margin: 0 auto;
	display:block;
}

#history_table .table_content > .note {
  position: absolute;
  right: 20px;
  bottom: 10px;
  font-size: .654em;
}

/* Lineup ------------------------------------------------------------------------------------------------------------------------------- */
#lineup .lineup_content {
  margin-bottom: 20px;
  padding: 15px 20px;
  background-color: #f4f2d7;
  position: relative;
}

#lineup .sp_content_menu {
	margin:0 15px;
}

#lineup .lineup_content ul.product_list li {
  margin-bottom: 10px;
}

#lineup .lineup_content ul.product_list li .inner {
  padding: 27px 32px 10px;
  background-color: #ffffff;
  background-image: url('../images/lineup_background.png');
  background-repeat: repeat-x;
  position: relative;
}

#lineup .lineup_content ul.product_list li:before {
  left: 50px;
  right: 50px;
  height: 10px;
  display: block;
  content: "";
  position: absolute;
  z-index: 0;
  -moz-border-radius: 100px / 10px;
  border-radius: 100px / 10px;
  -webkit-box-shadow: 0 0 20px rgba(193,188,129,1);
  -moz-box-shadow: 0 0 20px rgba(193,188,129,1);
  box-shadow: 0 0 20px rgba(193,188,129,1);
  -moz-border-radius: 10px / 100px;
}

#lineup .lineup_content ul.product_list li h3 {
  margin-bottom: 20px;
}

#lineup .lineup_content ul.product_list li .product span >img {
  margin: 0 30px 20px 0;
  float: left;
}

#lineup .lineup_content ul.product_list li .lineup_05 .product span >img,
#lineup .lineup_content ul.product_list li .lineup_06 .product span >img {
  margin-top:30px;
}

#lineup .lineup_content ul.product_list li .product h3 {
  margin-bottom: 20px;
}

#lineup .lineup_content ul.product_list li .product h4 {
  margin-bottom: 15px;
}

#lineup .lineup_content ul.product_list li .product .text {
  margin-bottom: 15px;
  font-size: .923em;
}

#lineup .lineup_content ul.product_list li .product .btn {
	margin:30px 0 20px;
}

#lineup .lineup_content ul.product_list li .product .btn a {
	width:305px;
	line-height:50px;
	font-size:14px;
	background:#b50332;
	color:#fff;
	display:inline-block;
	text-align:center;
	-webkit-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:4px 4px 0 1px #cbcbca;
	box-shadow:4px 4px 0 1px #cbcbca;
	transition:0.2s;
}

#lineup .lineup_content ul.product_list li .product .btn a:hover {
	opacity:0.7;
	text-decoration:none;
}

#lineup .lineup_content ul.product_list li .product .btn span {
}

#lineup .lineup_content ul.product_list li .product .btn span:before {
	content:"＞"
}

.lineup_05_right,
.lineup_06_right {
	margin-top:-30px;
}

.lineup_05 .list_chart img,
.lineup_06 .list_chart img{
	width:156px;
}

#lineup .lineup_content ul.product_list li .product .btn img {
	width:308px;
}

#lineup .lineup_content ul.product_list li .product .left_box {
  margin-right: 40px;
  float: left;
}

#lineup .lineup_content ul.product_list li .product .left_box img {
  margin: 0 auto 10px;
}

#lineup .lineup_content ul.product_list li .limited .limited_bnr {
  position: absolute;
  top: 0;
  left: 18px;
}

#lineup .lineup_content ul.product_list li .limited .left_box {
  padding-left: 60px;
}

#lineup .lineup_content ul.product_list li .limited .right_box {
  padding-top: 30px;
}

#lineup .lineup_content ul.product_list li .product div > img, #lineup .lineup_content ul.product_list li .product .right_box > img {
  margin-bottom: 10px;
}

#lineup .banner_area {
  margin: 30px 0;
}

#lineup .banner_area ul {
  margin-bottom: 40px;
  text-align: center;
}

#lineup .banner_area ul li {
  margin: 0 17px 10px -4px;
  display: inline-block;
}

#lineup .banner_area ul li:last-child {
  margin-right: 0;
}

#lineup .note {
	margin-top:20px;
	text-align:right;
}


/* Handiness----------------------------------------------------------------------------------------------------------------------------- */
#handiness {
  margin-bottom: 70px;
}
#handiness .handiness_content {
  margin-bottom: 20px;
  padding: 15px 20px;
  background-color: #f4f2d7;
}
.handiness_point h3 {
	margin:-15px -20px 0;
}
.handiness_point ul li {
	height:272px;
	margin-bottom:15px;
	background:url(../images/handiness_list_bg.png) center top no-repeat;
}
.handiness_point ul li h4 {
	padding-top: 40px;
	text-align: center;
}
.handiness_point_cont {
	width: 680px;
	margin:20px auto 0;
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
}
.handiness_point_cont > p {
	margin-left:80px;
	font-size:15px;
	line-height:1.7em;
	flex:1;
}
.handiness_point_cont > p small {
	margin-top:15px;
	font-size:13px;
	display:block;
}
.handiness_point_cont > img {
	width: 220px;
	padding: 0 20px;
}
#handiness .note {
	margin-top:20px;
	text-align:right;
}
.handiness_faq {
	margin: 50px 20px 0;
	border-top: 2px solid #ebd8a3;
}
.handiness_faq h3 {
  margin: 50px auto 35px;
	text-align: center;
}
.accordion_faq {
  margin: 0 auto;
  width: 90%;
  font-size: 1.071em;
}
.accordion_faq dt {
  margin-top: 10px;
  padding: 10px 27px 10px 40px;
  background-color: #f2d478;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
}
.accordion_faq dt.even {
  background-color: #f6ec98;
}
.accordion_faq dt.open {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.accordion_faq dt p {
  margin-right: 20px;
}
.accordion_faq dt .arrow {
  margin-top: -11px;
  color: #c66702;
  position: absolute;
  top: 50%;
  right: 27px;
}
.accordion_faq dd {
  margin-bottom: 10px;
  padding: 0 27px 27px;
  display: none;
  background-color: #f2d478;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.accordion_faq dd.even {
  background-color: #f6ec98;
}
.accordion_faq dd .inner {
  padding: 20px;
  background-color: #ffffff;
}
.accordion_faq dd .answer {
  margin-bottom: 20px;
  color: #ce2657;
}
.accordion_faq dd .text {
  margin: 0 0 20px 25px;
}
.accordion_faq dd .img {
	text-align: center;
}
.accordion_faq dd img {
  margin: 0 auto 20px;
}
.accordion_faq dd .close_btn {
  border: 1px solid #8c4800;
  padding: 5px 20px;
  color: #8c4800;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  float: right;
  cursor: pointer;
}

	
/* Cocktail ----------------------------------------------------------------------------------------------------------------------------- */
#cocktail {
  margin-bottom: 70px;
	font-size: 14px;
}

#cocktail .cocktail_content {
  margin-bottom: 20px;
  padding: 15px 20px;
  background-color: #f4f2d7;
  position: relative;
}

#cocktail .cocktail_content .cocktail_head {
  margin-bottom: 20px;
}

#cocktail .cocktail_content .cocktail_head h3 {
	text-align: center;
}

#cocktail .cocktail_content .cocktail_head img {
  margin: 0 auto;
}

#cocktail .cocktail_content .cocktail_head p {
  text-align: center;
}

#cocktail .cocktail_content .cocktail_list_menu ul {
  margin: 0 auto 20px;
  text-align: center;
  max-width: 851px;
}

#cocktail .cocktail_content .cocktail_list_menu ul li {
  margin-left: -4px;
  display: inline-table;
  max-width: 20%;
}

#cocktail .cocktail_content .icon_list {
  margin-bottom: 10px;
	text-align: center;
}

#cocktail .cocktail_content ul.cocktail_list {
  margin-bottom: 30px;
}

#cocktail .cocktail_content ul.cocktail_list > li {
  margin-bottom: 10px;
}

.cocktail_list > li > .inner {
  padding: 20px 15px;
  background-color: #ffffff;
  background-image: url('../images/lineup_background.png');
  background-repeat: repeat-x;
  position: relative;
}

#cocktail .cocktail_content ul.cocktail_list > li:before {
  left: 50px;
  right: 50px;
  height: 10px;
  display: block;
  content: "";
  position: absolute;
  z-index: 0;
  -moz-border-radius: 100px / 10px;
  border-radius: 100px / 10px;
  -webkit-box-shadow: 0 0 20px rgba(193,188,129,1);
  -moz-box-shadow: 0 0 20px rgba(193,188,129,1);
  box-shadow: 0 0 20px rgba(193,188,129,1);
  -moz-border-radius: 10px / 100px;
}

#cocktail .cocktail_content ul.cocktail_list .text,
#cocktail .cocktail_content ul.cocktail_list .making {
  z-index: 100;
  position: relative;
}

#cocktail .cocktail_content ul.cocktail_list h4 {
  margin-bottom: 20px;
}

#cocktail_01 .image {
  margin-right: 2%;
  width: 23.483146%;
  float:  left;
}

#cocktail_01 .text {
  margin-right: 2%;
  width: 33.191111%;
  float: left;
}

#cocktail_01 .making {
  width: 39.325843%;
  float:  right;
}

#cocktail_01 .making img {
  margin-top: 20px;
}

#cocktail .cocktail_content ul.cocktail_list .background_01,
#cocktail .cocktail_content ul.cocktail_list .background_02 {
  position: relative;
}

#cocktail .cocktail_content ul.cocktail_list .background_01:after {
  content: '';
  background-image: url('../images/cocktail_background_01.png');
  background-repeat: repeat-x;
  width: 284px;
  height: 104px;
  position: absolute;
  bottom: 0;
  right: 0;
}

#cocktail .cocktail_content ul.cocktail_list .background_02:after {
  content: '';
  background-image: url('../images/cocktail_background_02.png');
  background-repeat: repeat-x;
  width: 174px;
  height: 114px;
  position: absolute;
  bottom: 0;
  right: 0;
}

#cocktail_02 .image {
  margin-right: 2%;
  width: 23.483146%;
  float:  left;
}

#cocktail_02 .text {
  float: left;
  width: 50%;
}

#cocktail_02 .making {
  margin-top: -10px;
  float:  right;
}

#cocktail_03 .image,
#cocktail_05 ul .image {
  margin-right: 2%;
  width: 23.483146%;
  float:  left;
}

#cocktail_03 .text,
#cocktail_05 ul .text {
  margin-right: 2%;
  width: 50%;
  float: left;
  text-align: left;
}

#cocktail_03 .making,
#cocktail_05 .making {
  float:  right;
}

#cocktail_04 > .inner,
#cocktail_05 > .inner {
  padding: 20px 0;
}

#cocktail_04 .inner > div.cFix,
#cocktail_05 .inner > div.cFix {
  margin-bottom: 20px;
  padding: 0 40px 0 80px;
}

#cocktail_04 .inner > div > .text {
  float: left;
  width: 70%;
}

#cocktail_04 .inner > div > .making {
  float: right;
  width: 28.072289%;
}

#cocktail_04 ul,
#cocktail_05 ul {
  padding: 20px 50px;
  background-color: #ffffff;
  background-image: url('../images/cocktail_background_03.png');
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: relative;
  text-align: center;
}

#cocktail_04 ul {
	font-size: 12px;
}

#cocktail_04 .ul_inner:before,
#cocktail_05 .ul_inner:before {
  left: 50px;
  right: 50px;
  height: 10px;
  display: block;
  content: "";
  position: absolute;
  z-index: 0;
  -moz-border-radius: 100px / 10px;
  border-radius: 100px / 10px;
  -webkit-box-shadow: 0 0 20px rgba(193,188,129,1);
  -moz-box-shadow: 0 0 20px rgba(193,188,129,1);
  box-shadow: 0 0 20px rgba(193,188,129,1);
  -moz-border-radius: 10px / 100px;
}

#cocktail_04 ul .three_col {
  margin: 0 2% 40px;
  width: 28%;
  display: inline-block;
  vertical-align: top;
}

#cocktail_04 ul .three_col .image {
  margin-bottom: 10px;
}

#cocktail_04 ul .three_col .image img {
  margin: 0 auto;
}

#cocktail_04 ul .three_col h5 {
  margin: 0 auto 10px;
  max-width: 190px;
	text-align: left;
}

#cocktail_04 ul .three_col .making img {
  margin: 0 auto;
}

#cocktail_04 ul .three_col p {
  margin: 0 auto 10px;
  max-width: 190px;
  text-align: left;
}

#cocktail_04 ul .two_col {
  margin: 0 3%;
  width: 43%;
  display: inline-block;
  vertical-align: top;
}

#cocktail_04 ul .two_col .image {
  float: left;
}
#cocktail_04 ul .two_col .text {
  margin-left: 140px;
}

#cocktail_04 ul .two_col h5 {
  margin-bottom: 10px;
	text-align: left;
}

#cocktail_04 ul .two_col p {
  margin-bottom: 10px;
  text-align: left;
}

#cocktail_05 ul .text {
  width: 45%;
}

#cocktail_05 .inner > div > .text {
  float: left;
  width: 50%;
}

#cocktail_05 .inner > div > .making {
  float: right;
  width: 45.454545%;
}

#cocktail_05 h4 {
  margin-top: 30px;
}

#cocktail_01 h4, #cocktail_02 h4, #cocktail_03 h4 {
  margin-top: 20px;
}

#cocktail .note {
  text-align: right;
}



/* soda ----------------------------------------------------------------------------------------------------------------------------- */
#soda {
	margin-bottom:70px;
}
#soda img {
	display:inline;
}
#soda .fv {
	background:url(../images/soda_fv_bg.jpg) center top no-repeat;
	background-size:cover;
	text-align:center;
}
.soda_main {
	padding-bottom:25px;
	background:url(../images/soda_bg.png) center top no-repeat,url(../images/soda_bg_02.png) center top repeat-y;
	background-size:100%;
}
.soda_tit {
	padding:36px;
	font-family:"ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro';
	font-size:27px;
	font-weight:bold;
	letter-spacing:0.3em;
	text-align:center;
}
.soda_osusume li {
	margin-bottom:10px;
	background:url(../images/soda_osusume_bg.jpg) center top repeat-y;
	background-size:cover;
	-webkit-box-shadow:1px 3px 7px 0 #a3cde0;
	box-shadow:1px 3px 7px 0 #a3cde0;
	text-align:center;
}
.soda_osusume_wrap {
	width:920px;
	margin:0 auto;
	display:-webkit-flex;
	display:flex;
	text-align:left;
}
.soda_osusume_tit {
	padding-top:15px;
	margin-bottom:15px;
	font-size:27px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro';
	line-height:1.4;
	letter-spacing:0.1em;
	color:#1a427e;
}
.soda_osusume_tit:after {
	margin-top:15px;
	content:"";
	height:5px;
	background:#2c84cf;
  background:-webkit-linear-gradient(left, #2c84cf, #3ddce8);
  background:linear-gradient(to right, #2c84cf, #3ddce8);
	display:block;
}
.soda_osusume_tit small {
	font-size:0.7em;
}
.soda_osusume_wrap p {
	font-size:16px;
	font-weight:bold;
	line-height:2.25;
}
.soda_osusume_wrap img {
	max-width:100%;
}
.soda_01 {
	padding:59px 0;
}
.soda_01_txt {
	width:58%;
	padding-right:40px;
}
.soda_02 {
	padding:25px 0;
}
.soda_02 .soda_osusume_tit {
	background:url(../images/soda_osusume_kan.png) right top no-repeat;
}
.soda_02_txt {
	width:50%;
	padding-left:30px;
}
.soda_03 {
	padding:35px 0;
}
.soda_03_txt {
	width:48%;
	padding-right:40px;
	position:relative;
}
.soda_03_txt:after {
	width:112px;
	height:140px;
	content:"";
	display:block;
	background:url(../images/soda_osusume_kan.png) center center no-repeat;
	position:absolute;
	bottom:0;
	right:30px;
}
.soda_03_txt p {
	padding-right:100px;
}
.soda_02 .soda_osusume_wrap {
	flex-direction: row-reverse;
}
.soda_drink {
	background:#f8f8f8;
	-webkit-box-shadow:1px 3px 7px 0 #a3cde0;
	box-shadow:1px 3px 7px 0 #a3cde0;
	text-align:center;
}
.soda_product {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
}
.soda_product li {
	width:308px;
	padding:0 0 20px 100px;
	font-size:12px;
	margin:0 24px;
}
.soda_product li:nth-child(1){
	background:url(../images/soda_product_01_bg.gif) left 30px no-repeat;
}
.soda_product li:nth-child(2){
	background:url(../images/soda_product_02_bg.gif) left 30px no-repeat;
}
.soda_product li > div {
	height:584px;
	padding:30px 15px;
	background:#fff;
}
.soda_product_img {
	margin-top:10px;
}
.soda_product_name {
	padding:30px 0 5px;
	font-size:16px;
	font-family:'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3',"游明朝体","Yu Mincho",'ＭＳ Ｐ明朝','Kozuka Mincho Pro','Kozuka Mincho Std','小塚明朝 Pro R','小塚明朝 Std R','Times','Times New Roman',serif;
	font-weight:bold;
	line-height:1.3;
	position:relative;
}
.soda_product_name:after {
	width:100%;
	content:"";
	height:1px;
	display:block;
	position:absolute;
	bottom:-6px;
	left:0;
}
.soda_product li:nth-child(1) .soda_product_name {
	color:#c30034;
	border-bottom:4px solid #c30034;
}
.soda_product li:nth-child(1) .soda_product_name:after {
	background:#c30034;
}
.soda_product li:nth-child(2) .soda_product_name {
	color:#178138;
	border-bottom:4px solid #178138;
}
.soda_product li:nth-child(2) .soda_product_name:after {
	background:#178138;
}
.soda_product_img {
	text-align:center;
}
.soda_product_desc {
	padding:10px 0;
}
.soda_product_data {
	padding:5px 0;
	border-top:2px solid #b6b6b6;
	border-bottom:2px solid #b6b6b6;
}
.soda_btn {
	margin-top:115px;
	text-align:center;
	position:relative;
	z-index:100;
}
.soda_btn a {
	width:560px;
	line-height:56px;
	margin:0 auto;
	font-size:16px;
	background:#b50332;
	color:#fff;
	display:block;
	text-align:center;
	font-family:'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3',"游明朝体","Yu Mincho",'ＭＳ Ｐ明朝','Kozuka Mincho Pro','Kozuka Mincho Std','小塚明朝 Pro R','小塚明朝 Std R','Times','Times New Roman',serif;
	transition:0.2s;
}
.soda_btn a:hover {
	text-decoration:none;
	opacity:0.7;
}
#soda p.note {
	width:920px;
	margin:70px auto 0;
	text-align:right;
}



/* Media Queries------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 768px) {
	#top_info {
		margin:0 15px 15px;
	}
  #cocktail_01 .image,
	#cocktail_02 .image,
	#cocktail_03 .image {
    width: 191px;
  }
  #cocktail_01 .text,
	#cocktail_02 .text,
	#cocktail_03 .text {
    margin-left: 210px;
    float: none;
    width: auto;
  }
  #cocktail_01 .making {
    margin-left: 210px;
    float: none;
    width: auto;
  }
  #cocktail_02 .white {
    margin-bottom: 20px;
  }
  #cocktail_02 .making {
    float: left;
    width: 158px;
  }
  #cocktail_02 .rose {
    margin-left: 180px;
  }
  #cocktail_02 .rose .image {
    width: 152px;
  }
  #cocktail_02 .rose .text {
    margin-left: 171px;
    float: none;
    width: auto;
  }
  #cocktail_01 h4, #cocktail_02 h4, #cocktail_03 h4 {
    margin-top: 0;
  }
  #cocktail_02 .white, #cocktail_02 .right_box {
    float: none;
    width: auto;
  }
  #cocktail_05 ul .image {
    margin: 0;
    width: 128px;
  }
  #cocktail_05 ul .text {
    margin-left: 140px;
    float: none;
    width: auto;
  }
}

@media screen and (max-width: 640px) {
  br.br-sp {
    display:none;
  }
  br.br-sp-only {
    display: inline;
  }
  br.br-pc-only {
    display: none;
  }
	.pcOnly {
		display:none !important;
	}
	.spOnly {
		display:inherit;
	}
  #h1_area.no_h1 {
    margin-bottom: 25px;
  }
  #top_area {
    padding: 10px 0;
  }
  #top_area header {
		margin-bottom: 0;
    position: relative;
  }
  .sp_accordion_btn {
    cursor: pointer;
  }
  
  h1#franzia_logo {
    margin: 0 0 0 15px;
    width: auto;
    max-width: 35.6vw;
  }
  
  h1#franzia_logo a {
    float: left;
  }
  
  nav#header_content_nav {
    display: none;
  }
  
  nav#sp_header_content_nav {
    display: block;
    clear: both;
  }
  
  nav#sp_header_content_nav ul {
    position: absolute;
    width: 100%;
    z-index: 100;
    top: 110%;
    display: none;
  }
  
  nav#sp_header_content_nav ul li {
    border-bottom: 1px solid #d9c691;
    background-color: #ffffff;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Droid Serif", "ＭＳ Ｐ明朝", serif;
  }
  
  nav#sp_header_content_nav ul li.current {
    background-color: #d9c691;
  }
  
  nav#sp_header_content_nav ul li.close {
    padding: 13px 15px;
    background-color: #fefbc8;
    text-align: right;
    cursor: pointer;
  }
  
  nav#sp_header_content_nav ul li a {
    padding: 13px 15px;
    display: block;
    color: #59483b;
  }
  
  nav#sp_header_content_nav .sp_menu_btn img {
    width: 37.8vw;
    position: absolute;
    right: 15px;
    top: 5px;
  }
  
  .sp_accordion_btn {
    padding: 5px 0;
    border: 1px solid #6f4b12;
    color: #6f4b12;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  
  .frozen .sp_open_content {
  }

	#top_info {
		margin: 0 0 12px;
		padding: 9px 13px;
		border-width: 2px;
		font-size: 11px;
	}
	#top_info p {
	margin-bottom: 3px;
	}
	#top_info a {
	padding-left: 16px;
	}
	#top_info a::before {
		width: 14px;
		height: 14px;
		top: 2px;
	}
  
  #Main_inner {
    width: auto;
    background-image: none;
  }

	#Main_inner #Cont {
		width: 100%;
	}
  
  #Main_inner #Cont h2.title {
    background-color: #d0f6fd;
    background-image: url('../images/sp_title_background.png');
    background-size: 100% auto;
    background-position: right;
    min-height: 0;
  }
  
  #Main_inner #Cont h2.title img {
    padding: 5vw 15px;
    height: 15.6vw;
  }
  
  #Main_inner.top {
    padding: 0 15px;
  }
  
  #about_franzia {
    margin-bottom: 0;
    background-image: none;
  }
  
  #about_franzia .inner {
    padding: 0;
  }

	#about_franzia h2 {
		margin: 0 -15px 20px;
	}
  
  #about_franzia .pc_text {
    display: none;
  }
  
  #about_franzia .sp_text {
    margin-bottom: 20px;
    display: block;
    color: #502e02;
		font-size: 1.5rem;
    line-height: 1.7em;
  }
  
  #about_franzia .pc_img {
    display: none;
  }
  
  #about_franzia .accordion {
    margin-bottom: 20px;
    display: block;
  }
  
  #about_franzia .accordion .sp_accordion_btn.close_btn {
    margin-bottom: 20px;
  }
  
  #about_franzia .accordion img {
    margin-bottom: 10px;
  }
  
  #about_franzia .accordion .note {
    margin-bottom: 10px;
    color: #6f4b12;
		font-size: 1.1rem;
  }
  
  #about_franzia .inner > .note {
    display: none;
  }
  
  .sp_content_menu {
    display: block;
  }
  
  .sp_content_menu table {
    margin-bottom:10px;
    border-top: 1px solid #794a00;
    border-left: 1px solid #794a00;
    width: 100%;
    text-align: center;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Droid Serif", "ＭＳ Ｐ明朝", serif;
    border-collapse: separate;
    border-spacing: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 120%;
  }
  
  .sp_content_menu table th, .sp_content_menu table td {
    border-bottom: 1px solid #794a00;
    border-right: 1px solid #794a00;
    width: 50%;
  }
  
  .sp_content_menu table thead th {
    padding: 5px;
    background-color: #d2a800;
    color: #ffffff;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
  }
  
  .sp_content_menu table tbody td {
    padding: 10px 15px 10px 0;
    background-color: #fefbc8;
    position: relative;
  }
  
  .sp_content_menu table td img {
    margin: 0 auto;
  }
  
  .sp_content_menu table .nav_btn_lineup {
    width: 74px;
  }
  
  .sp_content_menu table .nav_btn_history {
    width: 72px;
  }
  
  .sp_content_menu table .nav_btn_box {
    width: 127px;
  }
  
  .sp_content_menu table .nav_btn_cocktail {
    width: 72px;
  }
  
  .sp_content_menu table .nav_btn_recipe {
    width: 90px;
  }
  
  .sp_content_menu table tbody td:after {
    content: '';
    background-image: url('../images/sp_content_arrow.png');
    background-size: 7px 12px;
    background-repeat: no-repeat;
    position: absolute;
    top: 40%;
    right: 5px;
    height: 12px;
    width: 8px;
  }
  
  .sp_content_menu table tbody tr:last-child td {
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  
  #banner_area {
    margin-bottom: 20px;
    padding: 0;
    background-image: none;
  }
  
  #banner_area ul li {
    margin: 0 0 10px 0;
    width: 48%;
    display: block;
    float: left;
  }
  
  #banner_area ul li:nth-child(even) {
    float: right;
  }
  
  #banner_area .btn-franziacom img {
    margin: 0 0 20px auto;
    width: 48%;
  }
  
  #banner_area p.note {
    color: #727272;
    text-align: left;
  }
  
  #history .history_content {
    padding: 0 15px 20px;
    background-color: #fdfbe6;
    background-image: url('../images/sp_history_background.jpg');
    background-size: 100% auto;
  }
  
  #history .history_content .inner h3 {
    padding-top: 60px;
  }
  
	#history .history_content .inner .text p {
		margin-bottom: 30px;
		font-size: 1.5rem;
	}  
  
  #history .history_content .inner .image {
    margin-bottom: 30px;
  }
  
  #history .history_content .inner .sign {
    margin: 20px 0;
    float: none;
    width: 130px;
    max-width: 139px;
  }
  
  #history .history_content .inner .photo {
    margin: 0 auto;
    float: none;
    width: 186px;
    max-width: 186px;
  }

  #history .history_content .historyphoto1 {
    float: none;
    background: url('../images/sp_history_img.jpg') center top no-repeat;
		width: 372px;
		height: 0;
		padding-top:186px;
    margin: 0 auto;
		 background-size: 186px;
  }
  
  #history .history_content .inner .btn img, #history_table .table_content .inner .btn img {
    margin: 0 auto 20px;
  }
  
  #history .history_content .inner .note {
    right: auto;
    bottom: auto;
    position: relative;
  }
  #history_table .table_content {
    padding: 0;
    background-color: #fdfbe6;
    background-image: url('../images/sp_history_background.jpg');
    background-size: 100% auto;
    background-repeat: no-repeat;
		font-size: 1.5rem;
  }
  #history_table .table_content .inner {
    padding: 30px 15px 0;
    background-image: none;
    background-color: transparent;
  }
  #history_table .table_content .inner h3 img {
    margin-bottom: 20px;
    width: 199px;
  }
  #history_table .table_content .inner >ul >li:before {
    display: none;
  }
  #history_table .table_content .inner >ul >li {
    margin-top: 0;
    padding-top: 10px;
    border-bottom: 1px solid #ebd8a3;
    border-top: 1px solid #ffffff;
  }
   #history_table .table_content .inner >ul >li:first-child {
    border-top: none;
  }
  #history_table .table_content .inner >ul >li:last-child {
    border-bottom: none;
  }
  #history_table .table_content .inner >ul >li ul {
    margin: 0 auto 20px;
    padding: 0;
  }
  #history_table .table_content .inner >ul >li ul li {
    margin-bottom: 10px;
    float: none;
  }
  #history_table .table_content .inner >ul >li ul li.year, #history_table .table_content .inner >ul >li ul li.img, #history_table .table_content .inner >ul >li ul li.text, #history_table .table_content .inner >ul >li ul li.text_image {
    padding: 0;
    width: 100%;
  }
  #history_table .table_content .inner >ul >li ul li.year img {
    height: 19px;
  }
  #history_table .table_content .inner ul .img_01 img {
    width: 164px;
 }
  #history_table .table_content .inner ul .img_02 img {
    width: 121px;
  }
  #history_table .table_content .inner ul .img_03 img {
    width: 166px;
  }
  #history_table .table_content .inner ul .img_04 img {
    width: 164px;
  }
  #history_table .table_content .inner ul .img_05 img {
    width: 163px;
  }
  #history_table .table_content .inner ul .img_06 img {
    width: 163px;
  }
  #history_table .table_content .inner ul .img_07 img {
    width: 164px;
  }
  #history_table .table_content .inner ul .img_08 img {
    margin: 0 auto;
    width: 291px;
  }
  #history_table .table_content .inner >ul >li ul li img.table_sp_img2 {
    width: 121px;
	height:165px;
    background: url('../images/sp_table_img_02.jpg') center top no-repeat;
    margin: 0 auto;
   background-size: 121px;
  }
  #history_table .table_content .inner >ul >li ul li img.table_sp_img3{
    width: 166px;
	height:104px;
    background: url('../images/sp_table_img_03.jpg') center top no-repeat;
    margin: 0 auto;
   background-size: 166px;
  }
  #history_table .table_content .inner >ul >li ul li img.table_sp_img5 {
    width: 163px;
	height:93px;
    background: url('../images/sp_table_img_05.jpg') center top no-repeat;
    margin: 0 auto;
   background-size: 163px;
  }
  #history_table .table_content .inner >ul >li ul li img.table_sp_img6 {
    width: 163px;
	height:98px;
    background: url('../images/sp_table_img_06.jpg') center top no-repeat;
    margin: 0 auto;
   background-size: 163px;
  }
  #history_table .table_content .inner ul .img_text img {
    width: 164px;
  }
  #history_table .table_content .note {
    padding: 10px 15px;
    position: relative;
		right: auto;
		bottom: auto;
  }
	#history_table .table_content .inner .btn {
		width: auto;
	}
  #lineup .lineup_content {
    padding: 0 15px;
    background-color: #f4f2d7;
  }
  #lineup .lineup_content ul.product_list li {
    margin: 0;
    padding: 20px 0;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #e0dca7;
  }
  #lineup .lineup_content ul.product_list li:first-child {
    border-top: none;
  }
  #lineup .lineup_content ul.product_list li:last-child {
    border-bottom: none;
  }

  #lineup .lineup_content ul.product_list li:before {
    display: none;
  }
  #lineup .lineup_content ul.product_list li .inner {
    padding: 0;
    background-image: none;
    background-color: transparent;
  }
  #lineup .lineup_content ul.product_list li .product .left_box {
    margin-right: 0;
  }
	#lineup .lineup_content ul.product_list li .product h4 {
		margin-bottom: 5px;
	}
	#lineup .lineup_content ul.product_list li .product .text {
		margin-bottom: 10px;
		font-size: 1.5rem;
		line-height: 1.7em;
	}
  #lineup .lineup_content ul.product_list li .product >img, #lineup .lineup_content ul.product_list li .product .left_box, #lineup .lineup_content ul.product_list li .product .right_box {
    float: none;
    max-width: 100%;
  }
  #lineup .lineup_content ul.product_list li h3 img {
    height: 5.6vw;
  }
  #lineup .lineup_content ul.product_list li .lineup_05 h3 img,
  #lineup .lineup_content ul.product_list li .lineup_06 h3 img {
    height: 60px;
  }
	#lineup .lineup_content ul.product_list li .lineup_05 .product span >img,
	#lineup .lineup_content ul.product_list li .lineup_06 .product span >img {
		margin-top:0;
	}
	.lineup_05_right,
	.lineup_06_right {
		margin-top:0;
	}
	.lineup_05 .list_chart,
	.lineup_06 .list_chart{
		text-align:left;
	}
	.lineup_05 .list_chart img,
	.lineup_06 .list_chart img{
		width:125px !important;
		display:inline;
	}
  #lineup .lineup_content ul.product_list li .product .left_box h3 img {
    margin: 0 auto 20px 0;
  }
  #lineup .lineup_content ul.product_list li .product span >img {
		max-width: 100%;
    margin: 0 auto 20px;
    float: none;
		display: block;
  }
  #lineup .lineup_content ul.product_list li .product h4 img {
    height: 5.6vw;
  }
  #lineup .lineup_content ul.product_list li .product .list_chart img {
    margin: 0 auto;
    width: auto;
  }
  #lineup .lineup_content ul.product_list li .lineup_03 .left_box span img {
    height: 150px;
  }
  #lineup .lineup_content ul.product_list li .limited .left_box span img {
    height: 143px;
  }
  #lineup .lineup_content ul.product_list li .limited .left_box {
    padding: 0;
  }
  #lineup .lineup_content ul.product_list li .limited h3 {
    padding-left: 60px;
  }
  #lineup .lineup_content ul.product_list li .limited .limited_bnr {
    left: 0;
    width: 41px;
  }
	#lineup .lineup_content ul.product_list li .product .btn {
		margin:30px 15px 15px;
	}
	#lineup .lineup_content ul.product_list li .product .btn a {
		width:100%;
		line-height:45px;
		font-size:14px;
	}
  #lineup .note {
		margin:0 15px;
		text-align:left;
  }
  .banner_area {
    margin-bottom: 20px;
    padding: 0 15px;
  }
  .banner_area ul li {
    margin: 0;
    width: 48%;
    display: block;
    float: left;
  }
  .banner_area ul li:nth-child(even) {
    float: right;
  }


  #cocktail {
    margin-bottom: 20px;
		font-size: 1.5rem;
		line-height: 1.72em;
  }
  #cocktail .cocktail_content {
    padding: 40px 15px;
  }
  #cocktail .cocktail_content .cocktail_head p {
    text-align: left;
  }
  #cocktail .cocktail_content .cocktail_head h3 {
    margin-bottom: 20px;
  }
  #cocktail .cocktail_content .cocktail_head h3 img {
    margin: 0 auto;
    width: 257px;
  }
	#cocktail .cocktail_content ul.cocktail_list h4 {
		margin-bottom: 10px;
	}
  #cocktail .cocktail_content .cocktail_list_menu,
	#cocktail .cocktail_content ul.cocktail_list > li:before,
	#cocktail_04 .ul_inner:before,
	#cocktail_05 .ul_inner:before {
    display: none;
  }
  #cocktail .cocktail_content ul.cocktail_list li {
    margin: 0;
    padding: 20px 0;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ebd8a3;
  }
  #cocktail .cocktail_content ul.cocktail_list li:first-child {
    border-top: none;
  }
  #cocktail .cocktail_content ul.cocktail_list li:last-child {
    border-bottom: none;
  }
  #cocktail .cocktail_content ul.cocktail_list li .inner {
    padding: 0;
    background-color: transparent;
    background-image: none;
  }
  #cocktail_01 .image,
	#cocktail_02 .image,
	#cocktail_03 .image,
	#cocktail_01 .text,
	#cocktail_02 .text,
	#cocktail_03 .text,
	#cocktail_04 .inner > div.cFix,
	#cocktail_04 .inner > div > .text,
	#cocktail_04 ul .two_col .image,
	#cocktail_04 ul .two_col .text,
	#cocktail_05 .inner > div > .text,
	#cocktail_05 ul .text,
	#cocktail_05 ul .image {
    margin: 0 auto 10px;
    padding: 0;
    float: none;
    width: 100%;
  }
	#cocktail_01 .making,
	#cocktail_02 .making,
	#cocktail_03 .making,
	#cocktail_04 .making,
  #cocktail_04 .inner > div > .making,
	#cocktail_05 .making,
  #cocktail_05 .inner > div > .making {
    margin: 20px auto 0;
    padding: 0;
    float: none;
    width: auto;
		text-align: center;
  }
  .cocktail_list h4,
  .cocktail_list h5 {
		text-align: center;
	}
  .cocktail_list h4 img,
  .cocktail_list h5 img {
		height: 18px;
	}
  .cocktail_list .image,
  .cocktail_list .making {
		text-align: center;
	}
  #cocktail .cocktail_content ul.cocktail_list .background_01:after,
	#cocktail .cocktail_content ul.cocktail_list .background_02:after {
    display: none;
  }
  #cocktail_04 > .inner, #cocktail_05 > .inner {
    padding: 0;
  }
  #cocktail_04 ul,
	#cocktail_05 ul {
    padding: 0;
    background-image: none;
    background-color: transparent;
		font-size: inherit;
  }
  #cocktail_04 ul .three_col,
	#cocktail_04 ul .two_col {
    margin: 0;
    width: 100%;
    display: block;
  }
  #cocktail_04 .inner > div.cFix,
	#cocktail_05 .inner > div.cFix {
    margin: 0 auto;
    padding: 0 0 20px;
    border-bottom: 1px solid #ebd8a3;
    float: none;
    width: 100%;
  }
  #cocktail_04 > .inner .ul_inner,
	#cocktail_05 > .inner .ul_inner {
    margin: 0;
    border-top: 1px solid #ffffff;
    float: none;
    width: 100%;
  }
  #cocktail_04 > .inner .ul_inner > ul > li:last-child,
  #cocktail_05 > .inner .ul_inner > ul > li:last-child {
		padding-bottom: 0;
  }
  #cocktail_04 > .inner .ul_inner > ul > li.two_col .text {
		margin-bottom: 0;
  }
  #cocktail_04 ul .three_col h5 {
    max-width: none;
		text-align: center;
  }
  #cocktail_04 ul .three_col p {
    max-width: none;
  }
	#cocktail_04 ul .two_col h5 {
		margin-bottom: 10px;
		text-align: center;
	}
  #cocktail_01 .image img,
	#cocktail_02 .image img,
	#cocktail_03 .image img,
	#cocktail_05 ul .image img {
    width: 48.75vw;
  }
  #cocktail_01 .making img {
    height: 45.6vw;
		margin-top: 0;
  }
  #cocktail_02 .making img,
	#cocktail_03 .making img,
	#cocktail_04 .making img,
	#cocktail_05 .making img {
    height: 37vw;
  }
  #cocktail_04 .inner > div > .making img {
    height: 63vw;
  }
  #cocktail_04 ul .img_05 img {
    width: 54vw;
  }
  #cocktail_04 ul .img_06 img {
    width: 37.5vw;
  }
  #cocktail_04 ul .img_07 img {
    width: 63vw;
  }
  #cocktail_04 ul .img_08 img {
    width: 37vw;
  }
  #cocktail_04 ul .img_09 img {
    width: 27.5vw;
  }
	#cocktail_05 h4 {
		margin-top: 0;
	}
  #cocktail_05 .inner > div > .making img {
    height: 58vw;
  }
  #cocktail_05 ul li {
    padding: 0;
  }
	#handiness .handiness_content {
		background-color: #fbf8de;
	}
  #handiness .pc_image {
    display: none;
  }
	.handiness_faq {
		margin: 20px 0;
		padding-bottom: 20px;
		border-top: 1px solid #ebd8a3;
		border-bottom: 1px solid #ebd8a3;
	}
	.handiness_faq h3 {
		margin: 25px auto 15px;
	}
	.handiness_faq h3 img {
    height: 16px;
  }
	.handiness_point ul {
		margin: 0 -20px;
	}
	.handiness_point ul li {
		height:auto;
		margin: 0 auto 10px;
		padding:15px 0;
		background:url(../images/sp_handiness_list_bg.png) center top repeat-y;
		background-size:100%;
	}
	.handiness_point ul li h4 {
		max-width: 320px;
		margin: 0 auto;
		padding-top: 0;
	}
	.handiness_point ul li > p small {
		padding:10px 15px 0 30px;
		font-size: 1.1rem;
		display:block;
	}
	.handiness_point_cont {
		width:auto;
		margin:20px auto 0;
	}
	.handiness_point_cont > p {
		margin-left:30px;
		font-size: 1.5rem;
	}
	.handiness_point_cont > img {
		width: 130px;
		padding: 0;
	}
  .accordion_faq {
    width: 100%;
  }
  .accordion_faq dt {
    padding: 10px;
  }
  .accordion_faq dt .arrow {
    right: 10px;
  }
  .accordion_faq dd {
		margin-bottom: 0;
    padding: 0 10px 10px;
  }
  .accordion_faq dd .inner {
    padding: 10px;
  }
  .accordion_faq dd .text {
    margin: 0 0 10px 10px;
  }
  #pc_popup section {
    padding: 20px;
    width: 80%;
  }
  #pc_popup section p {
    text-align: left;
  }
  #Main_inner.frozen {
    margin-bottom: 20px;
    background: none;
    background-color: #fdfbe6;
  }
  
  #Main_inner.frozen #Cont {
    margin: 0 auto;
    padding: 0 9px;
    width: auto;
  }

  .accordion_list {
    margin-bottom: 20px;
  }
  .accordion_list > dt.title {
    background: #0f488e!important;
  }
  .accordion_list > dt {
    padding: 10px 15px;
    position: relative;
    background: #41c5eb;
    color: #ffffff;
  }
  .accordion_list > dt:nth-of-type(odd) {
    background: #298ccb;
  }
  .accordion_list > dt img {
    margin-top: -6px;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 24px;
    height: 12px;
  }
  .accordion_list > dd {
    display: none;
  }
  .accordion_list > dd ul li {
    background: #ffffff;
    position: relative;
  }
  .accordion_list > dd ul.tokyo li:nth-child(even) {
    background: #e6f4f6;
  }
  .accordion_list > dd ul.other li:nth-child(even) {
    background: #cddaf5;
  }
  .accordion_list > dd ul li:after {
    margin-top: -5px;
    background: url('../images/sp_frozen_arrow_right.png') no-repeat;
    background-size: 9px 10px;
    content: '';
    width: 9px;
    height: 10px;
    position: absolute;
    right: 15px;
    top: 50%;
  }
  .accordion_list > dd ul li a {
    padding: 5px 15px;
    color: #013698;
    display: block;
  }
  .frozen #pc_popup section {
    background: #ffffff;
    text-align: left;
    font-size: 15px;
  }
  .frozen #pc_popup section dt {
    color: #298ccb;
    font-weight: bold;
  }
  .frozen #pc_popup section dd {
    margin-bottom: 20px;
  }
  .frozen #pc_popup section dd:last-child {
    margin-bottom: 5px;
  }
  .frozen #pc_popup section dd.blue {
    color: #10429e;
    font-weight: bold;
  }
  .frozen #pc_popup section dd a {
    text-decoration: underline;
    color: #10429e;
  }
  
  .frozen .shop_frozen .inner p {
    margin-bottom: 10px;
    width: auto;
  }
  
  .frozen .shop_frozen .inner p.shop-note {
    color: #303030;
  }
  
  .sp_top_btn {
    margin: 0 auto 20px;;
    padding: 5px 10px;
    border: 1px solid #b2b1ad;
    background: #ffffff;
    color: #2f2f2f!important;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
  }
  .sp_top_btn img {
    margin-right: 10px;
    width: 9px;
    height: 10px;
    display: inline;
    vertical-align: middle;
  }
  .top_btn {
    display: none;
  }
	
	#soda {
		margin-bottom:30px;
	}
	#soda img {
		display:block;
	}
	#soda .fv {
		background:none;
	}
	.soda_main {
		padding-bottom:45px;
		background:url(../images/sp_soda_bg.png) center top repeat-y;
		background-size:100%;
	}
	.soda_tit {
		padding:20px;
		font-size:16px;
	}
	.soda_osusume li {
		padding:10px;
		background:url(../images/sp_soda_osusume_bg.jpg) center top repeat-y;
		background-size:100%;
	}
	.soda_osusume_wrap {
		width:auto;
		display:block;
	}
	.soda_osusume_tit {
		padding:10px 5px 0;
		margin-bottom:0;
		font-size:17px;
	}
	.soda_osusume_tit:after {
		margin:8px -5px 0;
		height:3px;
	}
	.soda_osusume_wrap p {
		padding:10px 5px;
		font-size:13px;
		font-weight:normal;
	}
	.soda_01_txt,
	.soda_02_txt,
	.soda_03_txt {
		width:auto;
		padding:0;
	}
	.soda_01 img {
		width:40%;
		margin:0 auto;
	}
	.soda_02 img {
		width:100%;
	}
	.soda_02 .soda_osusume_tit {
		background-size:56px;
		background-position:right 10px;
	}
	.soda_03_txt p {
		padding-right:100px;
	}
	.soda_03_txt:after {
		width:56px;
		height:70px;
		background-size:56px;
		top:57%;
		bottom:auto;
		right:15px;
	}
	.soda_product {
		display:block;
	}
	.soda_product li {
		width:auto;
		padding:0 0 10px 55px;
		font-size:11px;
		margin:0 5px 15px;
	}
	.soda_product li:nth-child(1),
	.soda_product li:nth-child(2){
		background-size:70px;
		background-position:left 15px;
	}
	.soda_product li > div {
		height:auto;
		padding:30px 0;
		display:table;
	}
	.soda_product_img {
		width:80px;
		padding:0 10px;
		display:table-cell;
		vertical-align:middle;
	}
	.soda_product_txt {
		padding-right:10px;
		display:table-cell;
		vertical-align:middle;
	}
	.soda_product_name {
		padding:0 0 5px;
		font-size:11px;
	}
	.soda_product_name:after {
		bottom:-5px;
	}
	.soda_product li:nth-child(1) .soda_product_name,
	.soda_product li:nth-child(2) .soda_product_name {
		border-width:2px;
	}
	.soda_btn {
		margin-top:45px;
	}
	.soda_btn a {
		width:auto;
		margin:0 20px;
		line-height:40px;
		font-size:12px;
	}
	#soda p.note {
		width:auto;
		margin:0 15px;
		text-align:left;
		position:relative;
		z-index:100;
	}
	#soda .sp_content_menu {
		margin:20px 15px 0;
		position:relative;
		z-index:100;
	}


	
}