@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&family=Roboto:wght@700&display=swap');
* {
	margin: 0;
	padding: 0;
}

body{
	margin: 0;
	padding: 0;
	width: 100%;
	color: #333333;
	font-family: 'Noto Sans JP', "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	font-weight: 500;
	font-size: 15px;
	text-align: left;
	line-height: 140%;
	letter-spacing: 2px;
	font-feature-settings: "palt";
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.roboto{
	font-family: 'Roboto', sans-serif;
}

html{ height:100%; }
body{ height:100%; } 
p, ul, li, dl, dd, dt, th, td{
	font-size:12px;
}
textarea,input {
	padding:2px;
}
img {
	border: 0px;
	vertical-align: bottom;
}
ul {
	list-style-type: none;
	padding:0;
	margin:0;
}
li {
	list-style-position: outside;
     	line-height:170%;
}
form {
	margin:0;
	padding:0;
}
div{
	display:block;
}
object,
embed {
	vertical-align: top;
}

a:link ,
a:visited { 
	color:#1f4b91;
	text-decoration: none;
	transition: .3s;
}
a:active ,
a:hover {
 opacity:0.5;
	text-decoration: none;	
}

div#wrap {
	width:100%;
	background-size: cover;
	margin: 0 auto 0 auto;
	text-align:center;
	padding:0px 0px 0px 0px;
	zoom: 1;
}
body > div#wrap{     height:auto; }





/* PC */
.spOnly {
		display: none;
}
div#wrap {
	padding: 0;
}
/* header 
---------------------------------------------------------*/
header{
 margin: auto;
 width: 100%;
 height: 70px;
 background-color: #fff;
 position: relative;
 top: 0;
 left: 0;
 right: 0;
 z-index: 100;
 background-image: url(../images/header.jpg);
 background-position: center top;
 background-size: 100% 18px;
 background-repeat: no-repeat;
}
header .inner{
 margin: auto;
 width: 1000px;
 position: relative;
}
header .inner h1{
 width: 485px;
 position: absolute;
 top: 32px;
 left: 0;
}
header .inner h1 img{
 width: 100%;
 height: auto;
}
header .inner .headR{
 width: auto;
 position: absolute;
 top: 32px;
 right: 0;
}
header .inner .headR .account{
 float: left;
 margin: 0 30px 0 0;
 width: 114px;
}
header .inner .headR .cart{
 float: left;
 width: 71px;
}
header .inner .headR .account img,
header .inner .headR .login img,
header .inner .headR .cart img{
 width: 100%;
 height: auto;
}


#fv{
 width: 100%;
}
#fv .fv{
 width: 100%;
 height: 548px;
 background-image: url(../images/fv.jpg?1);
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
 position: relative;
}
#fv .read{
 width: 100%;
 height: 268px;
 background-image: url(../images/read.jpg);
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
}
#fv .read p{
 margin: 0;
 padding: 40px 0 0;
 width: 100%;
 font-size: 22px;
 line-height: 260%;
 color: #fff;
 font-weight: bold;
}


