@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);


/*------------------------------------------
reset.css
------------------------------------------*/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}




/*------------------------------------------
style.css
------------------------------------------*/

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

body{
	/*font: 16px/1.6;*/
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	margin: 0;
	color: #000000;
}

img{
	outline:none;
	border-style:none;
}

a{
	color: #000000;
	text-decoration: none;
}
a:visited{
    color: #000000;
}
a:hover {
    color: #000000;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background: transparent;
}

/*****HEADER PC*****/
#pc_menu h1{
	margin: 20px 0px 0px 20px;
	float: left;
}

#pc_menu h1 a{
    display: block;
	height: 60px;
	width: 130px;
	background: url(/images/sonae/logo.png) no-repeat;
	background-size: 130px ;
	text-indent:100%;
	white-space: nowrap;
	overflow: hidden;
}

#pc_menu{
	display: block;
	max-width: 1200px;
	min-width: 1000px;
	height: 100px;
	margin: 0px auto;
}

.pc_ex{
	float: left;
	display: block;
	min-width: 120px;
	margin: 20px 0px 0px 20px;
	padding: 10px;
	background: #900;
	color: #FFF;
	border-radius: 5px;
	font: 80% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media screen and (min-width:1021px) { 

.sp_ex{
	display: none;
}

}

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

.sp_ex{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	background: #900;
	color: #FFF;
	font: 80% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
}

}

/*****MENU1*****/

#pc_menu #r_menu{
	display: block;
	float: right;
}

#pc_menu #r_menu ul{
	list-style: none;
	float: left;
}

#pc_menu #r_menu ul li{ 	
    display: inline;
} 

#pc_menu #r_menu .info {
    font-size:90%;
	margin: 45px 20px 0px 0px;
}


#pc_menu #r_menu .info li:not(:last-child):after {
	content: "/";
	font-size: 12px;
	margin: 0px 10px 0px 10px;
}

.breadcrumb li a,
.gnav li a,
.info li a,
#pc_nav li a,
footer li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.breadcrumb li a::after,
.gnav li a::after,
.info li a::after,
#pc_nav li a::after,
footer li a::after {
	position: absolute;
	bottom: -7px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #666;
	opacity: 0;
	visibility: hidden;
	transition: .2s;
}

.breadcrumb li a:hover::after,
.gnav li a:hover::after,
.info li a:hover::after,
#pc_nav li a:hover::after,
footer li a:hover::after {
  bottom: -5px;
  opacity: 1;
  visibility: visible;
}


/*****MENU2*****/


#r_menu .btn {
	width: 334px;
	border-right: 1px solid #E7E7E7;
}

#r_menu .btn li a {
	display: block;
	float: left;
	height: 40px;
	width: 110px;
	border-left: 1px solid #E7E7E7;
	text-align: center;
	padding: 60px 0px 0px 0px;
}

#r_menu .btn li span {
	display: block;
	float: left;
	height: 40px;
	width: 110px;
	border-left: 1px solid #E7E7E7;
	text-align: center;
	padding: 60px 0px 0px 0px;
}

#r_menu .btn li:nth-child(1) span{
	background: url(/images/sonae/icn_search.png) no-repeat center 30px;
	background-size: 20px;
}

#r_menu .btn li:nth-child(2) a{
	background: url(/images/sonae/icn_fav.png) no-repeat center 30px;
	background-size: 20px;
}

#r_menu .btn li:nth-child(3) a{
	background: url(/images/sonae/icn_out.png) no-repeat center 30px;
	background-size: 20px ;
}


.btn{
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
}

.btn li:nth-child(1) span,
.btn li:nth-child(2) a,
.btn li:nth-child(3) a{
  color:#000;
  text-decoration:none;
  transition:all .5s ease;
  z-index:2;
  position:relative;
}


.eff-1,
.eff-2,
.eff-3{
  width:111px;
  height:100px;
  bottom:-100px;
  background:#000;
  position:absolute;
  transition:all .3s ease;
  z-index:0;
}

.eff-4{
  width:111px;
  height:100px;
  bottom:0px;
  background:#000;
  position:absolute;
  z-index:0;
  display: none;
}


.eff-2{
	left: 111px;
}

.eff-3{
	left: 222px;
}


.btn li:nth-child(1):hover .eff-1,
.btn li:nth-child(2):hover .eff-2,
.btn li:nth-child(3):hover .eff-3{
  bottom:0;
}

.btn li:nth-child(1):hover span,
.btn li:nth-child(2):hover a,
.btn li:nth-child(3):hover a{
  color:#fff;
}

.btn .selected{
  color:#fff !important;
}


/*****NAV*****/
#pc_nav{
	text-align: center;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	overflow: hidden;
}

#pc_nav ul{
	white-space: nowrap;
	display: inline-block;
	height: 20px;
	margin: 0px auto;
	padding: 20px 0px 20px 0px;
}

#pc_nav li{
	display: inline-block;
}



#pc_nav li:not(:last-child):after {
	content: "/";
	font-size: 80%;
	margin: 0px 8px 0px 8px;
}


/*****BRANDING*****/
#branding{
    display: block;
    width: 60%;
    margin-left: 20%;
    overflow: hidden;
    background-color: #313131;
    margin-bottom: 20px;
    letter-spacing: 10px;
    line-height: 300px;
}
#branding p{
    color: #fff;
    font-size: 120%;
    padding-left: 3%;
}



nav li:hover{
}

/*****FOOTER*****/

footer{
	display: block;
	max-width: 1200px;
	min-width: 320px;
	margin: 80px auto 50px;
	text-align: center;
	font-size: 90%;
}

footer .page_top a{
	display: block;
	height: 16px;
	width: 28px;
	background: url(/images/sonae/icn_page_top.png) no-repeat;
	background-size: 28px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 40px auto 20px;
}


footer li {
    display: inline;
}

footer li a {
	margin: 0px 0px 10px 0px;
}

footer li:not(:last-child):after {
	content: "/";
	font-size: 12px;
	margin: 0px 20px 0px 20px;
}


footer address{
	font-style: normal;
}

footer .ringbell{
	display: block;
	height: 23px;
	width: 160px;
	background: url(/images/sonae/common/logo_ringbell.png) no-repeat;
	background-size: 160px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 40px auto 20px;
}



/*****CATEGORY MENU*****/

.gnav-wrapper {
	background: #FFF;
	position: relative;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}

.gnav {
	display: flex;
	justify-content: space-around;
	max-width: 1200px;
	min-width: 1000px;
	height: 50px;
	margin: 0px auto;
	font-size: 110%;
	letter-spacing: -1px;
}

.gnav li {
	padding: 18px 0px;
	text-align: center;
	transition: all .2s ease-in-out;
}

.gnav a {
	padding: 0px;
}

.gnav li:hover .megamenu {
	max-height: 9999px;
	opacity: 1;
	padding: 10px 0px 30px 0px;
}

.gnav .megamenu {
	background: #FFF;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	width: 100%;
	position: absolute;
	top: 50px;
	left: 0;
	transition: all .2s ease;
	z-index: 10000;
	border-bottom: 1px solid #DDDDDD;
}

/*****CATEGORY MENU SUB*****/

.megamenu .cnt {
	display: block;
	max-width: 1160px;
	min-width: 1040x;
	margin: 0px auto;
	text-align: left;
	padding: 0px 0px 0px 30px;
}

.megamenu .cnt h3 {
	font-size: 160%;
	position: relative;
	align-items: center;
	display: flex;
	font-weight: normal;
}

.megamenu .cnt h3 img {
	border-radius: 50%;
	max-width: 70px;
	min-width: 70px;
	margin: 0px 20px 0px 0px;
}

.megamenu .cnt ul {
    display: flex;
	flex-wrap: wrap;
}

.megamenu .cnt ul li {
	display: block;
	padding: 15px 0px 0px 10px;
	background: url(/images/sonae/arrow_min.png) no-repeat 0px 20px;
	text-align: left;
	margin: 0px 40px 0px 0px;
}

/*****SEARCH MENU****/

#search_cnt {
	position: relative;
	background: #000;
	width: 100%;
	z-index: 10001;
	float: left;
}

#search_cnt {
  display: none;
  position: absolute;
}

#search_cnt .cnt {
	display: block;
	text-align: left;
	max-width: 1120px;
	min-width: 1000x;
	margin: 20px auto 10px;
	padding: 0px 20px 0px 20px;
}


/* CATEGORY */

#search_cnt .search_gnav-wrapper {
    color: #fff;
	display: block;
	max-width: 1200px;
	min-width: 1000x;
	margin: 0px auto;
}

#search_cnt .search_gnav-wrapper a {
	font-size: 100%;
    color: #fff;
	margin: 0px 0px 0px 0px;
}

#search_cnt .search_gnav-wrapper ul a {
	font-size: 100%;
    color: #fff;
	margin: 0px 0px 5px 0px;
}

#search_cnt .search_gnav-wrapper {
	margin: 30px 0px 0px 0px;
    display: flex;
	flex-wrap: wrap;
}

#search_cnt .search_gnav-wrapper div {
	width: 200px;
	margin: 0px 10px 20px 0px;
}


#search_cnt .search_gnav-wrapper ul a {
	padding: 10px 0px 0px 10px;
	background: url(/images/sonae/arrow_min.png) no-repeat 0px 15px;
	text-align: left;
	margin: 0px 0px 0px 0px;
}


#search_cnt .search_gnav-wrapper a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

#search_cnt .search_gnav-wrapper a::after {
	position: absolute;
	bottom: -7px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #CCC;
	opacity: 0;
	visibility: hidden;
	transition: .2s;
}

#search_cnt .search_gnav-wrapper a:hover::after {
  bottom: -5px;
  opacity: 1;
  visibility: visible;
}


/* INPUT */

#search_cnt input[type="text"] {
	margin: 10px 10px 0px 0px;
	outline: none;
	padding: 0.5em 3.5em 0.5em 1em;
	font: inherit;
	line-height: 1.5em;
	border: 1px solid #FFF;
	border-radius: 4px;
	min-width: 220px;
	width : calc(100% - 550px) ;
}

#search_cnt input[type="text"]:focus {
  border-color: #FFF;
}


/* BUTTON */

#search_cnt .button02{
	font: inherit;
	outline: none;
	border: none;
	width: 100px;
	height:42px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	background-color: #666; /*ボタン色*/
	border-radius: 4px; /*角丸*/
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	margin: 10px 10px 0px 0px;
	cursor:pointer;

}
#search_cnt .button02:hover{
     background-color: #777 /*ボタン色*/
}

#search_cnt .button03{
	font: inherit;
	outline: none;
	border: none;
	width: 42px;
	height: 42px;
	color: #FFF;
	text-decoration: none;
	text-align: center; /*ボタン色*/
	border-radius: 4px; /*角丸*/
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	margin: 10px 10px 0px 0px;
	cursor: pointer;
	background: #666 url(/images/sonae/icn_mic.png) no-repeat center center;
	background-size:20px 20px;
}
#search_cnt .button03:hover{
     background-color: #777 /*ボタン色*/
}


/* SELECT */

#search_cnt select {
	background-color: white;
	border: thin solid #FFF;
	border-radius: 4px;
	display: inline-block;
	font: inherit;
	line-height: 1.5em;
	padding: 0.5em 3.5em 0.5em 1em;
	
	margin: 10px 10px 0px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}

