input-text@charset "shift_jis";


/*共通部---------------------------------------------------*/


img.smallimage { display: none; }   /* ※1 */

/* ▼表示領域が768px以上の場合 */
@media (min-width: 768px) {
   img.smallimage { display: none; }  /* smallを非表示 */
   img.largeimage  { display: block; } /* largeを表示 */
}
/* ▼表示領域が768px未満の場合 */
@media (max-width: 767px) {
   img.smallimage { display: block; } /* smallを表示 */
   img.largeimage  { display: none; }  /* largeを非表示 */
}

.ttl-contents img { width: 100%; clear:both;}   /* ※2 */

a:hover{
	transition:0.5s;
}


h1{
	font-weight:600;
	text-align:center;
	padding:15px;
	margin-bottom:20px;
	margin:0;
	border-radius:8px;
}



h2{
	font-size:1em;
	font-weight:600;
	margin:0px;
}

h3{
	font-size:1em;
	font-weight:600;
	padding:10px;
	display:block;
	padding:5px 10px;
	font-size:1.1em;
	font-weight:600;
	border-left:solid 3px red;
	margin:20px 5px 5px;
	color:black;
}

.contents-menu{
	display:block;
	font-size:0.9rem;
	margin:20px 5px;
}

.sec-jump {
	text-align:left;
	padding:20px 5px;
	border-top:1px solid gold;
	border-bottom:1px solid gold;
}

.sec-jump li{
	display:inline-block;
}

.sec-jump a:hover{
	opacity:0.75;
	transition:0.5s;
}

.sec-jump a{
	font-size:0.85rem;
	color:#fff;
	border-radius:5px;
	padding:7px 10px;
	display:block;
	margin:2px;
}

.btn-jump-ttl{
	margin-right:20px;
	font-weight:bold;
	color:#906700;
}

.btn-jump a{
	background-color:#3A50D7;
}

.btn-jump2 a{
	background-color:#000;
}



.btn-net{
	float:right;
}

.btn-net a{
	background-color:#FF7600;
}

.to_menu{
	margin:30px 5px;
	display:block;	
}


.to_menu a{
	border-top:solid 1px gold;
	border-bottom:solid 1px gold;
	padding:5px 10px;
	color:#906700;
	font-size:0.85rem;
	font-weight:bold;
}


#inputform{
	margin-bottom:200px;
	background-color:#fff;
	padding:30px;
	border-top:solid 20px #FFE5ED;
 	border-radius:0px 0px 10px 10px;
}


#inputform input,select,textarea{
	margin:2px 0px;
	padding:5px;
}

#inputform p{
	text-align:left;
	font-size:80%;
}

#inputform th{
	text-align:left;
	white-space:nowrap;
	width:5%;
}


#inputform a{
	text-decoration-line:underline;
}

.input-text{
	width:100%;
	border-radius:3px;
}

.input-text2{
	width:180px;
	border-radius:3px;
	border:solid 1px #A8A8A8;
}

.input-text3{
	width:90px;
	border-radius:3px;
	border:solid 1px #A8A8A8;
}


input,textarea,select{
	border-radius:3px !important;
	border:solid 1px #AAAAAA !important;
	background-color:#fbfbfb;
}

input:hover{
	box-shadow: 0px 0px 2px 2px #ddd inset; /* 影指定 */
	background-color:#fff;
}

textarea:hover{
	box-shadow: 0px 0px 2px 2px #ddd inset; /* 影指定 */
	background-color:#fff;	
}

select:hover{
	box-shadow: 0px 0px 2px 2px #ddd inset; /* 影指定 */
	background-color:#fff;
}


.koumoku-input{
	border-bottom:solid #ccc 1px;
	padding-top:15px;
	padding-bottom:15px;
}

.koumoku-input li{
	font-size:0.9rem;
	line-height:1.2rem;
	margin:10px 0;
}



.koumoku-name{
	font-weight:600;
}

.koumoku-name-renmei{
	font-weight:600;
	margin-left:30px;
}