#item{
 margin: 0 auto;
 padding: 90px 0 80px;
 width: 1000px;
}
#item .tabs{
 padding: 0;
 width: 100%;
 text-align: center;
}
#item .tabs .tab_label{
 margin: 0 20px;
 padding: 27px 0 0;
 width: 320px;
 height: 80px;
 font-size: 22px;
 line-height: 100%;
 text-align: center;
 font-weight: bold;
 color: #fff;
 background-image: url(../images/bt.jpg);
 background-position: center top;
 background-size: contain;
 background-repeat: no-repeat;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 position: relative;
 z-index: 1;
 cursor: pointer;
 transition: .3s;
 border-bottom-style: none;
 display: inline-block;
 vertical-align: top;
}
#item .tabs .tab_label:hover{
 opacity: 0.5;
}
#item .tabs input[name="tab_switch"]{
display: none;
}
#item .tabs input:checked + .tab_label{
 background-image: url(../images/btA.jpg);
 font-size: 22px;
 line-height: 100%;
 text-align: center;
 font-weight: bold;
 color: #ffff00;
}
#item #tab1,
#item #tab2{
 display: none;
 transition: .3s;
 opacity: 0;
}
@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}
#item .tabs #tab01:checked ~ #tab1,
#item .tabs #tab02:checked ~ #tab2{
 display: block;
 opacity: 1;
 animation: fadeIn 0.3s ease-in 0s forwards;
}
#item .item_list{

}
#item .item{
	padding: 44px 0 0;
 width: 100%;
}
#item .itemL{
 float: left;
 width: 520px;
}
#item .itemL .gallery,
#item .itemL .gallery2{
 width: 100%;
}
#item .itemL .gallery img,
#item .itemL .gallery2 img{
 width: 100%;
 height: 520px;
}
#item .itemL .gallery.active,
#item .itemL .gallery2.active {
	opacity: .5;
}
#item .itemL .nav {
	display: flex;
	margin: 10px -5px 0;
	padding: 0;
}
#item .itemL .nav .nav-list {
 list-style: none;
 margin: auto 5px;
 width: 100px;
}
#item .itemL .nav .nav-list a {
 width: 100%;
	display: block;
	outline: none;
}
#item .itemL .nav .nav-list a img{
 width: 100%;
 height: auto;
}
#item .itemL p{
 margin: auto;
 padding: 18px 0 0;
 width: 100%;
 font-size: 12px;
 line-height: 22px;
 text-align: left;
 font-weight: 500;
 color: #282828;
}
#item .itemR{
 float: right;
 width: 440px;
 text-align: left;
}
#item .itemR h3{
 padding: 0 0 30px;
 font-size: 28px;
 line-height: 36px;
 text-align: left;
 font-weight: 500;
 color: #282828;
}
#item .itemR .price{
 font-size: 16px;
 line-height: 24px;
 text-align: left;
}
#item .itemR .price span{
 font-size: 22px;
}
#item .itemR .price sup{
 font-size: 12px;
 vertical-align: text-bottom;
}
#item .itemR p{
 margin: auto;
 padding: 5px 0 0;
 width: 100%;
 font-size: 12px;
 line-height: 23px;
 text-align: left;
 font-weight: 500;
 color: #282828;
}
#item .itemR .att{
 margin: 10px auto 0 0;
 padding: 10px 25px 10px;
 width: auto;
 font-size: 12px;
 line-height: 100%;
 text-align: center;
 font-weight: 800;
 color: #d83138;
 border: 1px solid #d83138;
 display: inline-block;
}
#item .itemR .detail{
 margin: 0 0 10px;
 padding: 50px 0 10px;
 font-size: 18px;
 line-height: 28px;
 text-align: left;
 font-weight: 700;
 color: #282828;
 border-bottom: 1px solid #000;
}
#item .itemR .cartjs_box{
 text-align: left !important;
}
#item .itemR .product_form{
 text-align: left !important;
}
#item .itemR table{
 margin: 0 0 15px !important;
 width: 100%;
}
#item .itemR table th{
 display: none;
}
#item .itemR table input{
 background-color: #fff !important;
 border: 1px solid #000;
 padding: 8px 4px !important;
 width: 25% !important;
}
#item .itemR input{
 margin: 0 !important;
 width: 100% !important;
 border-radius: 0 !important;
 background-color: #d83138 !important;
 transition: .3s;
}
#item .itemR input:hover{
 color: #d83138 !important;
 background-color: #FFE400 !important;
}

#haku{
 padding: 80px 0 55px;
 width: 100%;
 background-image: url(../images/hakuBg.jpg);
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
 position: relative;
}
#haku h4{
 margin: 0 auto;
 padding: 9px 0 12px;
 width: 454px;
 font-size: 23px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #333;
 border-radius: 35px;
 background-color: #fff;
}
#haku .inner{
 margin: 0 auto;
 padding: 45px 0 0;
 width: 560px;
}
#haku .inner table{
 float: left;
}
#haku .inner table:last-child{
 float: right;
}
#haku .inner table td{
 padding: 0 25px 0 0;
 font-size: 18px;
 line-height: 150%;
 text-align: left;
 color: #fff;
 font-variant: normal;
 font-weight: 700;
 font-feature-settings: "palt";
 letter-spacing: -0.02vw;
}
#haku .inner table:last-child td:last-child{
 padding: 0;
}

#parts{
 padding: 54px 0 74px;
 width: 100%;
 background-image: url(../images/partsBg.jpg);
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
 position: relative;
}
#parts h4{
 margin: 0 auto 72px;
 padding: 9px 0 12px;
 width: 148px;
 font-size: 23px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #fff;
 border-radius: 35px;
 background-color: #333333;
}
#parts img{
 margin: 0 auto;
 width: 942px;
 height: auto;
 pointer-events: none;
}


