@charset "utf-8";

/**
* smart phone style
**/
.sp{
	display:block;
}
.pc{
	display:none;
}
img {
	width: 100%;
}
.pc_nav {
	display: none; 
} 
.sp_nav {
		display: block; 
} 

header{
	width:100%;
	height:auto;
	margin-bottom:4vw;
	position: fixed;
	background: #FFF;
	z-index: 9995;
}
header #header_img{
	position:static;
	margin:2vw 0 0 2vw;
}
header .header_logo .picture {
	/* width:25vw; */
	width: 100%;
	text-align: center;
	display:block;
}

header .header_logo img{
	width:auto;
	height: 44px
}
#headerNav{
	display: block;
}
header .login_menu {
	width: 25vw;
	margin: 2vw auto 0 auto;
	right: 25px;
}

header .login_menu ul li{
	width:8vw;
	padding:0;
	margin-right:0;
	display: inline-block;
	background:none;
}
header .login_menu ul li.pc{
	display:none;
}
header .header_logo{
	/* width:25vw; */
	width:100%;
	margin:2vw 0 0 2vw;
}
#pankuzu{
	padding:1vw 0 0 0;
	margin-bottom:2em;
}
/** ハンバーガメニュー **/
@media screen and (max-width: 340px) {
	.responsive_menu .inner_menu p {
		font-size: 80%;
	} 
}

/** 見出し関連スタイル **/
h1:not([class*="for-h"]),
.for-h1 {
	font-size: 140%;
	display: block;
	margin-left: 35px;
	margin-bottom: 20px;
}
h1:not([class*="for-h"]):before,
.for-h1:before {
	content: '';
	display: inline-block;
	width: calc(35px / 1.4);
	height: calc(40px / 1.4);
	background-image: url(../images/common/topic_icon.png);
	background-size: contain;
	vertical-align: middle;
	margin-left: -35px;
}
section.item_detail h1:not([class*="for-h"]),
section.item_detail .for-h1 {
	font-size: 85%;
	margin-bottom: 0.5em;
}
.ec-pageHeader h1:not([class*="for-h"]),
.ec-pageHeader .for-h1 {
	margin: 10px 0px 48px 61px;
}
h2:not([class*="for-h"]), .for-h2 {
	font-size: 120%;
	padding-left: 0;
	margin-top: 1em;
	letter-spacing: 0;
}
h2:not([class*="for-h"]) span,
.for-h2 span {
	float: none;
	padding-top: 0;
	margin-left: 1em;
	display: inline-block;
}

h3:not([class*="for-h"]), .h3style, .for-h3 {
	font-size: 100%;
	padding-left: 0;
	border-width: 0;
	margin: inherite;
}
h4:not([class*="for-h"]), .for-h4 {
font-size: 90%;
}

/** コンテナ **/
section,#index_note,#one,.two,.three,.area1040,.area500,.area320,.area1040,.area800,.area640,.area400,#results .area320,.txt_area320,.ec-layoutRole__main,#pankuzu, .area1040{
	width:92vw;
	overflow-x: hidden;
	margin:0 auto 1em auto;
}
#index_note{
	margin-top:0;
}

.area320:nth-of-type(3n){
	margin:2vw auto 6vw auto;
}

.list>.area320
section.list>.area320,
#results section.list>.area320
{
	width:calc(50% - 14px);
	margin:0 20px 20px 0;
}
.list>.area320:nth-of-type(2n),
section.list>.area320:nth-of-type(2n),
#results section.list>.area320:nth-of-type(2n){
	margin:0 0 20px 0;
}


section#index_note .area640{
	margin-right:0;
}
section#order ol li p{
	width:92vw;
	margin-right:0;
	padding:0;
}

ul.select{
	text-align:left;
	margin-bottom:2em;
}
ul.select li{
	display:block;
}


.area120{
	width:30.66%;
	margin:2vw 2vw 0 0;
	padding:0;
	vertical-align: top;
	display:inline-block;
}

div.area120:nth-of-type(3n){
	margin:2vw 0 0 0;
}