#search_cnt select.round {
  background-image:
    linear-gradient(45deg, transparent 50%, #AAA 50%),
    linear-gradient(135deg, #AAA 50%, transparent 50%),
    radial-gradient(#AAA 70%, transparent 72%);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - .5em) .5em;
  background-size:
    5px 5px,
    5px 5px,
    1.5em 1.5em;
  background-repeat: no-repeat;
}

#search_cnt select.round:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    radial-gradient(#AAA 70%, transparent 72%);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - .5em) .5em;
  background-size:
    5px 5px,
    5px 5px,
    1.5em 1.5em;
  background-repeat: no-repeat;
  border-color: #FFF;
  outline: 0;
}

#search_cnt select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, #AAA 50%),
    linear-gradient(135deg, #AAA 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

#search_cnt select.minimal:focus {
  background-image:
    linear-gradient(45deg, #AAA 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #AAA 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: #FFF;
  outline: 0;
}


#search_cnt select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}


/*****SLIK COMMON****/

.slick_cnt a,
.slick_cnt1 a,
.slick_cnt2 a,
.slick_cnt3 a,
.slick_cnt4 a,
.slick_cnt5 a{
	outline: none;
}

.slick_cnt1 a:hover img,
.slick_cnt2 a:hover img,
.slick_cnt3 a:hover img,
.slick_cnt4 a:hover img,
.slick_cnt5 a:hover img{
  transform: scale(1.05);
  transition-duration: 0.2s;
}

.slick_cnt1 .i_img,
.slick_cnt2 .i_img,
.slick_cnt3 .i_img,
.slick_cnt4 .i_img,
.slick_cnt5 .i_img {
	overflow: hidden;
}

.i_img {
	margin: 0px 0px 10px 0px;
}

.i_ico {
	margin: 0px 0px 10px 0px;
}

.i_ttl {
	margin: 0px 0px 5px 0px;
}

.i_cap {
	margin: 0px 0px 5px 0px;
}

.i_cat {
	margin: 0px 0px 0px 0px;
}

/*****SLIK 1****/

.slick_cnt1 .slick-slide .i_img img {
	width: 100%;
	height: 140px;
	object-fit: cover;
	transition-duration: 0.3s;
}

.slick_cnt1{
	margin: 0 auto;
    display: block;
    max-width:1200px;
}


/*****SLIK 2****/

.slick_cnt2 .slick-slide .i_img img {
	width: 100%;
	object-fit: cover;
	transition-duration: 0.3s;
}

.slick_cnt2{
	margin: 0 auto;
    display: block;
    max-width:1200px;
}


/*****SLIK 3****/

.slick_cnt3 .slick-slide .i_img img {
	width: 100%;
	object-fit: cover;
	transition-duration: 0.3s;
}

.slick_cnt3{
	margin: 0 auto;
    display: block;
    max-width:1200px;
}



/*****ICON****/


.i_ttl {
	font-size: 100%;
	line-height: 1.2em;
}

.i_cap {
	color: #666;
	font: 70%/1.6 sans-serif;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.i_cat {
	font-family: sans-serif;
	font-size: 60%;
	color: #666;
}

.i_ico {
	display: block;
	margin: 0px 0px 10px 0px;
	height: 20px;
}

.ico_new,
.ico_pop,
.ico_sea,
.ico_web,
.ico_lim,
.ico_per,
.ico_buy{
	margin: 0px 5px 0px 0px;
	padding: 0px;
	height: 20px;
	width: 65px;
	display: block;
	float: left;
}

.ico_new { background: url(/images/sonae/icn_new.png); background-size:65px 20px; }
.ico_pop { background: url(/images/sonae/icn_pop.png); background-size:65px 20px; }
.ico_sea { background: url(/images/sonae/icn_sea.png); background-size:65px 20px; }
.ico_web { background: url(/images/sonae/icn_web.png); background-size:65px 20px; }
.ico_lim { background: url(/images/sonae/icn_lim.png); background-size:65px 20px; }
.ico_per { background: url(/images/sonae/icn_per.png); background-size:65px 20px; }
.ico_buy { background: url(/images/sonae/icn_buy.png); background-size:65px 20px; }

/*****ICON ALLERGY****/

.ico_whe { background: url(/images/sonae/ico_whe.png); background-size:30px 30px; }
.ico_egg { background: url(/images/sonae/ico_egg.png); background-size:30px 30px; }
.ico_mil { background: url(/images/sonae/ico_mil.png); background-size:30px 30px; }
.ico_sob { background: url(/images/sonae/ico_sob.png); background-size:30px 30px; }
.ico_cra { background: url(/images/sonae/ico_cra.png); background-size:30px 30px; }
.ico_shr { background: url(/images/sonae/ico_shr.png); background-size:30px 30px; }
.ico_pea { background: url(/images/sonae/ico_pea.png); background-size:30px 30px; }


.ico_whe,
.ico_egg,
.ico_mil,
.ico_sob,
.ico_cra,
.ico_shr,
.ico_pea {
	margin: 0px 5px 0px 0px;
	height: 30px;
	width: 30px;
	display: block;
	float: left;
}

/*****BG CONT****/


.bg_cnt{
	margin: 40px auto 0px;
	padding: 0px 0px 40px 0px;
	background: url(/images/sonae/bg.png);
	width: 100%;
}

hr{
	margin: 0px auto 70px;
	padding: 0px 0px 0px 0px;
	background: url(/images/sonae/hr_bg.png);
	height: 4px;
	width: 100%;
	display: block;
	border: 0;
}


.rank_cnt h2,
#search_cnt_main h2,
.title_cnt h2,
.slide_cnt h2,
.bg_cnt h2{
	font-size: 220%;
	margin: 0px auto 40px;
	width: 100%;
	text-align: center;
	font-weight: normal;
	letter-spacing: 0px;
}

.rank_cnt h2 span,
#search_cnt_main h2 span,
.title_cnt h2 span,
.slide_cnt h2 span,
.bg_cnt h2 span{
	font-size: 35%;
	display: block;
	color: #888;
	margin: 10px 0px 0px 0px;
	letter-spacing: 5px;
}


#search_cnt_main_spm h2,
#search_cnt_main_sp h2{
	font-size: 220%;
	margin: 20px auto 20px;
	width: 100%;
	text-align: center;
	font-weight: normal;
	letter-spacing: 0px;
}

#search_cnt_main_spm h2 span,
#search_cnt_main_sp h2 span{
	font-size: 35%;
	display: block;
	color: #888;
	margin: 10px 0px 0px 0px;
	letter-spacing: 5px;
}



/*****RANKING CONT****/


.ranking_cnt{
	margin: 0px auto;
	max-width : 1200px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}


@media screen and (min-width:1000px) { 

.ranking_cnt .inner{
	width  : 18%;
	margin: 0px 0px 30px 0px;
	position: relative;
}

}

@media screen and (min-width:800px) and (max-width:999px) { 

.ranking_cnt .inner{
	width  : 23%;
	margin: 0px 0px 30px 0px;
	position: relative;
}

.ranking_cnt .inner:nth-child(n+9){
	background: #ff8080;
	display: none;
}

}

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

.ranking_cnt .inner{
	width  : 30%;
	margin: 0px 0px 30px 0px;
	position: relative;
}

.ranking_cnt .inner:nth-child(n+10){
	background: #ff8080;
	display: none;
}

}

.slick_cnt3 div div {
	width: 100%;
	position: relative;
}

.rank_cnt .cnt {
	position: relative;
}

.rank_cnt .tri,
.slick_cnt3 .tri,
.ranking_cnt .tri{
	font-size: 200%;
	width : 50px;
	height : 50px;
	background-size : 50px 50px;
	background: url(/images/sonae/bg_tri.png) no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
}

.ranking_cnt .inner a:hover img{
  transform: scale(1.05);
  transition-duration: 0.2s;
}

.ranking_cnt .i_img {
	overflow: hidden;
}

.ranking_cnt .inner img {
	width: 100%;
	object-fit: cover;
	transition-duration: 0.3s;
}




/*****BUTTON****/

.btn_1,
.btn_2 {
	display: block;
	padding: 1em;
	text-decoration: none;
	border: 3px double #999999;
	transition: .4s;
	width: 300px;
	text-align: center;
	font-size: 120%;
}

.btn_2 {
	margin: 30px auto 0px;
}


.btn_1:hover,
.btn_2:hover {
	cursor: pointer;
	text-decoration: none;
	border: 3px double #6B6452;
}

.btn_1 span,
.btn_2 span {
	display: inline-block;
	text-decoration: none;
	transition: transform ease .3s;
	background: url(/images/sonae/arrow_m_right.png);
	height: 21px;
	width: 12px;
	margin: 0px 10px 0px 0px;
	float: right;
}

.btn_1:hover span,
.btn_2:hover span{
	cursor: pointer;
	text-decoration: none;
	transform: translateX(6px);
}



/*****SEARCH****/

#search_cnt_main,
#search_cnt_main_sp {
	display: block;
	background: #FFF;
	width: 100%;
z-index: 30000;
}


#search_cnt_main .cnt,
#search_cnt_main_sp .cnt {
	display: block;
	text-align: left;
	max-width: 1160px;
	min-width: 1000x;
	padding: 0px 20px 0px 20px;
	margin: 0px auto 10px;
}


/* CATEGORY */

#search_cnt_main .search_gnav-wrapper,
#search_cnt_main_sp .search_gnav-wrapper,
#search_cnt_main_spm .search_gnav-wrapper {
    color: #000;
	max-width: 1160px;
	min-width: 1000x;
	margin: 0px auto;

    display: flex;
    flex-wrap: wrap;

}

#search_cnt_main .search_gnav-wrapper a,
#search_cnt_main_sp .search_gnav-wrapper a,
#search_cnt_main_spm .search_gnav-wrapper a {
	font-size: 110%;
    color: #000;
	margin: 0px 0px 0px 0px;
}

#search_cnt_main .search_gnav-wrapper ul a,
#search_cnt_main_sp .search_gnav-wrapper ul a,
#search_cnt_main_spm .search_gnav-wrapper ul a {
	font-size: 100%;
    color: #000;
	margin: 0px 0px 0px 0px;
}

#search_cnt_main .search_gnav-wrapper,
#search_cnt_main_sp .search_gnav-wrapper{
	margin: 30px 0px 0px 0px;
    display: flex;
	align-items: flex-start;
}

#search_cnt_main_spm .search_gnav-wrapper {
	margin: 30px 0px 0px 0px;
    display: flex;
	flex-flow:column;
}


#search_cnt_main .search_gnav-wrapper div,
#search_cnt_main_sp .search_gnav-wrapper div {
	width: 220px;
	margin: 0px 10px 40px 0px;
}

#search_cnt_main_spm .search_gnav-wrapper div {
	margin: 0px 10px 15px 20px;
	float: left;
}

#search_cnt_main .search_gnav-wrapper ul {
	margin: 0px 0px 0px 10px;
}

#search_cnt_main .search_gnav-wrapper ul,
#search_cnt_main_spm .search_gnav-wrapper ul,
#search_cnt_main_sp .search_gnav-wrapper ul{
	margin: 0px 0px 0px 20px;
}

#search_cnt_main .search_gnav-wrapper ul a,
#search_cnt_main_sp .search_gnav-wrapper ul a,
#search_cnt_main_spm .search_gnav-wrapper ul a {
	padding: 10px 0px 0px 10px;
	background: url(/images/sonae/arrow_min.png) no-repeat 0px 15px;
	text-align: left;
	margin: 0px 0px 0px 0px;
}


#search_cnt_main .search_gnav-wrapper a,
#search_cnt_main_sp .search_gnav-wrapper a,
#search_cnt_main_spm .search_gnav-wrapper a {
	position: relative;
	display: inline-block;
	text-decoration: none;
}

#search_cnt_main .search_gnav-wrapper a::after,
#search_cnt_main_sp .search_gnav-wrapper a::after,
#search_cnt_main_spm .search_gnav-wrapper a::after {
	position: absolute;
	bottom: -5px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #666;
	opacity: 0;
	visibility: hidden;
	transition: .2s;
}

#search_cnt_main .search_gnav-wrapper a:hover::after,
#search_cnt_main_sp .search_gnav-wrapper a:hover::after,
#search_cnt_main_spm .search_gnav-wrapper a:hover::after {
  bottom: -3px;
  opacity: 1;
  visibility: visible;
}


/* INPUT */
#search_cnt_main input[type="text"]{
	margin: 10px 10px 0px 0px;
	outline: none;
	padding: 0.5em 0.5em 0.5em 1em;
	font: inherit;
	line-height: 1.5em;
	border: 1px solid #666;
	border-radius: 4px;
	min-width: 220px;
	width : calc(100% - 600px) ;
}

#search_cnt_main_sp input[type="text"] {
	margin: 10px 10px 0px 0px;
	outline: none;
	padding: 0.5em 0.5em 0.5em 1em;
	font: inherit;
	line-height: 1.5em;
	border: 1px solid #666;
	border-radius: 4px;
	min-width: 220px;
	width : calc(100% - 500px) ;
}

#search_cnt_main_sp input[type="text"] {
	margin: 10px 10px 0px 0px;
	outline: none;
	padding: 0.5em 0.5em 0.5em 1em;
	font: inherit;
	line-height: 1.5em;
	border: 1px solid #666;
	border-radius: 4px;
	min-width: 150px;
	width : calc(100% - 53px) ;
}

#search_cnt_main input[type="text"]:focus,
#search_cnt_main_sp input[type="text"]:focus {
  border-color: #666;
}


/* BUTTON */

#search_cnt_main .button02{
	font: inherit;
	outline: none;
	border: none;
	width: 100px;
	height:42px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	background-color: #666; /*ボタン色*/
	border-radius: 4px; /*角丸*/
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	margin: 10px 10px 0px 0px;
	cursor:pointer;
}

#search_cnt_main .button02:hover{
     background-color: #777 /*ボタン色*/
}

#search_cnt_main_sp .button02{
	font: inherit;
	outline: none;
	border: none;
	width: 100px;
	height:42px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	background-color: #666; /*ボタン色*/
	border-radius: 4px; /*角丸*/
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	margin: 10px 10px 0px 0px;
	cursor:pointer;
}

#search_cnt_main_sp .button03{
	font: inherit;
	outline: none;
	border: none;
	width: 42px;
	height: 42px;
	color: #FFF;
	text-decoration: none;
	text-align: center; /*ボタン色*/
	border-radius: 4px; /*角丸*/
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	margin: 10px 10px 0px 0px;
	cursor: pointer;
	background: #666 url(/images/sonae/icn_mic.png) no-repeat center center;
	background-size:20px 20px;
}
#search_cnt_main_sp .button03:hover{
     background-color: #777 /*ボタン色*/
}

#search_cnt_main .button03{
	font: inherit;
	outline: none;
	border: none;
	width: 42px;
	height: 42px;
	color: #FFF;
	text-decoration: none;
	text-align: center; /*ボタン色*/
	border-radius: 4px; /*角丸*/
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	margin: 10px 10px 0px 0px;
	cursor: pointer;
	background: #666 url(/images/sonae/icn_mic.png) no-repeat center center;
	background-size:20px 20px;
}
#search_cnt_main .button03:hover{
	background-color: #777; /*ボタン色*/
}
#search_cnt_main .button03:disabled{
	background-color: #666;
	opacity: 0.5;
}


/* SELECT */

.contact_inner select,
.cart_body select,
#search_cnt_main select,
#search_cnt_main_sp select {
	background-color: white;
	border: thin solid #666;
	border-radius: 4px;
	display: inline-block;
	font: inherit;
	line-height: 1.5em;
	padding: 0.5em 3.5em 0.5em 1em;
	
	margin: 10px 10px 0px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.num_item_sel select{
	background-color: white;
	border: thin solid #666;
	border-radius: 4px;
	display: inline-block;
	font: inherit;
	line-height: 1.5em;
	padding: 0.5em 3.5em 0.5em 1em;
	
	margin: 10px 0px 0px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}