#foot{
 margin: 0 auto;
 padding: 62px 0 76px;
 width: 1000px;
}
#foot h4{
 margin: 0 auto 72px;
 padding: 9px 0 12px;
 width: 148px;
 font-size: 23px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #fff;
 border-radius: 35px;
 background-color: #333333;
}
#foot .inner{
 margin: 0 auto;
 width: 91%;
}
#foot .inner .footL{
 float: left;
 width: 51%;
}
#foot .inner .footL .photo{
 float: left;
 width: 32.8%;
}
#foot .inner .footL .photo img{
 width: 100%;
 height: auto;
}
#foot .inner .footL .footLR{
 float: right;
 width: 62%;
 text-align: left;
}
#foot .inner .footL .footLR h5{
 padding: 10px 0 12px;
 width: 100%;
 font-size: 18px;
 line-height: 150%;
 text-align: left;
 font-weight: 700;
 white-space: nowrap;
}
#foot .inner .footL .footLR .rBox{
 margin: 0;
 padding: 15px 0 0;
 width: 88%;
}
#foot .inner .footL .footLR .rBox img{
 width: 100%;
 height: auto;
}
#foot .inner .footL .footLR p{
 margin: 0;
 padding: 15px 0 0;
 width: 100%;
 font-size: 17px;
 line-height: 150%;
 text-align: left;
 font-weight: 400;
 letter-spacing: 0.02vw;
 white-space: nowrap;
 }
#foot .inner .footR{
 float: right;
 width: 41.7%
}



/* フッター 
---------------------------------------------------------*/
#footer_wrapper{
 width: 100%;
 text-align: left;
 background-color: #cccccc;
}
#footer{
	width:980px;
	margin:0 auto;
 padding: 60px 0 0;
	position:relative;
}
#footnav {
 font-size: 11px;
 line-height: 12px;
 position: absolute;
 top: 20px;
 left: 2;
}
#footnav li{
 float: left;
 background-repeat: no-repeat;
 background-position: left top 8px;
 background-image: url(../images/fArrow.png);
 padding: 0 0 0 15px;
 margin: 0 0 0 3px;
 font-size: 12px;
 color: #314457;
 vertical-align: top;
}
#footnav li a{
	color:#314457;
}
#copyright{
 padding: 20px 0;
 width: 100%;
 font-size: 12px;
 line-height: 100%;
 color: #fff;
 font-style: normal;
 background-color: #666666;
 text-align: center;
}

@media screen and (min-width: 781px){
a[href^="tel:"] {
    pointer-events: none;
}
}
@media screen and (max-width: 1050px){
header{
 height: 6.7vw;
 background-size: 100% 1.7vw;
}
header .inner{
 width: 95%;
}
header .inner h1{
 width: 48.5%;
 top: 3.1vw;
}
header .inner .headR{
 width: 21.5%;
 top: 3.1vw;
}
header .inner .headR .account{
 margin: 0 2.8vw 0 0;
 width: 53.5%;
}
header .inner .headR .cart{
 width: 32.6%;
}

#fv .fv{
 height: 52vw;
}
#fv .read{
 height: 25.5vw;
}
#fv .read p{
 padding: 3.8vw 0 0;
 font-size: 2.1vw;
}

#item{
 padding: 8.6vw 0 7.6vw;
 width: 100%;
}
#item .item{
 margin: 0 auto;
	padding: 4vw 0 0;
 width: 95%;
}
#item .itemL{
 width: 52%;
}
#item .itemL .gallery img,
#item .itemL .gallery2 img{
 width: 100%;
 height: 51vw;
}
#item .itemL .nav {
	margin: 1vw -5px 0;
}
#item .itemL .nav .nav-list {
 margin: auto 1%;
 width: 19%;
}
#item .itemL p{
 padding: 2vw 0 0;
 font-size: 1.16vw;
 line-height: 180%;
}
#item .itemR{
 width: 44%;
}
#item .itemR h3{
 padding: 0 0 2.8vw;
 font-size: 2.6vw;
 line-height: 140%;
}
#item .itemR .price{
 font-size: 1.55vw;
 line-height: 150%;
}
#item .itemR .price span{
 font-size: 2.15vw;
}
#item .itemR .price sup{
 font-size: 1.15vw;
 vertical-align: text-bottom;
}
#item .itemR p{
 padding: 0.5vw 0 0;
 width: 100%;
 font-size: 1.15vw;
 line-height: 180%;
}
#item .itemR .att{
 margin: 1vw auto 0 0;
 padding: 1vw 2.3vw 1vw;
 width: auto;
 font-size: 1.15vw;
 line-height: 100%;
}
#item .itemR .detail{
 margin: 0 0 1vw;
 padding: 5vw 0 1vw;
 font-size: 1.73vw;
 line-height: 150%;
}
#item .itemR table{
 margin: 0 0 1.5vw !important;
}

