@charset "utf-8";
/*------------------------
	common
------------------------*/
html {
  scroll-padding-top: 70px; /* 固定ヘッダの高さ分 */
}

.mb50 { margin-bottom: 50px; }

h3.gray_line{
    padding: 20px 18px 20px 20px;
    font-size: 18px;
}

h4{
    padding: 10px 20px 8px;
    margin: 0 0 10px 0;
    font-size: 16px;
	background: #e4e4e4;
}

h5 {
	font-weight: bold;
    padding: 2% 0;
    font-size: 20px;
}
.font_b {
	font-weight: bold;
}
.font_12 {
	font-size: 12px;
}
.m_b20{
	margin-bottom: 20px;
}

/*------------------------
	ご利用ガイド　【メイン】
------------------------*/
/*----- 大タイトル 矢印付リンク -----*/
#content.cmn_wrapper01 h3.gray_line a:link,
#content.cmn_wrapper01 h3.gray_line a:visited{
	color: #333;
	text-decoration: none;
}

#content.cmn_wrapper01 h3.gray_line a:hover{
	text-decoration: underline;
}

h3.arrow{
	padding: 0;
	
	position: relative;
	vertical-align: middle;
}

h3.arrow a{
	display: block;
    padding: 20px 18px 20px 20px;
}

h3.arrow::before{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    left: 92%;
    width: 9px;
    height: 9px;
    border-top: 1px solid #828282;
    border-right: 1px solid #828282;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*----- 小タイトル -----*/
#guide_main ul{
	margin: 0 0 30px 0;
}

#guide_main ul li:before{
	content:">";
	
	color: #b1b1b1;
	font-weight: bold;
}

#guide_main ul li{
	margin: 0 0 8px 15px;
}

#guide_main ul li a{
	padding: 0 0 0 5px;
}

/*----- お問い合わせ -----*/
p.toiawase a{
	padding: 20px;
	display: block;
	text-align: center;
	background: #f2f2ee;
	font-size: 15px;
	font-weight: bold;
}

#content.cmn_wrapper01 p.toiawase a:link,
#content.cmn_wrapper01 p.toiawase a:visited{
	color: #333;
	text-decoration: none;
}

#content.cmn_wrapper01 p.toiawase a:hover{
	background: #e6e6e0;
	text-decoration:underline;
}






/*------------------------
	ご利用ガイド　【サブ(下層ページ)】
------------------------*/
#guide_sub .cont{
	margin: 0 0 50px;
}

#guide_sub .cont.mb80{
	margin: 0 0 80px 0;
}

#guide_sub .cont .text{
	margin: 0 0 0 15px;
}

#guide_sub .cont .text span.large{
	font-size: 18px;
	font-weight: bold;
}

#guide_sub .cont .text span.red{
	color: #ff0000;
}

#guide_sub .cont ul li{
	margin: 0 0 10px 0;
}

.list{
	overflow: hidden;
}

.list dt{
	float: left;
    width: 150px;
	margin: 0 0 5px 0;
}

.list dd{
	overflow: hidden;
	margin: 0 0 5px 130px;
}



/*------------------------
	ご利用ガイド　【よくあるご質問】
------------------------*/
#content.cmn_wrapper01 .qa01 .qa_text{
    float: none; 
}

nav.faq_nav{
	margin: 0 0 30px 0;
}

nav.faq_nav ul{
	overflow: hidden;
}

nav.faq_nav ul li{
	float: left;
	margin: 0 3px 3px 0;
    width: 16% !important;
}

nav.faq_nav ul li:last-child{
    width: 18.5% !important;
    margin: 0 0 3px 0;
}

nav.faq_nav ul li a{
	display: block;
    padding: 15px 35px 15px 14px;
    background-image: url(../img/faq_arrow.jpg);
    background-repeat: no-repeat;
    background-position: 93% center;
    background-color: #7a7a7a;
    height: 30px;
}

#content.cmn_wrapper01 nav.faq_nav ul li a:link,
#content.cmn_wrapper01 nav.faq_nav ul li a:visited{
	color: #fff;
	text-decoration: none;
}

#content.cmn_wrapper01 nav.faq_nav ul li a:hover{
	filter:alpha(opacity=80); /* IE 6,7*/
	-ms-filter: "alpha(opacity=80)"; /* IE 8,9 */
	-moz-opacity:0.8; /* FF , Netscape */
	-khtml-opacity: 0.8; /* Safari 1.x */
	opacity:0.8;
	zoom:1; /*IE*/
}






/*----------------------------------------
	677px 以下
----------------------------------------*/
@media print, screen and (max-width: 677px) {

/*------------------------
	ご利用ガイド　【よくあるご質問】
------------------------*/
nav.faq_nav ul li{
	float: left;
	margin: 0 1% 1% 0;
	width: 49.5% !important;
}

nav.faq_nav ul li:last-child{
	width: 49.5% !important;
}

nav.faq_nav ul li:nth-child(even){
	margin: 0 0 1% 0;
}

nav.faq_nav ul li a{
    padding: 15px 0 15px 14px;
}

}



/*------------------------
	追記海外配送について
------------------------*/

.bsj_title {
	background: url(../img/hikoui.png) no-repeat 0 0;
	padding-left:10%;
	padding-bottom: 2%;
	color: #ee530f;
	font-size: 25px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	border-bottom: 2px solid #1b1b1b;
	margin-bottom: 20px;
}