.middle2{
	position:relative;
	dislay:block !important;
	vertical-align:middle !important;
	margin-top:10px;
}


.middle{
	position:relative;
	dislay:block !important;
	vertical-align:middle !important;
	margin:auto 0;
}

.tenp{
	margin-top:20px;
	width:90%;
}

.upload{
	font-size:0.9em;
}


.check{
	font-weight:bold;
	text-align:center;
	border:solid 2px #CDCDCD;
	width:80%;
	margin:0 auto;
	vertical-align:middle;
	padding-top:20px;
}

.btn-submit{
	text-align:center;
	margin:80px 10px;
}


#submit_button{
	border-radius:10px;
	color:#670026;
	font-weight:bold;
	background:#fff;
	font-size:1.5em;
	width:40%;
	max-width:300px;
	min-width:170px;
	min-height:120px;
}



.reset{	
	font-size:0.8em;
	color:#666;
	font-weight:bold;
	background:#fff;
	vertical-align:bottom;
}


.file{
	margin:20px 0px;
}


.upload{
	cursor:pointer;
}


.must {
	font-size:.75em;
	color:#fff;
	background-color:hotpink;
	border-radius:4px;
	margin:0px 10px;
	padding:1px 2px 2px;
	font-weight:100;
	white-space:nowrap;
	float:right;
}

.must2 {
	font-size:.75em;
	color:#fff;
	background-color:hotpink;
	border-radius:4px;
	margin:0px 10px;
	padding:1px 2px 2px;
	font-weight:100;
	white-space:nowrap;
}



.tbl-price{
	diplay:block;
}

.tbl-price table{
	width:100%;
	max-width:500px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
}

.tbl-price caption{
	text-align:right;
}

.data_price{
	text-align:right;
	padding:10px 10px 10px 2px;
	font-weight:normal;
	font-size:1rem;
}

.tbl_koumoku{
	background:linear-gradient(to top ,#888888 ,#AFAFAF);
	color:#fff;
	text-align:center;
}


.order-flow{
	margin-top:50px;
	display:block;
	color:#000;
	text-align:center;
}


.order-flow li{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	color:#AC824D;
	border:2px #D4D4D4 solid;
	list-style:none;
	text-align:center;
	border-radius:10px;
	font-weight:bold;
	font-size:1.5rem;
	box-shadow:0px 0px 3px 3px #eee;
}

.order-flow2{
	display:block;
	width:100%;
	border-top:1px solid #AC824D;
	margin-top:10px;
	font-size:1rem;
	font-weight:normal;
	padding-top:5px;
	color:#000;
}

.order-arrow{
	color:#ff0000;
	font-size:2rem;
}





/*共通部：ここまで--------------------------------------------------*/


/* 年賀状項目------------------------------------------------------------- */

.ttl-nenga{
	background-color:#ffe5ed;
	border-bottom:solid 5px #FFCFDE;
}

.ttl-nenga h1{
	font-family:serif;
}

.ttl-nenga-year{
	display:inline-block;
	margin-bottom:10px;
	color:#fff;
	background-color:#A08D2B;
	padding:5px 20px 3px;
	font-size:1.9rem;
	border-radius:30px;
}

.ttl-nenga-job{
	display:block;
	color:#6E5F15;
	text-shadow:0px 0px 5px #fff;	
}


.nenga-sub{
	padding:20px 0px;
}

.nenga-sub p{
	margin-top:20px;
	margin-left:70px;
	font-size:1.2rem;
	line-height:30px;
}

.nenga-sub a{
	padding:2px 5px;
	color:#00224C;
	font-weight:bold;
	border-bottom:solid 2px #fff;
}

.nenga-sub a:hover{
	border-color:red;
}







/* 年賀状項目：終わり------------------------------------------------------------- */









/* 年賀フォーム------------------------------------------------------------- */


.form-nenga-bg{
	background-color:#FFE5ED;
	padding-bottom:40px;
}

.form-nenga-bg a{
	border-bottom:1px solid;
}



#ttl_form{
	background-color:#FFE5ED;
	font-size:1.4em;
	font-weight:600;
	color:#670026;
	display:block;
	width:100%;
	padding:20px 20px 0px 20px;
	text-align:center;
}