#haku{
 padding: 7vw 0 4.5vw;
}
#haku h4{
 padding: 0.85vw 0 1.2vw;
 width: 43%;
 font-size: 2.2vw;
}
#haku .inner{
 padding: 4.5vw 0 0;
 width: 54%;
}
#haku .inner table td{
 padding: 0 2.3vw 0 0;
 font-size: 1.73vw;
 line-height: 150%;
}

#parts{
 padding: 5.4vw 0 7.4vw;
 width: 100%;
}
#parts h4{
 margin: 0 auto 7vw;
 padding: 0.85vw 0 1.2vw;
 width: 15%;
 font-size: 2.2vw;
}
#parts img{
 margin: 0 auto;
 width: 90.2%;
 height: auto;
}


#foot{
 padding: 6.2vw 0 7.6vw;
 width: 95%;
}
#foot h4{
 margin: 0 auto 7.2vw;
 padding: 0.85vw 0 1.2vw;
 width: 14.8%;
 font-size: 2.2vw;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #fff;
 border-radius: 35px;
 background-color: #333333;
}
#foot .inner{
 margin: 0 auto;
 width: 91%;
}
#foot .inner .footL .footLR{
 float: right;
 width: 62%;
 text-align: left;
}
#foot .inner .footL .footLR h5{
 padding: 1vw 0 1.2vw;
 width: 100%;
 font-size: 1.72vw;
 line-height: 150%;
}
#foot .inner .footL .footLR .rBox{
 padding: 1.5vw 0 0;
 width: 88%;
}
#foot .inner .footL .footLR p{
 padding: 1.5vw 0 0;
 width: 100%;
 font-size: 1.62vw;
 line-height: 150%;
 }
#foot .inner .footR{
 float: right;
 width: 41.7%;
}
#foot .inner .footR iframe{
 width: 100%;
 height: 19.7vw;
}


}

@media screen and (max-width: 1150px){
/* フッター 
---------------------------------------------------------*/
#footer{
 max-width: 980px;
 width: 95%;
	margin:0 auto;
 padding: 60px 0 0;
	position:relative;
}



}



@media screen and (max-width: 780px){
/* SP */
.pcOnly {
 display: none;
}
.spOnly {
		display: block;
}
div#wrap {
	padding: 0;
}
/* header 
---------------------------------------------------------*/
header{
 margin: auto;
 width: 100%;
 height: 16vw;
 background-color: #fff;
 position: relative;
 top: 0;
 left: 0;
 right: 0;
 z-index: 100;
 background-image: url(../images/header.jpg);
 background-position: center top;
 background-size: 100% 2vw;
 background-repeat: no-repeat;
}
header .inner{
 margin: auto;
 width: 96%;
 position: relative;
}
header .inner h1{
 width: 48%;
 position: absolute;
 top: 5vw;
 left: 1%;
}
header .inner h1 img{
 width: 100%;
 height: auto;
}
header .inner .headR{
 width: 40%;
 position: absolute;
 top: 6vw;
 right: 0;
}
header .inner .headR .account{
 float: left;
 margin: 0 10% 0 0;
 width: 51%;
}

header .inner .headR .cart{
 float: left;
 width: 34%;
}
header .inner .headR .account img,
header .inner .headR .cart img{
 width: 100%;
 height: auto;
}


#fv{
 width: 100%;
}
#fv .fv{
 width: 100%;
 height: auto;
 background-image: none;
 position: relative;
}
#fv .fv img{
 width: 100%;
 height: auto;
}
#fv .read{
 width: 100%;
 height: auto;
 background-image: url(../images/read.jpg);
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
}
#fv .read p{
 margin: 0;
 padding: 7vw 0 9.4vw;
 width: 100%;
 font-size: 4vw;
 line-height: 260%;
 color: #fff;
 font-weight: bold;
}