.cart_body select.round,
.num_item_sel select.round,
#search_cnt_main select.round,
#search_cnt_main_sp select.round {
  background-image:
    linear-gradient(45deg, transparent 50%, #AAA 50%),
    linear-gradient(135deg, #AAA 50%, transparent 50%),
    radial-gradient(#AAA 70%, transparent 72%);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - .5em) .5em;
  background-size:
    5px 5px,
    5px 5px,
    1.5em 1.5em;
  background-repeat: no-repeat;
}

.cart_body select.round:focus,
.num_item_sel select.round:focus,
#search_cnt_main select.round:focus,
#search_cnt_main_sp select.round:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    radial-gradient(#AAA 70%, transparent 72%);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - .5em) .5em;
  background-size:
    5px 5px,
    5px 5px,
    1.5em 1.5em;
  background-repeat: no-repeat;
  border-color: #666;
  outline: 0;
}

.contact_inner select.minimal,
.cart_body select.minimal,
.num_item_sel select.minimal,
#search_cnt_main select.minimal,
#search_cnt_main_sp select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, #AAA 50%),
    linear-gradient(135deg, #AAA 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

.contact_inner select.minimal:focus,
.cart_body select.minimal:focus,
.num_item_sel select.minimal:focus,
#search_cnt_main select.minimal:focus,
#search_cnt_main_sp select.minimal:focus {
  background-image:
    linear-gradient(45deg, #AAA 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #AAA 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;

  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: #666;
  outline: 0;
}

.cart_body select:-moz-focusring,
.num_item_sel select:-moz-focusring,
#search_cnt_main select:-moz-focusring,
#search_cnt_main_sp select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}




/*****CONT****/

.title_cnt {
	display: block;
	background: #FFF;
	width: 100%;
}


.slide_cnt {
	display: block;
	background: #FFF;
	width: 100%;
	margin: 0px 0px 40px 0px;
}




/*****BRAND CONT****/


.brand_cnt{
	margin: 0px auto;
	max-width : 1200px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}


@media screen and (min-width:1000px) { 

.brand_cnt .inner{
	width  : 30%;
	margin: 0px 0px 30px 0px;
	position: relative;
}

}

@media screen and (min-width:800px) and (max-width:999px) { 

.brand_cnt .inner{
	width  : 30%;
	margin: 0px 0px 30px 0px;
	position: relative;
}

.brand_cnt .inner:nth-child(n+9){
	background: #ff8080;
	display: none;
}

}

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

.brand_cnt .inner{
	width  : 47%;
	margin: 0px 0px 30px 0px;
	position: relative;
}

.brand_cnt .inner:nth-child(n+10){
	background: #ff8080;
	display: none;
}

}

.brand_cnt .b_img img {
	width: 100%;
}

.brand_cnt .inner a:hover .b_img img{
  transform: scale(1.05);
  transition-duration: 0.2s;
}

.brand_cnt .b_img {
	overflow: hidden;
}

.brand_cnt .b_img img {
	width: 100%;
	object-fit: cover;
	transition-duration: 0.3s;
	margin: 0px 0px 10px 0px;
}

.b_log {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	margin: 0px 0px 20px 0px;
}

.b_log img {
	max-width: 70%;
	max-height: 100%;

}

.b_cap {
	color: #666;
	font: 70%/1.6 sans-serif;
}

.b_ttl {
	font-size: 90%;
	line-height: 1.2em;
	text-align: center;
	margin: 0px 0px 20px 0px;
}

.b_ttl {
	display: flex;
	align-items: center;
}

.b_ttl:before,
.b_ttl:after {
	border-top: 1px solid #999;
	content: "";
	flex-grow: 1;
}

.b_ttl:before {
	margin-right: 1rem;
}

.b_ttl:after {
	margin-left: 1rem;
}


/*****BX SUB****/

.bxslider_sub .bx_cnt{
	margin: 0px auto;
	max-width : 1200px;
	display: flex ;
	flex-wrap: wrap;
	justify-content: space-around;
}



.bxslider_sub a{
	outline: none;
}

.bxslider_sub .i_img img {
	width: 100%;
	height:140px;
	object-fit: cover;
	transition-duration: 0.3s;
	font-family: 'object-fit: cover;'; /*IE対策*/
}

.bxslider_sub a:hover img{
  transform: scale(1.05);
  transition-duration: 0.2s;
}

.bxslider_sub .i_img{
	overflow: hidden;
}





@media screen and (min-width:700px) { 

.bxslider_sub .bx_cnt .cnt{
	width  : 23%;
	margin: 0px 0px 30px 0px;
}

}

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

.bxslider_sub .bx_cnt .cnt{
	width  : 48%;
	margin: 0px 0px 30px 0px;
}

.bxslider_sub .bx_cnt .cnt:nth-child(n+3){
	background: #ff8080;
	display: none;
}

}


/*****BREAD CRUMB*****/

.breadcrumb{
	display: block;
	max-width: 1200px;
	min-width: 400px;
	margin: 20px auto 20px;
	font-size: 90%;
}

.breadcrumb ul{
	margin: 0px 0px 0px 10px;
}

.breadcrumb li {
    display: inline;
}

.breadcrumb li a {
	margin: 0px 0px 10px 0px;
}

.breadcrumb li:not(:last-child):after {
	content: url("../html/img/icn_bc.png");
	font-size: 12px;
	margin: 0px 10px 0px 10px;
}


/*****CATEGORY IMAGE*****/

.cate_img{
	display: block;
	max-width: 1200px;
	height: 300px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	background-size:cover;
}

.cate_img h2{
	font-size: 220%;
	margin: 0px 0px 0px 0px ;
	padding: 50px 0px 0px 50px;
	font-weight: normal;
	letter-spacing: 0px;
	
	text-shadow: 
    #FFF 1px 1px 10px, #FFF -1px 1px 10px,
    #FFF 1px -1px 10px, #FFF -1px -1px 10px;
}

/*****CATEGORY LIST*****/


.cate_list  {
	display: block;
	max-width: 1200px;
	margin: 0px auto 50px;
	text-align: left;
	padding: 0px 0px 0px 0px;
}

.cate_list h2 {
	font-size: 160%;
	position: relative;
	align-items: center;
	display: flex;
	font-weight: normal;
}

.cate_list ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0px auto 50px;
}


.cate_list li img {
	border-radius: 50%;
	width: 70px;
	margin: 0px 10px 0px 0px;
	float: left;
}

.cate_list li a{
	width : 100% ;
	display: flex;
	align-items: center;
}

.cate_list a:hover img {
  opacity: 0.8;
  transition:all .2s ease;
}

@media screen and (min-width:1000px) { 
.cate_list li {
	width  : 18%;
    position: relative;
	margin: 20px 1% 0px 1%;
}
}

@media screen and (min-width:600px) and (max-width:999px) { 
.cate_list li {
	width  : 30%;
    position: relative;
	margin: 20px 1.5% 0px 1.5%;
}
}

@media screen and (max-width:599px) { 
.cate_list li {
	width  : 46%;
    position: relative;
	margin: 20px 2% 0px 2%;
}
}


/*****CATEGORY NUM*****/


.cate_menu  {
	display: flex;
	max-width: 1200px;
	margin: 0px auto 10px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	justify-content: space-between;
}

.cate_menu .num_item {
	font-size: 120%;
	margin: 0px 0px 20px 10px;
	padding: 10px 0px 0px 0px;
}

.cate_menu .num_item span {
	font-size: 160%;
}

.cate_menu .num_item_sel {
	margin: 0px 10px 0px 0px;
}

.cate_menu .num_item_sel span {
}


/*****ITEM CONT NUM*****/


.item_cnt .inner {
	max-width: 1200px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: wrap;
}

.item_cnt .inner .cnt img {
	max-width: 100%;
}

.item_cnt .inner .cnt {
}

.item_cnt .inner .cnt2 {
	bottom:0;
	width:100%;
}


/*****ITEM CONT****/

.item_cnt .i_img img {
	width: 100%;
	object-fit: cover;
	transition-duration: 0.3s;
}


.item_cnt a:hover img{
  transform: scale(1.05);
  transition-duration: 0.2s;
}

.item_cnt .i_img {
	overflow: hidden;
}

.item_cnt .i_img {
	width: 100%;
	object-fit: cover;
	transition-duration: 0.3s;
}

.item_cnt .i_ttl {
	font-size: 100%;
	line-height: 1.2em;
	border-bottom: 1px solid #BBB;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}

.item_cnt p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: calc( 1.3em * 2 );
  line-height: 1.3;
}

@media screen and (min-width:1000px) { 
.item_cnt .inner .cnt {
	width  : 18%;
	margin: 0px 1% 50px 1%;
}
}

@media screen and (min-width:600px) and (max-width:999px) { 
.item_cnt .inner .cnt {
	width  : 31.3%;
	margin: 0px 1% 40px 1%;
}
}

@media screen and (max-width:599px) { 
.item_cnt .inner .cnt {
	width  : 48%;
	margin: 0px 1% 40px 1%;
}
}


/*****BUTTON****/

.btn_itm {
	display: block;
	padding: 8px;
	text-decoration: none;
	border: 1px solid #DDD;
	transition: .4s;
	text-align: center;
	font-size: 100%;
	margin: 10px auto 0px;
	letter-spacing: 5px;
}

.item_cnt a:hover .btn_itm,
.btn_itm:hover {
	cursor: pointer;
	text-decoration: none;
	border: 1px solid #6B6452;
}

.btn_itm span {
	display: inline-block;
	text-decoration: none;
	transition: transform ease .3s;
	background: url(/images/sonae/arrow_mm_right.png) no-repeat;
	height: 21px;
	width: 12px;
	margin: 0px 0px 0px 0px;
	float: right;
}

.item_cnt a:hover .btn_itm span,
.btn_itm:hover span{
	cursor: pointer;
	text-decoration: none;
	transform: translateX(5px);
}



/*****PAGE FORWARD****/


.pager {
	margin: 0px 0px 30px 0px;
}

.pager .pagination {
  text-align: center;
}

.pager .pagination li {
	display: inline;
	margin: 0 2px;
	padding: 0;
	display: inline-block;
	background: #FFF;
	width: 60px;
	height: 60px;
	text-align: center;
	position: relative;
	border: 1px solid #888;
	border-radius: 5px;
}


.pager .pagination li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  text-decoration: none;
  transition: all  0.2s ease;
	border-radius: 5px;
}

.pager .pagination li a span{
  display:table-cell;
  vertical-align:middle;
}

.pager .pagination li a.active{
  color: #FFF;
  background: #444;
}

.pager .pagination li a:hover{
  color: #FFF;
  background: #666;
}


@media only screen and (max-width: 600px){
  .pager .pagination li{
    display: none;
  }

  .pager .pagination li.pre,
  .pager .pagination li.next{
    display: inline-block;
    width: 48%;
    height: 50px;
    text-align: center;
  }

  .pager .pagination li.pre a,
  .pager .pagination li.next a{
    width: 100%;
    text-align: center;
  }


}


/*****ITEM****/

@media screen and (min-width:1200px) { 
.item_dat_cnt{
	width: 1180px;
	margin: 0px auto 30px;
	height:auto;
	overflow:hidden
}

.item_slide_cnt{
	display: block;
	width : calc(100% - 500px);
	float: left;
}

.item_info{
	display: block;
	width: 460px;
	float: right;
	margin: 0px 0px 30px 0px;
}


}

@media screen and (min-width:900px) and (max-width:1200px) { 
.item_dat_cnt{
	margin: 0px 10px 30px 10px;
	height:auto;
	overflow:hidden
}

.item_slide_cnt{
	display: block;
	width : calc(100% - 500px);
	float: left;
}

.item_info{
	display: block;
	width: 460px;
	float: right;
}

}

@media screen and (max-width:899px) { 
.item_dat_cnt{
	width: 100%;
	margin: 0px auto;
}

.item_slide_cnt{
	display: block;
	width : 100%;
	float: left;
}

.item_info{
	display: block;
	float: left;
	margin: 0px 10px 30px 10px;
}

}


/*****ITEM IMAGE****/

.multiple-items1{
}

.item_slide_cnt .slick-slide {
    float: left;
    margin: 0px;
}

.multiple-items1 .slick-dots {
	position: relative;
	display: flex;
	width: 100%;
    height: 100%;
	padding: 0;
	margin:  15px 0px 0px 0px;
	list-style: none;
	text-align: center;
	flex-wrap: wrap;	
}

.multiple-items1 .slick-dots li {
    width: 31%;
   	margin: 0px 0px 15px 0px;
}

.multiple-items1 .slick-dots li:nth-child(2),
.multiple-items1 .slick-dots li:nth-child(5),
.multiple-items1 .slick-dots li:nth-child(8),
.multiple-items1 .slick-dots li:nth-child(11) {
    width: 31%;
   	margin: 0px 3.5% 0px 3.5%;
}

.multiple-items1 .slick-dots .slick-active {
	opacity: 0.7;
		transition: .2s;

}

.multiple-items1 img{
    width: 100%;
}

.multiple-items1 .slick-dots img{
    width: 100%;
}


/*****ITEM INFO****/

.item_dat_cnt{
	color: #333;
}

.item_info p{
	margin:  0px 0px 10px 0px;
}

.itm_ico{
    width: 100%;
	height: 35px;
	float: left;
}

.itm_cac{
    width: 100%;
	margin:  0px 0px 5px 0px;
	float: left;
	font-size: 100%;
	color: #000;
}

.itm_ttl{
	width: 100%;
	margin: 0px 0px 20px 0px;
	float: left;
	font-size: 180%;
	line-height: 1.3em;
	color: #000;
}