ul.four_links li{
	list-style-type: none;
	width:43.3vw;
	margin:0 4vw 4vw 0;
	display:inline-block;
	color:#fff;
	font-size:85%;
}

ul.four_links li span{
	padding-top:15px;
}

ul.four_links li:nth-of-type(3n){
	margin: 0 4vw 4vw 0;
}

ul.four_links li:nth-of-type(2n),ul.four_links li:nth-of-type(6n){
	margin:0 0 4vw 0;
}

.fifth_one{
	width:30vw;
	margin:0 5vw 0 0;
}

.fifth_four{
	width:55vw;
}

.harf{
	width:41vw;
	margin-right:4vw;
}

section.item_detail div.area500 p{
	text-align: left;
}

ul li.area320{
	width:calc(97% / 3);
	margin:0 0 40px 0;
}
.ec-mypageRole{
	margin-left:0;
	margin-right:0;
}

.ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-input textarea, .ec-halfInput textarea, .ec-numberInput textarea, .ec-zipInput textarea, .ec-telInput textarea, .ec-select textarea, .ec-birth textarea {
    width: 91%;
}

.ec-input textarea#productoption36,.ec-input textarea#productoption43,.col-xs-10 textarea#mypage_mypage_fileupload_comment{
	width:calc(100% - 6px);
	padding:2px;
} 
div.c-form__fileUploadThumbnail{
	width:400px;
	height:400px;
	background-size:contain;
	background-repeat: no-repeat;
	background-position:50%,50%;
}
div#upload-zone{
	height:8em;
	border:#a0a0a0 1px solid;
	padding-top:3em;
}

input#quantity{
	margin-left:auto;
	margin-right:0;
	right:0;
	text-align:right;
}

form div.area500 p{
	text-align:right;
}


table.tokusho tr{
	width:100%;
	font-size:90%;
}

table.tokusho th{
	width:100%;
	padding:1em 1em 1em 0.5em;
	display:block;
	text-align:left;
	border-right: 0;
	border-bottom: 2px solid #89603B;
	color:#89603B;
}

table.tokusho td{
	width:100%;
	padding:1em;
	display:block;
}

section.contact table{
	width:100%;
}

section.contact table tr{
	width:100%;
	padding:1vw;
	display:block;
}

table.contact tr th{
	width:100%;
	margin:0;
	padding:5vw 0;
	display:inline-block;
	text-align:center;
	
}
table.contact tr td{
	width:100%;
	display:inline-block;
}
table.contact tr td span{
	width:8vw;
	text-align:center;
}

table.contact td.detail textarea {
	width:95%;
	font-size: 100%;
	padding: 10px;
	margin: 2vw;
	text-align: left;
	border: 1px solid #888888;
	box-sizing: border-box;
}

.ec-halfInput input[type='text']:first-child{
	margin-left:2%;
}

table.contact tr td input[type=text]{
	width:95%;
	margin:0.5em 2%;
	box-sizing: border-box;
}
input#contact_name_name02,input#contact_kana_kana02{
	margin:0 0 1em 2%;
}


table.contact input{
	width:89%;
	margin:2vw;
}

/*商品詳細*/

p.ec-link{
margin:3em 0;
}



.incart{
	text-align:center;
}
.incart input{
	margin:3em auto 0 auto;
}


footer{
	padding:0;
}

.footer_inner{
	width:100vw;
	margin:4vw 4vw;
}

.footer_inner ul li,
.footer_inner dt,
.footer_inner dd {
	font-size:125%;
	line-height: 3em;
}

.footer_inner:nth-child(1) ul li:nth-child(2),
.footer_inner:nth-child(1) *:nth-child(2){
	line-height:2em;
}

section#footer_calendar{
	min-width:100%;
	padding-bottom:0;
	margin-bottom:0;
}

.calendar{
	margin-right:0;
	margin-bottom:4vw;
}
.calendar:nth-of-type(2){
	margin-bottom:0;
}


section#footer_calendar iframe,
.calendar iframe{
	width: 92vw;
	height: 61vw;
}