#item{
 margin: 0 auto;
 padding: 13vw 0 14vw;
 width: 100%;
}
#item .tabs{
 padding: 0;
 width: 100%;
 text-align: center;
}
#item .tabs .tab_label{
 margin: 0 0.5%;
 padding: 3.5vw 0 0;
 width: 46%;
 height: 12vw;
 font-size: 4vw;
 line-height: 100%;
 text-align: center;
 font-weight: bold;
 color: #fff;
 background-image: url(../images/bt.jpg);
 background-position: center top;
 background-size: contain;
 background-repeat: no-repeat;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 position: relative;
 z-index: 1;
 cursor: pointer;
 transition: .3s;
 border-bottom-style: none;
 display: inline-block;
 vertical-align: top;
}
#item .tabs .tab_label:hover{
 opacity: 0.5;
}
#item .tabs input[name="tab_switch"]{
display: none;
}
#item .tabs input:checked + .tab_label{
 background-image: url(../images/btA.jpg);
 font-size: 4vw;
 line-height: 100%;
 text-align: center;
 font-weight: bold;
 color: #ffff00;
}
#item #tab1,
#item #tab2{
 display: none;
 transition: .3s;
 opacity: 0;
}
#item .tabs #tab01:checked ~ #tab1,
#item .tabs #tab02:checked ~ #tab2{
 display: block;
 opacity: 1;
 animation: fadeIn 0.3s ease-in 0s forwards;
}
#item .item_list{

}
#item .item{
	padding: 4vw 0 0;
 width: 100%;
}
#item .itemL{
 float: none;
 width: 100%;
}
#item .itemL .gallery,
#item .itemL .gallery2{
 width: 100%;
 height: auto;
 position: relative;
}
#item .itemL .gallery img,
#item .itemL .gallery2 img{
 width: 100%;
 height: 100vw;
}
#item .itemL .gallery.active {
	opacity: .5;
}
#item .itemL .nav {
	display: flex;
	margin: 2.5vw 2% 0;
	padding: 0;
}
#item .itemL .nav .nav-list {
 list-style: none;
 margin: auto 1%;
 width: 22%;
}
#item .itemL .nav .nav-list a {
 width: 100%;
	display: block;
	outline: none;
}
#item .itemL .nav .nav-list a img{
 width: 100%;
 height: auto;
}
#item .itemL p{
 margin: 0 auto;
 padding: 3vw 0 0;
 width: 92%;
 font-size: 3vw;
 line-height: 150%;
 text-align: left;
 font-weight: 500;
 color: #282828;
}
#item .itemR{
 float: none;
 margin: 0 auto;
 padding: 5vw 0 0;
 width: 90%;
 text-align: left;
}
#item .itemR h3{
 padding: 0 0 4vw;
 font-size: 5.6vw;
 line-height: 150%;
 text-align: left;
 font-weight: 500;
 color: #282828;
}
#item .itemR .price{
 font-size: 3.6vw;
 line-height: 150%;
 text-align: left;
}
#item .itemR .price span{
 font-size: 5.4vw;
}
#item .itemR .price sup{
 font-size: 3vw;
 vertical-align: text-bottom;
}
#item .itemR p{
 margin: auto;
 padding: 2vw 0 0;
 width: 100%;
 font-size: 3vw;
 line-height: 150%;
 text-align: left;
 font-weight: 500;
 color: #282828;
}
#item .itemR .att{
 margin: 3vw auto 2vw 0;
 padding: 2vw 2vw 2vw;
 width: auto;
 font-size: 3vw;
 line-height: 100%;
 text-align: center;
 font-weight: 800;
 color: #d83138;
 border: 1px solid #d83138;
 display: inline-block;
}
#item .itemR .detail{
 margin: 0 0 1vw;
 padding: 8vw 0 2vw;
 font-size: 4vw;
 line-height: 150%;
 text-align: left;
 font-weight: 700;
 color: #282828;
 border-bottom: 1px solid #000;
}
#item .itemR .cartjs_box{
 text-align: left !important;
}
#item .itemR .product_form{
 text-align: left !important;
}
#item .itemR table{
 margin: 0 0 2vw !important;
 width: 100%;
}
#item .itemR table th{
 display: none;
}
#item .itemR table input{
 background-color: #fff !important;
 border: 1px solid #000;
 padding: 3vw 3vw !important;
 width: 25% !important;
}
#item .itemR input{
 margin: 0 !important;
 width: 100% !important;
 border-radius: 0 !important;
 background-color: #d83138 !important;
}