.itm_pul,
.itm_inf1,
.itm_num,
.itm_inf2,
.itm_att{
	width: 100%;
	margin: 0px 0px 20px 0px;
	float: left;
	font: 80%/1.6em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.itm_num{
	font: 70%/1.6em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #666;
	margin: 0px 0px 50px 0px;
}

.itm_inf_ttl{
	width: 100%;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	float: left;
	font-size: 130%;
	border-bottom: 1px solid #D6D6D6;
}

.itm_inf2{
}

.itm_all{
    width: 100%;
	margin:  0px 0px 20px 0px;
	float: left;
}

.itm_pul{
    width: 100%;
	margin:  0px 0px 20px 0px;
	float: left;
}


select.sbox {
	background-color: white;
	border: thin solid #666;
	border-radius: 4px;
	display: inline-block;
	font: inherit;
	line-height: 1.5em;
	padding: 0.5em 3.5em 0.5em 1em;
	
	margin: 10px 10px 20px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	max-width: 460px;
}


.sbox {
  background-image:
    linear-gradient(45deg, transparent 50%, #AAA 50%),
    linear-gradient(135deg, #AAA 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

select.sbox:focus {
  background-image:
    linear-gradient(45deg, #AAA 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #AAA 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;

  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: #666;
  outline: 0;
}

.itm_all .ttl{
	display: block;
	float: left;
	font: 90%/1.6em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 3px 5px 0px 2px;
}

.itm_btn{
    width: 100%;
	margin:  20px 0px 20px 0px;
	float: left;
	font-size: 100%;
}

.btn_ent a {
	display: block;
	float: left;
	text-align: center;
	font-size: 160%;
	color: #FFF;
	padding: 20px;
	border-radius: 40px;
	transition: .1s;
	background: #333;
	width : calc(100% - 120px) ;
}

.btn_ent a:hover {
	color: #FFF;
	background: #535353;
}

.btn_pre {
	display: block;
	float: left;
	text-align: center;
	font-size: 160%;
	color: #FFF;
	padding: 20px;
	border-radius: 40px;
	transition: .1s;
	background: #999;
	width : calc(100% - 120px);
}

.btn_end {
	display: block;
	float: left;
	text-align: center;
	font-size: 120%;
	color: #FFF;
	padding: 20px;
	border-radius: 40px;
	transition: .1s;
	background: #999;
	width : calc(100% - 120px);
}

.btn_fav {
	display: block;
	width : 70px;
	height: 100px;
	float: right;
	text-align: center;
	color: #333;
	font-size: 80%;
}

.btn_fav a {
	display: block;
	border-radius: 40px;
	transition: .1s;
	width : 64px;
	height: 64px;
	background: url(/images/sonae/icn_fav.png) no-repeat center center;
	background-size: 30px 30px;
	border: 1px solid #333;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 7px 0px;
}

.btn_fav a:hover {
	border: 1px solid #666;
}


.itm_att{
	margin:  20px 0px 20px 0px;
	padding: 20px 0px 0px 0px;
	color: #900;
	border-top: 1px solid #D6D6D6;
}


/*****CART MAP INFO****/

.cart_map{
	display: block;
	max-width: 800px;
	height: 200px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	background: url(/images/sonae/dot_gr.png) no-repeat center 45px;
	background-size: 80% 5px;
}

.cart_map ul{
	max-width: 1200px;
	mini-width: 400px;
	margin: 0px 10px 0px 10px;
	list-style: none;
	display: flex;
	justify-content: space-between;
}

.cart_map li{
	display: block;
	width : 100px;
	text-align: center;
}

.cart_map .cir{
	display: block;
	float: left;
	width : 100px;
	height: 100px;
	margin:  0px 0px 10px 0px;
	text-align: center;
	color: #FFF;
	border-radius: 50px;
	background: #BBB;
}

.cart_map .active{
	background: #666;
}

.cart_map .step{
	display: block;
	text-align: center;
	color: #FFF;
	margin:  15px 0px 0px 0px;
}

.cart_map .num{
	display: block;
	font-size: 300%;
	margin:  5px 0px 0px 0px;
}

.cart_map .ttl{
	display: block;
}


/*****RADIO BUTTON****/

.radio-input{
  display: none;
}
.radio-input + label{
	display: block;
	padding: 0px 0px 0px 20px;
	position:relative;
	margin: 0px 20px 15px 0px;
	cursor: pointer
}
.radio-input + label::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #999;
	border-radius: 50%;
	background: #FFF;
}

.radio-input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #333;
  border-radius: 50%;
}

/*****CHECK BOX****/

.checkbox-input{
  display: none;
}
.checkbox-parts{
	display: block;
	padding: 0px 0px 0px 20px;
	position:relative;
	margin: 0px 20px 15px 0px;
}
.checkbox-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 4px;
	background: #FFF;
}
.checkbox-input:checked + .checkbox-parts{
  color: #d01137;
}
.checkbox-input:checked + .checkbox-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #d01137;
  border-right: 3px solid #d01137;
}

/*****CART BODY****/

.cart_body{
	max-width: 1200px;
	margin: 0px auto 0px;
	display: block;
}

.cart_body_inner{
	margin: 0px 10px 0px 10px;
	display: block;
}

.cart_body h3{
	margin: 0px 0px 20px 0px;
	display: block;
	font-size: 180%;
	font-weight: normal;
}

.cart_body h4{
	margin: 0px 0px 10px 0px;
	display: block;
	font-size: 140%;
	font-weight: normal;
}

.cart_body_m{
	max-width: 1200px;
	margin: 0px 0px 40px 0px;
	padding: 30px;
	display: block;
	border-radius: 5px;
	border: 1px solid #CCC;
	background: #FAFAFA;
}
.cart_body_m.is-male{
	border: 5px solid #e2cfb1;
	background:url(/images/sonae/cart/cart_bg_img.png) no-repeat 99% 100% #f9f5ec;
	background-size:300px 260px;
}

.finish_w{
	margin: 0px 0px 40px 0px;
	display: block;
	text-align: center;
	font-size: 100%;
	line-height: 1.6em;
	color: #CB0707;
}

.cart_body_m hr{
	margin: 30px auto;
	padding: 0px;
	background: url(/images/sonae/dot_line.png);
	height: 1px;
	width: 100%;
	display: block;
	border: 0;
}

.cart_body_m .cart_r_data .cnt:not(:last-child){
	display: block;
	margin: 0px 0px 15px 0px;
}

.cart_body_m .cart_r_data .cnt{
	display: block;
	margin: 0px 0px 0px 0px;
}

.cart_body_m .cart_r_data .cnt_n{
	display: block;
	margin: 0px 0px 0px 0px;
}


.cart_body_m .cart_r_data .cnt_b:not(:last-child){
	display: block;
	margin: 0px 0px 15px 0px;
	font-size: 120%;
}

.cart_body_m .cart_r_data .cnt_b{
	display: block;
	margin: 0px 0px 0px 0px;
	font-size: 120%;
}

.cart_body_m .cnt_m input[type="text"],.cart_body_m .cnt_m input[type="tel"] {
	margin: 0px 10px 0px 0px;
	outline: none;
	padding: 0.5em 0.5em 0.5em 1em;
	font: inherit;
	line-height: 1.5em;
	border: 1px solid #999;
	border-radius: 4px;
	max-width: 70px;
	min-width: 70px;
}

.cart_body_m .req {
	margin: 0px 0px 0px 10px;
	padding: 2px 8px 2px 8px;
	font-family: sans-serif;
	font-size: 70%;
	color: #FFF;
	border-radius: 2px;
	background: #900;
}


.cart_body_m input[type="text"]:focus{
	border-color: #666;
}

@media screen and (min-width:1020px) { 
.cart_body_m_inner {
	display: flex;
	justify-content: space-between;
}

.cart_body_m .cart_l_ttl {
	width: 380px;
	margin: 0px 20px 0px 0px;
	padding: 0px 20px 0px 0px;
	font-size: 120%;
	border-right: 1px solid #CCC;
}

.cart_body_m .cart_r_data{
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	width : calc(100% - 400px) ;
}

.cart_body_m input[type="text"],.cart_body_m input[type="tel"] {
	margin: 0px 10px 0px 10px;
	outline: none;
	padding: 0.5em 1em 0.5em 1em;
	font: inherit;
	line-height: 1.5em;
	border: 1px solid #999;
	border-radius: 4px;
	min-width: 220px;
	width : calc(100% - 400px);
}
.cart_body_m input#address1,
.cart_body_m input#address2 {
	width : calc(100% - 220px);
}

}

@media screen and (max-width:1019px) { 
	.cart_body_m_inner {
	}
	.cart_body_m .cart_l_ttl {
		padding: 0px;
		font-size: 120%;
		margin: 0px 0px 10px 0px;
	}
	.cart_body_m .cart_r_data{
		margin: 0px;
		padding: 0px;
		font-size: 100%;
	}
	.cart_body_m .cart_r_data .ex{
		margin: 10px 0px 0px 0px;
		padding: 0px;
		font-size: 80%;
		display: block;
	}
	.cart_body_m input[type="text"] {
		margin: 10px 10px 0px 0px;
		outline: none;
		padding: 0.5em 3.5em 0.5em 1em;
		font: inherit;
		line-height: 1.5em;
		border: 1px solid #999;
		border-radius: 4px;
		width : calc(100% - 100px);
	}
}



.btn_n{
	width : 150px;
	margin:  20px 0px 0px 0px;
}
.btn_n.is-address{
	display: inline-block;
	margin:  0 0 0 20px;
}

.btn_nb{
	margin:  20px 0px 20px 0px;
}


/*****CART LABEL BUTTON A****/


/*ボタン装飾*/
.label_btn_cnt {
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.label_btn_cnt label {
	display: block;
	text-align: center;
	font-size: 120%;
	color: #FFF;
	padding: 10px;
	border-radius: 5px;
	transition: .1s;
	background: #333;
}

/*ボタンホバー時*/
.label_btn_cnt label:hover {
	color: #FFF;
	background: #535353;
}

/*チェックは見えなくする*/
.label_btn_cnt #label_btn {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_show {
    height: 0;
    padding: 0;
	margin: 20px 0px 0px 0px;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.label_btn_cnt input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}


/*****CART BUTTON A****/


.btn_nb a,
.btn_n a {
	display: block;
	text-align: center;
	font-size: 100%;
	color: #FFF;
	padding: 10px;
	border-radius: 5px;
	transition: .1s;
	background: #333;
}

.btn_nb a:hover,
.btn_n a:hover {
	color: #FFF;
	background: #535353;
}



/*****CART BUTTON B****/

.cnt_btn {
	display: flex;
	justify-content: space-around;
}
.cnt_btn.u-mt60{
	margin-top: 60px;
}

.btn_bn{
	width : 400px;
	margin:  0px 10px 40px 10px;
}

.btn_bn a,
.btn_bn.is-agree span {
	display: block;
	text-align: center;
	font-size: 140%;
	color: #FFF;
	padding: 20px;
	border-radius: 40px;
	transition: .1s;
	background: #333;
}
.btn_bn.is-agree a {
	display: none;
}
.btn_bn a:hover {
	color: #FFF;
	background: #d09c4a;
}
.btn_bn a.active:hover{
	color: #FFF;
	background: #999;
}
.btn_bn a.active {
	background: #bbb;
}
.btn_bn.is-cartcomplete a{
	background: #333;
}




/*****CART THANKS****/

.cart_body_thx{
	max-width: 1200px;
	margin: 0px 20px 40px 20px;
	padding: 30px;
	display: block;
	border-radius: 5px;
	border: 1px solid #CCC;
	background: #FAFAFA;
	text-align: center;
}

.cart_body_thx_word{
	margin: 120px 0px 120px 0px;
	display: block;
	font-size: 280%;
}


.btn_thx{
	margin:  0px auto 0px;
	max-width:600px;
}

.btn_thx a {
	display: block;
	text-align: center;
	font-size: 140%;
	color: #FFF;
	padding: 20px;
	border-radius: 40px;
	transition: .1s;
	background: #333;
}

.btn_thx a:hover {
	color: #FFF;
	background: #666;
}

.btn_thx a.active {
	background: #CCC;
}




/*****RANKING IMAGE*****/

.rank_img{
	display: block;
	max-width: 1200px;
	height: 40px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
}

.rank_img h2{
	font-size: 220%;
	margin: 0px 0px 0px 10px ;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
}

/*****RANKING LIST*****/

.rank_list h2 {
	font-size: 160%;
	position: relative;
	align-items: center;
	display: flex;
	font-weight: normal;
}

.rank_list  {
	display: block;
	max-width: 1200px;
	margin: 0px auto 20px;
	text-align: left;
	padding: 0px 0px 0px 0px;
}

.rank_list li a{
	width : 100% ;
}

.rank_list li img {
	border-radius: 50%;
	width : 100% ;
	margin: 0px 0px 5px 0px ;
	opacity: 0.5;
}

.rank_list ul li span {
	display: block;
	width : 100% ;
	text-align: center;
}

.rank_list a:hover img {
  opacity: 1;
  transition:all .2s ease;
}

.rank_list .active img {
  opacity: 1;
}



@media screen and (min-width:1000px) { 
.rank_list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	list-style: none;
	margin: 0px auto 0px;
}

.rank_list li {
	width: 100px;
	margin: 20px 0px 0px 0px;
}

}

@media screen and (min-width:600px) and (max-width:999px) { 
.rank_list ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0px auto 0px;
}

.rank_list li {
	width: 80px;
	margin: 20px 10px 0px 10px;
}
}

@media screen and (max-width:599px) { 
.rank_list ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0px auto 0px;
}

.rank_list li {
	width: 80px;
	margin: 20px 5px 0px 5px;
}
}


/*****RANKING CONT NUM*****/

.rank_cnt .inner3 a:hover img,
.rank_cnt .inner a:hover img{
  transform: scale(1.05);
  transition-duration: 0.2s;
}

.rank_cnt .i_img {
	overflow: hidden;
}

.rank_cnt .inner3 img,
.rank_cnt .inner img {
	width: 100%;
	object-fit: cover;
	transition-duration: 0.3s;
}


.rank_cnt .inner3 {
	max-width: 1200px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: wrap;
}

.rank_cnt .inner {
	max-width: 1200px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: wrap;
}


.rank_cnt .inner3 .cnt img,
.rank_cnt .inner .cnt img {
	max-width: 100%;
}

.rank_cnt .inner3 .cnt,
.rank_cnt .inner .cnt2 {
	bottom:0;
	width:100%;
}