.bsj_btm {
	padding: 4% 0;
	text-align: center;
}
.bsj_byaji a {
	font-size: 16px;
	color: #000;
	text-decoration: none;
	display: block;
}
@media screen and (max-width: 677px) {
	.bsj_title {
		font-size: 18px;
		padding-left: 0;
		
	}	
	
	
}
/*------------------------
	navi
------------------------*/
.gaid_navi {
	overflow: hidden;
    margin-bottom: 30px;
}
.gaid_navi li {
	float: left;
    padding-right: 5%;
	padding-bottom: 1%;
    font-size: 15px;
	
}
/*----------------------
 wovn言語化ツール
----------------------*/
.open_btm {
padding: 11.3% 5.3%;
border: 1px solid #d2d2d2;
border-radius: 4px;
color: #e56767;
font-weight: bold;
font-size: 10px;
}
#languages {
background-color: #fff;
}
.in_lang {
width: 90%;
margin: 0 auto;
position: relative;

}
.in_lang li {
list-style: none;
border-bottom: 1px dashed #D79596;
padding: 4%;
}
.in_lang li:after{
content: "";
display: inline-block;
background-image: url(/naviplus/images/yaji.png) ;
background-size: contain;
background-repeat: no-repeat;	 
width: 10px;
height: 8px;
position: absolute;
right: 3%;
margin-top:10px;
}
.close_btn {
color: #fefefe;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    padding: 3% 0;
    background-color: #e56767;
    width: 46%;
    margin: 10px auto;
    border-radius: 5px;
}
.close_btn:before{
content: "";
display: inline-block;
background-image: url(/naviplus/images/close.png) ;
background-size: contain;
background-repeat: no-repeat;	 
width: 15px;
height:15px;
padding-left: 5px;
}
/*----------------------
 wovn言語化ツール
----------------------*/

/*----------------------
2021.12.01追加
----------------------*/

.colArea {
    margin-bottom: 50px;
}

.clearfix {
    zoom: 1;
}

.clearfix {
    display: block;
}

#top_icon li {
    width: 280px;
    float: left;
    list-style: none;
}

#top_icon ul li {
    margin: 0 0 15px 50px;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

#guide_main .colArea clearfix #top_icon li :not(li) {
    content: ">";
    color: #b1b1b1;
    font-weight: bold;
    margin: 0 0 8px 15px;
}

* {
    margin: 0;
    padding: 0;
}

#guide_main #top_icon {
    margin: 0 0 30px 40px;
}

@media screen and (max-width:480px) {
#top_icon ul, li, ol {
    margin: 0;
    padding: 0;
    font-style: 0;
    font-weight: 0;
    list-style: none;
}

#guide_main #top_icon {
    margin: 0 0 30px 0;
}

#guide_main #top_icon li {
    float: left;
    width: 46%;
    margin: 0 0 1em 0.5em;
    list-style: none;
}

#top_icon li img {
    width: 100%;
}


}

#guide_main .faqList{
    margin: 0 0 30px 80px;
}

li, ol, ul {
    list-style: none;
}

.faqList li.Q_sml {
    background: none;
}

.faqList li.Q_sml {
    background: transparent url(../guide/img/q_20_20.jpg) no-repeat scroll left center;
}

.faqList li {
    padding: 0px;
    margin-bottom: 8px;
    word-break: break-all;
    word-wrap: break-word;
}

.Q_sml a:link {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    color: #000;
}

.Q_sml a:link {
    text-decoration: none;
}

* {
    margin: 0;
    padding: 0;
}

.faqList li.Q_sml a:before {
    content: "Q";
    font-family: "Montserrat", sans-serif;
    text-align: center;
    display: block;
    float: left;
    width: auto;
    padding: 2px 6px 4px;
    margin: -1px 10px 0px 0;
    background-color: #767676;
    font-size: 10px;
    color: #fff;
}

#content.cmn_wrapper01 .new_item_title{
font-size: 1.2em;
}

#content.cmn_wrapper01 .faqList .Q_sml .new_item_title a:link, #content.cmn_wrapper01 .faqList .Q_sml .new_item_title a:visited {
    color: #333;
    text-decoration: none;
}

#content.cmn_wrapper01 #guide_main a:link,#content.cmn_wrapper01 #guide_main a:visited {
color: #000000;
text-decoration: none;
}

@media screen and (max-width:480px) {
#guide_main .faqList{
    margin: 0 0 2em 0;
}
}

/* --- gray_line --- */
h3.gray_line{
	margin: 0 0 20px 0 !important;
	padding: 20px 18px 20px 5px;
    line-height: 1.4;
	border: 1px solid #ccc;
}

.gray_line_20{
	margin: 0 !important;
	padding: 20px 18px;
    line-height: 1.4;
	border: 1px solid #ccc;
}


/* --- l-c-faq-btn --- */
.l-c-faq-btn {
	margin: 0 auto;
	max-width: 100%;
}
.l-c-faq-btn a {
	border-radius: 4px;
	display: block;
	font-size: 16px;
	font-size: 1rem;
	padding: 15px;
	position: relative;
	/* ---height: 73.8px; --- */
	top: 50%;
}
.l-c-faq-btn a:after {
	border: 0px;
	content: "";
	height: 10px;
	margin-top: -5px;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: rotate(45deg);
	transition: all 0.35s ease-out;
	width: 10px;
}