#haku{
 padding: 10vw 0 12vw;
 width: 100%;
 background-image: url(../images/hakuBg.jpg);
 background-position: center center;
 background-size: auto 100%;
 background-repeat: no-repeat;
 position: relative;
}
#haku h4{
 margin: 0 auto;
 padding: 2vw 0 2.2vw;
 width: 85%;
 font-size: 4.6vw;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #333;
 border-radius: 35px;
 background-color: #fff;
}
#haku .inner{
 margin: 0 auto;
 padding: 7vw 0 0;
 width: 80%;
}
#haku .inner table{
 float: none;
}
#haku .inner table:last-child{
 float: none;
}
#haku .inner table td{
 padding: 0 6vw 0 0;
 font-size: 4vw;
 line-height: 180%;
 text-align: left;
 color: #fff;
 font-variant: normal;
 font-weight: 700;
 font-feature-settings: "palt";
 letter-spacing: 0.4vw;
}
#haku .inner table td:last-child,
#haku .inner table:last-child td:last-child{
 padding: 0;
}

#parts{
 padding: 10vw 0 12vw;
 width: 100%;
 background-image: url(../images/partsBg.jpg);
 background-position: center center;
 background-size: auto 100%;
 background-repeat: no-repeat;
 position: relative;
}
#parts h4{
 margin: 0 auto 8vw;
 padding: 2vw 0 2.2vw;
 width: 35%;
 font-size: 4.6vw;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #fff;
 border-radius: 35px;
 background-color: #333333;
}
#parts img{
 margin: 0 auto;
 width: 80%;
 height: auto;
}


#foot{
 margin: 0 auto;
 padding: 10vw 0 12vw;
 width: 90%;
}
#foot h4{
 margin: 0 auto 8vw;
 padding: 2vw 0 2.2vw;
 width: 35%;
 font-size: 4.6vw;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #fff;
 border-radius: 35px;
 background-color: #333333;
}
#foot .inner{
 margin: 0 auto;
 width: 100%;
}
#foot .inner .footL{
 float: none;
 padding: 0 0 6vw;
 width: 100%;
}
#foot .inner .footL .photo{
 float: left;
 margin: 0;
 width: 32%;
 background-color: #FFD7D7;
}
#foot .inner .footL .photo img{
 width: 100%;
 height: auto;
}
#foot .inner .footL .footLR{
 float: right;
 width: 64%;
 text-align: left;
}
#foot .inner .footL .footLR h5{
 margin: 0;
 padding: 1vw 0 1vw;
 width: 100%;
 font-size: 3.4vw;
 line-height: 150%;
 text-align: left;
 font-weight: 700;
 white-space: nowrap;
}
#foot .inner .footL .footLR .rBox{
 margin: 0 auto 0 0;
 padding: 2vw 0 0;
 width: 88%;
}
#foot .inner .footL .footLR .rBox img{
 width: 100%;
 height: auto;
}
#foot .inner .footL .footLR p{
 margin: 0;
 padding: 2vw 0 0;
 width: 100%;
 font-size: 3.2vw;
 line-height: 150%;
 text-align: left;
 font-weight: 400;
 letter-spacing: 0.02vw;
 white-space: nowrap;
 }
#foot .inner .footR{
 float: none;
 width: 100%
}
#foot .inner .footR iframe{
 width: 100%;
 height: 50vw;
}

/* フッター 
---------------------------------------------------------*/
#footer_wrapper{
	width:100%;
	height:auto;
	text-align:left;
 background-color: #cccccc;
}
#footer{
	width:90%;
	margin:0 auto;
 padding: 13vw 0 0;
	position:relative;
}
#footnav {
 font-size: 3vw;
 line-height: 120%;
 position: absolute;
 top: 4vw;
 left: 2;
}
#footnav li{
 float: left;
 background-repeat: no-repeat;
 background-position: left top 8px;
 background-image: url(../images/fArrow.png);
 padding: 0 0 0 15px;
 margin: 0 0 0 3px;
 font-size: 12px;
 color: #314457;
 vertical-align: top;
}
#footnav li a{
	color:#314457;
}
#copyright{
 padding: 3vw 0;
 width: 100%;
 font-size: 2.4vw;
 line-height: 100%;
 color: #fff;
 font-style: normal;
 background-color: #666666;
 text-align: center;
 font-weight: 400;
}




}

@media screen and (max-width: 780px) and (min-width: 580px){
header .inner .headR{
 width: 40%;
 position: absolute;
 top: 6.5vw;
 right: 0;
}


}


@media screen and (max-width: 763px) and (orientation: landscape) {
   /* 横向きの場合のスタイル */


}





/* other
---------------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */