@charset "shift_jis";

.inner_content{width:900px}

/*--information---------------------------------------------------------
Last update：09/04/13
サイトの名前 アイリスプラザ自社
使用箇所 ご利用方法
-------------------------------------------------------------------------*/


/*-------------------------------------------
	ご利用方法 汎用
----------------------------------------------*/



/*.fontsize12 {
	font-size: 13px;
	line-height:1.5em;
	}*/

.guidemidashi {
	font-weight:bold;
	color:#333;
	}

.fontweight_l {
	font-weight:lighter;
	/*font-size: 10px;*/
	}

.guidemidashi_bg {
	background:#fff;
	text-indent:10px;
	height:25px;
	padding:6px 0 0 0;
	}

#guidecontents .news-info{
	margin:10px auto; 
	padding:10px; 
	border:#e4e4e4 solid 1px; 
	line-height:1.3;
}
#guidecontents .news-info h3{
	padding:0;
	
}
/*-------------------------------------------
	ご利用方法
----------------------------------------------*/


/* #guidecontents *{
	font-family:"Century Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
} */
#guidecontents {
	width:900px;
	padding:10px 0 25px 0;
	margin:0 auto;
	line-height:1.5em;
	}
#guidecontents h3 {	/*----コーナー名------*/
	padding:0 0 30px 0 ;
	}
#guidecontents h4 {	/*----コーナー名------*/
	font-size: 18px;
	line-height:2em;
	padding-bottom:20px;
	}

#guidecontents ul {
	margin:0;
	padding:0;
	position: relative;
	}

#guidecontents ul li {
	width:360px;
	float:left;
	margin:0;
	padding:30px 20px 0 0;
	list-style:none;
	list-style-position:outside;
	position: relative;
	}
#guidecontents ul li.right0 {
	padding-right:0;
	}

#guidecontents dl dt {
	padding:5px 0 0 0;
	}
#guidecontents dl dd {
	padding:0 15px;
	}
#guidecontents dl dd.bottom30 {	/*----ご利用方法index用スペース30px------*/
	padding-bottom:30px;
	}

#guidetextbox .bottom30 {	/*----下スペース30px------*/
	padding-bottom:30px;
	}
#guidetextbox .bottom10 {	/*----下スペース10px------*/
	padding-bottom:10px;
	}
#guidetextbox .bottom10 .mylst li {	/*----下揃え------*/ 
	vertical-align:bottom;
	}

/*----お届け日時------*/
#guidecontents ol {
	position:relative;
	padding:0 0 0 50px;
	}
#guidecontents ol li {
	list-style:decimal;
	margin:0;
	padding:0;
	width:inherit;
	}
	
	
/*------アウトレット------------*/
#guidecontents ul li.g_outlet {
	text-align: left;
	padding-left:20px;
	}	


/*------注文の流れ------------*/

#guidetextbox #nagare {
	width:inherit;
	}
/*-#guidetextbox #nagare p{
	width:170px;
	float:left;
	padding:5px;
	position:relative;
	}-*/
#guidetextbox #nagare dl dd.image {
	width:170px;
	/*float:left;*/
	padding:5px 5px 50px 5px;
	}


/*------利用規約------------*/

#guidetextbox p.txtlink {
    background: url("../img/isc/qa/icon_li01.gif") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
}
#guidetextbox p.txtlink a {
    display: block;
    padding: 2px 0 5px 18px;
    text-decoration: underline;
}
#guidetextbox .p.txtlink a:hover {
    color: #FF6600;
    text-decoration: underline;
}
p.txtnav {
    text-align: right;
	margin-top:10px;
}


span.exp {
    font-size: 11px;
}

/*----あと払い------*/

	
.guideato_yaji {
	text-align:center;
	width:300px;
	margin-top:10px;}




/*-------------------------------------------
	guidetext BOX
----------------------------------------------*/

#guidetextbox {
	width:900px;
	margin-bottom: 40px;
	padding: 0;
	}

