@charset "UTF-8";
/* CSS Document */



/* 
	for SP
	
*****************************************************/
@media screen and (max-width:767px){
	
	#top {background: url("../images/mv_sp.png") top center no-repeat; background-size: 100vw auto; padding-top: 3.125vw; position: relative;}
	#top h1 {width: 78.125vw; margin: 0 auto;}
	#top h1 img {margin-left: -0.78125vw;}
	#top h2 {width: 35.78125vw; margin: -9.375vw auto 0;}
	#top h3 {width: 54.84375vw; margin: 0 auto 3.125vw;}
	#top .twitter_widget.pc {display: none;}
	#top .twitter_widget.sp {background: url("../images/twi_widget_bg_sp.png") no-repeat top center; background-size:96.09375vw auto; width: 96.09375vw; height: 85.78125vw; margin: 0 auto; padding:2.34375vw 7.1875vw 5.3125vw;}
	
	.container .inner {-moz-font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; text-align: justify;}
	.container h1 {margin: 9.375vw auto 6.25vw;}
	.container .comingsoon {font-size: 4.6875vw; letter-spacing: 0.15em; text-align: center; width: 76.5625vw; height: 14.0625vw; margin: 0 auto; background: rgba(255,255,255,0.3); border-radius:1.5625vw; padding-top: 4.375vw;}
	
	#event h1 {width: 66.71875vw;}
	#event h1 img {margin-left: -1.25vw;}
	#event h2 {font-size: 3.75vw; line-height: 6.71875vw; letter-spacing: 0.15em; text-align: center; width: 81.25vw; margin: 0 auto 60px; position: relative; padding-top: 3.90625vw;}
	#event h2:before {content: ""; display: block; background: url("../images/lead_ornament_left.png") no-repeat; background-size: 4.0625vw auto; width: 4.0625vw; height: 19.6875vw; position: absolute; top: 0; left: 0;}
	#event h2:after {content: ""; display: block; background: url("../images/lead_ornament_right.png") no-repeat; background-size: 4.0625vw auto; width: 4.0625vw; height: 19.6875vw; position: absolute; top: 0; right: 0;}
	#event .date {width: 78.75vw; padding: 10.9375vw 3.125vw 6.25vw; background: url("../images/date_bg.png") repeat-y; background-size: 78.75vw auto; margin: 0 auto; position: relative;}
	#event .date:before {content: ""; display: block; background: url("../images/date_bg_top_sp.png") no-repeat; background-size: 83.28125vw auto; width: 83.28125vw; height: 9.21875vw; position: absolute; top: -2.03125vw; left: -2.03125vw;}
	#event .date:after {content: ""; display: block; background: url("../images/date_bg_bottom_sp.png") no-repeat; background-size: 83.28125vw auto; width: 83.28125vw; height: 9.21875vw; position: absolute; bottom: -3.125vw; left: -2.03125vw;}
	#event .date dl {display: flex; margin-bottom: 3.125vw; padding-bottom: 3.125vw; position: relative; border-bottom: 0.46875vw solid #775b46;}
	#event .date dl:before {content: ""; display: block; width: 18.28125vw; height: 5.625vw; background: #775b46; border-radius:2.8125vw; position: absolute; top: 0; left: 0;}
	#event .date dl dt {font-size: 3.125vw; line-height: 5.625vw; font-weight: bold; color: #f7f1e1; width: 18.28125vw; letter-spacing: 0; text-align: center; position: relative;}
	#event .date dl dd {font-size: 3.75vw; line-height: 5.625vw; color: #3c2e1d; padding-left: 3.125vw;}
	#event .date dl dd a {font-size: 3.125vw; display: block; background: url("../images/link_icon_sp.png") no-repeat left center; background-size: 3.125vw auto; padding-left: 4.6875vw;}
	#event .date dl dd a:link{ color:#3c2e1d; text-decoration: underline;}
	#event .date dl dd a:visited{ color:#3c2e1d; text-decoration:underline;}
	
	#cast h1 {width: 55vw;}
	#cast ul {text-align: center; margin-left: 5.46875vw; display: flex; flex-wrap: wrap; justify-content:center;}
	#cast ul li {width: 39.84375vw; margin-bottom: 6.25vw;}
	#cast ul li:nth-child(even) {margin-left: 3.125vw;}
	#cast ul li figcaption {width: 33.59375vw; font-size: 2.65625vw; line-height: 6.71875vw; font-style: italic; letter-spacing: 0.15em; background: url("../images/cast_name_border.png") no-repeat center; background-size: 33.59375vw; position: relative;}
	#cast ul li figcaption.night:after {content: "（夜公演のみ）"; font-size: 2.8125vw; position: absolute; top: 10.15625vw; left: 6.5625vw;}
	#cast ul li figcaption.add730:after {content: "7/30追加！"; font-size: 2.8125vw; color: #ffff00; position: absolute; top: 10.15625vw; left: 8vw;}
	#cast ul li figcaption strong {font-size: 3.4375vw;}
	#cast p {font-size: 3.4375vw; line-height: 5vw; letter-spacing: 0.15em; text-align: center;}
	
	#ticket h1 {width: 58.90625vw;}
	#ticket .wrap {margin: 0 0 11.71875vw;}
	#ticket .wrap h2 {margin: 0 auto 3.125vw;}
	#ticket .wrap p {width: 75vw; margin: 0 auto; font-size: 3.4375vw; line-height: 5vw; letter-spacing: 0.15em; text-align: center;}
	#ticket .wrap table {font-size: 3.75vw; line-height: 5.625vw; letter-spacing: 0; border-left: 1px solid #ccc; border-top: 1px solid #ccc; width: 81.25vw; margin: 0 auto 4.6875vw;}
	#ticket .wrap table th,#ticket .wrap table td {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 3.125vw; font-weight: bold;}
	#ticket .wrap table th {color: #60d1ff;}
	#ticket .wrap table tr:nth-child(1) {background: rgba(24,73,242,0.30);}
	#ticket .wrap table tr:nth-child(2) {background: rgba(29,159,242,0.30);}
	#ticket .wrap table tr:nth-child(3) {background: rgba(0,210,255,0.30);}
	#ticket .wrap .btn a {width: 81.25vw; height: 14.53125vw; display: block; background:url("../images/btn_apply.png") no-repeat; background-size:81.25vw auto; margin: 7.8125vw auto 0; text-decoration: none;}
	#ticket .wrap .btn.off a {width: 81.25vw; height: 14.53125vw; display: block; background:url("../images/btn_apply_off.png") no-repeat; background-size:81.25vw auto; margin: 7.8125vw auto 0; text-decoration: none; pointer-events: none;}
	#ticket .wrap .btn a:link {text-decoration: none;}
	#ticket .wrap.wrap01 h2 {width: 46.875vw; padding-top: 3.125vw;}
	#ticket .wrap.wrap01 .price {text-align: center; font-size: 3.4375vw; letter-spacing: 0.2em; font-style: italic; position: relative; margin-bottom: 4.6875vw;}
	#ticket .wrap.wrap01 .price strong {font-size: 7.03125vw; font-weight: bold;}
	#ticket .wrap.wrap01 .price:after {content: ""; display: block; background: #2857e5; width: 46.875vw; height: 0.625vw; position: absolute; top: 7.03125vw; left: 50%; margin-left: -23.4375vw;}
	#ticket .wrap.wrap01 dl {font-size: 3.75vw; line-height: 5.625vw; letter-spacing: 0.08em; text-align: center; padding-top: 5.46875vw;}
	#ticket .wrap.wrap01 dl dt {font-weight: bold; margin-bottom: 1.5625vw; position: relative; z-index: 1; color: #2857e5;}
	#ticket .wrap.wrap01 dl dt:before {content: ""; display: block; width: 55vw; height: 5.625vw; background: #fff; border-radius:2.8125vw; position: absolute; top: 0; left: 50%; margin-left: -27.5vw; z-index: -1;}
	#ticket .wrap.wrap01 dl dd {margin-bottom: 4.6875vw;}
	#ticket .wrap.wrap01 dl dd a:link {text-decoration: underline;}
	#ticket .wrap.wrap02 h2 {width: 46.875vw;}
	#ticket .wrap.wrap02 p {text-align: center;}
	#ticket .wrap.wrap03 h2 {width: 46.875vw;}
	#ticket .wrap.wrap04 {margin-bottom: 0;}
	#ticket .wrap.wrap04 h2 {width: 46.875vw;}
	#ticket .wrap.wrap04 .general_period {width: 81.25vw; margin: 0 auto; border: 1px solid #ccc; background: rgba(24,73,242,0.30); font-size: 3.75vw; line-height: 5.625vw; letter-spacing: 0.1em; font-weight: bold; text-align: center; padding: 3.90625vw;}
	#ticket .wrap.wrap04 p {letter-spacing: 0.1em; padding-top: 4.6875vw;}
	
	#goods h1 {width: 57.34375vw;}
	#goods .wrap {margin: 0 0 11.71875vw;}
	#goods .wrap h2 {margin: 0 auto 3.125vw;}
	#goods .wrap.wrap01 h2 {width: 50vw; padding-top: 3.125vw;}
	#goods .wrap.wrap01 .time {font-size: 3.4375vw; font-weight: bold; letter-spacing: 0.1em; line-height: 6.25vw; font-style: italic; vertical-align: baseline; text-align: center; margin-bottom: 3.125vw;}
	#goods .wrap.wrap01 .time strong {font-size: 5.3125vw;}
	#goods .wrap.wrap01 .time + p {font-size: 3.4375vw; line-height: 5vw; letter-spacing: 0.15em; text-align: center;}
	#goods .wrap.wrap02 li {width: 81.25vw; background: url("../images/date_bg.png") repeat; background-size: 78.75vw auto; padding: 7.8125vw 3.125vw; margin: 0 auto 6.25vw; position: relative;}
	#goods .wrap.wrap02 li:before {content: ""; display: block; background: url("../images/item_bg_top.png") no-repeat; background-size: 85.46875vw auto; width: 85.46875vw; height: 7.03125vw; position: absolute; top: -1.5625vw; left: -1.5625vw;}
	#goods .wrap.wrap02 li:after {content: ""; display: block; background: url("../images/item_bg_bottom.png") no-repeat; background-size: 85.46875vw auto; width: 85.46875vw; height: 7.03125vw; position: absolute; bottom: -3.125vw; left: -1.875vw;}
	#goods .wrap.wrap02 li h3 {font-size: 4.0625vw; font-weight: bold; letter-spacing: 0em; font-style: italic; line-height: 5.625vw; text-align: center; color: #3c2e1d; margin-bottom: 3.125vw;}
	#goods .wrap.wrap02 li figure {border: solid 1px #b1a093; width: 71.875vw; margin: 0 auto 4.6875vw;}
	#goods .wrap.wrap02 li dl {width: 75vw; display: flex; flex-wrap: wrap; line-height: 4.0625vw;}
	#goods .wrap.wrap02 li dl dt,#goods .wrap.wrap02 li dl dd {padding: 2.34375vw 0;}
	#goods .wrap.wrap02 li dl dt {font-size: 2.8125vw; color: #fff; width: 23.4375vw; font-weight: bold; text-align: center; position: relative; z-index: 1;}
	#goods .wrap.wrap02 li dl dt:before {content: ""; display: block; width: 23.4375vw; height: 4.6875vw; background: #775b46; border-radius:2.8125vw; position: absolute; top: 1.9vw; left: 0; z-index: -1;}
	#goods .wrap.wrap02 li dl dd {font-size: 3.125vw; letter-spacing: 0.1em; color: #3c2e1d; width: 51.5625vw; text-align: justify; padding-left: 3.125vw; position: relative;}
	#goods .wrap.wrap02 li dl dd:after {content:""; display: block; width: 75vw; height: 1px; background: #775b46; position: absolute; bottom: 0; left: -23.4375vw;}
	#goods .wrap.wrap02 li dl + p {font-size: 3.125vw; letter-spacing: 0.1em; text-align: center; color: #3c2e1d; padding-top: 3.125vw;}
	#goods .wrap.wrap03 h2 {width: 50vw; padding-top: 3.125vw;}
	#goods .wrap.wrap03 h3 {font-size: 5vw; letter-spacing: 0.15em; text-align: center; font-weight: bold; font-style: italic;}
	#goods .wrap.wrap03 p {font-size: 3.4375vw; line-height: 5vw; letter-spacing: 0.15em; text-align: center; padding: 3.90625vw 0;}
	#goods .wrap.wrap03 figure {width: 84.0625vw; margin: 0 auto;}
	#goods .wrap.wrap03 dl {width: 75vw; margin: 0 auto; display: flex; flex-wrap: wrap; line-height: 4.0625vw;}
	#goods .wrap.wrap03 dl dt,#goods .wrap.wrap03 dl dd {padding: 2.34375vw 0;}
	#goods .wrap.wrap03 dl dt {font-size: 2.8125vw; color: #131a56; width: 23.4375vw; font-weight: bold; text-align: center; position: relative; z-index: 1;}
	#goods .wrap.wrap03 dl dt:before {content: ""; display: block; width: 23.4375vw; height: 4.6875vw; background: #fff; border-radius:2.8125vw; position: absolute; top: 1.9vw; left: 0; z-index: -1;}
	#goods .wrap.wrap03 dl dd {font-size: 3.125vw; color: #fff; width: 51.5625vw; text-align: justify; padding-left: 3.125vw; position: relative;}
	#goods .wrap.wrap03 dl dd:after {content:""; display: block; width: 75vw; height: 1px; background: #fff; position: absolute; bottom: 0; left: -23.4375vw;}
	#goods .wrap.wrap04 {background: rgba(24,73,242,0.3); border: 1px solid #ccc; padding: 4.6875vw 3.125vw; width: 81.25vw; margin: 0 auto;}
	#goods .wrap.wrap04 h4 {font-size: 4.375vw; text-align: center; font-weight: bold; color: #60d1ff; margin-bottom: 4.6875vw;}
	#goods .wrap.wrap04 ul {font-size: 3.75vw; line-height: 6.25vw; letter-spacing: 0.1em; text-align: justify; padding-left: 1em;}
	#goods .wrap.wrap04 ul li {margin-bottom: 4.6875vw; text-indent: -1em;}
	#goods .wrap.wrap04 ul li:last-child {margin-bottom: 0;}
	
	#attention h1 {width: 62.8125vw;}
	#attention h2 {font-size: 4.375vw; letter-spacing: 0.1em; font-weight: bold; color: #60d1ff; text-align: center; padding: 3.90625vw 0;}
	#attention h3 {font-size: 3.75vw; line-height: 6.25vw; letter-spacing: 0.1em; text-align: center; width: 81.25vw; margin: 0 auto; font-weight: bold; margin-bottom: 0.5rem;}
	#attention p + h3,#attention ul + h3 {padding-top: 2rem;}
	#attention ul+h2,#attention p+h2 {margin-top: 6.25vw;}
	#attention ul {font-size: 3.75vw; line-height: 6.25vw; letter-spacing: 0.1em; text-align: justify; width: 81.25vw; margin: 0 auto; padding-left: 1em;}
	#attention ul li {margin-bottom: 0.8em; text-indent: -1em;}
	#attention p {font-size: 3.75vw; line-height: 6.25vw; letter-spacing: 0.1em; text-align: center; width: 81.25vw; margin: 0 auto;}
	#attention p a:link {text-decoration: underline;}
	#attention p.closing {letter-spacing: 0.08em; text-align: justify; padding-top: 2rem;}
	#attention p.justify {text-align: justify;}
	
}

