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

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

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

h3{
	padding: 10px 2%;
	background-color: #555;
	color:#FFF;
	font-size: 1rem;
	letter-spacing:4px;
	border-radius: 5px;
}

a:hover{
	text-decoration:underline;
}

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



#nagare,
#nouki,
#hikitugi,
#konpou,
#kanryou-made,
#uketori p,
#select{
	color: #333;
}

#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{
	font-weight:bold;
	margin: 10px;
	font-size: 1rem;
	clear: both;
	letter-spacing: 2px;
}
.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{
	width: 34%;
	display: inline-block;
	text-align: center;
}

.gray-img img{
	max-width:100%;
}

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

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

/*テキストエリア*/
.honbun-box{
	width: 64%;
	display: inline-block;
	padding: 0 0 0 2%;
	vertical-align: middle;
	line-height: 1.8;
}


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

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











/*================================
	ご注文内容確認、納期のお知らせ
================================*/
.mail-Contact{
	width: 65%;
	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;
	font-size: 1rem;
}

.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{
	width: 49%;
	min-height: 300px;
	display: inline-block;
	padding: 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: 43%;
	margin: 1% 2% 0 0;
	display: inline-block;
}

#takuhai-hako p{
	width: 50%;
	margin: 0;
	padding: 2% 0;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
}


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

#yu-packet li{
	width: 49%;
	height: 200px;
	margin: 0;
	padding: 2%;
	display: inline-block;
	vertical-align: top;
	border: 1px #ccc solid;
}

#yu-packet li p{
	width: 53%;
	font-size: .8rem;
	display: inline-block;
	vertical-align: top;
}


#uketori{
	clear: both;
}

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

.uketori-mail span{
	width:100%;
	display:block;
	padding: 4%;
	margin-bottom: 2%;
	background: #eeeeef;
	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;
}


.bulue{
	color: #555555;
	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%;
}


/*中間報告書*/
#chukanhokoku{
 border: 1px #555 solid;
 padding: 20px 0 0;
}

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

.select-yoko{
 display: flex;
 margin: 2% auto;
 flex-wrap: wrap;
}

.select-yoko p{
	padding:0 10px 20px;
}

.select-yoko div{
	display:inline-block;
}

/*画像*/
.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: 44%;
}


.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;
}