/*-------------------------------------------
	ご利用方法 会員登録について
----------------------------------------------*/

#guide_kaiin {
	width: 100%;
	/*padding: 10px 0 25px 10px;*/
	margin:0;
	line-height:1.5em;
	color: #333;
	letter-spacing: 0.05em;
}	
#guide_kaiin a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}
#guide_kaiin h3 {margin-bottom: 30px}
#guide_kaiin h4 {margin-bottom: 20px;}
#guide_kaiin #topbox{
	width:748px;
	margin-bottom:20px;
	height:180px;
	border:#999999 solid 1px;
	background-color:#F5F5F5;
	text-align:center
}
#guide_kaiin .p_moji{
	width:750px;
	padding:30px 0 20px 0;
	text-align:center;
	font-size: 16px;
	font-weight:bold;
	color: #FF6A8F;
}
#guide_kaiin .p_moji_c{color: #FF6A8F;}
#guide_kaiin .p_moji_c10{color: #FF6A8F; font-size:10px;}
#guide_kaiin .p_moji_e10{font-size:10px;}
#guide_kaiin .p_moji_b{color: #FF6A8F; font-weight:bold}
#guide_kaiin .p_moji_b16{color: #FF6A8F; font-weight:bold; font-size:16px;}
#guide_kaiin .moji_kome{font-size:10px; line-height:150%;}

#guide_kaiin ul{margin: 0; padding:0 0 20px 0; width:750px; float:left;}
#guide_kaiin ul li.l_box{
	width:280px;
	margin:0;
	float:left;
	list-style: none outside none;
	overflow:hidden;
}
#guide_kaiin ul li.r_box{
	width:440px;
	padding-top:10px;
	font-size:12px;
	text-align:left;
	float:right;
	border-top:#CCCCCC solid 1px;
	line-height:170%;
	list-style: none outside none;
}
#guide_kaiin p.sp10{padding-top:10px;}

/*-------------------------------------------
	返品交換について　13.12.04追加
----------------------------------------------*/

#guidecontents div.henpinpage{
	width:690px;
	padding: 0;
}
#guidecontents a{
	text-decoration:underline;
}

#guidecontents div.henpinpage *{
	margin:0;
	padding:0;
}
#guidecontents div.henpinpage h4,#guidecontents div.henpinpage h5{
	float:none;
	clear:both;
	font-size:14px;
	height:30px;
	line-height:30px;
	padding: 0px;
}
#guidecontents div.henpinpage ul li h6{
	padding:5px;
	background:#fff;
}
#guidecontents div.henpinpage ul li h6 span.ti{
	/*background:#FFF;*/
	color:#333;
	font-weight: 700;
	padding:3px;
	margin-left:2px;
	margin-right:10px;
}
#guidecontents div.henpinpage ul{
	margin: 0px 0px 25px 15px;
}
#guidecontents div.henpinpage ul li{
	/*width:650px;*/
	width: 100%;
	padding: 5px 5px 5px;
	margin-bottom:15px;
	clear:both;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
#guidecontents div.henpinpage dl{
	padding: 10px;
}
#guidecontents div.henpinpage dl dt{
	font-weight:bold;
}
#guidecontents div.henpinpage dl dd{
	margin-left:15px;
}
#guidecontents div.henpinpage .cle{
	clear:both;
}
#guidecontents div.henpinpage a{
	text-decoration:underline;
}

/*余白*/
#guidecontents div.henpinpage .btm5{
	margin-bottom:5px;
}
#guidecontents div.henpinpage .btm10{
	margin-bottom:10px;
}
#guidecontents div.henpinpage .btm30{
	margin-bottom:30px;
}
#guidecontents div.henpinpage left100{
	margin-left:100px;
}
#guidecontents div.henpinpage li div{
	margin-left:15px;
	padding-top: 5px;
	clear: both;
}