@media screen and (min-width:1000px) { 
.rank_cnt .inner3 .cnt{
	width  : 31.3%;
	margin: 0px 1% 50px 1%;
}

.rank_cnt .inner .cnt{
	width  : 18%;
	margin: 0px 1% 50px 1%;
}

}

@media screen and (min-width:600px) and (max-width:999px) { 
.rank_cnt .inner3 .cnt,
.rank_cnt .inner .cnt {
	width  : 31.3%;
	margin: 0px 1% 40px 1%;
}
}

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

.rank_cnt .inner3 .cnt {
	width  : 98%;
	margin: 0px 1px 40px 1%;
}

.rank_cnt .inner .cnt {
	width  : 48%;
	margin: 0px 1% 40px 1%;
}
}

/*****RANKING ITEM CONT****/

.rank_cnt .i_img img {
	width: 100%;
	object-fit: cover;
	transition-duration: 0.3s;
}


.item_cnt a:hover img{
  transform: scale(1.05);
  transition-duration: 0.2s;
}

.rank_cnt .i_img {
	overflow: hidden;
}

.rank_cnt .i_img {
	width: 100%;
	object-fit: cover;
	transition-duration: 0.3s;
}

.rank_cnt .i_ttl {
	font-size: 100%;
	line-height: 1.2em;
	border-bottom: 1px solid #BBB;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}

.rank_cnt p {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: calc( 1.3em * 2 );
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rank_cnt a:hover .btn_itm {
	cursor: pointer;
	text-decoration: none;
	border: 1px solid #6B6452;
}

.rank_cnt a:hover .btn_itm span{
	cursor: pointer;
	text-decoration: none;
	transform: translateX(5px);
}


/*****SPECIAL IMAGE*****/

.sp_img{
	display: block;
	max-width: 1200px;
	margin: 0px auto 40px;
	padding: 0px 0px 0px 0px;
}

.sp_img img{
	width: 100%;
}


/*****RANKING IMAGE*****/

.fav_ttl{
	display: block;
	max-width: 1200px;
	margin: 0px auto 30px;
	padding: 20px 0px 0px 0px;
}

.fav_ttl h2{
	font-size: 220%;
	margin: 0px 10px 0px 10px ;
	padding: 0px 0px 10px 0px;
	font-weight: normal;
	border-bottom: 1px solid #D6D6D6;
}


/*****FAV CONT****/

.fav_cnt .inner {
	max-width: 1200px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: wrap;
}


.fav_cnt .i_img img {
	width: 100%;
	object-fit: cover;
	transition-duration: 0.3s;
}


.fav_cnt a:hover img{
  transform: scale(1.05);
  transition-duration: 0.2s;
}

.fav_cnt .i_img {
	overflow: hidden;
}

.fav_cnt .i_img {
	width: 100%;
	object-fit: cover;
	transition-duration: 0.3s;
}

.fav_cnt .i_ttl {
	font-size: 100%;
	line-height: 1.2em;
	border-bottom: 1px solid #BBB;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}

.fav_cnt p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: calc( 1.3em * 2 );
  line-height: 1.3;
}

@media screen and (min-width:1000px) { 
.fav_cnt .inner .cnt {
	width  : 23%;
	margin: 0px 1% 50px 1%;
}
}

@media screen and (min-width:600px) and (max-width:999px) { 
.fav_cnt .inner .cnt {
	width  : 31.3%;
	margin: 0px 1% 40px 1%;
}
}

@media screen and (max-width:599px) { 
.fav_cnt .inner .cnt {
	width  : 48%;
	margin: 0px 1% 40px 1%;
}
}


/*****FAV BUTTON****/

.btn_del {
	display: block;
	padding: 8px;
	text-decoration: none;
	border: 1px solid #DDD;
	transition: .4s;
	text-align: center;
	font-size: 100%;
	margin: 10px auto 0px;
	letter-spacing: 5px;
}

.fav_cnt a:hover .btn_del{
	cursor: pointer;
	text-decoration: none;
	border: 1px solid #6B6452;
}

.btn_del span {
	display: inline-block;
	text-decoration: none;
	transition: transform ease .3s;
	background: url(/images/sonae/icn_del.png) no-repeat;
	height: 21px;
	width: 12px;
	margin: 0px 0px 0px 0px;
	float: right;
}

.fav_cnt a:hover .btn_del span{
	cursor: pointer;
	text-decoration: none;
	transform: translateX(3px);
}


/*****GUIDE MENU*****/

.guide_menu {
	width: 240px;
	margin: 0px 20px 0px 0px;
	border-bottom: 1px solid #DDD;
	float: right;
}

.guide_menu li {
	display: block;
	padding: 15px 8px 15px 8px;
	text-decoration: none;
	transition: .4s;
	font-size: 100%;
	margin: 0px auto 0px;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
}

.guide_menu .active {
	background: #EEE;
}

.guide_menu li:hover {
	cursor: pointer;
	text-decoration: none;
}

.guide_menu span {
	display: inline-block;
	text-decoration: none;
	transition: transform ease .3s;
	background: url(/images/sonae/arrow_mm_right.png) no-repeat;
	height: 21px;
	width: 12px;
	margin: 0px 10px 0px 5px;
	float: left;
}

.guide_menu li:hover span{
	cursor: pointer;
	text-decoration: none;
	transform: translateX(5px);
}


@media only screen and (max-width: 1019px){
.guide_menu{
    display: none;
  }
}



/*****GUIDE CONT****/


.guide_ttl{
	margin: 20px auto 0px;
	padding: 0px 0px 60px 0px;
	background: url(/images/sonae/bg.png);
	width: 100%;
}

.guide_ttl h2{
	margin: 0px auto 0px;
	font-size: 220%;
	font-weight: normal;
	text-align: center;
}

.info_cnt {
	max-width: 1200px;
	margin: 0px auto;
	height:auto;
	overflow:hidden;
}

@media only screen and (min-width: 1020px){
.info_inner {
	margin: 0px 0px 0px 20px;
	width : calc(100% - 320px) ;
	float: left;
}
}

@media only screen and (max-width: 1019px){
.info_inner {
	width : calc(100% - 40px) ;
	margin: 0px 0px 0px 20px;
	float: left;
}
}

.info_inner .cnt {
	margin: 0px 0px 60px 0px;
}


.info_inner h3 {
	font-size: 200%;
	font-weight: normal;
	margin: 0px 0px 20px 0px;
}

.info_inner h4 {
	font-size: 140%;
	font-weight: normal;
	margin: 0px 0px 20px 20px;
	padding: 0px 0px 0px 8px;
	border-left: 2px solid #666;
}

.info_inner h5 {
	margin: 0px 0px 10px 28px;
}

.info_inner p,
.info_inner li {
	margin: 0px 0px 10px 28px;
	line-height:1.6em;
}

.info_inner ul {
	margin: 0px 0px 30px 28px;
}

.info_inner li {
	margin: 0px 0px 10px 0px;
	line-height:1.6em;
}

.info_inner .kome li { 
    text-indent: -1.2em;
    margin-left: 1.2em;
	list-style:none;
}

.info_inner .kome li:before { content:"※ " }


.info_inner .num { 
	margin: 0px 0px 0px 48px;
}

.info_inner .num li { 
    list-style-type: decimal;
}



/*****GUIDE CONT****/


@media only screen and (min-width: 1020px){
.com_inner {
	margin: 0px 0px 0px 20px;
	width : calc(100% - 320px) ;
	float: left;
}
}

@media only screen and (max-width: 1019px){
.com_inner {
	width : calc(100% - 40px) ;
	margin: 0px 0px 0px 20px;
	float: left;
}
}

.com_inner hr:first-child {
	margin: 0px auto 30px;
	padding: 0px;
	background: url(/images/sonae/dot_line.png);
	height: 1px;
	width: 100%;
	display: block;
	border: 0;
}


.com_inner hr {
	margin: 30px auto;
	padding: 0px;
	background: url(/images/sonae/dot_line.png);
	height: 1px;
	width: 100%;
	display: block;
	border: 0;
}

.com_inner p,
.com_inner li {
	margin: 0px 0px 0px 0px;
	line-height:1.6em;
}

.com_inner ul {
	margin: 0px 0px 0px 0px;
}

.com_inner li {
	margin: 0px 0px 0px 0px;
	line-height:1.6em;
}

.com_inner .kome li { 
    text-indent: -1.2em;
    margin-left: 1.2em;
	list-style:none;
}

.cominner .kome li:before { content:"※ " }


.com_inner .num { 
	margin: 0px 0px 0px 48px;
}

.com_inner .num li { 
    list-style-type: decimal;
}


@media only screen and (min-width: 650px){
.com_inner .cnt {
	margin: 0px 0px 0px 0px;
	display: flex;
	justify-content: space-between;
}

.com_inner .com_ttl { 
	width: 150px;
	font-size: 140%;
	line-height: 1.6em;
	font-weight: bold;
}

.com_inner .com_dat { 
	width : calc(100% - 180px) ;
	font-size: 120%;
	line-height:1.6em;
}
}

@media only screen and (max-width: 649px){
.com_inner .cnt {
	margin: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: wrap;
}

.com_inner .com_ttl {
	margin: 0px 0px 10px 0px;
	width: 150px;
	font-size: 140%;
	line-height: 1.6em;
	font-weight: bold;
}

.com_inner .com_dat { 
	width :100%;
	font-size: 120%;
	line-height:1.6em;
}
}


/*****CONTACT CONT****/


@media only screen and (min-width: 1020px){
.contact_inner {
	margin: 0px 0px 0px 20px;
	width : calc(100% - 320px) ;
	float: left;
}
}

@media only screen and (max-width: 1019px){
.contact_inner {
	width : calc(100% - 40px) ;
	margin: 0px 0px 0px 20px;
	float: left;
}
}


@media only screen and (min-width: 750px){
.con_inner {
	margin: 0px 0px 0px 0px;
	display: flex;
	justify-content: space-between;
}

.con_inner .cnt {
	margin: 0px 0px 0px 0px;
}

.con_inner .con_ttl { 
	width: 260px;
	font-size: 120%;
	border-right: 1px solid #DDD;
	margin: 0px 40px 0px 0px;
}

.con_inner .con_dat { 
	width : calc(100% - 300px) ;
	font-size: 100%;
}

.con_inner .con_dat2 { 
	width : calc(100% - 300px) ;
	font-size: 120%;
}

.con_inner input[type="text"] {
	outline: none;
	padding: 0.5em 1em 0.5em 1em;
	font: inherit;
	line-height: 1.5em;
	border: 1px solid #666;
	border-radius: 4px;
	min-width: 220px;
	width : calc(100% - 50px);
}

.con_inner textarea {
	margin: 0px 0px 0px 0px;
	outline: none;
	padding: 0.5em 1em 0.5em 1em;
	font: inherit;
	line-height: 1.5em;
	border: 1px solid #666;
	border-radius: 4px;
	min-width: 220px;
	width : calc(100% - 50px);
}


}

@media only screen and (max-width: 749px){
.con_inner .cnt {
	margin: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: wrap;
}

.con_inner .con_ttl {
	margin: 0px 0px 10px 0px;
	font-size: 120%;
}

.con_inner .con_dat { 
	width :100%;
	font-size: 100%;
	line-height:1.6em;
}

.con_inner .con_dat2 { 
	width :100%;
	font-size: 120%;
	line-height:1.6em;
}

.con_inner input[type="text"] {
	outline: none;
	padding: 0.5em 3.5em 0.5em 1em;
	font: inherit;
	line-height: 1.5em;
	border: 1px solid #666;
	border-radius: 4px;
	width : 100%;
}

.con_inner textarea {
	margin: 0px 0px 0px 0px;
	outline: none;
	padding: 0.5em 3.5em 0.5em 1em;
	font: inherit;
	line-height: 1.5em;
	border: 1px solid #666;
	border-radius: 4px;
	width : 100%;
}

}

.contact_inner hr:first-child {
	margin: 0px auto 30px;
	padding: 0px;
	background: url(/images/sonae/dot_line.png);
	height: 1px;
	width: 100%;
	display: block;
	border: 0;
}


.contact_inner hr {
	margin: 30px auto;
	padding: 0px;
	background: url(/images/sonae/dot_line.png);
	height: 1px;
	width: 100%;
	display: block;
	border: 0;
}


.contact_inner .req {
	margin: 0px 0px 0px 10px;
	padding: 2px 8px 2px 8px;
	font-family: sans-serif;
	font-size: 70%;
	color: #FFF;
	border-radius: 2px;
	background: #900;
}

.con_inner .cnt:nth-child(2) {
	margin: 20px 0px 0px 0px;
}


/*****CONTACT THANKS****/

.contact_body_thx{
	max-width: 1200px;
	margin: 0px 20px 40px 20px;
	padding: 30px;
	display: block;
	border-radius: 5px;
	border: 1px solid #CCC;
	background: #FAFAFA;
	text-align: center;
}

.contact_body_thx_word{
	margin: 120px 0px 120px 0px;
	display: block;
	font-size: 220%;
}


.contact_thx{
	margin:  0px auto 0px;
	max-width:600px;
}

.contact_thx a {
	display: block;
	text-align: center;
	font-size: 140%;
	color: #FFF;
	padding: 20px;
	border-radius: 40px;
	transition: .1s;
	background: #333;
}

.contact_thx a:hover {
	color: #FFF;
	background: #666;
}

.contact_thx a.active {
	background: #CCC;
}


/*****CONTACT CONT****/

#answer a,
#question a{
	text-decoration: underline;
}


#question{
	margin: 0px 0px 100px 0px;
	display: block;
	background: #EEE;
	border: 1px solid #DDD;
	border-radius: 5px;
	padding: 30px 30px 0px 30px;
}

.corner{
	margin: 0px 0px 60px 0px;
	display: block;
}

.corner_sub{
	margin: 10px 0px 20px 0px;
	display: block;
}

#answer h4,
#question h4 {
	font-size: 140%;
	font-weight: normal;
	margin: 0px 0px 20px 10px;
	padding: 0px 0px 0px 8px;
	border-left: 2px solid #666;
}

