/* ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝
****************************************************************************

	横向きのスタイル

****************************************************************************
 ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝  */



/* ----------------------------------------
	横向きの時のスタイル
----------------------------------------- */
@media only screen and (orientation : landscape) { /*横向きの際に適用*/
	#ttl h1 {
		font-size: 16px;
		padding: 10px;
		margin-bottom: 10px;
		}



	/* = button = */
	.landscape {
		display: none;
		}

	body {
		font-size: 14px;
	}


	.btn {
		padding: 10px 0;
		}

	.btn a{
		font-size: 16px;
		width: 240px;
		padding: 20px 10px;
		}

	.btn input {
		font-size: 16px;
		width: 240px;
		padding: 20px 10px;
		}

	.btn02 {
		margin-top: 20px;
		padding: 20px 10px;
		}

	.btn02 a{
		font-size: 14px;
		border: 8px solid #52C5BF;
		padding: 10px 20px;
		}



	.help {
		font-size: 14px;
		}

	.help_icon {
		border: 4px solid #52C5BF;
		font-size: 12px;
		width: 16px;
		}


	.info {
		font-size: 14px;
		}

	.info_icon {
		font-size: 12px;
		width: 16px;
		}





	/* ヘッダー */
	header {
		position: relative;
		padding: 10px 0;
		overflow: hidden;
		}
	
	header .menu, .fade-header .menu {
		position: absolute;
		left: 20px;
		width: 50px;
		}
	
	header .logo, .fade-header .logo {
			width: 130px;
			float: left;
			margin-left: 80px;
		}

	header .item, .fade-header .item {
		position: absolute;
		right: 80px;
		width: 50px;
		}
	
	header .cart, .fade-header .cart {
		position: absolute;
		right: 20px;
		width: 50px;
		}
	
	header .knowledge, .fade-header .knowledge {
		position: absolute;
		right: 20px;
		width: 50px;
		}



	/* スクロールナビ */
	#fadeHeader {
		position: relative;
		display: none;
		}

	#fadeGnavWrap {
		padding-bottom: 0px;
		}

	.fade-header {
		position: relative;
		padding: 10px 0;
		border-bottom: 1px solid #EEE;
		overflow: hidden;
		}





	/* メニューオーバーレイ */
	#menu-overlay{
		font-size: 14px;
		}
	
	#menu-overlay h1{
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 16px;
		padding: 5px 0px;
		border-top: 2px solid #FFF;
		border-bottom: 2px solid #FFF;
	}
	
	#menu-overlay .sitemap{
		overflow: hidden;
		width: 600px;
		margin:0 auto;
		}
	
	#menu-overlay .sitemap-list{
		float: left;
		font-weight: bold;
		width: 280px;
		}
	
	#menu-overlay .sitemap-list:first-child{
		padding-right: 20px;
		margin-right: 18px;
		border-right: 1px solid #FFF;
		}

/*	
	#menu-overlay .sitemap-list:last-child{
		padding-left: 20px;
		margin-left: 18px;
		border-left: 1px solid #FFF;
		}
*/
	
	#menu-overlay .sitemap-list li {
		margin-bottom: 10px;
		margin-right: 5px;
		float: left;
		}
	#menu-overlay .sitemap-list h2 {
		font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
		background: url(../images/common/indent_circle_white.png) no-repeat left center;
		background-size: 10px;
		padding-left: 14px;
		text-align: left;
		margin-bottom: 0px;
		font-weight: bold; 
		}
	
	#menu-overlay .sitemap-list ul {
		margin-left: 20px;
		font-weight: normal;
		}
	
	#menu-overlay .sitemap-list li li {
		background: url(../images/common/arrow01.png) no-repeat left center;
		background-size: 10px;
		padding: 5px;
		padding-left: 14px;
		margin-bottom: 0px;
		}
	
	#menu-overlay a{
		color:#FFF;
	}
	
	#close{
		color: #FFF;
		text-align: center;
		font-size: 14px;
		padding: 10px 30px;
		border-radius: 3px;
		cursor: pointer;
		border: 2px solid #FFF;
		width: 180px;
		}




	/* フッター */
	footer {
		clear: both;
		margin-top: 20px;
		padding: 10px 0 20px;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 40px;
		padding: 10px 0;
		padding-bottom: 40px;
		}
	
	footer ul {
		overflow: hidden;
		}
	
	.footer-menu li {
		float: left;
		width: 32.7%;
		font-size: 14px;
		padding: 10px 0px;
		text-align: center;
	}

	.footer-menu li:nth-of-type(2n) {
		float: left;
		}

	.footer-menu li a {
		}

	.footer-menu li a span{
		float: right;
		font-weight: bold;
		padding-right: 5px;
		}
	

	
	/* コピーライト */
	footer p{
		font-size: 14px;
		}



	/* ページトップペ */
	#pagetop {
		font-size: 14px;
		}

	#pagetop:before{
		bottom: 40px;
		}

	#pagetop a {
		line-height: 40px;
		}







/* ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝
****************************************************************************

	トップページのスタイル

****************************************************************************
 ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝  */
#wrap-top  #pagetop a {
	line-height: 40px;
	}









/* ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝
****************************************************************************

	デザイン編集ページのスタイル

****************************************************************************
 ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝  */
#wrap-top  #pagetop a {
	line-height: 40px;
	}


/* チェック項目 */
#wrap-design-editor .form .check {
	width: 80%;
	margin: 0 auto;
	}





#wrap-design-editor #ttl h1 {
	font-size: 16px;
	padding: 10px;
	margin-bottom: 20px;
	}

#wrap-design-editor .edit h2 {
	font-size: 16px;
	}

#wrap-design-editor .edit h3 {
	padding-left: 14px;
 	}


#wrap-design-editor .edit .infomation {
	padding: 10px;
	font-size: 14px;
	}


#wrap-design-editor footer {
	padding-bottom: 80px;
	}




#wrap-design-editor .edit .infomation {
	padding: 10px ;
	font-size: 16px;
	}


	/* フロー */
	#wrap-design-editor .flow {
		text-align: center;
		margin-bottom: 20px;
		}



	/* プレビュー */
	#wrap-design-editor .preview {
		width: 210px;
		float: left;
		margin-left: 20px;
		}

	#wrap-design-editor .preview img {
		width: 100%;
		}

	#wrap-design-editor .preview .btn {
		padding: 20px 0;
		margin-top: 10px;
		width: 210px;
		font-size: 14px;
		}

	#wrap-design-editor .preview .comment {
		font-size: 16px;
		width: 200px;
		line-height: 1.3;
		 padding-left: 1em;
		text-indent: -1em;
		}




	/* フォーム */
	#wrap-design-editor .form {
		float: right;
		margin-right: 20px;
		margin-bottom: 20px;
		width: 370px;
		}

	#wrap-design-editor .form dt {
		width: 350px;
		font-size: 14px;
		padding: 7px 10px;
		}
	
	#wrap-design-editor .form dd ul {
		overflow: hidden;
		width: 370px;
		margin: 0 auto;
		}
	
	#wrap-design-editor .description {
		padding: 5px 10px;
		margin: 0px auto 40px;
		background-color: #EEE;
		font-size: 12px;
		}
	
	#wrap-design-editor .form .caution {
		font-size: 12px;
		}
	
	#wrap-design-editor .form dd ul li {
		margin-bottom: 10px;
		}
	
	#wrap-design-editor .form dd h2 {
		font-size: 14px;
		position: relative;
		margin-bottom: 3px;
		}
	
	#wrap-design-editor .form dd .required {
		font-size: 12px;
		padding: 2px 5px;
		margin-left: 5px;
	}
	
	#wrap-design-editor .tb00,
	#wrap-design-editor .tb01,
	#wrap-design-editor .tb02,
	#wrap-design-editor .tb03 {
		padding: 10px;
		font-size: 14px;
	}

	#wrap-design-editor .form .tb00 {
		width: 200px;
		height: 20px;
		}
	
	#wrap-design-editor .form .tb01 {
		width: 348px;
		height: 20px;
		}
	
	#wrap-design-editor .form .tb02 {
		width: 160px;
		height: 20px;
		}
	
	#wrap-design-editor .form .tb03 {
		width: 348px;
		height: 190px;
		}

	#wrap-design-editor .form .tb04 {
		width: 80px;
		height: 22px;
		margin-right: 10px;
		}
	
	#wrap-design-editor .form .sb01 {
		width: 370px;
		height: 44px;
		font-size: 16px;
		padding: 0 10px;
		}



	/* ナビゲーション */
	#wrap-design-editor .nav .nav_inner {
		width: 480px;
		margin: 0 auto;
		}

	#wrap-design-editor .nav {
		padding: 10px 0;
		}
	
	#wrap-design-editor .nav p{
		text-align: center;
		font-size: 14px;
		padding-top: 0px;
		padding-bottom: 10px;
		}
	
	#wrap-design-editor .nav ul {
		overflow: hidden;
		padding: 0px;
		width: 340px;
		margin: 0 auto;
		}
	
	#wrap-design-editor .nav li {
		float: left;
		text-align: center;
		margin-right: 20px;
		}
	
	#wrap-design-editor .nav li:nth-of-type(3) {
		margin-right: 0;
		}
	
	#wrap-design-editor nav .address,
	#wrap-design-editor nav .name,
	#wrap-design-editor nav .aisatsu {
		width: 100px;
		}


	/* 虫眼鏡 */
	#wrap-design-editor #okzoom {
			width:210px;
		}


	#wrap-design-editor .bunrei td {
		padding: 10px 0;
		}



/*------------------------------------------------
 最終確認ページ
------------------------------------------------*/

	#wrap-design-editor .fix {
		overflow: hidden;
		}
	
	#wrap-design-editor .fix ul {
			float: right;
			margin-right: 20px;
			margin-bottom: 20px;
			width: 370px;
		}
	
	#wrap-design-editor .fix li h2 {
		background-color: #ccc;
		padding: 5px 10px;
		}
	
	#wrap-design-editor .fix li span {
		display: block;
		padding: 10px ;
		}
	
	#wrap-design-editor .fix p {
		clear: both;
		}

	#wrap-design-editor .check-koumoku {
		font-size: 16px;
		}


/*------------------------------------------------
 モーダルウインドウ
------------------------------------------------*/

	/* モーダル */
	#wrap-design-editor #modal .preview {
		margin-left: 70px;
		width: 340px;
		}

	#wrap-design-editor #modal .preview img {
		width: 340px;
		}

	#wrap-design-editor .modal_window {
	 max-height: 200px;
	}
	

	#wrap-design-editor #modal .update {
		font-size: 14px;
		}
	
	#wrap-design-editor #modal .alert {
		width: 314px;
		font-size: 14px;
		}
	


/*------------------------------------------------
 フッター
------------------------------------------------*/

	#wrap-design-editor .icon_footer {
		padding-bottom: 100px;
		}





	#wrap-contact .contact {
		font-size: 16px;
		}
	
	#wrap-contact .contact h1 {
		padding: 10px 20px;
		margin-bottom: 10px;
		font-size: 18px;
		}
	
	#wrap-contact .contact h2 {
		font-size: 20px;
		}

	#wrap-contact .contact .infomation {
		padding: 10px;
		margin-bottom: 20px;
		font-size: 14px;
		}
	




	/* subtotal */
	#wrap-contact .subtotal {
		padding: 20px;
		}
	
	
	#wrap-contact .subtotal .price {
		font-size: 20px;
		}



	/* layer_board */
	#wrap-contact #layer_board_area .layer_board .board_area{
		max-height: 260px;
		overflow-y: scroll;
		padding: 20px 50px;
		}



	/* form */
	#wrap-contact .rakpo-ID .tb01 {
		padding: 10px;
		font-size: 14px;
		height: 30px;
		}

	#wrap-contact .form .tb01 {
		width: 576px;
		}

	#wrap-contact .form {
		padding: 20px;
		}
	
	#wrap-contact .form h2 {
		margin-bottom: 10px;
		}
	
	#wrap-contact .form .koumoku{
		margin-bottom: 30px;
		}
	
	#wrap-contact .form .tb00, .form .tb01 {
		padding: 10px;
		font-size: 14px;
		height: 30px;
		}
	
	#wrap-contact .bg_select {
		height: 50px;
	}

	
	#wrap-contact .form .bg_select_ue {
		width: 596px;
		height: 50px;
	}
	
	#wrap-contact .form .bg_select_shita {
		width: 596px;
		height: 50px;
	}
	
	#wrap-contact .select_box {
		padding: 0px 0 0px 10px;
		width: 590px;
		display: block;
		height: 50px;
		font-size: 12px;
		background-position: 340px center;
		line-height: 50px;
		}

	#wrap-contact .cb {
		}

	#wrap-contact .textarea {
		font-size: 14px;
		padding: 10px;
		width: 554px;
		height: 60px;
		}