/* 
	for PC
	
*****************************************************/
@media screen and (min-width:768px){
	
	main {background: url("../images/mv_pc.png") top center no-repeat; min-width: 1000px;}
	
	#top .inner {width: 1000px; margin: 0 auto; padding-top: 54px; position: relative;}
	#top h1 {width: 500px; margin-left: 24px;}
	#top h2 {width: 229px; margin-left: 159px; margin-top: -65px;}
	#top h3 {width: 351px; margin-left: 98px; margin-top: -2px;}
	#top .twitter_widget.sp {display: none;}
	#top .twitter_widget.pc {background: url("../images/twi_widget_bg_pc.png") no-repeat top center; background-size:350px auto; width: 350px; height: 420px; overflow: hidden; margin: 0 auto; padding:15px; position: absolute; top: 143px; right: 93px;}
	
	.container h1 {margin: 60px auto 40px;}
	.container .comingsoon {font-size: 30px; letter-spacing: 0.15em; text-align: center; width: 490px; height: 90px; margin: 0 auto; background: rgba(255,255,255,0.3); border-radius:10px; padding-top: 28px;}
	
	#event h1 {width: 427px;}
	#event h1 img {margin-left: -8px;}
	#event h2 {font-size: 18px; line-height: 36px; letter-spacing: 0.15em; text-align: center; width: 675px; margin: 0 auto 80px; position: relative; padding-top: 25px;}
	#event h2:before {content: ""; display: block; background: url("../images/lead_ornament_left.png") no-repeat; background-size: 26px auto; width: 26px; height: 126px; position: absolute; top: 0; left: 0;}
	#event h2:after {content: ""; display: block; background: url("../images/lead_ornament_right.png") no-repeat; background-size: 25px auto; width: 25px; height: 126px; position: absolute; top: 0; right: 0;}
	
	#event .date {width: 640px; padding: 70px 50px; background: url("../images/date_bg.png") repeat; margin: 0 auto; position: relative;}
	#event .date:before {content: ""; display: block; background: url("../images/date_bg_top_pc.png") no-repeat; width: 669px; height: 59px; position: absolute; top: -15px; left: -15px;}
	#event .date:after {content: ""; display: block; background: url("../images/date_bg_bottom_pc.png") no-repeat;width: 669px; height: 59px; position: absolute; bottom: -15px; left: -15px;}
	#event .date dl {display: flex; margin-bottom: 15px; padding-bottom: 15px; position: relative; border-bottom: 3px solid #775b46;}
	#event .date dl:before {content: ""; display: block; width: 93px; height: 28px; background: #775b46; border-radius:14px; position: absolute; top: -1.5px; left: 0;}
	#event .date dl dt {font-size: 15px; line-height: 25px; font-weight: bold; color: #f7f1e1; width: 93px; letter-spacing: 0; text-align: center; position: relative;}
	#event .date dl dd {font-size: 18px; line-height: 25px; color: #3c2e1d; padding-left: 30px;}
	#event .date dl dd a {font-size: 16px; display: block; background: url("../images/link_icon_pc.png") no-repeat left center; background-size: 17px auto; padding-left: 22px;}
	#event .date dl dd a:link {color:#3c2e1d; text-decoration: underline;}
	#event .date dl dd a:visited {color:#3c2e1d; text-decoration:underline;}
	#event .date dl dd a:hover {color:#3c2e1d; text-decoration:none;}
	#event .date dl dd a:active {color:#3c2e1d; text-decoration:underline;}
	
	#cast h1 {width: 352px;}
	#cast ul {text-align: center; display: flex; flex-wrap: wrap; justify-content:center; margin-left: 54px;}
	#cast ul li {width: 255px; margin-bottom: 50px; margin-right: 20px;}
	#cast ul li figcaption {width: 215px; font-size: 16px; line-height: 40px; font-style: italic; letter-spacing: 0.15em; background: url("../images/cast_name_border.png") no-repeat center; position: relative;}
	#cast ul li figcaption.night:after {content: "（夜公演のみ）"; font-size: 17px; position: absolute; top: 65px; left: 40px;}
	#cast ul li figcaption.add730:after {content: "7/30追加！"; font-size: 17px; color: #ffff00; position: absolute; top: 65px; left: 57px;}
	#cast ul li figcaption strong {font-size: 22px;}
	#cast p {font-size: 15px; line-height: 30px; letter-spacing: 0.15em; text-align: center;}
	
	#cast ul li:nth-child(7),#cast ul li:nth-child(8),#cast ul li:nth-child(9),#cast ul li:nth-child(10) {width: 275px; margin-bottom: 50px; margin-right: 20px; padding: 0 10px;}
	
	#ticket h1 {width: 377px;}
	#ticket .wrap {margin: 0 0 75px;}
	#ticket .wrap h2 {margin: 0 auto 20px;}
	#ticket .wrap p {width: 840px; margin: 0 auto; font-size: 15px; line-height: 30px; letter-spacing: 0.15em; text-align: center;}
	#ticket .wrap table {font-size: 18px; line-height: 25px; letter-spacing: 0.05em; border-left: 2px solid #ccc; border-top: 2px solid #ccc; width: 690px; margin: 0 auto 15px;}
	#ticket .wrap table th,#ticket .wrap table td {border-bottom: 2px solid #ccc; border-right: 2px solid #ccc; padding: 15px; font-weight: bold;}
	#ticket .wrap table th {color: #60d1ff;}
	#ticket .wrap table tr:nth-child(1) {background: rgba(24,73,242,0.30);}
	#ticket .wrap table tr:nth-child(2) {background: rgba(29,159,242,0.30);}
	#ticket .wrap table tr:nth-child(3) {background: rgba(0,210,255,0.30);}
	#ticket .wrap .btn a {width: 312px; height: 56px; display: block; background: url("../images/btn_apply.png") no-repeat; background-size:312px auto; margin: 30px auto 0;}
	#ticket .wrap .btn.off a {width: 312px; height: 56px; display: block; background: url("../images/btn_apply_off.png") no-repeat; background-size:312px auto; margin: 30px auto 0; pointer-events: none;}
	#ticket .wrap.wrap01 h2 {width: 300px; padding-top: 20px;}
	#ticket .wrap.wrap01 .price {text-align: center; font-size: 22px; letter-spacing: 0.2em; font-style: italic; position: relative; margin-bottom: 20px;}
	#ticket .wrap.wrap01 .price strong {font-size: 45px; font-weight: bold;}
	#ticket .wrap.wrap01 .price:after {content: ""; display: block; background: #2857e5; width: 300px; height: 4px; position: absolute; top: 40px; left: 50%; margin-left: -150px;}
	#ticket .wrap.wrap01 dl {font-size: 15px; line-height: 25px; letter-spacing: 0.1em; padding-top: 35px; width: 600px; margin: 0 auto; display: flex; flex-wrap: wrap;}
	#ticket .wrap.wrap01 dl dt {font-weight: bold; margin-bottom: 10px; position: relative; z-index: 1; color: #2857e5; width: 200px; text-align: center;}
	#ticket .wrap.wrap01 dl dt:before {content: ""; display: block; width: 200px; height: 28px; background: #fff; border-radius:14px; position: absolute; top: -1.5px; left: 50%; margin-left: -100px; z-index: -1;}
	#ticket .wrap.wrap01 dl dd {margin-bottom: 30px; width: 400px; padding-left: 20px; position: relative;}
	#ticket .wrap.wrap01 dl dd:after {content: ""; display: block; width: 600px; height: 2px; background: rgba(255,255,255,0.3); position: absolute; bottom: -17px; left: -200px;}
	#ticket .wrap.wrap01 dl dd a:link {pointer-events: none;}
	
	#ticket .wrap.wrap02 h2 {width: 300px;}
	#ticket .wrap.wrap03 h2 {width: 300px;}
	#ticket .wrap.wrap04 {margin-bottom: 0;}
	#ticket .wrap.wrap04 h2 {width: 300px;}
	#ticket .wrap.wrap04 .general_period {width: 690px; margin: 0 auto; border: 1px solid #ccc; background: rgba(24,73,242,0.30); font-size: 18px; line-height: 25px; letter-spacing: 0.1em; font-weight: bold; text-align: center; padding: 20px;}
	#ticket .wrap.wrap04 p {padding-top: 15px;}
	
	
	#goods h1 {width: 367px;}
	#goods .wrap {margin: 0 0 75px;}
	#goods .wrap h2 {margin: 0 auto 20px;}
	#goods .wrap.wrap01 h2 {width: 300px; padding-top: 20px;}
	#goods .wrap.wrap01 .time {font-size: 24px; font-weight: bold; letter-spacing: 0.15em; line-height: 45px; font-style: italic; vertical-align: baseline; text-align: center; margin-bottom: 20px; font-feature-settings: "palt";-moz-font-feature-settings: "palt";-webkit-font-feature-settings: "palt";}
	#goods .wrap.wrap01 .time strong {font-size: 34px;}
	#goods .wrap.wrap01 .time + p {font-size: 15px; letter-spacing: 0.15em; text-align: center;}
	#goods .wrap.wrap02 {display: flex; flex-wrap: wrap; justify-content: center;}
	#goods .wrap.wrap02 li {width: 395px; background: url("../images/date_bg.png") repeat; padding: 30px 30px; margin: 25px; position: relative;}
	#goods .wrap.wrap02 li.indention {margin: 25px 100px;}
	#goods .wrap.wrap02 li:before {content: ""; display: block; background: url("../images/item_bg_top.png") no-repeat; background-size: 413px auto; width: 413px; height: 32px; position: absolute; top: -10px; left: -8px;}
	#goods .wrap.wrap02 li:after {content: ""; display: block; background: url("../images/item_bg_bottom.png") no-repeat; background-size: 413px auto; width: 413px; height: 32px; position: absolute; bottom: -15px; left: -10px;}
	#goods .wrap.wrap02 li h3 {font-size: 18px; font-weight: bold; letter-spacing: 0em; font-style: italic; line-height: 30px; text-align: center; color: #3c2e1d; margin-bottom: 10px; font-feature-settings: "palt";-moz-font-feature-settings: "palt";-webkit-font-feature-settings: "palt";}
	#goods .wrap.wrap02 li figure {border: solid 1px #b1a093; background: #fff; width: 335px; height: 335px; margin: 0 auto; display: table-cell; text-align: center; vertical-align: middle;}
	#goods .wrap.wrap02 li dl {width: 335px; display: flex; flex-wrap: wrap; line-height: 20px; margin-top: 20px;}
	#goods .wrap.wrap02 li dl dt,#goods .wrap.wrap02 li dl dd {padding: 10px 0;}
	#goods .wrap.wrap02 li dl dt {font-size: 13px; color: #fff; width: 110px; font-weight: bold; text-align: center; position: relative; z-index: 1;}
	#goods .wrap.wrap02 li dl dt:before {content: ""; display: block; width: 110px; height: 25px; background: #775b46; border-radius: 12.5px; position: absolute; top: 6.5px; left: 0; z-index: -1;}
	#goods .wrap.wrap02 li dl dd {font-size: 15px; color: #3c2e1d; width: 225px; letter-spacing: 0em; text-align: justify; padding-left: 13px; position: relative;}
	#goods .wrap.wrap02 li dl dd:after {content:""; display: block; width: 335px; height: 1px; background: #775b46; position: absolute; bottom: 0; left: -110px;}
	#goods .wrap.wrap02 li dl + p {font-size: 13px; letter-spacing: 0.1em; text-align: center; color: #3c2e1d; padding-top: 15px;}
	#goods .wrap.wrap03 h2 {width: 300px; padding-top: 20px;}
	#goods .prise {width: 780px; margin: 0 auto; position: relative; padding: 65px 0 100px 395px;}
	#goods .prise figure {width: 326px; position: absolute; top: -20px; left: 15px;}
	#goods .prise h3 {font-size: 30px; letter-spacing: 0.15em; text-align: center; font-weight: bold; font-style: italic;}
	#goods .prise p {font-size: 15px; letter-spacing: 0.15em; text-align: center; padding: 10px 0;}
	#goods .prise dl {width: 395px; display: flex; flex-wrap: wrap; line-height: 20px; margin-top: 20px;}
	#goods .prise dl dt,#goods .prise dl dd {padding: 10px 0;}
	#goods .prise dl dt {font-size: 13px; color: #131a56; width: 110px; font-weight: bold; text-align: center; position: relative; z-index: 1;}
	#goods .prise dl dt:before {content: ""; display: block; width: 110px; height: 25px; background: #fff; border-radius: 12.5px; position: absolute; top: 6.5px; left: 0; z-index: -1;}
	#goods .prise dl dd {font-size: 15px; color: #fff; width: 285px; letter-spacing: 0em; text-align: justify; padding-left: 13px; position: relative;}
	#goods .prise dl dd:after {content:""; display: block; width: 395px; height: 1px; background: #fff; position: absolute; bottom: 0; left: -110px;}
	#goods .wrap.wrap04 {background: rgba(24,73,242,0.3); border: 1px solid #ccc; padding: 30px; width: 780px; margin: 0 auto;}
	#goods .wrap.wrap04 h4 {font-size: 18px; text-align: center; font-weight: bold; color: #60d1ff; margin-bottom: 20px;}
	#goods .wrap.wrap04 ul {font-size: 15px; line-height: 25px; letter-spacing: 0.05em; text-align: justify; padding-left: 1em;}
	#goods .wrap.wrap04 ul li {margin-bottom: 20px; text-indent: -1em;}
	#goods .wrap.wrap04 ul li:last-child {margin-bottom: 0;}
	
	
	
	#attention h1 {width: 402px;}
	#attention h2 {font-size: 18px; letter-spacing: 0.1em; font-weight: bold; color: #60d1ff; text-align: center; padding: 20px 0 10px;}
	#attention h3 {font-size: 15px; line-height: 30px; letter-spacing: 0.15em; text-align: center; width: 690px; margin: 0 auto; font-weight: bold;}
	#attention p + h3,#attention ul + h3 {padding-top: 2em;}
	#attention ul+h2,#attention p+h2 {margin-top: 40px;}
	#attention ul {font-size: 15px; line-height: 25px; letter-spacing: 0.15em; text-align: justify; width: 690px; margin: 5px auto 0; padding-left: 1em;}
	#attention ul li {margin-bottom: 0.5em; text-indent: -1em;}
	#attention p {font-size: 15px; line-height: 30px; letter-spacing: 0.15em; text-align: center; width: 690px; margin: 0 auto;}
	#attention p a:link {pointer-events: none;}
	#attention p.closing {padding-top: 3em;}
	#attention p.justify {text-align: justify;}
		
}

@media screen and (min-width:1401px){
	main { background-size: 100vw auto;}
}