.nenga {
	width: 100%;
	background-color:#FFC4D6;
	
}

.nenga h5{
	color:#57001A;
	font-weight:bold;
	padding:20px !important;
	margin:10px !important;
	clear:both;
}

.nenga-atn{
	background-color:#fff;
	border-radius:7px;
	font-size:0.85em;
	font-weight:normal;
	margin-top:5px !important;
	padding:10px !important;
}





/* 年賀フォーム：終わり------------------------------------------------------------- */

/*年賀説明部*/


.nenga-info h1{
	color:#000000;
	font-size:1.75rem;
	font-family: serif;
}

.nenga-info p{
	margin:20px;
	text-align:left;
	font-size:1.2rem;
	line-height:2rem;
}

.nenga-info img{
	width:100%;
}



.ttl_sample{
	margin-top:50px;
	margin-bottom:20px;
	background:linear-gradient(#BF3769,#8F2A4F);
	padding:20px 20px 5px 20px;
	font-size:1.2em;
	font-weight:600;
	color:#fff;
	text-align:center;
	height:62px;
}

.nenga-sample{
	margin-bottom:50px;
}

/*年賀説明部*/




/* さつさん似顔絵--------- */

.collabo {
	background-color:burlywood;
	padding-bottom:20px;
}


.ttl-nigaoe{
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	border-top:solid 5px #bfbfbf;
	width:100%;
}

.collabo-area{
	margin:20px 20px;
	padding:20px;
	color:#fff;
	background-color:#9C6D30;
	border-radius:10px;
}

.collabo-area img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	}

.collabo-area figcaption{
	color:#fff;
	font-weight:bold;
	font-size:1.5rem;
	text-align:center;
	margin-bottom:0px;
}

.link_satsu{
	display:block;
	color:#EBFFA3;
	border-radius:5px;
	padding:5px 10px;
	border:solid 1px #EBFFA3;
	border-radius:5px;
	margin:0px 15px 30px;
}

.link_satsu:hover{
	box-shadow:0px 0px 2px 2px #6E4B1D;
}


.collabo-sec1 figure{
	margin-top:30px;
}

.collabo-sec2{
	margin:5px 10px;
	padding:10px;
	background-color:#fff;
	border-radius:10px;
	color:#000;
	font-size:1.1rem;
}

.collabo-sec2 table{
	font-size:1.1rem;
	margin-left:auto;
	margin-right:auto;
}

.info-nigaoe{
	color:#000;
	margin-left:50px;
}

.collabo-sec2 table{
	font-size:1.1rem;
	margin-left:auto;
	margin-right:auto;
}

.collabo-sec2 ul{
	color:#000;
	font-size:1.1rem;
	line-height:24px;
}

.collabo-sec2 h6{
	font-weight:bold;
	font-size:1.1rem;
	line-height:24px;
}

.collabo-sec2 p{
	margin-left:30px;
	font-size:1.1rem;
	line-height:24px;
}

.collabo-sec2 a{
	text-decoration:underline;
}


.collabo-sec3 {
	font-size:1.1rem;
	border:solid 1px #000;
	border-radius:7px;
	padding:10px;
	margin:5px 10px 15px 30px;
}

.collabo-sec3 h7{
	font-weight:bold;
}




.checkmark2 {
  content: '';
  width: 14px;
  height: 7px;
  border-left: 2px solid red;
  border-bottom: 2px solid red;
  transform: rotate(-45deg);
	float:left;
	display:block;
	margin-top:7px;
	margin-right:10px;
}




/* お客さま情報------------------------------------------------------------- */

.customer{
	background-color:#FFF;
	display:block;
	margin-top:-20px;
	margin-left:-20px;
	margin-right:-20px;
	margin-bottom:50px;
	border:3px solid #341500;
}