/* = お問い合わせ履歴 = */
	#wrap-contact .history h2 {
		margin-bottom: 10px;
		}

	#wrap-contact .history-tbl .table-row:nth-of-type(even) {
		margin-bottom: 10px;
		}
	
	#wrap-contact .history-tbl .textarea {
		font-size: 14px;
		padding: 10px;
		width: 600px;
		height: 80px;
		}








/* ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝
****************************************************************************

	お買い物かごのスタイル

****************************************************************************
 ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝  */

	#wrap-cart .cart {
		font-size: 16px;
		}
	
	#wrap-cart .cart h1 {
		padding: 10px 20px;
		margin-bottom: 10px;
		font-size: 18px;
		}
	
	#wrap-cart .cart h2 {
		font-size: 20px;
		}
	
	#wrap-cart .cart .infomation {
		padding: 10px;
		font-size: 14px;
	}


	
	/* subtotal */
	#wrap-cart .subtotal {
		padding: 20px;
		}
	
	
	#wrap-cart .subtotal .price {
		font-size: 20px;
		}



	/* layer_board */
	#wrap-cart #layer_board_area .layer_board .board_area{
		max-height: 260px;
		overflow-y: scroll;
		padding: 20px 50px;
		}



	/* form */
	#wrap-cart .rakpo-ID .tb01 {
		padding: 10px;
		font-size: 14px;
		height: 30px;
		}

	#wrap-cart .form .tb01 {
		width: 576px;
		}

	#wrap-cart .form {
		padding: 20px;
		width: 360px;
		margin:0 auto;
		}
	
	#wrap-cart .form h2 {
		margin-bottom: 10px;
		}
	
	#wrap-cart .form .koumoku{
		margin-bottom: 30px;
		}
	
	#wrap-cart .form .tb00, .form .tb01 {
		padding: 10px;
		font-size: 14px;
		height: 30px;
		}
	
	#wrap-cart .form .bg_select {
		height: 50px;
		width: 356px;
	}

	
	#wrap-cart .form .bg_select_ue {
		width: 336px;
		height: 50px;
	}
	
	#wrap-cart .form .bg_select_shita {
		width: 336px;
		height: 50px;
	}
	
	#wrap-cart .select_box {
		padding: 0px 0 0px 10px;
		width: 590px;
		display: block;
		height: 50px;
		font-size: 12px;
		background-position: 340px center;
		line-height: 50px;
		}

	#wrap-cart .cb-label {
		font-size: 14px;
	}

	#wrap-cart .textarea {
		font-size: 14px;
		padding: 10px;
		width: 554px;
		height: 60px;
		}




	/* 最終確認 */
	#wrap-cart .total {
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 20px;
		}

	#wrap-cart .total_inner {
		font-size: 20px;
		padding: 10px;
		}
	
	#wrap-cart .total_inner p {
		padding: 10px;
		margin-top: 20px;
		}

	#wrap-cart .total_price {
		font-size: 20px;
		}

	#wrap-cart .total_inner ul {
		font-size: 16px;
		}








/* ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝
****************************************************************************

	LayerBoardのスタイル

****************************************************************************
 ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝  */


	.layer_board {
		padding-top: 10px;
	}

	.layer_board .board_area{
		max-height: 140px;
		overflow-y: scroll;
	}

}