#question .num { 
	margin: 0px 0px 0px 40px;
}

#answer  .num { 
	margin: 0px 0px 0px 40px;
}


#answer .num li,
#question .num li { 
    list-style-type: decimal;
}

#answer .num li{
	margin: 0px 0px 0px 0px;
	font-size: 100%;
	line-height: 1.4em;
	font-weight: bold;
}

#answer .num li p{
	margin: 10px 0px 20px 0px;
	font-size: 100%;
	font-weight: normal;
}


#answer .dis li { 
    list-style-type: disc;
	margin: 0px 0px 10px 0px;
	font-weight: normal;

}

/*------------------------------------------
style_login.css
------------------------------------------*/

@charset "utf-8";

/* -------------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
}
html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
}
ol, ul{
    list-style:none;
	
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}

/* -------------------------------------------------- */

/*****LOGIN*****/

#container_login{
	display: block;
	width: 100%;
	font: 13px/1.6em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


@media screen and (min-width:481px) { 
#container_login .inner{
	display: block;
	width: 440px;
	border-radius: 10px;
	background: rgba(255,255,255,0.8);
	border: 1px solid #CCC;
	padding: 20px 20px 70px;
	margin: 100px auto 0px;
	height:auto;
	overflow:hidden;
	position: relative;
}
}

#container_login .inner_logo{
	font: 26px/1.2em "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	display: block;
	padding: 30px 0px 30px 0px;
	margin: 0px auto 30px auto;
	text-align: center;
	background: url(/images/sonae/line_380-4.png) repeat-x bottom;
}

#container_login .inner_logo img{
	margin: 0px auto 20px;
	clear: right;
}

#container_login a{
	text-decoration: underline;
}
.container_login_h1{
	text-align: center;
	font-weight: 400;
	color: #000;
	position: absolute;
	bottom: 30px;
	width: 440px;
	font-size: 12px;
}
.c-login-eye{
	background: url(/images/sonae/common/icon_eye.png) no-repeat 0 0;
	background-size: 24px 16px;
	width:24px; 
	height:16px;
	position:absolute;
	bottom: 11px;
	right: 15px;
	opacity: 0.4;
}

/* -------------------------------------------------- */

#container_login .cnt h2 {
	float: left;
	font-size: 13px;
	margin: 0px 0px 18px 0px;
	width: 380px;
	height: 25px;
	display: block;
	background: url(/images/sonae/line_380-4.png) no-repeat bottom;
	z-index: 100;
}

#container_login .cnt p {
	text-align:justify;
}

#container_login .cnt .box {
	border-radius: 5px;
	color:#666;
	height:22px;
	width: 240px;
	padding:3px;
	margin: 0px 0px 0px 0px;
	background: #FFFFFF;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
}

#container_login .cnt dl {
	margin: 0px 0px 15px 0px;
}

#container_login .cnt .box:focus {
    background-color: #FFFFFF;
}

#container_login .cnt dl dt {
	font-size: 18px;
	clear: left;
	float: left;
	padding:4px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 140px;
}

#container_login .cnt dl dd {
	margin: 0px 0px 10px 0px;
	position: relative;
}

#container_login .cnt .cmt1 {
	clear: left;
	float: left;
	padding:0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	font-size: 12px;
}

#container_login .cnt .cmt2 {
	clear: left;
	float: left;
	padding:0px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
	font-size: 12px;
}

#container_login .cnt .cmt2 li {
	padding-left: 1em;
	text-indent: -1em;
	list-style: none;
	color: #333;
}

#container_login .cnt .cmt2 li:before { content:"※" }

#container_login .cnt .cmt3 {
	padding:0px 0px 0px 10px;
	font-size: 14px;
	line-height: 1.8em;
}

#container_login .cnt .cmt3 .att {
	font-size: 16px;
	line-height: 1.6em;
	padding:0px 0px 20px 0px;
}


#container_login .cnt .cmt4{
	padding: 0px 0px 0px 10px;
	font-size: 18px;
	line-height: 1.8em;
	color: #900;
}


#container_login .cnt .ip a {
	clear: both;
	display: block;
	padding: 0px 0px 0px 16px;
	margin: 0px 0px 0px 0px;
	background: url(/images/sonae/icon_point.png) no-repeat left 5px;
	font-size: 12px;
}

/* -------------------------------------------------- */


#tips{
	width: 410px;
	height: 210px;
	display: none;
	background: url(/images/sonae/login_flame2.png) no-repeat left top;
	padding: 15px;
	position: absolute;
	font: 12px/1.5em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
}

#checkButton{
	cursor: pointer;
}

#fadeoutButton{
	cursor: pointer;
	padding: 5px;
	margin: 15px 0px 10px 0px;
	display: block;
	text-align: center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #333333;
}


#fadeoutButton:hover{
	background: #000000;
}

input{
vertical-align:-2px;
}

/* -------------------------------------------------- */


#login_enter a {
	display: block;
	margin: 30px 0px 20px 0px;
	text-align: center;
	font-size:18px;
	color: #FFF;
	padding: 12px;
	border-radius: 40px;
	transition: .1s;
	background: #333;
	letter-spacing: 5px;
	text-decoration: none;
}

#login_enter a:hover {
	color: #FFF;
	background: #666;
}



/*------------------------------------------
追加分
------------------------------------------*/

/* header */
.l-header{
	width:100%;
	min-width: 1000px;
	height: 100px;
	background:#f9f5ec;
	display: flex;
	justify-content: space-between;
}
/* tablet */
.l-header.is-tablet{
	overflow:hidden; 
}
.l-header.is-tablet .c-header-logo{
	width: 180px;
}
.l-header.is-tablet .c-header-input-wrap{
	width: 290px;
}
.l-header.is-tablet .c-header-input-text{
	width: 200px;
}
.l-header-left{
	display: flex;
	padding-top: 20px;
}
.c-header-logo{
	width: 260px;
	text-align: center;
}
.c-header-logo img{
	width: 130px;
}
.c-header-search-wrap-sp {
    display: flex;
    align-items: baseline;
}
.c-header-search,
.c-header-mylist,
.c-header-menu,
.sp_header_bg,
.l-leftnav_sp,
.l-leftnav-search-sp,
.l-leftnav-login-sp,
.c-leftnav-header-sp,
.c-fixed-footer{
	display: none;
}
.c-header-select{
	width: 240px;
	padding: 9px 14px 13px;
	color: #666;
	border:1px solid #e0dcd9;
	background: #fff;
}
.c-header-select-wrap{
	margin-right: 10px;
	position: relative;
}
.c-header-select-wrap::after {
    content: "";
    position: absolute;
    right: 13px;
    bottom: 5px;
    top: 0;
    margin: auto 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid #2e2d2d;
    border-right: 2px solid #2e2d2d;
    transform: rotate(135deg);
}
.c-header-input-wrap{
	margin-right: 10px;
	width: 400px;
	display: flex;
	flex-wrap: wrap;
}
.c-header-input-text{
	width: 310px;
	padding: 12px 14px;
	color: #666;
	border:1px solid #e0dcd9;
}
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
input[type="submit"].c-header-input-submit{
	background:#000;
	padding: 10px 0;
	color: #fff;
	border:1px solid #e0dcd9;
	width: 60px;
}
.c-header-keyword{
	padding-top:8px;
	font-size: 12px;
	color: #999;
	white-space: nowrap;
}
.c-header-keyword dt,
.c-header-keyword-dd {
	display: inline-block;
}
.c-header-keyword-dd a{
	color: #999;
	display: inline-block;
	margin-right: 12px;
}
.c-header-linklist{
	padding:0 20px 0 0;
	display: flex;
	align-items: center;
}
.c-header-linklist a{
	color:#333;
}
.c-header-linklist-guide{
	padding:5px 0 5px 30px;
	background:url(/images/sonae/common/icon_guide.png) no-repeat 0 50%;
}
.c-header-linklist-logout{
	border-left:1px solid #333;
	margin-left: 20px;
	padding:5px 0 5px 50px;
	background:url(/images/sonae/common/icon_logout.png) no-repeat 20px 50%;
}

/*cart page*/

body {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 200;
}
#error {
	background: #fdeded;
	color: #CB0707;
	font-size: 16px;
	height: auto;
	line-height: 2.2;
	margin: 0 auto 40px;
	padding: 20px 20px 20px 40px;
	text-align: left;
	width: 540px;
	overflow:hidden;
	margin-top:10px;
}

.cart_body_m input.is-error,
.cart_body select.minimal.is-error,
.cart_body_m .cnt_m input.is-error,
.cart_body_m .cnt_m select.is-error{
	background: #fdeded;
    border:1px solid #CB0707;
}
#pc_menu{
	max-width: none;
	text-align: center;	
}
.cart_body h4{
	font-size: 120%;
	margin-bottom: 20px;
}
.cart_body_m .cart_l_ttl,
.cart_body_m .cart_r_data .cnt_b{
	font-size: 100%;
}
.cart_body_m{
	border-radius: 0;
	border: 1px solid #dcdcdc;
	margin-bottom: 60px;
}
.cart_body_m hr,
.cart_body_m hr:first-child{
	background:#dcdcdc;
}
.cart_map{
	background:none;
	margin:0 auto;
	padding:0;
	text-align: center;
	height: 160px;
}
.cart_map ul{
	max-width: 600px;
	margin: 15px auto;
}
.cart_map li{
	width: 33.333%;
	text-align: center;
	font-size: 14px;
}
.guide_ttl{
	background:none;	
	margin-top:40px;
}
.guide_ttl_read{
	font-size: 14px;
	color: #ac8445;
	text-align: center;
	margin-top: 15px;
}
.cart_body h3.cart_h3{
	padding:40px 0 20px;
	font-size: 160%;
}
.cart_body .req{
	background:#d81010;
	font-size: 11px;
	vertical-align: middle;
}
.cart_body select, #search_cnt_main select, #search_cnt_main_sp select{
	border:1px solid #333;
	border-radius: 0;
}
.cart_body_m .cnt_m input[type="text"],.cart_body_m .cnt_m input[type="tel"],
.cart_body_m input[type="text"]{
	border-radius: 0;
}
.cart_body_m .url .cnt input{
	margin-left: 0;
	width: calc(100% - 340px);
}
span.ex{
	margin-left: 10px;
    font-size: 14px;
}
.label_btn_cnt label{
	width: 300px;
	margin:30px auto 40px;
	padding:15px 0;
	border-radius: 3px;
	font-size: 18px;
	color: #333;
	border:1px solid #333;
	background:#fff;
	font-weight: 400;
}
.cart_body_m .cart_tel_input input[type="text"],.cart_body_m .cart_tel_input input[type="tel"]{
	margin-left: 10px;
}
.cart_body_m .cart_tel_input input[type="text"]:first-child,.cart_body_m .cart_tel_input input[type="tel"]:first-child{
	margin-left: 0;
}
.cnt_btn {
    padding:0 240px;
}
.is-complete .cnt_btn {
    padding:0 60px;
}

.btn_bn{
	width:300px;
}
.btn_bn a{
	border-radius: 3px;
	background: #ac8445;
	font-size: 18px;
}
.btn_bn.is-agree span{
	border-radius: 3px;
	background: #bbb;
	font-size: 18px;
}
.btn_bn.is-agree.is-on span{
	display: none;
}
.btn_bn.is-agree.is-on a{
	display: block;
}
.cnt_agree_check{
	text-align: center;
	margin:0 0 50px;
}
hr + .cnt_agree_check{
	padding: 20px 0 0;
}
.cnt_agree_check a:hover{
	text-decoration: underline;
}
.cnt_agree_check span {
  display: inline-block;
}
.cnt_agree_check input[type="checkbox"] {
  display: none;
}
.cnt_agree_check label {
	padding-left: 30px;
	position: relative;
}
.cnt_agree_check label:before {
	position: absolute;
	top: 4px;
	left: 0;
	width: 16px;
	height: 16px;
	content: '';
	border: 1px solid #999;
}
.cnt_agree_check input:checked + label:after {
	position: absolute;
	top: 6px;
	left: 2px;
	width: 12px;
	height: 12px;
	content: '\02714';
	color: #ac8445;
}


.cart_r_data .cnt select{
	vertical-align: 0;
	margin: 0 10px;
}
.cart_r_data .cnt select:first-child{
	margin: 0 10px 0 0;
}
.cart_body_m_inner {
	justify-content: start;
}
.cart_body_m_inner figure {
	padding:10px;
}
.cart_body_m_inner figure img {
	width: 140px;
}
.cart_body_m_inner .cart_body_m_inner_s {
	padding:10px 0 0 30px;
	width:100%;
	font-size: 18px;
}
.cart_body_m_inner .cart_body_m_inner_s div {
	width: 100%;
	padding:0 0 30px;
}
.cart_body_m_inner .cart_body_m_inner_s div + div {
	border-top: 1px solid #dcdcdc;
	padding:30px 0;
}

.cart_body_m_inner .cart_body_m_inner_s div + div + div {
	border-top: 1px solid #dcdcdc;
	padding:30px 0 0;
}


.cart_body_m_inner .cart_body_m_inner_s div span {
	display: inline-block;
	width: 90px
}
.cart_body_m_inner .cart_r_data .cnt input[name="address1"],
.cart_body_m_inner .cart_r_data .cnt input[name="address2"] {
	margin-left: 0;
}
.cart_r_data.cart_tel_input .cnt_m input[name="phone1"],
.cart_r_data.cart_tel_input .cnt_m input[name="phone2"],
.cart_r_data.cart_tel_input .cnt_m input[name="phone3"]{
	ime-mode:disabled;
}
.cart_body_m_inner .cart_r_data input[name="email"],
.cart_body_m_inner .cart_r_data input[name="emailConf"] {
	ime-mode:disabled;
}
.cart_body_m_inner .cart_r_data p {
	font-size: 14px;padding-left:2px;
}
.cart_body_m .cart_body_m_inner .cart_r_datatext {
	line-height: 1.8;
	display: flex;
	align-items: center;
}

