/*　画面サイズが 480pxまではここを読み込む　*/
@media screen and (max-width: 480px) {

.body {
	width: 100%;
	margin: 0 auto;
	line-height: 160%;
}

.body-waku{
	width: 100%;
	margin-bottom: 0;
	max-width: 480px;
	border: none;
	box-shadow: none;
}

.header{
	width: 94%;
	max-width: 480px;
	padding: 2% 3%;
	text-align: left;
}

h1{
	max-width:480px;
	width: 100%;
	margin: 0 auto;
	font-size: 0.8rem;
	padding-top:11%;
}

/*　TOP　*/
/*　max-480pxまでボタン画像なしで３列配置　*/
.head-navi {
	border: none;
	max-width: 480px;
	width: 98%;
	margin: 0 auto;
}
.head-navi dl {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	width: 100%;
	max-width: 480px;
	}
.head-navi dd,dt{
	text-indent:0;
	width: 32%;
	padding-top: 3%;
	margin-bottom: 1%;
	background: linear-gradient(#f7f7f7, #b8b8b8);
	float: none;
	align-items: center;
	}

.head-navi dd a {
	color: #666666;
	font-size: 0.9rem;
	text-align: center;
	float: none;
}
.head-navi dt a {
	color: #666666;
	font-size: 0.9rem;
	text-align: center;
	float: none;
}

/*　メインナビのボタン画像をなしにする　*/
.head-navi a:hover{
	font-weight: 600;
	}

.head-navi a#top{
	width:100%;
	background-image: none;
	}
.head-navi a#design{
	background-image: none;
	}
.head-navi a#kenkyuu{
	background-image: none;
	}
.head-navi a#history{
	background-image: none;
	}
.head-navi a#information{
	background-image: none;
	}
.head-navi a#onamae{
	background-image: none;
	}
.head-navi a#prolink{
	background-image: none;
	}
.head-navi a#fudelink{
	background-image: none;
	}
.head-navi a#soft{
	background-image: none;
	}
.head-navi a#jiman{
	background-image: none;
	}
.head-navi a#standard{
	background-image: none;
	}
.head-navi a#hori{
	background-image: none;
	}
.head-navi a#museum{
	background-image: none;
	}
/* ハンバーガーメニューここまで */

div.shadow{
	background-image: none;
	border-top: none;
	padding-bottom: 5px;
}

@media screen and (max-width: 400px) {
	/*　max-400pxまではボタン画像なしで2列配置　*/
	.head-navi dd,dt{
		width: 48%;
	}
	.nenga-navi-waku {
		width: 100%;
	}
	.nenga-navi {
		width: 50%;
		max-width: 200px;
	}
}
/* ここから　メインコンテンツ */
.main-content {
	display: flex;
	flex-wrap:wrap;
	justify-content: center;

}
/* 真ん中のエリア */
.center {
	float: none;
	text-align: center;
	max-width: 480px;
	width: 98%;
	order:1;
	margin: 0 auto 10px;
}

h2 {
	max-width: 480px;
	background-position: center center;
}

li {
	list-style: none;
}

.muryou-data {
	max-width: 480px;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.category {
	display: flex;
	flex-flow: row wrap;
	padding-bottom: 10px;
}

.category ul {
	width: 100%;
	color:#ff7f50;
	text-align:center;
	margin-top:0px;
	margin-bottom: 5px;
	padding-top:3px;
	padding-bottom:3px;
	padding-inline-start: 0;
	background-color:#ffefd5;
}


.category li img {
	width: 100px;
	height: auto;
	margin-bottom: 5px;
	margin-left: 9px;
}

.yuryou {
	color: white;
    text-align: center;
    background-color: #f06;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
	max-width: 480px;
	background-position: center center;
}

/* 左のエリア */
.left {
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;
}


.right {
	-webkit-box-ordinal-group:3;
	-ms-flex-order:3;
	-webkit-order:3;
	order:3;
}

/* プロフィール */
.prf {
	width: 100%;
	}
.prf td{
	display: block;
	border-top: none;
}
.prf tr:first-child{
	border-top: 1px solid #ddd;
}
.prf td:first-child {
	width: 100%;
	background-color: #ddd;
}


/* 過去の年賀状 */
.kako div{
	float: left;
	width:30px;
	margin-right:13px;
	margin-bottom:5px;
	}

.footer {
	width: 94%;
	max-width: 480px;
	padding: 3% 3%;
	text-align: left;
}

/* 年賀状デザインページ */
.hokkori-navi ul {
	flex-flow: column;
	padding: 10px 0;
}

.hokkori-navi li {
	padding: 5px 0;
}

#hokkori-main {
	flex-flow: column;
}

.hokkori-2set {
	max-width: 480px;
	width:100%;
	margin: 0;
}

.hokkori-right {
	max-width: 470px;
	width: 95%;
	margin: 5px;
}

#hokkori-bookmark {
	margin :0px auto 5px ;
}

.hokkori-bookmarkcoment {
	text-align :left;
	line-height:125%;
	margin :0px auto 8px;
	font-size :x-small;
}

#hokkori-bookmark img{
	margin-bottom :3px;
}

.hokkori-title {
	font-weight:bolder;
	font-size:16px;
	text-align:left;
	margin-top:10px;
}

.hokkori-comment {
	margin: 10px 0 20px 0;
	line-height:140%;
}

.hokkori-jpegtop {
	display: block;
	max-width :470px;
	width: 95%;
	margin: 5px 0 5px 0;
}

.hokkori-jpegcoment {
	max-width :470px;
	width: 95%;
}

.hokkori-jpeg {
	max-width :470px;
	width: 95%;
	text-align: center;
}

/*　無料ダウンロードデータ　*/
.hokkori-muryo-waku {
	max-width :470px;
	width: 100%;
	padding-top: 37.698%;
	background-size:contain, 28px 28px;
}

.hokkori-button-waku {
	max-width :470px;
	justify-content: center;
	margin: 0 auto 0;
}

@media screen and (max-width: 449px) {
	.hokkori-button-waku {
		flex-direction: column;
		float: right;
	}
}

.hokkori-muryo-jpg {
	height: 75px;
}
.hokkori-muryo-png {
	height: 75px;
}
.hokkori-muryo-ai {
	height: 75px;
}

.hokkori-muryo-jpg a{
	max-width:200px;
	background-size: contain;
	background-repeat: no-repeat;
	}

.hokkori-muryo-png a{
	max-width:220px;
	background-size: contain;
	background-repeat: no-repeat;
	}

.hokkori-muryo-ai a{
	max-width:200px;
	background-size: contain;
	background-repeat: no-repeat;
	}

/*　無料ユーザー登録　*/
.hokkori-user-waku {
	display: flex;
	flex-direction: column;
	max-width :480px;
}

.hokkori-user-p {
	max-width:480px;
	width: 100%;
	padding-top: 8px;
}

.hokkori-user a{
	flex-shrink: 0;
	}

/* パスワード登録ページ */
.block-info h3{
	text-align: center;
}

/* 広告 */
#adsense{
	max-width:480px;
	width: 95%;
	margin:10px auto;
	}

}