/*フォント*/
#guidecontents div.henpinpage .f12{
	font-size:12px;
}
#guidecontents div.henpinpage .f14{
	font-size:14px;
}
#guidecontents div.henpinpage .bold{
	font-weight:bold;
}
#guidecontents div.henpinpage .red a{
	color: #e08a79;
}

/*個別css*/
#guidecontents div.henpinpage dl.henpin1{
	line-height:160%;
	background:#fff;
	margin-left:25px;
	/*border-top: 2px solid #F5F8FA;
	border-right: 2px solid #AEC7D7;
	border-bottom: 2px solid #AEC7D7;
	border-left: 2px solid #F5F8FA;*/
}

#guidecontents div.henpinpage li.toi dl,#guidecontents div.henpinpage li.exchange dl{
	width:630;
	clear:both;
}
#guidecontents div.henpinpage li.toi dl dt{
	width:90px;
	float:left;
}
#guidecontents div.henpinpage li.toi dl dd,#guidecontents div.henpinpage li.exchange dl dd{
	margin-top:3px;
}

#guidecontents div.henpinpage li.exchange dl dt{
	width:155px;
	float:right;
}



#guiderank{
	color:#000;
	font-size:14px;
}
#guiderank a{
	text-decoration:underline;
}






/*-------------------------------------------
	新規会員登録ページ
----------------------------------------------*/
#guide_kaiin .torokuBt{
	position: relative;
	width: 100%;
	margin: 32px auto;
}
#guide_kaiin .torokuBt p > a {
	position: relative;
	width: 70%;
	display: block;
	color: #fff;
	background-color: #222;
	border: solid 1px #222;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
	padding: 0.5em 0;
	border-radius: 8px;
}
#guide_kaiin .torokuBt p > a:hover {
	color: #222;
	background-color: #fff;
}

#guideRank{
	font-size:12px;
}
#guideRank .rankinfo{
	text-align:right;
	margin-bottom:30px;
	padding-right:15px;
}
#guideRank h4{
	margin-top:40px;
}
#guideRank p.texth2{
	margin:20px 0 40px 0;
}

#guideRank h3 img{
	margin:0 0 10px 0;
}

#guideRank p{
	color:#666;
	line-height: 1.5;
	/*line-height:130%;
	margin: 0 0 0 10px;*/
}

/*#guideRank table{
	margin:10px 0 60px 10px;
}*/

#guideRank div.rankText{
	/*margin: 0 0 0 10px;*/
}
#guideRank div.rankText p{
	color: #222;
	font-size: 14px;
}
.rankText .num {
    color: #dd7979;
	line-height: 1;
}

#guideRank .rankh3 img{
	margin:40px 0 10px 0;
}

#guideRank .table2{
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:0 0 0 10px;
}
#guideRank .table1{
	border-right:1px solid #ccc;
	padding:0 0 0 10px;
}

#guideRank p.small{
	margin-top:1em;
	font-size:12px;
	letter-spacing:0px;
}
#guideRank p.textR{
	text-align:right;
	padding-right:10px;
}
#guideRank .t190{
	width:190px;
}

#guideRank span.strong{
	font-weight:bold;
	color:#c66f60;
	font-size:16px;
}

#guideRank a{
	text-decoration:underline; 
}

#guideRank a:link    { color: #0099FF;}
#guideRank a:visited { color: #0099FF;}
#guideRank a:hover   { color: #FF6699; }
#guideRank a:active  { color: #0099FF; }

#guideRank p.rankImg{
	margin-bottom:15px;
}



/*-------------------------------------------
	20221115追記
----------------------------------------------*/
#foot_top{
	text-align: center;
}
.guide_henpin{
	width:750px!important;
	margin:0 auto;
}
#guidetextbox #nagare dl dd.image{
    float: initial;
}

/*取り急ぎの崩れ修正*/
#guidetextbox #nagare dl [class^="nagare2022_"]{
	position: relative;
}
/*
20230227 画像非表示のため削除
#guidetextbox #nagare dl [class^="nagare2022_"] [class^="number2022_"]{
    position: absolute;
    top: 14%;
    left: 20%;
}
#guidetextbox #nagare dl .nagare2022_4{
    height: 520px;
}*/

/* 20230221 追加 */
.title_txt {
	position: relative;
	width: 100%;
	text-align: left;
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	border-left: solid #333 5px;
	padding: 10px!important;
	box-sizing: border-box;
	margin-bottom: 40px;
}
.title_txt > span {
	display: block;
	font-size: 14px;
	margin-top: 5px;
}
  
#foot_top {
	text-align: center;
	margin-top: 40px;
}


/* 20240123 追加 */
h3.heading_txt,
h4.heading_txt {
	position: relative;
	width: 100%;
	color: #333;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 0.25em;
	border-bottom: solid 1px #666;
	margin-bottom: 0.5em!important;
}
h3.heading_txt::before,
h4.heading_txt::before { content: "■"; }

/**/
.box_guide {
	position: relative;
	width: 100%;
	margin: 0 auto 24px;
	text-align: center;
}
.box_guide > .heading_logo {
	position: relative;
	width: 100%;
	display: flex;
    align-items: center;
	margin-bottom: 12px;
}
.box_guide > .heading_logo > img {
	width: auto;
	height: 32px;
}
.box_guide > .heading_logo::before,
.box_guide > .heading_logo::after {
	content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #333;
}
.box_guide > .heading_logo::before { margin-right: 0.5rem; }
.box_guide > .heading_logo::after { margin-left: 0.5rem; }

.box_guide > h3 {
	position: relative;
	width: 100%;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0!important;
}
.box_guide > img {
	width: 100%;
	height: auto;
}

.box_guide > .attention {
	float: none!important;
	position: relative!important;
	width: 100%!important;
	text-align: left!important;
	padding: 0!important;
}