.customer h5{
	background:linear-gradient(to bottom ,#747474,#222222);
	color:#fff;
	padding:10px 20px !important;
}

.customer-koumoku-name{
	padding-left:5px;
	font-weight:600;
}


.customer-koumoku-input{
	border-bottom:solid #ccc 1px;
	padding-top:15px;
	padding-bottom:15px;
	margin-left:15px;
	margin-right:15px;
}





.customer-koumoku-input img{
	width:90%;
}

/* お客さま情報：終わり------------------------------------------------------------- */











/* 喪中------------------------------------------------------------- */

.mo{
	background-color:#D8D8D8;
	display:block;
	margin-top:20px !important;
	margin-left:20px !important;
	margin-right:20px !important;
	padding:15px !important;
}

.mo h5{
	padding:20px;
	font-weight:bold;
}

.mo-koumoku-name{
	padding-left:5px;
	font-weight:600;
}


.mo-koumoku-input{
	border-bottom:solid #ccc 1px;
	padding-top:15px;
	padding-bottom:15px;
	margin-left:15px;
	margin-right:15px;
}


/* 喪中：終わり------------------------------------------------------------- */






/*文例集--------------------------------------*/

.bunrei{
	padding:30px;
}

.bunrei-setsumei{
	font-size:1rem;
	padding:10px;
	
}

.link a{
	border:1px solid skyblue;
	border-radius:5px;
	padding:3px 5px;
	margin:10px;
	font-size:0.9rem;
}


.ttl-bunrei-nenga{
	background-color:#FFC4D6;
	color:#fff;
	font-size:1.5rem;
	font-weight:bold;
	padding:10px;
}	

.ttl-bunrei-nenga p{
	clear:both;
	color:#000 !important;
	font-size:1rem;
	font-weight:normal;
}




.ttl-bunrei-mocyu{
	background-color:#BBBBBB;
	color:#fff;
	font-size:1.5rem;
	font-weight:bold;
	padding:10px;
}	

.ttl-bunrei-mocyu p{
	clear:both;
	color:#000 !important;
	font-size:1rem;
	font-weight:normal;
}


/*文例集：終わり--------------------------------------*/


/*バナナペーパー卓上カレンダー--------------------------------------*/


.bpcal{
	background-color:#8acce2;
	border-bottom:solid 5px #63A6BC;
}

.bpcal h1{
	color:#FF3700 !important;
	background-color:#fff;
	font-size:2em;
}


.bg-bpcal{
	background-color:#8acce2;	
}

.bpcal-info h1{
	color:#FF1F00;
	font-size:1.2rem;
}

.bpcal-info p{
	text-align:left;
	font-size:1.2rem;
}

.bpcal-info img{
	width:100%;
}




.ttl_info_bpcal{
	margin-top:20px;
	margin-bottom:20px;
	background:linear-gradient(to bottom,#8acce2,#59ACC8);
	padding:20px 20px 5px 20px;
	font-size:1.2em;
	font-weight:600;
	color:#fff;
	text-align:center;
	height:62px;
}




.bpcal-days p{
	margin-left:70px;
	font-size:1.4rem;
}


/*バナナペーパー卓上カレンダー：終わり--------------------------------------*/

/*バナナペーパー卓上カレンダー：フォーム--------------------------------------*/
.form-bpcal-bg{
	background-color:#8acce2;
}

.form-bpcal h5{
	background-color:#8acce2;
	color:#00435A;
	text-align:center;
	font-weight:bold;
	padding:20px;
	margin:0 -20px;	
}

.form-bpcal ul,li{
	text-align:left;
	font-size:0.95rem;
	list-style:none;
}

.form-bpcal li{
	display:block;
	color:#000;
	padding:10px;
	margin-top:10px;
}

.text-s{
	font-size:0.9rem;
}

.text-m{
	font-size:1.1rem;
}

.text-l{
	font-size:1.3rem;
}


.checkmark {
  content: '';
  width: 16px;
  height: 8px;
  border-left: 2px solid red;
  border-bottom: 2px solid red;
  transform: rotate(-45deg);
	float:left;
	display:block;
	margin-top:3px;
	margin-right:5px;
}


.bpcal-atn{
	background-color:#fff;
	font-size:0.85em;
	font-weight:normal;
	margin-top:20px;
	padding:10px;
}


.bpcal-inputform{
	margin-bottom:200px;
	background-color:#fff;
	padding:30px;
 	border-radius:0px 0px 10px 10px;
}


.bpcal-inputform input,select,textarea{
	margin:2px 0px;
	padding:5px;
}

.bpcal-inputform p{
	text-align:left;
	font-size:80%;
}

.bpcal-inputform th{
	text-align:left;
	white-space:nowrap;
	width:5%;
}


.bpcal-inputform a{
	text-decoration-line:underline;
}




/*カレンダーの入力部*/

.bpcal-inputform input,textarea,select{
	border-radius:3px !important;
	border:solid 1px #AAAAAA !important;
	background-color:#FBFBFB;
}

.bpcal-inputform input:hover{
	box-shadow: 0px 0px 2px 2px #ddd inset; /* 影指定 */
	background-color:#fff;
}

.bpcal-inputform textarea:hover{
	box-shadow: 0px 0px 2px 2px #ddd inset; /* 影指定 */
	background-color:#fff;
}

.bpcal-inputform select:hover{
	box-shadow: 0px 0px 2px 2px #ddd inset; /* 影指定 */
	background-color:#fff;
}







.bpcal-submit{
	clear:both;
	border:solid 2px #8acce2 !important;
	border-radius:10px;
	color:#004267;
	font-weight:bold;
	background:#fff;
	font-size:1.5em;
	width:40%;
	max-width:300px;
	min-width:170px;
	min-height:120px;
}

.bpcal-submit:hover{
	clear:both;
	background-color:#004267;
	transition:0.2s;
}

.bpcal-reset{	
	font-size:0.8em;
	color:#666;
	font-weight:bold;
	background:#fff;
	vertical-align:bottom;
}

.bpcal-reset:hover{
	transition:0.2s;
}



::placeholder{
	color:#ff0000;
	opacity:0.5;
	font-size:0.9rem;
}


/*カレンダーの入力部終わり*/



/*バナナペーパー卓上カレンダー：フォーム：終わり--------------------------------------*/




















/* アコーディオンメニュー：個人情報保護------------------------------------------------------------- */

.acd-pp{
	font-family:"ヒラギノ角ゴ ProN W3", HiraKakuProN-W3,メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

.acd-pp-body{
}

.acd-pp-ttl a{
	display:block;
	padding:10px 20px;
	color:#555555;
	font-size:0.8em;
	font-weight:400 !important;
	text-decoration:none !important;
	background:linear-gradient(to top,#DBDBDB,#fff);
	cursor:pointer;
	border-left:solid 3px;
	border-top:solid 1px;
	border-right:solid 3px;
	border-bottom:solid 1px;
	border-image:linear-gradient(to top,#333,#999)1;
}

.arrow-pp-bottom{
    border: 0;
    border-bottom: solid 2px #555555;
    border-right: solid 2px #555555;
    display: inline-block;
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
	float:right;
	margin-top:5px;
}




#pp_box{
	display:block;
	width:100%;
	height:100%;
	padding:15px;
	background-color:#eee;
	border:1px #ddd solid;
	border-radius:3px;
	margin:20px auto; 
	text-align:center;
}




.pp_t{
	margin-top:15px;
	padding-bottom:10px;
	text-align:center;
	display:block;
}


.pp_t li{
	padding:20px !important;
}

.pp_t input[type=checkbox] {
	transform: scale(1.6);
	margin: -2px 10px 1px 0px !important;
}

.pp_t label{
	font-size:1.3em !important;
	font-weight:600;
	
}


/* アコーディオンメニュー：個人情報保護：終わり------------------------------------------------------------- */