@charset "utf-8";
/* スマホ　製作のご案内 */

h2,
h3.free,
h2.select {
	margin:0 auto;
	padding:1em 0 0.5em 0;
	margin-bottom:1em;
	font-size:120%;
}

h3 { border-bottom:#444 1px solid; margin:1em auto 0 auto; padding:1em 0 0.5em 0; margin-bottom:1em;	font-size:120%; }
h3.free { border-bottom:#45B8D8 1px solid; color:#45B8D8; }
h2.select { border-bottom:#2FB735 1px solid; color:#2FB735; }


h2 span {
	text-align:center;
	font-size:85%;
}

section {
	clear:both;
	margin-top:20px;
	text-align:center;
	width:95% !important ;
}

article.cardtype {
	display:block;
	background:#FFF;
	border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	padding:0.5em 1.5em 1.5em 1.5em;
	margin-bottom:25px;
}

article.cardtype div {
	text-align:center;
}

article.cardtype img.ct {
	margin:1em 0 0 0;
	border:#DDD 1px solid;
}

a.menu {
	text-align:center !important;
}

.orange { color:#FF5C26; }
.red { color:#D80000; }
.blue { color:#45B8D8; }
.pink { color:#FD4CA5; }
.yellow { color:#FFFFBF; }
.green { color:#2FB735; }
.navy { color:#35318E; }
.text10 { font-size:90%; }
.text-ms { font-size:75%; }
.text-s { font-size:60%; }
.btn_help { float:right; width:25%; }
.text-left { text-align:left; }
.imgR { float:right; width:38%; margin:0 0 0.3em 0.3em; }
.wid-s { width:60%; }
.bortop-blue { border-top:1px dashed #45B8D8; padding-top:1em; }

.btn {
	float:left;
	width:100%;
}

.btn02 {
	width:100%;
	text-align:center;
}


/*----- ご注文に関するご案内 -----*/

article.ori_info {
	display:block;
	margin-bottom:2.3em;
	overflow:hidden;
}

article.ori_info ul li {
	display:block;
	width:40%;
	float:left;
	text-align:center;
	margin-bottom:1.3em;
	padding:1.5em 1em 1.5em 1em;
	background:#FFF;
	box-shadow: 0px 0px 4px 2px rgba(204,204,204,0.4);
}

article.ori_info ul li:nth-child(odd) {
	margin-right:2%;
}


.btn_cnttop03 {
	clear:both;
	margin:10px auto 0 auto;
	padding:10px 10px 13px 0;
	background:#F99BCC;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	border-radius:50px;
	-moz-border-radius:50px;
	-o-border-radius:50px;
	-webkit-border-radius:50px;
	width:90%;
}

.btn_cnttop03 a {
	text-decoration:none;
	color:#FFF;
}

.btn_cnttop03 a:before {
	content:url(/sp/common/images/icon_btn03.png);
	margin: 15px;
    position: relative;
	top:3px;
}

/*----- セレクト -----*/

article.sdinfo {
	overflow:hidden;
}

article.sdinfo dl {
	clear:both;
	overflow:hidden;
	margin-bottom:1.6em;
}

article.sdinfo dl dt {
	color:#FFF;
	background:#2FB735;
	font-weight:bold;
	font-size:90%;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	width:16%;
	padding:0.3em;
	margin-bottom:0.5em;
	float:left;
}

article.sdinfo dl dd {
	float:right;
	width:80%;
}

section#Attention h3 {
	color:#2FB735;
	margin-bottom:0.5em;
}

section#Attention ul {
	margin-bottom:1.2em;
}

section#Attention ul li {
	list-style:disc;
	margin-left:2em;
}

article.printkind {
	overflow:hidden;
}

article.printkind dl {
	clear:both;
	overflow:hidden;
	margin-bottom:1.6em;
}

article.printkind dl dt,
article.printkind dl dt.offset {
	color:#444;
	font-weight:bold;
	font-size:75%;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	width:15%;
	padding:0.3em;
	margin-bottom:0.5em;
	margin-right:0.3em;
	float:left;
}

article.printkind dl dd,
article.printkind dl dd.offs {
	float:left;
	font-size:75%;
	padding:0.3em;
}

article.printkind dl dt { border:2px solid #FFA64D; }
article.printkind dl dt.offset { border:2px solid #AD6AD5; }

article.printkind dl dd { color:#FFA64D; margin-right:0.5em; }
article.printkind dl dd.offs { color:#AD6AD5; }

article.sdflow dl.orderflow,
article.sdflow dl.orderflow-end {
	clear:both;
	overflow:hidden;
	margin-bottom:1.0em;
	display:block;
}

/*article.sdflow dl.orderflow dt:after {
	content:url(/sp/original/images/arrow_sd.png);
    position: relative;
	top:1.0em;
	display:block;
}*/

article.sdflow dl.orderflow:after {
	clear:both;
	content:url(/sp/original/images/arrow_sd.png);
    position: relative;
	top:0.3em;
	left:1.0em;
}

article.sdflow dl.orderflow dt,
article.sdflow dl.orderflow-end dt {
	color:#2EB835;
	background:#C5F1C7;
	font-weight:bold;
	font-size:85%;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	width:22%;
	padding:0.3em;
	margin-bottom:0.5em;
	float:left;
}

article.sdflow dl.orderflow dd,
article.sdflow dl.orderflow-end dd {
	float:right;
	width:72.5%;
	font-size:80%;
	padding-bottom:1.5em;
	display:block;
}

.attention {
	text-indent:-0.5em;
	margin-top:0.5em;
	margin-left:0.5em;
	font-size:75%;
}

/*----- フリー -----*/

article.fdinfo {
	overflow:hidden;
}

article.fdinfo dl {
	clear:both;
	overflow:hidden;
	margin-bottom:1.6em;
}

article.fdinfo dl dt {
	color:#FFF;
	background:#45B9DA;
	font-weight:bold;
	font-size:90%;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	width:16%;
	padding:0.3em;
	margin-bottom:0.5em;
	float:left;
}

article.fdinfo dl dd {
	float:right;
	width:80%;
}

section#fd_flow .printkind {
	overflow:hidden;
}

section#fd_flow .printkind dl {
	clear:both;
	overflow:hidden;
	margin-bottom:1.6em;
}

section#fd_flow .printkind dl dt,
section#fd_flow .printkind dl dt.offset {
	color:#444;
	font-weight:bold;
	font-size:100%;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	width:22%;
	padding:0.3em;
	margin-bottom:0.5em;
	margin-right:0.3em;
	float:left;
}

section#fd_flow .printkind dl dd,
section#fd_flow .printkind dl dd.offs {
	float:left;
	font-size:110%;
	padding:0.3em;
}

section#fd_flow .printkind dl dt { border:2px solid #FFA64D; }
section#fd_flow .printkind dl dt.offset { border:2px solid #AD6AD5; }

section#fd_flow .printkind dl dd,
section#fd_flow .printkind dl dd a { color:#FFA64D; margin-right:0.5em; }
section#fd_flow .printkind dl dd.offs,
section#fd_flow .printkind dl dd.offs a { color:#AD6AD5; }

article.fdflow dl.orderflow,
article.fdflow dl.orderflow-end,
article.fdflow dl.orderflow-nyuko02 {
	clear:both;
	overflow:hidden;
	margin-bottom:1.0em;
	display:clock;
}

/*article.fdflow dl.orderflow dt:after,
article.fdflow dl.orderflow-nyuko02 dt:after {
	content:url(/sp/original/images/arrow_fd.png);
    position: relative;
	top:1.0em;
}*/

article.fdflow dl.orderflow:after,
article.fdflow dl.orderflow-nyuko02:after {
	clear:both;
	content:url(/original/images/arrow_fd.png);
    position: relative;
	top:0.3em;
	left:1.0em;
}

article.fdflow dl.orderflow dt,
article.fdflow dl.orderflow-end dt,
article.fdflow dl.orderflow-nyuko dt,
article.fdflow dl.orderflow-nyuko02 dt {
	font-weight:bold;
	font-size:85%;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	width:22%;
	padding:0.3em;
	margin-bottom:0.5em;
	float:left;
}

article.fdflow dl.orderflow dt,
article.fdflow dl.orderflow-end dt {
	color:#45B9DA;
	background:#BBE6F0;
}

article.fdflow dl.orderflow-nyuko dt,
article.fdflow dl.orderflow-nyuko02 dt {
	color:#FFF;
	background:#45B9DA;
	margin-left:2% !important;
	width:20%;
}


article.fdflow dl.orderflow dd,
article.fdflow dl.orderflow-end dd,
article.fdflow dl.orderflow-nyuko dd,
article.fdflow dl.orderflow-nyuko02 dd {
	float:right;
	width:72.5%;
	font-size:80%;
	padding-bottom:1.5em;
}

.tx-IJ { color:#FFA64D; }
.tx-OS { color:#AD6AD5; }

.ornyuko {
	clear:both;
	color:#45B9DA;
	font-weight:bold;
	font-size:120%;
	margin-left:2.0em;
	margin-bottom:0.8em;
}

.illr {
	border:1px dotted #45B9DA;
	padding:0.8em;
	margin-top:0.2em;
}

.sttl {
	clear:both;
	color:#45B9DA;
	/* background:#45B9DA; */
	border-bottom:#45B9DA 2px dotted;
	display:block;
	font-weight:bold;
	font-size:90%;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	width:100%;
	padding:0.3em;
	margin:0.5em 0;
}

.sttl-red {
	clear:both;
	color:#D80000;
	/* background:#45B9DA; */
	border-bottom:#D80000 2px dotted;
	display:block;
	font-weight:bold;
	font-size:90%;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	width:100%;
	padding:0.3em;
	margin:0.5em 0;
}

section#AttentionFd h3 {
	color:#45B9DA;
	margin-bottom:0.5em;
}

section#AttentionFd ul {
	margin-bottom:1.2em;
}

section#AttentionFd ul li {
	list-style:disc;
	margin-left:2em;
	margin-bottom:0.5em;
}

/*　アコーディオン　*/

label {
    padding: 10px 10px 10px 0;
    display: block;
    margin: 0;
	text-decoration:underline;
	cursor: pointer;
}

label:hover { text-decoration:none; }

input[type="checkbox"].on-off{
    display: none;
}

article .fdflow {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
}

.ques p {
	color:#F768B3;
}

input[type="checkbox"].on-off + .fdflow {
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + .fdflow {
    height: auto;
}

/*----- 絵柄一覧 -----*/

article.pic {
	display:block;
	overflow:hidden;
}

article.pic ul:after {
	content:" ";
	clear:both;
	overflow:hidden;
}

article.pic ul li {
	display:block;
	width:49%;
	float:left;
	text-align:center;
	margin-bottom:1.8em;
}

article.pic ul li:nth-child(odd) {
	margin-right:1%;
}

article.pic ul li p {
	line-height:120%;
	text-align:center;
}

article.pic ul li a,
article.pic ul li a:hover {
	text-decoration:none;
	color:#444;
}

.clear {clear: both;}

/*----- カードケース -----*/

article.freecase {
	display:block;
	margin-bottom:2em;
}

article.freecase p {
	font-size:75%;
}

article.freecase img {
	margin-bottom:0.5em;
}

article.nameprint {
	display:block;
	border:#45B9DA 1px solid;
	padding:1em;
}

h3.namep {
	background:#45B9DA;
	color:#FFF;
	padding:0.5em;
	margin:0;
	text-align:center;
	border-bottom: none;
}

.nameprice {
	display:block;
	background:#E1F7FB;
	padding:1em;
	margin-top:0.2em;
	margin-bottom:0.8em;
}

.pholder {
	margin-top:1em;
}

table.holder {
	margin-top:1.5em;
	font-size:90%;
	line-height:140%;
	width:100%;
}

table.holder th {
	vertical-align:middle;
	color:#FFF;
	background:#22B7E8;
	padding:0.3em;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	text-align:center;
}

table.holder td,
table.holder td.none {
	padding:0.3em;
	border-bottom:1px solid #BFE8F0;
	border-right:1px solid #BFE8F0;
	text-align:right;
}

table.holder td { background:#E7F7FA; }
table.holder td.none { background:none; }

table.holder td.pattern {
	padding:0.3em;
	background:#BFE8F0;
	color:#0099CC;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	text-align:center;
}


/*----- 料金一覧 -----*/
	
table.price {
	font-size:100%;
	line-height:140%;
	width:100%;
}

table.price th {
	vertical-align:middle;
	color:#FFF;
	background:#22B7E8;
	padding:7px;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	text-align:center;
}

table.price td,
table.price td.none {
	padding:0.3em;
	border-bottom:1px solid #BFE8F0;
	border-right:1px solid #BFE8F0;
	text-align:right;
}

table.price td { background:#E7F7FA; font-size:85%; }
table.price td.none { background:#FFF; }

table.price td.pattern {
	padding:0.3em;
	background:#BFE8F0;
	color:#0099CC;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	text-align:center;
}

.select-pr { background:#2FB735 !important;}
.select-pr02 { background:#C1F0C4 !important; color:#2FB735 !important; }

p.yen {
	text-align:right;
	font-size:75%;
}


/*----- 簡単見積 -----*/

table.summary {
	font-size:100%;
	line-height:160%;
	width:100%;
	margin-bottom:20px;
	border-top:1px solid #CEEDF4;
	border-right:1px solid #CEEDF4;
}

table.summary th {
	vertical-align:middle;
	color:#0099CC;
	background:#CEEDF4;
	padding:10px;
	border-bottom:1px solid #FFF;
	width:30%;
	text-align:center;
}

table.summary td {
	padding:10px;
	background:#FFF;
	border-bottom:1px solid #CEEDF4;
}

table.summary td.btn-calc {
	padding:10px;
	/* background:#CEEDF4; */
	background:#FFF;
	padding:10px;
	text-align:center;
}

table.summary td.leftLine {
	border-left:1px solid #CEEDF4;
}


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

/*
article.online-flow {
	border:#BBE6F0 1px solid;
	padding:0.7em 1em 1em 1em;
}

article.online-flow h3 {
	clear:both;
	margin-bottom:0.5em;
	padding:0.2em;
	color:#FFF;
	background:#45B9DA;
	font-weight:bold;
	font-size:110%;
	text-align:center;
	border-radius:50px;
	-moz-border-radius:50px;
	-o-border-radius:50px;
	-webkit-border-radius:50px;
}
*/

article.online-flow dl.orderflow,
article.online-flow dl.orderflow-end,
article.online-flow dl.orderflow-ok {
//	clear:both;
	display: flex;
	justify-content: space-between;
	overflow:hidden;
	margin-bottom:1.0em;
}

article.online-flow dl.orderflow-end {
	margin-bottom:0 !important;
}

/*
article.online-flow dl.orderflow dt:after {
	content:url(/original/images/arrow_fd.png);
    position: relative;
	top:1.0em;
}

article.online-flow dl.orderflow-ok dt:after {
	content:url(/sp/original/images/arrow_mail.png);
    position: relative;
	top:1.0em;
}
*/

article.online-flow dl.orderflow:after {
	clear:both;
	/*content:url(/original/images/arrow_fd.png);
    position: relative;
	top:0.3em;
	left:2.2em;*/
}

article.online-flow dl.orderflow-ok:after {
	clear:both;
	/*content:url(/sp/original/images/arrow_mail.png);
    position: relative;
	top:0.3em;
	left:2.2em;*/
}

article.online-flow dl.orderflow dt,
article.online-flow dl.orderflow-end dt,
article.online-flow dl.orderflow-ok dt {
	text-align:center;
	width:32%;
	max-width: 200px;
	padding:0.3em;
	margin-bottom:0.5em;
//	float:left;
}

article.online-flow dl.orderflow dt.or {
    color: #289dcb;
    font-weight: 600;
    font-size: 1.8em;
    line-height: 0.5;
    margin-bottom: 0;
}

article.online-flow dl.orderflow dt.box,
article.online-flow dl.orderflow-end dt.box,
article.online-flow dl.orderflow-ok dt.box {
	font-size: min(4.5vw, 1.8em);
	font-weight: 500;
	color: #FFFFFF;
	border-radius: 7px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0;
}

article.online-flow dl.orderflow dt.bluebox,
article.online-flow dl.orderflow-end dt.bluebox,
article.online-flow dl.orderflow-ok dt.bluebox {
	background: #45b9da;
	text-shadow: 0 0 1em #1c7193, 0 0 0.2em #1c7193;
}

article.online-flow dl.orderflow dt.pinkbox,
article.online-flow dl.orderflow-end dt.pinkbox,
article.online-flow dl.orderflow-ok dt.pinkbox {
	background: #f99bcc;
	text-shadow: 0 0 1em #bb578b, 0 0 0.2em #bb578b;
}

article.online-flow dl.orderflow dt.orangebox,
article.online-flow dl.orderflow-end dt.orangebox,
article.online-flow dl.orderflow-ok dt.orangebox {
	background: #f8c170;
	text-shadow: 0 0 1em #d3823b, 0 0 0.2em #d3823b;
}

article.online-flow dl.orderflow dt.greenbox,
article.online-flow dl.orderflow-end dt.greenbox,
article.online-flow dl.orderflow-ok dt.greenbox {
	background: #b7da9b;
	text-shadow: 0 0 1em #339d42, 0 0 0.2em #339d42;
}

article.online-flow dl.orderflow dd,
article.online-flow dl.orderflow-end dd,
article.online-flow dl.orderflow-ok dd {
//	float:right;
	width:62.5%;
	min-width: calc(100% - 200px - 5.5%);
	padding-top:0.3em;
}

article.online-flow dl.orderflow dt.next {
	line-height: 1;
	margin-bottom: 0;
	font-size: min(4.5vw, 1.8em);
}

article.online-flow dl.orderflow dt.next ul {
	font-size: 5px;/* ここで矢印のサイズ変わる */
}

article.online-flow dl.orderflow dt.next li {
	text-align: center;
	height: 1em;
}

article.online-flow dl.orderflow dt.next li:before ,
article.online-flow dl.orderflow dt.next li:after {
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	border-radius: 1em;
	background:#289dcb;
}

article.online-flow dl.orderflow dt.next.orange li:before ,
article.online-flow dl.orderflow dt.next.orange li:after {
	background:#f49643;
}

article.online-flow dl.orderflow dt.next.pink li:before ,
article.online-flow dl.orderflow dt.next.pink li:after {
	background:#f771b7;
}

article.online-flow dl.orderflow dt.next li:nth-last-of-type(1):after {content:none;}
article.online-flow dl.orderflow dt.next li:nth-last-of-type(2) span {width:1em;}
article.online-flow dl.orderflow dt.next li:nth-last-of-type(3) span {width:3em;}
article.online-flow dl.orderflow dt.next li:nth-last-of-type(4) span {width:5em;}
article.online-flow dl.orderflow dt.next li:nth-last-of-type(5) span {width:7em;}
article.online-flow dl.orderflow dt.next li:nth-last-of-type(6) span {width:9em;}

article.online-flow dl.orderflow dt.next li span {
	display:inline-block;
}

.flowcheck {
	border:#F99BCC 1px dotted;
	padding:0.7em 1em 1em 1em;
	background:#FEF1F8;
}

ul.caution {
	margin:1.0em 0.8em 2.0em 0;
	list-style:none;
}

ul.caution li {
	line-height:180%;
	background:url(/original/images/icon_checkpoint_04.gif) no-repeat 0 5px;
	padding-left:15px;
	margin-bottom:0.8em;
}


/*----- フッターリンク -----*/

footer {
	clear:both;
	width:100% !important ;
	text-align:center;
}
	
footer .flink {
	padding:7%;
	background:#FFF;
	width:86% !important ;
	font-size:85%;
	line-height:200%;
	text-align:center;
}

/*footer .copyright {
	color:#999;
	font-size:85%;
	padding:2%;
}*/


/*----- 年賀オリジナル -----*/

article.nyinfo {
	overflow:hidden;
}

article.nyinfo dl {
	clear:both;
	overflow:hidden;
	margin-bottom:1.6em;
}

article.nyinfo dl dt {
	color:#FFF;
	background:#E50007;
	font-weight:bold;
	font-size:90%;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	width:16%;
	padding:0.3em;
	margin-bottom:0.5em;
	float:left;
}

article.nyinfo dl dd {
	float:right;
	width:80%;
}

.ny-pr { background:#CCA13F !important;}
.ny-pr02 { background:#EDDEBC !important; }

.ny-pr03 { background:#DCBF7C !important; }

.ny-pr02,
.ny-pr03 {
	color:#333 !important;
	font-size:100% !important;
	border-bottom:1px solid #CCA13F !important;
	border-right:1px solid #CCA13F !important;
}

.tx100 { font-size:100% !important;}

.nyatt {
	border:1px solid #E50007;
	padding:1em;
	margin:0 0 2em 0;
}

.nyatt h4 {
	background:#E50007;
	color:#FFF;
	text-align:center;
	padding:0.5em;
}	

.nyatt ul.att {
	margin:12px 10px 0 10px;
	list-style:none;
}

.nyatt ul.att li,
.nyatt ul.att li.red {
	padding-left:20px;
	line-height:160%;
}

.defblack {color:#333;}
.nyatt ul.att li { background:url(/original/images/icon_ny_01.gif) no-repeat 0 4px; }

.nyattt ul.att li.red {
	background:url(/original/images/icon_ny_02.gif) no-repeat 0 4px;
	color:#E50007;
}

.mininoshi {
	display: block;
	border:3px double #E50007;
	background:url("images/bg_mininoshi.png") center;
	padding:1em;
	margin-top:1em;
}

section#Attention h3 {
	color:#2FB735;
	margin-bottom:0.5em;
}

section#Attention ul {
	margin-bottom:1.2em;
}

section#Attention ul li {
	list-style:disc;
	margin-left:2em;
}

article.printkind {
	overflow:hidden;
}

article.printkind dl {
	clear:both;
	overflow:hidden;
	margin-bottom:1.6em;
}

article.printkind dl dt,
article.printkind dl dt.offset {
	color:#444;
	font-weight:bold;
	font-size:75%;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	width:15%;
	padding:0.3em;
	margin-bottom:0.5em;
	margin-right:0.3em;
	float:left;
}

article.printkind dl dd,
article.printkind dl dd.offs {
	float:left;
	font-size:75%;
	padding:0.3em;
}

article.printkind dl dt { border:2px solid #FFA64D; }
article.printkind dl dt.offset { border:2px solid #AD6AD5; }

article.printkind dl dd { color:#FFA64D; margin-right:0.5em; }
article.printkind dl dd.offs { color:#AD6AD5; }

article.sdflow dl.orderflow,
article.sdflow dl.orderflow-end {
	clear:both;
	overflow:hidden;
	margin-bottom:1.0em;
	display:block;
}

/*article.sdflow dl.orderflow dt:after {
	content:url(/sp/original/images/arrow_sd.png);
    position: relative;
	top:1.0em;
	display:block;
}*/

article.sdflow dl.orderflow:after {
	clear:both;
	content:url(/sp/original/images/arrow_sd.png);
    position: relative;
	top:0.3em;
	left:1.0em;
}

article.sdflow dl.orderflow dt,
article.sdflow dl.orderflow-end dt {
	color:#2EB835;
	background:#C5F1C7;
	font-weight:bold;
	font-size:85%;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	width:22%;
	padding:0.3em;
	margin-bottom:0.5em;
	float:left;
}

article.sdflow dl.orderflow dd,
article.sdflow dl.orderflow-end dd {
	float:right;
	width:72.5%;
	font-size:80%;
	padding-bottom:1.5em;
	display:block;
}

/* コロナ対応アナウンス */

.special-infobl {
    border: #CC0000 2px solid;
    color: #CC0000;
    padding: 1.5em;
    margin: 0.5em 0 1.5em 0;
    line-height: 160%;
    text-align: center;
	font-weight: bold;
}

.special-infobl a {color: #CC0000;}


span.notesb { 
	line-height:160%;
	font-size:85%;
	text-align:right;
	display:block;
}

span.notesc { 
	line-height:160%;
	font-size:85%;
	text-align:center;
	display:block;
}



article.nameprint ul li {
	list-style:disc;
	margin-left:1.5em;
}

.bottom20 {margin-bottom: 20px;}

img.shadow {filter: drop-shadow(2px 2px 1px #999);}

/* 202508追記 */
article.freecase li:before {
    content: "・";
}

article.freecase ul.flex-cardcase {
    display: flex;
}
article.freecase ul.flex-cardcase li {
    list-style: none;
    margin-left: 20px;
    margin-top: 20px;
}
article.freecase ul.flex-cardcase li:before {
    content:"";
}
article.freecase ul.flex-cardcase li:nth-of-type(1) {
    margin-left: 0;
}
article.freecase ul.flex-cardcase li span.box img {
    display:inline-block;
    background:#FFF;
}

article.freecase ul.flex-cardcase li .freecasesp {
	font-size:100%;
}

@media (max-width:768px) {
article.freecase ul.flex-cardcase {
    display: block;
}
article.freecase ul.flex-cardcase li {
    /*margin-left: 0;*/
	text-align: center;
}
	
article.freecase ul.flex-cardcase li .freecasesp {
	width:250px;
	margin: 20px auto 0 auto;
}
}

/*== 202607追記 ==*/

/*概要ページ*/
.gaiyo_case {display: flex;	justify-content: space-between; margin-top:30px;}
.gaiyo_case .caseFr {width:28%;}
.gaiyo_case .caseTk {width:65%;}
.attention02 {
	text-indent:-0.5em;
	margin-top:0.5em;
	margin-left:0.5em;
}

dl dd,
p {line-height: 180%;}

article.freecase ul li { margin-bottom:0.5em;}

@media (max-width:768px) {
.gaiyo_case {display: block;}
.gaiyo_case .caseFr {width:100%;}
.gaiyo_case .caseTk {width:100%; margin-top:20px;}
}