/**/
.tbl_rank {
	position: relative;
	width: 100%;
	border-collapse: separate;
	border-spacing: 4px 8px;
	margin: 10px auto 0;
}
.tbl_rank thead tr,
.tbl_rank tbody tr { vertical-align: middle; }
.tbl_rank thead th,
.tbl_rank tbody th,
.tbl_rank tbody td {
	width: calc(100% / 4);
	text-align: center;
	padding: 12px 8px;
	/*font-size: 16px;*/
	font-weight: bold;
}
.tbl_rank thead th:not(:nth-of-type(1)) { font-size: 18px; }
.tbl_rank thead th,
.tbl_rank tbody th {
	color: #fff;
}
.tbl_rank tr th { background-color: #7e7c7a; }
.tbl_rank thead th:nth-of-type(2) { background-color: #d1887c; }
.tbl_rank thead th:nth-of-type(3) { background-color: #bfc1c3; }
.tbl_rank thead th:nth-of-type(4) { /*background-color: #c4b191;background-color: #c1b8a9;*/background-color: #cac1af; }
.tbl_rank tr td { background-color: #fff; }
.tbl_rank tr td span { font-size: 12px; }
#guideRank .strong1 {
	font-size: 16px;
    font-weight: bold;
}
#guideRank .strong2 {
	font-size: 18px;
    font-weight: bold;
    margin: 0 1px
}
#guideRank .tax { font-size: 10px; }
#guideRank .txt {
	background: linear-gradient(transparent 60%, #ffee81 0%);
}
#guideRank sup {
    font-size: 10px;
    color: #dd7979;
}

.tbl_benefits {
	position: relative;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px 12px;
	margin: 0 0 20px;
}
.tbl_benefits tr {
	vertical-align: middle;
}
.tbl_benefits th {
	width: 200px;
	color: #fff;
	font-weight: bold;
	/*background-color: #c4b191;
	background-color: #c1b8a9;*/
	background-color: #cac1af;
	text-align: center;
	padding: 4px 8px;
}
.tbl_benefits td {
	background-color: #fff;
	padding: 16px;
	font-size: 12px;
	line-height: 1.5;
}

.att_small {
	position: relative;
	width: 100%;
	background-color: #ecebe8;
	box-sizing: border-box;
	padding: 12px;
}
.att_small > ul {
	float: none!important;
	position: relative;
	width: 100%!important;
	margin: 0!important;
	padding: 0!important;
}
.att_small > ul > li {
	font-size: 12px;
	line-height: 1.75;
	text-indent: -1em;
	margin-left: 1em;
}


/**/
.tbl_update,
.tbl_update > li,
.tbl_update > li > dl {
	float: none!important;
	position: relative;
	width: 100%!important;
	margin: 0!important;
	padding: 0!important;
}
.tbl_update > li:not(:nth-child(1)) { margin-top: 12px!important; }
.tbl_update > li > dl {
	display: table;
	background-color: #fff;
}
.tbl_update > li > dl > dt,
.tbl_update > li > dl > dd {
	display: table-cell;
	vertical-align: middle;
}
.tbl_update > li > dl > dt {
	width: 16%;
	color: #fff;
	font-weight: bold;
	text-align: center;
	/*background-color: #c4b191;
	background-color: #c1b8a9;*/
	background-color: #cac1af;
}
.tbl_update > li > dl > dd.img {
	width: 60%;
}
.tbl_update > li > dl > dd.img > img {
	width: 100%;
	height: auto;
}
.tbl_update > li > dl > dd.txtarea {
	display: table-cell;
	vertical-align: middle;
	width: 24%;
	padding: 12px;
	box-sizing: border-box;
}
.tbl_update > li > dl > dd.txtarea > ul {
	float: none!important;
	width: 100%!important;
	margin: 0!important;
	padding: 0!important;
}
.tbl_update > li > dl > dd.txtarea > ul > li {
	position: relative;
	font-size: 13px;
	line-height: 1.75;
}
.tbl_update > li > dl > dd.txtarea > ul > li:not(:nth-child(1)) { margin-top: 0.5em;}
.tbl_update > li > dl > dd.txtarea > ul > li::before {
	content: "●";
}


/**/
.dl_kiyaku,
.dl_kiyaku > dt,
.dl_kiyaku > dd {
	position: relative;
	width: 100%;
}
.dl_kiyaku > dt {
	position: relative;
	font-weight: bold;
	line-height: 1;
	background-color: #fff;
	padding: 0.5em 0;
	box-sizing: border-box;
	border-bottom: solid 1px #ccc;
}
.dl_kiyaku > dt::before {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	content: "";
	width: 6px;
	height: 1.5em;
	background-color: #48413b;
	margin-right: 0.75em;
}
.dl_kiyaku > dd {
	line-height: 1.5;
	margin-bottom: 24px;
	padding: 0.5em 0;
	box-sizing: border-box;
}

.dl_kiyaku .link {
	margin-top: 0.5em
}
.dl_kiyaku .link a {
	position: relative;
	color: #c66f60;
	font-weight: bold;
	text-decoration: underline;
}
.dl_kiyaku .link a::before {
	position: relative;
	top: -2px;
	display: inline-block;
	content: "";
	width: 4px;
	height: 4px;
	border-top: solid 1px #333;
	border-right: solid 1px #333;
	transform: rotate(45deg);
	margin-right: 0.5em;
}

.dl_kiyaku .txt_red {
	color: #c66f60;
	font-weight: bold;
}

.dl_list {
	margin-top: 0.5em;
}
.dl_list > dt::before {
	content: "◆";
	color: #7e7c7a;
}
.dl_list2 {
	margin: 0.5em 0 0 1em;
}
.dl_list2 > dt::before {
	content: "●";
	color: #7e7c7a;
}
.dl_list2 > dd {
	padding-left: 1em;
}

.list_att,
.list_cmn {
	margin-top: 0.5em;
}
.list_att > li {
	text-indent: 1em;
	margin-left: -1em;
}

.list_cmn > li {
	list-style-type:disc;
	margin-left: 2em;
}