.l-leftnavwrap {
	display: none;
}

/*inquire page*/
.contact_inner font:last-child {
	margin:10px 0 0; 
}
.contact_inner .req{
	background:#d81010;
	font-size: 11px;
	vertical-align: middle;
}
.contact_inner select, .cart_body select, #search_cnt_main select, #search_cnt_main_sp select{
	border:1px solid #333;
	border-radius: 0;
}
.guide_menu li{
	border:1px solid #dcdcdc;
	border-bottom:none;
}
.guide_menu .active {
    background: #f7f7f7;
}
.contact_inner hr,
.contact_inner hr:first-child{
background:#dcdcdc;
}
.guide_menu span{
	background:none;
	position: relative;
}
.guide_menu span::before{
	content: '';
	position: absolute;
	top:calc(50% - 4px);
    left: 3px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.btn_bn a{
	background:#ac8445;
	font-size: 18px;
	border-radius:3px;
}
.con_inner input[type="text"],
.con_inner textarea{
	border-radius:0;
	width: calc(100% - 100px);
}
.con_inner input[type="text"].con_inner_wd50{
	width: 50%;
}
.guide_ttl{
	background:none;	
	margin-top:40px;
}
.guide_ttl_read{
	font-size: 14px;
	color: #ac8445;
	text-align: center;
	margin-top: 15px;
}
.info_cnt_qa{
	margin:0 0 60px;
	padding:30px 0;
	border-top: 1px solid #dcdcdc;
}
.info_cnt_qa h3{
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: 400;
}
.info_cnt_qa_link h3{
	margin-bottom: 30px;
	font-size: 18px;
	font-weight: 400;
}
.info_cnt_qa ul,.info_cnt_qa_link ul{
	list-style-type: none
}
.info_cnt_qa li,.info_cnt_qa_link li{
	margin-bottom: 15px;
	padding-left: 20px;
	position: relative;
}
.info_cnt_qa li::before,.info_cnt_qa_link li::before {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    left: 3px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.info_cnt_qa p,.info_cnt_qa_link p{
	margin: 1em auto;
	width: 90%;
	max-width: 800px;
	text-align: left;
	line-height: 1.5;
}
.info_cnt_qa .link_btn,.info_cnt_qa_link .link_btn{
	margin:0 auto 0;
	width: 250px;
	border-radius: 3px;
	border:#333 1px solid ;
	padding:15px;
	text-align:center;
	display: block;
}
#pc_menu{
	max-width: none;
	text-align: center;	
}
.info_cnt_guide_menu{
	text-align: center;
	margin-bottom: 40px;
}
.info_cnt_guide_menu li{
	display: inline-block;
	padding:2px 15px;
	font-size: 14px;
	border-left: 1px solid #dcdcdc;
}
.info_cnt_guide_menu li:after{
    content: ".";
    width: 0;
    font-size: 0;
    color: transparent;
    margin-right: 1px;
}
.info_cnt_guide_menu li:first-child{
	border-left: none;
}
.info_cnt_guide_menu li a{
	padding-left: 15px;
	position: relative;
}
.info_cnt_guide_menu li a::before {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    left: 3px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.info_cnt_guide_menu li.active{
	font-weight: 500;
}
.contact_inner{
	width: 100%;
	float: none;
	margin:0;
}
.con_inner_harf{
	display: flex;
	justify-content: space-between;
}
.con_inner .con_name_input h3{
	font-weight: 200;
	margin-bottom: 10px;
	font-size: 14px;
}
.con_inner .con_name_input .cnt{
	margin:0;
}
.con_inner .con_name_input div:first-child .cnt{
	margin:0 0 20px;
}
.con_inner .con_name_input input[type="text"]{
	width: 234px;
	display: inline-block;
	margin-right: 30px;
}

.breadcrumb li:not(:last-child):after {
	content: url(../html/img/icn_bc.png);
    font-size: 12px;
    margin: 0px 10px 0px 10px;
}
.con_inner .con_dat input[name="email"],
.con_inner .con_dat input[name="emailConf"]{
	ime-mode: inactive;
}


/*login page*/

#container_login .cnt dl{
	margin: 0px 40px 15px;
}
#container_login .cnt dt{
	width: 110px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 200;
}
#container_login .inner_logo{
	background:none;
	padding: 20px 0px 0 0px;
}
	#container_login .inner_logo img{
		width: 280px;
		margin-bottom:0;
	}
#container_login .cnt dl{
	margin: 0px 25px 15px;
}
#container_login .cnt dl dt{
	width: 110px;
	padding-top: 8px;
	font
}
#container_login .cnt .box{
	width: 267px;
	height: 30px;
	box-shadow: none;
	border-radius: 0;
}
#container_login p{
	line-height: 1.5;
}
#container_login .cnt .ip{
	text-align: center;
}
#container_login .cnt .ip a{
	background:none;
	padding:0;
}
#login_enter a{
	border-radius: 3px;
	margin: 30px 28px 20px ;
}


#container_login .cnt .cmt1{
	float:none;
	text-align: center;
}

#container_login .cnt .cmt2 {
    clear: left;
    float: none;
    padding: 0px 2px;
    margin: 15px 0px 0px 0px;
    font-size: 12px;
}
#container_login #userid,
#container_login #passwd {
	height: 30px;
	font-size:18px;
}
#container_login #userid {
	ime-mode:disabled;
}
#container_login .login_link {
	clear: both;
	margin: 20px 3px 0;
	border-top: 1px solid #dcdcdc;
	padding-top: 20px;
	text-align: center;
}
#container_login .login_link span{
	text-decoration: underline;
	cursor: pointer;
}
#container_login .login_link p {
	margin-top: 10px;
	display: none;
}

/*faq page*/
.info_cnt_qa_link {
	padding: 40px;
	border-radius: 10px;
	background: #f4f4f4;
}
#faq_page .info_cnt_qa {
	border-top: none;
}
.info_cnt_qa_link ul {
	padding-left: 10px;
}
.info_cnt_qa_link ul + h3 {
	margin-top: 50px;
}
.info_cnt_qa_link h3 + h4 {
	margin-top: -10px;
}
.info_cnt_qa_link h4 + h3 {
	margin-top: 50px;
}
.info_cnt_qa_link ul + h4 {
	margin-top: 30px;
}
.info_cnt_qa_link h4,#faq_page .info_cnt_qa h4 {
	display: block;
	margin-bottom: 15px;
	padding: 5px 0 5px 10px;
	border-left: 5px solid #eee;
	line-height: 1.5;
	font-weight: 300;
	font-size: 18px;

}
#faq_page .info_cnt_qa a {
	text-decoration:underline;
}

.info_cnt_qa_link h4{
	border-left: 5px solid #ddd;
}
#faq_page .info_cnt_qa h4 {
	margin-left: 20px;
	margin-bottom: 5px;
}
.info_cnt_qa_link h4 a {
	text-decoration: underline;
	text-decoration-color: #aaa;
}
#faq_page .info_cnt_qa h3 {
	position: relative;
	margin-bottom: 15px;
	padding-left: 20px;
	padding-bottom: 20px;
}
#faq_page .info_cnt_qa h3:before {
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	left: 20px;
	border-bottom: 1px solid #dcdcdc;
	content: '';
}
.info_cnt_qa_link li a {
	text-decoration: underline;
	text-decoration-color: #aaa;
}
.info_cnt_qa_link li a:hover {
	text-decoration-color: #000;
}
#faq_page .info_cnt_qa {
	padding-top: 90px;
}
#faq_page .info_cnt_qa li:before {
	display: none;
}
#faq_page .info_cnt_qa li dt {
	position: relative;
	padding: 10px 10px 5px 25px;
	font-weight: 500;
}
#faq_page .info_cnt_qa li dt:before {
	display: block;
	position: absolute;
	top: 9px;
	left: 0;
	width: 20px;
	position: absolute;
	content: 'Q.';
}
#faq_page .info_cnt_qa li dd {
	position: relative;
	padding: 0 10px 10px 25px;
}
#faq_page .info_cnt_qa li dd:before {
	display: block;
	position: absolute;
	top: 0;
	/*left: 28px;*/
	left: 2px;
	width: 20px;
	position: absolute;
	content: 'A.';
}
#faq_page .info_cnt_qa > ul {
	padding-left: 10px;
}
#faq_page .info_cnt_qa li {
	margin-bottom: 25px;
	padding-left: 25px;
	line-height: 1.5;
}
#faq_page .info_cnt_qa ul + h3 {
	margin-top: 50px;
}
#faq_page .info_cnt_qa ul + h4 {
	margin-top: 40px;
}
#faq_page .info_cnt_qa li ul {
	padding: 15px 0 0 25px;
}
#faq_page .info_cnt_qa li li {
	margin-bottom: 5px;
	padding-left: 0;
	list-style: disc;
}


/*guide page, privacypolicy page*/
#guide_page .guide_list h3,
#privacypolicy_page .privacypolicy_list h3 {
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #dcdcdc;
    font-size: 24px;
	font-weight: 600;
}

#guide_page .guide_list li {
	text-indent: -20px;
	margin-bottom: 5px;
	padding-left: 45px;
	line-height: 1.5;
}
#privacypolicy_page .privacypolicy_list,
#guide_page .guide_list{
	max-width: 960px;
	padding: 0 20px;
	margin: 0 auto;
}
#privacypolicy_page .privacypolicy_list li {
	text-indent: -10px;
	margin-bottom: 10px;
	padding-left: 10px;
	line-height: 1.5;
}
#guide_page .guide_list h4,
#privacypolicy_page .privacypolicy_list h4 {
	display: block;
	margin: 20px 0 5px;
	padding: 5px 0 5px 10px;
	border-left: 5px solid #eee;
	line-height: 1.5;
	font-weight: 600;
	font-size: 18px;
}
#guide_page .guide_list p {
	display: block;
	padding: 10px 0;
	line-height: 1.5;
}
#privacypolicy_page .privacypolicy_list p,
.privacypolicy_text {
	display: block;
	padding: 10px 0;
	line-height: 1.5;
}
.privacypolicy_text.u-mb20 {
	margin-bottom:20px;
}
#guide_page .guide_list p + p {
	margin-top: 10px;
}
#privacypolicy_page .privacypolicy_list p + p,
.privacypolicy_text + .privacypolicy_text {
	padding-top: 0;
}
#guide_page .guide_list p em,
#privacypolicy_page .privacypolicy_list p em {
	display: block;
	padding:5px 0 10px;
	font-weight: 500;
}
.guide_list_inner {
	margin-top: 50px;
}
.guide_list_inner a {
	text-decoration:underline;
}

#guide_page .guide_list p + h4,
#privacypolicy_page .privacypolicy_list p + h4 {
	margin-top: 40px;
}
.privacypolicy_list_inner + .privacypolicy_list_inner ,
#guide_page .guide_list li{
	padding-left: 20px;
	/*font-size: 14px;*/
}

.guide_movie{
	text-align: center;
	padding:20px 0 40px;
}
.guide_movie video{
	width:760px;
	height:420px;
}
.guide_movie_sp{
	display:none;
}
/* breadcrumb */ 
.l-breadcrumb{
    max-width: 1200px;
    margin: 20px auto 0;
    padding: 0 20px;
}
.c-breadcrumb li{
	display: inline-block;
	position: relative;
	padding: 2px 17px 2px 0;
	margin-right: 10px;
	color: #a2a2a2;
	font-size: 12px;
}
.c-breadcrumb li:after{
	content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-right: 1px solid #a2a2a2;
    border-top: 1px solid #a2a2a2;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 0;
    top: calc(50% - 4px);
}
.c-breadcrumb li:last-child:after{
	content: ".";
    width: 0;
    font-size: 0;
    color: transparent;
    margin-right: 1px;
	border:none;
}
.c-breadcrumb a{
	color: #333;
	text-decoration: none;
}
.c-breadcrumb a:hover{
	text-decoration: underline;
}


select::-ms-expand {display: none;}

.cart_l_ttl_male{
	text-align: center;
	padding: 40px 60px 0 20px;
	width: 370px;
}
.cart_l_ttl_male h3{
	font-size:24px;
	color:#ac8445;
}
.cart_l_ttl_male p{
	line-height: 1.8;
}
.cart_male_radio{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.cart_male_radio_item{
	background: #fff;
	padding: 15px 10px;
	width: 42%;
	text-align: left;
}
.cart_male_radio_item .radio-input + label{
	margin: 0;
	padding: 0 0 0 30px;
}
.cart_r_data.is-male{
	background: url(/images/sonae/cart/cart_bg.png) no-repeat 0 50%;
	padding-left: 60px;
	display: flex;
	align-items: center;
	font-size: 18px;
}
@media screen and (min-width:768px) and (max-width:1020px) { 
	.cart_r_data.is-male{
		background:none;
		padding:20px;
	}
}

.cart_r_data_male_list{
	margin-bottom: 20px;
}
.cart_r_data_male_list li{
	font-size: 15px;
}


/* 酒類販売管理者標識 & 会社概要*/ 
.shurui_cnt{
	max-width: 700px;
	margin:auto;
}
.compant_cnt{
	max-width: 780px;
	margin:auto;
}
.shurui_cnt table,
.compant_cnt table{
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	width: 100%;
}
.shurui_cnt th,
.compant_cnt th{
	padding: 20px;
	background: #FAFAFA;
	line-height: 1.6;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	vertical-align: middle;
	width: 50%;
}
.compant_cnt th{
	width: 22%;
}
.shurui_cnt td,
.compant_cnt td{
	padding: 20px;
	line-height: 1.6;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	vertical-align: middle;
	width: 50%;
}
.compant_cnt td{
	width: 78%;
}


/* お問い合わせ完了 */
.con_inner_complete{
	max-width: 800px;
	margin: 20px auto 0;
}
.contact_complete_title{
	text-align: center;
	font-weight: 300;
	font-size: 24px;
	margin-bottom: 40px;
}
.contact_complete_btn{
	width: 280px;
	margin: 0 auto;
}
.contact_complete_btn a{
	display: block;
    text-align: center;
    color: rgb(255, 255, 255);
    margin: 30px 0px 20px;
    font: 24px;
	padding: 20px;
	border-radius: 40px;
    border-radius: 4px;
    transition: all 0.1s ease 0s;
    background: rgb(51, 51, 51);
    text-decoration: none;
}


/* 申し込み完了 */
.cart_body.is-complete{
	margin-top: 40px;
	max-width: 900px;
}
.cart_body.is-complete .cart_body_m{
	padding: 30px 80px;
}
.cart_body_inner_comp_title{
	padding:40px 0;
	text-align: center;
	width: 100%;
}
.cart_body_inner_comp_wrap h4.cart_body_inner_comp_stitle{
	font-size: 100%;
	margin-bottom: 15px;
}
.cart_body_inner_comp_text{
	line-height: 1.7;
	padding-bottom: 20px;
}



/*shipment_status page*/
#shipment_status,
#shipment_status *,
#shipment_status *:before,
#shipment_status *:after {
	box-sizing: border-box;
}
#shipment_status .guide_ttl h3 {
	display: block;
	margin-top: 40px;
	font-weight: 400;
	font-size: 30px;
	text-align: center;
	color: #ac8445;
}
.egift_container {
	width: 1200px;
	margin: 0 auto;
}
#shipment_status #shipment_status h4 {
	display: block;
	font-weight: 500;
	font-size: 18px;
}
.shipment_status .shipment_status_top {
	padding: 20px;
	background-color: #ac8445;
	color: #fff;
	font-weight: 500;
	font-size: 16px;
}
.shipment_status_inner {
	display: flex;
	position: relative;
	padding: 30px;
	background-color: #eee;
}
.shipment_status_inner figure {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 140px;
	height: 140px;
	background-color: #fff;
}
.shipment_status_inner figure img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.shipment_status_item {
	display: flex;
	width: calc(100% - 380px)
}
.shipment_status_item span {
	display: block;
	font-size: 16px;
}
.shipment_status_item + .shipment_status_item {
	margin-top: 30px;
}
.shipment_status_item > div {
	display: flex;
	/*align-items: center;*/
	padding: 30px;
}
.shipment_status_item > div > div {
	display: inline-block;
}
.shipment_status_item a {
	display: block;
	width: 140px;
	margin-top: 20px;
	padding: 7px 0;
	border: 1px solid #000;
	border-radius: 3px;
	background-color: #fff;
	text-align: center;
	font-size: 14px;
	transition: opacity .3s;
}
.shipment_status_item a:hover {
	opacity: .7;
}
.shipment_status_info {
	padding: 10px 30px;
	width: 380px;
	border-left: 1px solid #dcdcdc;
}
.shipment_status_info dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.shipment_status_info dt {
	width: 100px;
	font-size: 14px;
	line-height: 2.0;
}
.shipment_status_info dd {
	position: relative;
	width: calc(100% - 100px);
	padding-left: 34px;
	font-size: 14px;
	line-height: 2.0;
}
.shipment_status_info dd:before {
	position: absolute;
	top: 0;
	left: 0;
	content: ':';
}
.shipment_status_info .shipment_status_info_dd:before {
	content: '';
}
.shipment_status + .shipment_status {
	margin-top: 30px;
}
.shipment_status_inner + .shipment_status_inner:before {
	position: absolute;
	top: 1px;
	height: 1px;
	right: 30px;
	left: 30px;
	border-top: 1px dotted #dcdcdc;
	content: '';
}
.shipment_status_comment {
	padding: 25px 0;
}
.shipment_status_comment p {
	text-indent: -1rem;
	padding-left: 1rem;
	font-size: 14px;
	line-height: 1.7;
}
.shipment_status_comment p + p {
	margin-top: 5px;
}
.shipment_status_comment .comment_contact {
	margin-top: 20px;
}
.shipment_status_comment,
.shipment_status_comment *,
.shipment_status_infowrapper,
.shipment_status_infowrapper *,
.shipment_status_infowrapper *:before,
.shipment_status_infowrapper *:after {
	box-sizing: border-box;
}
.shipment_status_infowrapper {
	padding: 40px 0;
}
#shipment_status h4,
.shipment_status_infowrapper h4 {
	display: block;
	font-weight: 500;
	font-size: 18px;
}
#shipment_status h4 {
	margin-bottom: 20px;
}
.shipment_status_infowrapper dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 20px;
	border-top: 1px solid #dcdcdc;
}
.shipment_status_infowrapper dt {
	width: 160px;
	padding: 15px 20px;
	border-bottom: 1px solid #dcdcdc;
	font-size: 14px;
	line-height: 1.5;
}
.shipment_status_infowrapper dd {
	width: calc(100% - 160px);
	padding: 15px 20px;
	border-bottom: 1px solid #dcdcdc;
	font-size: 14px;
	line-height: 1.5;
}
.shipment_status_infowrapper + .shipment_status_infowrapper {
	padding-top: 0;
}
.guide_ttl.egift_container {
	padding-bottom: 15px;
}
.guide_ttl.egift_container h3 {
	display: block;
	margin: 50px 0 20px;
	font-weight: 400;
	font-size: 34px;
	text-align: center;
	color: #ac8445;
	letter-spacing: 3px;
}

/*inquire_confirm page, cart_comfirm page*/
.contact_inner.egift_container,
.contact_inner.egift_container *,
.contact_inner.egift_container *:before,
.contact_inner.egift_container *:after,
.cart_body_m.egift_container,
.cart_body_m.egift_container *,
.cart_body_m.egift_container *:before,
.cart_body_m.egift_container *:after {
	box-sizing: border-box;
}
.contact_inner.egift_container{
	margin: 10px auto 80px;
}
.cart_body_m.egift_container {
	margin: 50px auto;
}
.cart_body_m.egift_container {
	padding: 0;
}
.contact_inner.egift_container .con_inner:first-of-type,
.cart_body_m.egift_container .cart_body_m_inner:first-of-type {
	border-top: 1px solid #dcdcdc;
}
.contact_inner.egift_container .con_ttl,
.cart_body_m.egift_container .cart_l_ttl {
	width: 300px;
	margin: 0;
	padding: 15px 20px;
	border-bottom: 1px solid #dcdcdc;
	border-right: none;
	font-size:100%;
	line-height: 1.5;
}
.contact_inner.egift_container .con_dat,
.cart_body_m.egift_container .cart_r_data {
	width: calc(100% - 300px);
	padding: 15px 20px;
	border-bottom: 1px solid #dcdcdc;
	line-height: 1.5;
}
.cart_body_m.egift_container {
	border: none;
	background: transparent;
}
.egift_h4 {
	display: block;
	width: 1200px;
	margin: 0 auto 20px;
	box-sizing: border-box;
}
.egift_h3 {
	display: block;
	width: 1200px;
	margin: 20px auto 60px;
	font-size: 20px;
	text-align: center;
	box-sizing: border-box;
	font-weight: 400;
}
.egift_h3 + .egift_h4 {
	margin-top: 80px;
}
.egift_h3 + .cart_body_m.egift_container,
.egift_h4 + .cart_body_m.egift_container {
	margin-top: 0;
}



/* modal */ 
.l-modal-item{
	position: fixed;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin:auto;
	width: 80%;
	height: 60vh;
	background:#fff;
	border-radius: 10px;
	padding: 40px;
	line-height: 1.6;
    overflow-y: auto;
    justify-content: space-between;
    min-width: 1095px;
    cursor: auto;
    display: none;
	scrollbar-base-color: #fff;
	scrollbar-face-color: #fff;
	scrollbar-shadow-color: #fff;
}
.l-modal-item.is-show{
	display: flex;
}
.l-itemdetail-modal-bg .l-modal-item,
.l-modal-item.is-relation{
	display: block;
	height: auto;
	position: relative;
	top: calc(50% - 200px);
}
.l-modal-item::-webkit-scrollbar {
    width: 1px;
    display: none;
}
.l-modal-item::-webkit-scrollbar-thumb {
  background-color:#fff;
}
.l-modal-item-imgwrap,
.l-itemdetail-imgwrap{
	width: 380px;
	position: relative;
}
.l-modal-item-content{
	width:calc(100% - 420px);
}
.l-modal-item-imgwrap.is-hide,
.l-modal-item-content.is-hide{
	display: none;
}
.l-itemdetail-innerwrap,
.l-modal-item-innerwrap{
	height: 42px;
	overflow: hidden;
	position: relative;
	transition: .4s;
}
.l-itemdetail-innerwrap.is-show,
.l-modal-item-innerwrap.is-show{
	height: auto;
}
.c-modal-item-imgnum-wrap{
	position: absolute;
	top: 390px;
	right: 0;
	font-size: 18px;
	text-align: right;
}
.c-modal-item-imgnum-all{
	position: relative;
	padding:0 0 0 15px;
	display: inline-block;
	vertical-align: -10px;
}
.c-modal-item-imgnum-all:before{
	content: "";
    display: block;
    position: absolute;
    top:-6px;
    left: 7px;
    width: 1px;
    height: 100%;
    background-color: #333;
    transform: rotate(45deg);
    width: 1px;
}
.c-modal-item-moresee{
	top: 23px;
	right: 0;
	display: inline-block;
	height: 19px;
	background:#fff;
	position: absolute;
	padding-left: 10px;
	cursor: pointer;
}
.l-itemdetail-item-imgwrap,
.c-itemdetail-img img{
	max-width: 100%;
	width: 380px;
}
.c-modal-item-img img{
	width: 100%;
	max-width: 100%;
}
.c-itemdetail-title,
.c-modal-item-title{
	font-size: 24px;
	border-bottom: 1px solid #333;
	margin-bottom: 30px;
	padding-bottom: 10px;
	font-weight: 500;
}
.c-itemdetail-subtitle,
.c-modal-item-subtitle{
	font-size: 18px;
	margin-bottom: 10px;
}
.c-itemdetail-text,
.c-modal-item-text{
	margin-bottom: 20px;
}
.c-itemdetail-allergy,
.c-modal-item-allergy{
	margin-bottom: 20px;
}
.c-itemdetail-allergy dt,
.c-modal-item-allergy dt{
	display: inline-block;
}
.c-itemdetail-allergy dd,
.c-modal-item-allergy dd{
	display: inline-block;
	margin-left: 10px;
	background:#dbdbdb;
	padding: 4px 10px;
	border-radius: 4px;
}
.c-itemdetail-detail,
.c-modal-item-detail{
	margin-bottom: 20px;
}
.c-itemdetail-detail dt,
.c-modal-item-detail dt{
	margin-bottom: 5px;
}
.c-itemdetail-attention,
.c-modal-item-attention{
	background:#eeeeee;
	padding:10px;
	border-radius: 4px;
	margin-bottom: 20px;
}
.c-itemdetail-hashtag,
.c-modal-item-hashtag {
	margin-bottom: 15px;
}
.c-itemdetail-hashtag li,
.c-modal-item-hashtag li{
	display: inline-block;
	margin-right: 15px;
}
.c-itemdetail-hashtag a,
.c-modal-item-hashtag a{
	color: #333;
}
.c-itemdetail-apply-num,
.c-modal-item-apply-num{
	margin-bottom: 15px;
}
.c-itemdetail-sku-form,
.c-modal-item-sku-form{
	display: inline-block;
    position: relative;
   	margin-bottom: 5px;
}
.c-itemdetail-sku-form::after,
.c-modal-item-sku-form::after {
    content: "";
    position: absolute;
    right: 8px;
    top: calc(50% - 3px);
    margin: auto 0;
    width: 4px;
    height: 4px;
    border-top: 1px solid #2e2d2d;
    border-right: 1px solid #2e2d2d;
    transform: rotate(135deg);
}
.c-itemdetail-sku-select,
.c-modal-item-sku-select{
	border:1px solid #999;
	padding: 5px 25px 5px 10px;
	position: relative;
}
.c-itemdetail-sku-explain dt,
.c-itemdetail-sku-explain dd,
.c-modal-item-sku-explain dt,
.c-modal-item-sku-explain dd{
	display: inline-block;
}
.c-itemdetail-sku-explain dd,
.c-modal-item-sku-explain dd{
	margin-right: 20px;
}
.c-itemdetail-sku-text,
.c-modal-item-sku-text{
	margin-bottom: 20px;
}
.l-modal-bg {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    z-index: 102;
    display: block;
    cursor: pointer;
    transition: .5s;
}
.l-modal-bg.is-show {
    opacity: 1;
    visibility: visible;
}
.c-modal-close {
	position: fixed;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    margin: auto;
    width: 80%;
    height: calc(60vh + 160px);
    padding:0 28px;
    line-height: 1.6;
    justify-content: space-between;
    min-width: 1095px;
    cursor: pointer;
}
.c-modal-close.is-relation{
	height: 480px;
}
.c-modal-close::before,
.c-modal-close::after {
    content: "";
    display: block;
    position: absolute;
	top: 0;
    right: 0;
    width: 2px;
    height: 30px;
    background-color: #fff;
    transform: rotate(45deg);
}
.c-modal-close::after {
    transform: rotate(-45deg);
}


/* system_error_cnt */ 
.system_error_cnt {
	background: #fdeded;
	color: #CB0707;
	font-size: 16px;
	height: auto;
	line-height: 1.8;
	margin: 0 auto 40px;
	padding: 20px 20px 20px 40px;
	text-align: left;
	width: 540px;
	overflow:hidden;
	margin-top:10px;
}
.system_error_link{
	text-align: center;
	margin: 0 auto 20px;
}
.system_error_link .btn_bn{
	margin:0 auto;
}
#system_error .c-header-linklist-logout{
	display: none;
}