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

#maincontents .link{
	padding-top:50px;
	margin-top:-50px;	
}

#contents{
	font-size: .85rem;
	color: #333;
}

h3{
	padding: 10px 4%;
	background-color: #333;
	color:#FFF;
	font-size: 1rem;
	letter-spacing:4px;
	clear: both;
}


hr {
	height: 2px;
	background-color: #469d3d;
	width: 100%;
	border: none;
	margin: 4% 0;
}



#nagare,
#nouki,
#hikitugi,
#konpou,
#kanryou-made,
#uketori p,
#select{
	line-height: 25px;
}

#select{
	clear: both;
}


.red{
	color: #c9203f;
	font-weight: bold;
}

.red3{
	font-size:22px;
}

/*================================
	テキストエリア
================================*/
.p-box{	margin:2% 5%;}

.p-box2{}

.p-box3{	padding-left:3%;}

.p-box4{	margin:2% 5% 0 1.5%;}

.p-box5{margin: 0 2% 0 2%;}

.p-box-bottom{
	margin-bottom:3%;
}

/*================================
	見出し
================================*/
.midasi{
	color: #333;
	font-weight:bold;
	margin: 2% 4%;
	font-size: 1rem;
}
.midasi:before{
	content:"● ";
}

/*小見出し　余白*/
.margin-l{
	margin-left: 2%;
}
.margin-l2{
	margin-left: 2%;
}
.margin-b{
	margin-bottom: 2%;
}

/*太文字*/
.t-bold{
	font-weight:bold;
}

.t-bold2{
	color:#FFEE0B;
}


/* イメージ画像設定 */
.gray-img{
	text-align: center;
}

.gray-img2 img{
	width:50%;
	margin:auto;
	padding:0 3%;
}

.gray-img2-2 img{
	width:82%;
	background:#B5B5B5;
	margin:auto;
}

/*テキストエリア*/
.honbun-box{
	padding: 4%;
	vertical-align: middle;
}


/*================================
	全体の流れ
==================================*/
.nagare-menu{
	margin:2% 0;
}
.nagare{
	font-size: .8rem;
	color: #333;
}

/*行程*/
.nagarebox{
	display: block;
	border: #ccc solid 1px;
	letter-spacing:2px;
	margin: 0 2%;
}
/*小見出し*/
.nagarebox p:first-of-type{
	background: #eeeeef;
	padding: 5px 10px;
	letter-spacing: 3px;
	color: #333;
}
/*説明*/
.nagaretxt{
	background:#FFF;
	padding: 2%;
	font-size: .8rem;
}
/*▼*/
.icon-try{
	color:#44656C;
	text-align: center;
}











/*================================
	ご注文内容確認、納期のお知らせ
================================*/
.mail-Contact{
	width: 90%;
	border:#C7D219 solid 3px;
	margin: 2% auto;
	padding: 2%;
	font-size: .8rem;
}

.mail-Contact img{
	width:auto;
	display:block;
	margin:auto;
}





.nouki-box{
	width: 60%;
	display: inline-block;
}

.nouki-box2{
	width:55%;
	display: inline-block;
	margin-left: 4%;
}

.yohaku{
	padding-bottom: 4%;
}

.yohaku2{
	padding-bottom:3%;
}





.nouki-tyui{
	margin-top:2%; 
}

.markup-blue{
	color: #334490;
	font-weight: bold;
	text-decoration: underline;
}

.mail-type-tyui{
	margin-top:4%; 
	font-weight:550;
}

#konpou-main{
	margin: 0 2%;
}


#konpou-scene img{
	width: 15%;
	margin: 0 0 0 14%;
	display: inline-block;
	vertical-align: top;
}


#takuhai-cata,
#takuhai-hako{
	padding: 2%;
	margin: 0 0 2%;
	border: 1px #ccc solid;
	vertical-align: top;
}


#takuhai-cata img{
	width: 43%;
	margin: 1% 4% 0 0;
	display: inline-block;
}

#takuhai-cata p{
	font-size: 14px;
	display: inline-block;
}

#takuhai-hako img{
	max-width: 39%;
	margin: 1% 2% 0 0;
	display: inline-block;
}

#takuhai-hako p{
	width: 56%;
	margin: 0;
	padding: 2% 0;
	display: inline-block;
	vertical-align: top;
}


#yu-packet{
	margin: 2% 0 4%;
}

#yu-packet li{
	width: 49%;
	padding: 2%;
	display: inline-block;
	vertical-align: top;
}


#uketori{
	clear: both;
}

.uketori-mail{
	width: 90%;
	font-size: .8rem;
	vertical-align:top;
	margin: 2% auto;
}

.uketori-mail span{
	width:100%;
	display:block;
	padding: 10px;
	margin-bottom:0.5%;
	background: #f5f5f5;
	border-radius: 5px;
	border: 1px #ccc solid;
}


.uketori-mail ul{
	padding:0 5%;
}

.uketori-mail li:before{
	content:"●";
}

.mail-text{
	margin:1% 0;
}

.mail-text2{
	margin:3.5% 0;
}

#uketori .mail-kome{
}

.bulue{
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 1rem;
}

.select-box{
	margin:1.5% 0 2% 0;
}

.select-box2{
	width:100%;
	margin-bottom:1.5%;
}


/*報告書サービス対象外カタログギフト一覧*/
.cata_houkoku{
	margin: 4% auto;
	width: 90%;
	display:flex;
	background: #f5f5f5;
	border: 1px #aaa solid;
	padding: 2%;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.cata_houkoku li{
	width: calc(100%/2);
}



/*中間報告書*/
.select-yoko{
 width: 90%;
 margin: 2% auto;
 padding:2%;
 border: 1px #ccc solid;
}

/*画像*/
.img{
	text-align:center;
}


.konpou-img{
	vertical-align:bottom;
	padding-bottom: 9.3%;
}

.m-top{
	margin-top: 2%;
}

.konpou-naiyou-k{
	width:55%;
	display: inline-block;
}


.konpou-naiyou-t{
	width:60%;
	float: right;
		
}

.konpou-naiyou-img img{
	width:70%;
}

.packet1,
.packet2{
	max-width: 100%;
}


.packet-p{
	width: 25%;
	display: inline-block;
	vertical-align: middle;
}

.packet-text{
	display: inline-block;
}

.konpou-packet{
	width: 62.2%;
}
.gray-img-square2{
	width: 23%;
	margin-top:4%;
	display: inline-block;
	vertical-align: top;
}