@import url(https://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);

@import url(https://fonts.googleapis.com/css?family=Roboto);




/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed{vertical-align:top;}
legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border:0;}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}


body{
	font: 14px/1.9 'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
	font-weight: 300;
	-webkit-text-size-adjust:100%;
	overflow-x: hidden;
	color: #000;
	background: #fcfaef;
}




#sec31 .innerPIC header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 52px;
}



/* 概要 */


.gaiyou	{
	background-color: #e3e2d9;
	margin-top: -10px;
	height: auto;
	
}

.gaiyou-i {
	width: 30%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	
}

.gaiyou-ii {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 0px;
	line-height: normal;
	
}

.gaiyou-iii {
	width: 30%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
}


.gaiyou-iiii {
	width: 30%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
}



.gaiyou a	{
	display: block;
	background-color: #e3e2d9;
	color: #e3e2d9;
	text-align: center;
	text-decoration: none;
	
}



.gaiyou i	{
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 38px;
	background-color: #e3e2d9;
	margin-top: -7px;
	padding-top: 0px;	
	
	
}

.gaiyou .fa-database	{
	background-color: #fff
}

.gaiyou .fa-bar-chart-o	{
	background-color: #fff;
	color: #CCC;
}

.gaiyou .fa-envelope	{background-color: #e3e2d9}

.gaiyou h1	{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 40px;
	padding-bottom: 5px;
	font-size: 20px;
	font-weight: normal;
	background-color: #F00;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	color: #000000;
}

.gaiyou p	{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 15px;
	padding-bottom: 50px;
	background-color: #e3e2d9;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	color: #000000;
}


#sec21 .innerL .kiji p {
	font-family: "メイリオ", 'Roboto', sans-serif;
	font-size: 16px;
	line-height: normal;
	
}

#sec22 .innerL .kiji p {
	font-family: "メイリオ", 'Roboto', sans-serif;
	font-size: 16px;
	line-height: normal;
}

#sec23 .innerL .kiji p {
font-family: "メイリオ", 'Roboto', sans-serif;
	font-size: 16px;
	line-height: normal;
}


#sec24 .innerL .kiji p {
	font-family: "メイリオ", 'Roboto', sans-serif;
	font-size: 16px;
	line-height: normal;
}


#sec25 .innerL .kiji p {
	font-family: "メイリオ", 'Roboto', sans-serif;
	font-size: 16px;
	line-height: normal;
}


#sec26 .innerL .kiji p {
	font-family: "メイリオ", 'Roboto', sans-serif;
	font-size: 16px;
	line-height: normal;
}





/* ヘッダー
------------------------------------------------------------*/
#header{
	width: 100%;

	position: relative;
	overflow: hidden;
}


#header img{
	width: 2560px;
	height: auto;
}




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

/*************
/* フッター
*************/
#footer{
	clear: both;
	overflow: hidden;
	background-color: #2e0d0b;
	height: auto;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	width: 100%;
}

* html #footer{height:1%;}

#footer .grid{
padding:10px 0 5px;
margin:0;
background:transparent;
}

#footer #info .logo, #footer #info .info{float:none;}

#footer #info .info{
	clear: both;
	text-align: left;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

#footer .logo{font-size:18px;}

#footer .info .tel,#footer .info .tel span,#footer #info .open{
font-size:12px;
color:#555;
}


ul.footnav{

width:100%;
padding:10px 0;
}

ul.footnav li{
	float: left;
	margin-bottom: 0px;
	font-size: 11px;
	padding-top: 0;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 40px;
	margin-right: auto;
	margin-left: auto;

}

#footer a{color:#333;}
#footer a:hover{color:#888;}






#sec15 .innerF .boxB .box3 div {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 26px;
	color: #000000;
}
#sec15 .innerF .boxB .box4 div {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 26px;
	color: #000000;
}
#sec15 .innerF .box5 div {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 26px;
	color: #000000;
}







/* グレー帯------------------------------*/

/*メイン画像の下の帯 */




/*メイン画像の下の帯 */




/* 共通
------------------------------------------------------------*/
h1, h2{
	font-family: 'Roboto', sans-serif;
	color: #673b38;
}

img{
	width: 100%;
	height: auto;
}


.col2 li{
	display: inline-block;
	width: 100%;
  	margin: 20px 0 20px 0;
}



/* boxA=  box1 shop box2  news の親 */


.boxA {
	margin-top: -68px;


}



/* boxB=  SNS box3 box4  box5 の親 */



.boxB {
	margin-top: 80px;

}

/*メイン画像の下の帯 */



/*メイン画像の下の帯 */
.boxBC {
	margin-top: 80px;

}


#mainnav .panel ul li a {
	font-family: 'Roboto', sans-serif;
}



#footer .innerQ .footnav li a {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	margin-top: 0px;
	color: #f6f1d6;
}



#sec15 {
	margin-top: -120px;
}









 	





/*itemページ item 画像を囲む */

.items-wrap {
	margin-bottom: -28px;
	padding-bottom: 21px;
}


section{
	clear:both;
	padding-top: 70px;
}

section h2{
	
	width: 60%;
	margin: 0 auto 40px;
	font-size: 22px;
	font-weight: normal;
	text-align: center;
}

section h2 span {
	background: #fcfaef;
	padding: 0 80px;
}





/* PC WILD 文字
	-----------------*/



#sec11 .innerP p {
	font-family: 'Roboto', sans-serif;
	font-size: 63px;
	margin-top: -100px;
	color: #673b38;
	margin-bottom: 18px;
}
#sec11 .innerP2 p {
	font-family: 'Roboto', sans-serif;
	font-size: 36px;
	margin-top: 0px;
	margin-bottom: -40px;
	color: #673b38;
}


#sec17 .innerP33 .innerP32 p {
	font-family: 'Roboto', sans-serif;
	font-size: 36px;
	margin-top: -100px;
	color: #673b38;
}

#sec15 .innerP43 .innerP44 p {
	font-family: 'Roboto', sans-serif;
	font-size: 36px;
	margin-top: -100px;
	color: #673b38;
}


/*ITEMS の文字 */
/*Items を囲う */
	
	.innerP4{
	width: 100%;
	padding-bottom: 20px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: -35px;
	margin-bottom: 30px;
}


.innerP22{
	width: 100%;
	padding-bottom: 90px;

	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: -100px;

	margin-bottom: -10px;
}






/*SNS の2行文字を囲う */


.innerP43{
	font-family: 'Roboto', sans-serif;
	margin-bottom: 16px;
	font-size: 36px;
	margin-top: 216px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: #673b38;
}


/*SNS の文字 1行目 */
.innerP44{
	font-family: 'Roboto', sans-serif;
	margin-bottom: 0px;
	font-size: 36px;
	margin-top: 0px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: #673b38;
}

/*SNS の文字 2行目 */
.innerP45{
	font-family: 'Roboto', sans-serif;
	margin-bottom: 0px;
	font-size: 63px;
	margin-top: -20px;
	margin-right: auto;
	margin-left: auto;
	color: #673b38;
	width: 100%;
}














/*SHIKON インデックスを非表示 */
#sec11 header{
	display: none;
}


/*YOUTUBE インデックスを非表示 */
#sec12 header{
	display: none;
}
/*ONLINESTORE インデックスを非表示 */
#sec13 header{
	display: none;
	bottom: 0px;
}


/*ITEMS インデックスを非表示 */
#sec14 header{
	margin-bottom: 50px;
	margin-top: -80px;
	display: none;
}


/*SNS インデックスを非表示 */
#sec15 header{
	display: none;
}





/* innerL 設定  ITEMページの画像を囲む
------------------------------------------------------------*/



.innerL{
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	
}


/* innerY youtube の2個のboxを囲む
------------------------------------------------------------*/

.innerY{
	width: 95%;
	margin-top: -120px;
	margin-right: auto;
	margin-left: auto;

}


/* innerF online shop   newsを囲む 最大枠
------------------------------------------------------------*/



.innerF{
	width: 95%;
	margin-right: auto;
	margin-left: auto;

}


/*SHOP THE COLLECTION */

.boxTS {
	margin-top: 0px;
	width: 100%;
	font-family: 'Roboto', sans-serif;

	margin-right: auto;
	margin-left: auto;
	height: auto;
	color: #673b38;
}

/*SHOP THE COLLECTION ITEM*/

.boxTSI {
	margin-top: 50px;
	width: 100%;
	font-family: 'Roboto', sans-serif;

	margin-right: auto;
	margin-left: auto;
	height: auto;
	color: #673b38;
}




#sec17 .boxTS .boxTS2 a {
	font-family: 'Roboto', sans-serif;
	color: #673b38;
}
.boxTSI .boxTS2I a .S2 {
	font-family: 'Roboto', sans-serif;
	color: #673b38;
	
}





.S2:hover{
  color: #FFF;
}


.S:hover{
  color: #FFF;
}


.boxTS2:hover{
	background-color: #000;
	border: 2px solid #000;
	color: #FFF;
}

.boxTS22:hover{
	background-color: #000;
	border: 2px solid #000;
	color: #FFF;
}

/*バッチのリストを囲む */



.innerW2{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 60px;
	margin-bottom: 0px;
	padding-left: 80px;
}


.boxx{
	width: 100%;
	height: 10px;
}







#gallery3 li{
	float: left;
	width: 25%;
	line-height: 0;
	padding-right: 0px;
	padding-left: 0px;
}

#gallery3 img{
	width: 45%;
	height: auto;

}

.gallery3{
	margin-right: auto;
	margin-left: auto;	


}







/*6個のギャラリーリストを囲む */




.innerG{
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	
}



/* SEC02 Gallery
------------------------------------------------------------*/
#sec02{
	padding: 0 !important;
}

#sec02 header{
	display: ;
}

#gallery li{
	float: left;
	width: 33.3333%;
	line-height: 0;
}

#gallery img{
	width: 100%;
	height: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	
}

/*ワッペンのリストを囲む */

.innerW{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top: -30px;
		margin-bottom: 220px;
}


/*ワッペンのリストを囲むITEMS PAGE */

.innerWIT{
		width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 80px;
		margin-bottom: 310px;
}




#gallery2 li{
	float: left;
	width: 25%;
	line-height: 0;
}

#gallery2 img{
	width: 100%;
	height: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;

}


#gallery4 li{
	float: left;
	width: 12%;
	line-height: 0;

		margin-left: auto;
	
	
}

#gallery4 img{
	width: 20%;
	height: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;

}


.innerSS{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	height: auto;

}


.gallery4{
	width: 100%;
	
	height: auto;
}
/* SEC04 BRAND
------------------------------------------------------------*/






/* SEC05 COMPANY
------------------------------------------------------------*/
#sec05 p{
	margin-bottom: 5px;
}


#sns img{
	padding: 35px 10px 5px 0;
}

#sns a:hover img{
	opacity: .8;
}

/* ITEMS ページ記事 両脇 スペース
------------------------------------------------------------*/

.innerPIC {
	margin-top: -70px;
}
	




.kijiC {
	width: 500px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 70px;
	border: 1px solid #673b38;
	margin-bottom: 150px;
	height: auto;
}

#sec31 .kijiC p {
	font-family: 'Roboto', sans-serif;
	color: #673b38;
	font-size: 18px;
	padding: 10px;
	line-height: normal;
}




.logow {
	float: left;
	padding-bottom: 300px;


}
a:hover img.overwhite{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}


/*hover
------リンクを白に----------------------------------------------
a{
	color: #FFF;
	
	--*/
	
	
a{	text-decoration: none;
}
--*/



.kiji p{
	color: #000;
}






.box4BB:hover{

	background-color: #000;
	border: 2px solid #000;
	color: #fff;
	
}

.boxBB .box5B .box4BB a .S:hover{
	color: #fff;
	
}


.boxBD .box5B .box4BB a .S:hover{
	color: #fff;
	
}

.boxBD .box5B .box4BB a .S{
	color: #000;
	
}


.boxBC .box5C .box4BC a .S:hover{
  color: #FFF;

	
}

.box4BC:hover{
color: #fff;
	background-color: #000;
	border: 2px solid #000;
	

	
	
}

a:hover, .active{
  text-decoration: underline;
}

a:active, a:focus,input:active, input:focus{outline:0;}


a:active { color: #000; }　/*クリックしている時のリンクの色*/

a { text-decoration: none;}

a:hover { text-decoration: none;}

a:link { color: #000; }　/*リンクの色*/

a:visited { color: #000; }　/*訪問済みリンクの色*/


p:s9:link { color: #000; }　/*リンクの色*/




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



.innerSS{
	width: 60%;
	margin: 0 auto;
	padding-bottom: 80px;
}





/* SEC05 COMPANY
------------------------------------------------------------*/


#sns img{
	padding: 35px 10px 5px 0;
}

#sns a:hover img{
	opacity: .8;
}




#sec21 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 38px;
	color: #673b38;

}


#sec22 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 38px;
	color: #673b38;
}

#sec23 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 38px;
	color: #673b38;
}

#sec24 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 38px;
	color: #673b38;
}


#sec25 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 38px;
	color: #673b38;
}


#sec26 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 38px;
	color: #673b38;
}



.boxH {
	margin-top: 0px;
	width: 100%;
	height: 100px;
	background-color: #4c4c4c;
	
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
}


.boxBB .box5B .box4BB a .S {
	font-family: 'Roboto', sans-serif;
	color: #000000;

}


.boxBD .box5B .box4BB a .S {
	font-family: 'Roboto', sans-serif;
	color: #000000;

}



.boxBC .box5C .box4BC a .S {
	font-family: 'Roboto', sans-serif;
	color: #000000;
}

.boxBC .box3C div {
	font-family: 'Roboto', sans-serif;
	text-align: right;
}



/* PC item 文字
	-----------------*/
	

#sec14 .innerP4 p {
	font-family: Roboto, sans-serif;
	font-size: 63px;
	margin-top: -28px;
	color: #673b38;
	font-weight: normal;
	margin-bottom: 20px;	
	
	
	
}
#sec14 .innerP22 p {
	font-family: 'Roboto', sans-serif;
	font-size: 36px;
	margin-top: 40px;
	color: #673b38;
	margin-bottom: -30px;
}

#sec14 .innerP2 p {
	font-family: 'Roboto', sans-serif;
	font-size: 36px;
	margin-top: -100px;
	color: #673b38;
}


/*HOVER 白く
------------------------------------------------------------*/

.boxA a:hover img {

	opacity: 0.5;
	
}




/*HOVER ズームく
------------------------------------------------------------
--
.boxA {
    width: AUTO;
    height: AUTOpx;
    overflow: hidden;
}
.boxA img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.boxA img:hover {
    -webkit-transform: scale(1.058);
    -moz-transform: scale(1.058);
    -o-transform: scale(1.058);
    -ms-transform: scale(1.058);
    transform: scale(1.058);
}


----*/





.demo1{
    background: url(../images/it/_ADM0298w2bBxlast.jpg) no-repeat;
-moz-background-size:cover;
background-size:cover;
    width: auto;
    height: auto;
	
	
}
.demo1 a{
    display: block;
}
.demo1 img{
    border: none;
}
.demo1 a:hover{
    background: none;
}
.demo1 a:hover img{
    visibility: hidden;
}	
	



.demo2{
    background: url(../images/it/_ADM0873-2yL.jpg) no-repeat;
	-moz-background-size:cover;
background-size:cover;
	
    width: auto;
    height: auto;
	
}
.demo2 a{
    display: block;
}
.demo2 img{
    border: none;
}
.demo2 a:hover{
    background: none;
}
.demo2 a:hover img{
    visibility: hidden;
}

.demo3{
    background: url(../images/it/_ADM1015-tonerL.jpg) no-repeat;
	-moz-background-size:cover;
background-size:cover;
    width: auto;
    height: auto;
	
}
.demo3 a{
    display: block;
}
.demo3 img{
    border: none;
}
.demo3 a:hover{
    background: none;
}
.demo3 a:hover img{
    visibility: hidden;
}



.demo4{
    background: url(../images/it/_ADM04591wyxL.jpg) no-repeat;
	-moz-background-size:cover;
background-size:cover;
    width: auto;
    height: auto;
	
}
.demo4 a{
    display: block;
}
.demo4 img{
    border: none;
}
.demo4 a:hover{
    background: none;
}
.demo4 a:hover img{
    visibility: hidden;
}



.demo5{
    background: url(../images/it/_ADM1015-2L.jpg) no-repeat;
	-moz-background-size:cover;
background-size:cover;
    width: auto;
    height: auto;
	
}
.demo5 a{
    display: block;
}
.demo5 img{
    border: none;
}
.demo5 a:hover{
    background: none;
}
.demo5 a:hover img{
    visibility: hidden;
}



.demo6{
    background: url(../images/it/_ADM0101-2bbxL.jpg) no-repeat;
	-moz-background-size:cover;
background-size:cover;
    width: auto;
    height: auto;
	
}
.demo6 a{
    display: block;
}
.demo6 img{
    border: none;
}
.demo6 a:hover{
    background: none;
}
.demo6 a:hover img{
    visibility: hidden;
}






























/* RESPONSIVE 設定
------------------------------------------------------------*/

@media only screen and (min-width: 1201px){
	
	/**************************
/* ITEM PAGE
**************************/
.innerPI1 {
	margin-top: -110px;
	background-color: #fcfaef;
}

.innerPI2 {
	margin-top: -80px;	
}
.innerPI3 {
	margin-top: -90px;	
}

.innerPI4 {
	margin-top: -90px;	
}

.innerPI5 {
	margin-top: -90px;	
}

.innerPI6 {
	margin-top: -90px;	
}	
	
	
		/*フッターSNSアイコン*/
		
		
		.innerQ3{
	width: 36%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:-20px;
	margin-top: 90px;
	height: auto;
	padding-left: 320px;
}
		
	/*フッターSNSアイコン*/

.gallery5{
	margin-right: auto;
	margin-left: auto;
	padding-left: 0px;
	padding-right: 0px;
}


#gallery5 li{
	width: 13%;
	line-height: 2;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: -12px;
	margin-left: 0px;
	float: left;
	margin-top: -10px;
	margin-bottom: -10px;
}

#gallery5 img{
	width: 45%;
	height: auto;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
	
	
}	
		
	
	
	
	
	.innerQ{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: -20px;
	padding-left: 300px;
	height: 100px;
	margin-bottom: -20px;
}
	
	
	/*メイン画像の下の帯 */

.boxBB .box3B div {
	font-family: 'Roboto', sans-serif;
	text-align: right;
	
}

.boxBD .box3B div {
	font-family: 'Roboto', sans-serif;
	text-align: right;
	
}
	
.boxBB {
	margin-top: -8px;
	width: 100%;
	height: 50px;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #000000;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: -80px;
}


.boxBD {
	margin-top: -8px;
	width: 100%;
	height: 89px;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #000000;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 00px;
}

.box3B {
	float: left;
	width: 35%;
	height: auto;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	color: #FFF;
	text-align: center;
	margin-right: auto;
	margin-left: 4%;
	padding-top: 0px;	
	color: #000000;
	
}


.box4B {
		float: left;
	width: 27%;
	height: auto;
	background-color: #e3e2d9;
	font-family: "メイリオ", 'Roboto', sans-serif;
	font-size: 22px;
	color: #FFF;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;	
	color: #000000;
	

	
}	

	.box4BB {
	width: 100%;
	height: AUTO;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	color: #000000;
	background-color: #e3e2d9;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 2px solid #000000;
	padding-right: 0px;
	
	
}	


	.box5B {
		float: left;
	width: 25%;
	height: auto;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	color: #000000;	
	

}	

/*フッター上の帯 */
	
.boxBC {
	margin-top: -8px;
	width: 100%;
	height: 50px;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #000000;
	padding-right: 0%;
	padding-left: 0%;
}




	.box3C {
	float: left;
	width: 35%;
	height: auto;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	color: #FFF;
	text-align: center;
	margin-right: auto;
	margin-left: 4%;
	padding-top: 0px;
	color: #000000;	
	
}


.box4C {
		float: left;
	width: 27%;
	height: auto;
	background-color: #e3e2d9;
	font-family: "メイリオ", 'Roboto', sans-serif;
	font-size: 22px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 6px;	
	color: #000000;

	
}	




	.box4BC {
	width: 100%;
	height: 40px;
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	color: #000000;
	background-color: #e3e2d9;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 5px;
	border: 1px solid #000000;
}	


	.box5C {
	float: left;
	width: 25%;
	height: auto;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	color: #FFF;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}		
		/*バッチ下の2行の文字を囲う */

.innerP33{
	margin-top: 330px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -50px;
	
}

/*バッチ下の1行目文字を囲う */

.innerP32{
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: #673b38;
	clear: both;
	
	
	
}

/*バッチ下の2行目文字を囲う */

.innerP3{
	font-family: 'Roboto', sans-serif;
	margin-bottom: 0px;
	font-size: 63px;
	margin-top: -16px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: #673b38;
}
		
		
		
	#sec17 .innerP33 .innerP3 p {
	font-family: 'Roboto', sans-serif;
	font-size: 63px;
}	
		
		
		
		
		
		.innerG2{
	
	display: none;	
}	
	
	
	
	
	
	#sec04_03{
	width: auto;
	margin-right: auto;
	margin-left: auto;
	display: none;
}
	
	section h2{
		padding: 70px 0 20px;
	}
	.txt h2{
		padding: 0 0 20px !important;
	}
}

@media (min-width: 800px) and (max-width: 1200px){
	
	
	#sec11 .innerP p {
	font-family: 'Roboto', sans-serif;
	font-size: 50px;
	margin-top: -110px;
	color: #673b38;
	
}
#sec11 .innerP2 p {
	font-family: 'Roboto', sans-serif;
	font-size: 36px;
	margin-top: 20px;
	margin-bottom: -52px;	
	color: #673b38;
}
	
	
	
	#sec14 .innerP22 p {
	font-family: 'Roboto', sans-serif;
	font-size: 36px;
	margin-top: 70px;
	width: 100%;
	margin-bottom: -50px;	
	color: #673b38;
}
	
	
	
	#sec14 .innerP4 p {
	font-family: 'Roboto', sans-serif;
	font-size: 50px;
	width: 100%;
	margin-top: -60px;
	color: #673b38;
	color: #673b38;
	margin-bottom: -12px;
}
	
	
	
	
	
	
	#sec17 .innerP33 .innerP3 p {
	font-family: 'Roboto', sans-serif;
	font-size: 50px;
	margin-top: 20px;
	margin-bottom: 5px;
}
	
	#sec15 .innerP43 .innerP45 p {
	font-family: 'Roboto', sans-serif;
		font-size: 50px;
		color: #673b38;
	
	
}
	
	
	
	.innerPI1 {
	margin-top: -30px;
	margin-bottom: -20px;
}

.innerPI2 {
	margin-top: -40px;
	margin-bottom: -20px;	
}
.innerPI3 {
		margin-top: -40px;
	margin-bottom: -20px;	
}

.innerPI4 {
		margin-top: -40px;
	margin-bottom: -20px;		
}

.innerPI5 {
		margin-top: -40px;
	margin-bottom: -20px;	
}

.innerPI6 {
		margin-top: -40px;
	margin-bottom: -20px;	
}
	.innerWIT{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
		margin-bottom: 150px;
}
	
	.innerQ{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: -5px;
	padding-left: 220px;
	height: 100px;
}




	ul.footnav li{
	margin-top: 2px;
	margin-bottom: 0px;
	font-size: 3px;
	border-right-color: #b6b6b6;

	padding-top: 0;
	padding-right: 02px;
	padding-bottom: 0;
	padding-left: 20px;
	
	
}

	#footer{
	width: auto;
	padding-top: 35px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 0;
	height: auto;
	}

/*フッターSNSアイコン*/

.gallery5{
	margin-right: auto;
	margin-left: auto;
	padding-left: 0px;
	padding-right: 0px;
}


#gallery5 li{
	width: 13%;
	line-height: 2;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: -12px;
	margin-left: 0px;
	float: left;
	margin-top: -10px;
	margin-bottom: -10px;
}

#gallery5 img{
	width: 45%;
	height: auto;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
	
	
}	






/*フッターSNSアイコン*/
		
		
		.innerQ3{
	width: 36%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:-20px;
	margin-top: 90px;
	height: auto;
	padding-left: 220px;
}



.innerW{
	width: 80%;
	margin-right: auto;
	margin-top: -30px;
	margin-bottom: 150px;
	margin-left: auto;
}


.innerP43{
	font-family: 'Roboto', sans-serif;
	margin-top: 180px;
	margin-bottom: 0px;
	font-size: 20px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: #673b38;
}

/*YOKO SHOP THE COLLECTION */

.boxTS {
	margin-top: -10px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	margin-bottom: -10px;
}




#gallery3 li{
	float: left;
	width: 25%;
	line-height: 0;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#gallery3 img{
	width: 70%;
	height: auto;

}

.gallery3{
	margin-right: auto;
	margin-left: auto;	


}
/*yokoバッチのリストを囲む */



.innerW2{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: -10px;
	padding-left: 70px;
}




	/*バッチ下の2行の文字を囲う */

.innerP33{
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -115px;
	
}

/*バッチ下の1行目文字を囲う */

.innerP32{
	margin-bottom: -40px;
	margin-top: 0px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: #673b38;
	clear: both;
	
	
	
}

/*バッチ下の2行目文字を囲う */

.innerP3{
	font-family: 'Roboto', sans-serif;
	margin-bottom: 0px;
	font-size: 90px;
	margin-top: 8px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: #673b38;
}









.innerG{
	
	display: none;
	
	}






#sec04_03{
	width: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 60px;
}




#sec04_02{
	background-size: cover;
	-webkit-background-size: cover;
	text-align: center;
	background-attachment: fixed;
	background-image: url(../images/_ADM04381.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	margin-top: 50px;
	display: none;
}






/*メイン画像の下の帯 */

.boxBB .box3B div {
	font-family: 'Roboto', sans-serif;
	text-align: right;
	
}



.boxBD .box3B div {
	font-family: 'Roboto', sans-serif;
	text-align: right;
	
}


	
.boxBB {
	margin-top: -8px;
	width: 100%;
	height: 40px;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
	padding-bottom: 20px;
	color: #000000;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: -80px;
}


.boxBD {
	margin-top: -8px;
	width: 100%;
	height: 40px;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
	padding-bottom: 20px;
	color: #000000;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 00px;
}

.box3B {
	float: left;
	width: 35%;
	height: auto;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #FFF;
	text-align: center;
	margin-right: auto;
	margin-left: 4%;
	padding-top: 0px;	
	color: #000000;
	
}


.boxBB .box3B div {
	font-family: 'Roboto', sans-serif;
	text-align: right;
	font-size: 20px;	
}

.boxBB .box4B div {
	font-family: "メイリオ", 'Roboto', sans-serif;
	text-align: CENTER;
	font-size: 17px;
	margin-top: 0px;	
}


.boxBB .box5B .box4BB a .S {
	font-family: 'Roboto', sans-serif;
	color: #000000;
	margin-top: 1px;
	margin-bottom: -1px;
	font-size: 18px;
}

.boxBD .box3B div {
	font-family: 'Roboto', sans-serif;
	text-align: right;
	font-size: 20px;	
}

.boxBD .box4B div {
	font-family: "メイリオ", 'Roboto', sans-serif;
	text-align: CENTER;
	font-size: 17px;
	margin-top: 0px;	
}


.boxBD .box5B .box4BB a .S {
	font-family: 'Roboto', sans-serif;
	color: #000000;
	margin-top: 1px;
	margin-bottom: -1px;
	font-size: 18px;
}






.boxBC .box3C div {
	font-family: 'Roboto', sans-serif;
	text-align: right;
	font-size: 20px;	
}

.boxBC .box4C div {
	font-family: "メイリオ", 'Roboto', sans-serif;
	text-align: CENTER;
	font-size: 17px;
	margin-top: 0px;	
}


.boxBC .box5C .box4BC a .S {
	font-family: 'Roboto', sans-serif;
	color: #000000;
	margin-top: 1px;
	margin-bottom: -1px;
	font-size: 18px;
}

.box4B {
		float: left;
	width: 27%;
	height: auto;
	background-color: #e3e2d9;
	font-family: "メイリオ", 'Roboto', sans-serif;
	font-size: 22px;
	color: #FFF;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;	
	color: #000000;
	

	
}	

	.box4BB {
	width: 100%;
	height: auto;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	color: #000000;
	background-color: #e3e2d9;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 1px solid #000000;
	padding-right: 0px;	
}	












	.box5B {
		float: left;
	width: 25%;
	height: auto;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	color: #000000;	
	

}	

/*フッター上の帯 */
	
.boxBC {
	margin-top: -8px;
	width: 100%;
	height: 40px;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
	padding-bottom: 20px;
	color: #000000;
	padding-right: 0%;
	padding-left: 0%;
}




	.box3C {
	float: left;
	width: 35%;
	height: auto;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	color: #FFF;
	text-align: center;
	margin-right: auto;
	margin-left: 4%;
	padding-top: 0px;
	color: #000000;	
	
}


.box4C {
		float: left;
	width: 27%;
	height: auto;
	background-color: #e3e2d9;
	font-family: "メイリオ", 'Roboto', sans-serif;
	font-size: 22px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 6px;	
	color: #000000;

	
}	




	.box4Bb {
	width: 100%;
	height:40px;
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
color: #000000;
	background-color: #e3e2d9;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 5px;
	border: 1px solid #000000;
}	


	.box5C {
	float: left;
	width: 25%;
	height: auto;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	color: #FFF;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	color: #000000;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}	





.S1:hover{
  color: #000;
}


























}
	/*PC SIZE */
	
	@media only screen and (min-width: 800px){
	
	
	/*フッターのメニューを囲う */






.innerQ2{
	width: 19%;
	margin-right: auto;
	margin-left: auto;
	margin-top: -50px;
	margin-bottom: -90px;
	height: auto;
	padding-right: 20px;
}
	
	
	
	
		
	#sec15 .box6 .box6-1 .gaiyou .gaiyou-ii p {
	font-family: 'Roboto', sans-serif;
	text-align: left;
}

#sec15 .box6 .box6-2 .gaiyou .gaiyou-ii p {
	font-family: 'Roboto', sans-serif;
	text-align: left;
}

#sec15 .box6 .box6-3 .gaiyou .gaiyou-ii p {
	font-family: 'Roboto', sans-serif;
	text-align: left;
}
	
	
	
	
	.kiji {
	width: 90%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
	
	
	
	
	
	
		
		
	
		
	/**************************
/* コピーライト
**************************/

address{
	clear: both;
	text-align: center;
	font-style: normal;
	font-size: 10px;
	color: #FFF;
	background-color: #ae291b;
	height: 20px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
}
	
	
	
	
	
	
	
	
	
	
	
	/* 追加 youtube 641以上
	-----------------*/


.yt_wrapper h3 {

  font-size: 14px;
  padding-top: 10px;
  padding-left: 20px;
}
 
.yt_wrapper h3 a {
  text-decoration: none;
  color: #EF9128;
}
 
.yt_wrapper h3 a:hover {
  text-decoration: underline;
  color: #AB570D;
}
.youtube {
	position: relative;
	padding-bottom: 50%;
	padding-top: 25px;
	height: auto;
	width:auto;
	overflow: hidden;
	margin: 1.4%;
  }
  
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
  .yt_wrapper1 {
	width: 50%;
	float: left;
	margin-right:auto;
	margin-right:auto;
  }
  
  
   .yt_wrapper2 {
	width: 50%;
	float: left;
	margin-right:auto;
	margin-right:auto;
  }
	


	 	/* 追加 box スマホ
	-----------------*/
	
	
		/* 追加 box 641以上
	-----------------*/
	/* .box1{
	-moz-background-size: cover;
	background-size: cover;
	background-image   : url(../images/_ADM0831-23.jpg);
	background-repeat: repeat;	
	
	
	
	
}
.box1 a{
    display: block;
}
.box1 img{
    border: none;
}
.box1 a:hover{
    background: none;
}
.box1 a:hover img{
	visibility: hidden;
}	

	-*/
	
	
	
.box1 {
	float: left;
	width: 48.6%;
	height: auto;
	padding: .7%;
	
}

.box2 {
	float: left;
	width: 48.6%;
	height: auto;
	padding: .7%;
}


	
	
	
	
.box3 {
	float: left;
	width: 31.9%;
	height: auto;
	padding: 0.7%;
	background-color: #EEEEEE;
}


.box4 {
	float: left;
	width: 31.9%;
	height: auto;
	padding: 0.7%;
background-color: #EEEEEE;	
	
	
}	
	
	.box5 {
	float: left;
	width: 31.9%;
	height: auto;
	padding: 0.7%;
background-color: #EEEEEE;	
	
}	


	
	
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
	/* ボックスの左右 */
.box6
	{
	padding-left: 15px;
	padding-right: 15px;
}


/* ボックスの上下 */


.box6	{
	padding-top: 20px;
}

.box6-1, .box6-2, .box6-3
	{padding-bottom: 10px}

/* BOX6-1、BOX6-2、BOX6-3を横に並べる設定 */
.box6:after	{content: "";
	display: block;
	clear: both}

.box6-1	{
	float: left;
	width: 32%;
	margin-right: 2%;
	
}

.box6-2	{float: left;
	width: 32%;
	margin-right: 2%}

.box6-3	{float: left;
	width: 32%}
	
	
	
	
	
	
	
	
	
	
	
	/*ワッペンのリストを囲む */



	
	
	
	
	
	











#sec14 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 60px;
	color: #673b38;
}
	
	
	


	
	.items-wrap {
	margin-bottom: -28px;
}
	
		
	#sec21 .innerPI1 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 50px;
}	
	#sec22 .innerPI2 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 50px;
}	


#sec23 .innerPI3 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 50px;
}	

#sec24 .innerPI4 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 50px;
}	

	#sec25 .innerPI5 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 50px;
}	


#sec26 .innerPI6 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 50px;
}	




		
		

		/* contact */

.boxCO{
	width: 37%;
	margin-right: auto;
	margin-left: auto;
	margin-top: -30px;
}


.boxCO2{
	width: 45%;
	margin-right: auto;
	margin-left: auto;
	margin-top: -30px;
	margin-bottom: 50px;
}

.boxCO1{
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 60px;
	margin-top: -100px;
}
	/*メイン見出し */

.innerP{
	width: 93%;
	padding-bottom: 0px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 110px;
	font-family: 'Roboto', sans-serif;
color: #673b38;
}
.innerP2{
	width: 100%;
	padding-bottom: 90px;
	font-size: 16px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: -40px;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 40px;
	color: #673b38;
}	
		
		
		
		
		
		
	
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		#sec04_02{
	background-size: cover;
	-webkit-background-size: cover;
	text-align: center;
	background-attachment: fixed;
	background-image: url(../images/_ADM0438n.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	padding-top: 180px;
	padding-right: 20px;
	padding-bottom: 220px;
	padding-left: 20px;
	margin-top: 0px;
	
	
}




#sec04_02 img{
	width: auto;
}
		
	.boxTS2 {
	width: 360px;
	height: auto;
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	background-color: #fcfaef;

	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #000000;
	border: 2px solid #673b38;
}
	
	.boxTS22 {
	width: 180px;
	height: auto;
	background-color: #fcfaef;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #000000;
	border: 1px solid #673b38;
	margin-left: auto;
}	

#sec21 .innerL .kiji .boxTS22 a .S2 {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	text-align: center;
}		
		
	#sec22 .innerL .kiji .boxTS22 a .S2 {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	text-align: center;
}	



#sec23 .innerL .kiji .boxTS22 a .S2 {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	text-align: center;
}	




#sec26 .innerL .kiji .boxTS22 a .S2 {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	text-align: center;
}	



	
		
	
.boxXX {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}		
		







.S1:hover{
  color: #000;
}



	
	
	
	
	
		.items-wrap {
	margin-bottom: -28px;
}

	
	
	/* SEC03 PROJECT
	-----------------*/

	
  
	
	
	



	
	
	
	body{
		font-size:14px;
	}
	
  a#menu{
		display:none;
	}	

	.panel{
		display:block !important;
	}

	#mainnav{
		position:fixed;
		top: 0;
		width:100%;
		z-index:500;
	}

	#mainnav ul{
		text-align: left;
		padding-left: 100px;
	}

	#mainnav li{
	display: inline-block;
	font-size: 14px;
	font-weight: 300;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	}
	
  #mainnav a{
	color: #f7f7f7;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	background-repeat: no-repeat;
	}
	
	#mainnav.changeNav{
	border-bottom: 1px solid #d1d1d1;
	background-color: rgba(51,51,51,0.9);
	}
	
	#mainnav.changeNav li{
		padding: 20px 10px;
	}

	
	
	
}






@media only screen and (max-width: 799px){



/*スマホ縦横共通メニュ
*/


  a#menu{
  	display: inline-block;
  	position: relative;
  	width: 40px;
  	height: 40px;
  	margin: 10px;
	}

/* YOKO メニュー3ラインの色
	
	
	-----------------*/
	#menuBtn{
  	display: block;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	width: 20px;
  	height: 2px;
  	margin: -1px 0 0 -7px;
  	background: #fdffc0;
  	transition: .2s;
	}

/*YOKO メニュー3ラインの色
	
	
	-----------------*/
	
	#menuBtn:before, #menuBtn:after{
  	display: block;
  	content: "";
  	position: absolute;
  	top: 50%;
  	left: 0;
  	width: 20px;
  	height: 2px;
  	background: #fdffc0;
  	transition: .3s;
	}

	#menuBtn:before{
  	margin-top: -7px;
	}

	#menuBtn:after{
  	margin-top: 5px;
	}

	a#menu .close{
  	background: transparent;
	}

	a#menu .close:before, a#menu .close:after{
  	margin-top: 0;
	}

	a#menu .close:before{
  	transform: rotate(-45deg);
  	-webkit-transform: rotate(-45deg);
	}

	a#menu .close:after{
  	transform: rotate(-135deg);
  	-webkit-transform: rotate(-135deg);
	}

	.panel{
	width: 100%;
	display: none;
	overflow: hidden;
	position: relative;
	left: 0;
	top: 0;
	z-index: 100;	
	}

	#mainnav{
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		text-align: right;
		z-index:500;
	}


/* YOKO スマホメニュー展開
　カラー
	
	
	-----------------*/


	#mainnav ul{
	border-bottom: 1px solid #ccc;
	text-align: left;
	background-color: #fcfaef;
	}

	#mainnav li a{
		position: relative;
		display:block;
		padding:15px 25px;
		border-bottom: 1px solid #ccc;
		color: #000;
		font-weight: 400;
	}

	#mainnav li a:before{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 5px;
		width: 6px;
		height: 6px;
		margin: -4px 0 0 0;
		border-top: solid 2px #000;
		border-right: solid 2px #000;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}





	/*iphone YOKO
	-----------------*/	
	




	
	#mainImg{
	padding-top: 60px;
	z-index: -100;
	height: auto;
	width: 100%;
	}
	
	
	.col3 li{
		margin: 50px auto 0 auto;
		display: block;
	}
	section{
		padding-top: 50px;
	}
	section h2{
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	}
	section h2 span {
		padding: 0 30px;
	}




}




@media (min-width: 641px) and (max-width: 799px) 

{
	
	#sec21 .innerPI1 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
}	
	#sec22 .innerPI2 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
}	


#sec23 .innerPI3 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
}	

#sec24 .innerPI4 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
}	

	#sec25 .innerPI5 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
}	


#sec26 .innerPI6 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
}	
	
	/* YOKO ワッペンのリストを囲む */

	
	.boxT1 {
	
	width: 100%;
	
}
	
	

	
	.innerT{
	width: 100%;
	
}
	
	
	
	
	
	#gallery2 li{

	width: 50%;
	line-height: 0;
}




	
	ul.footnav li{

	margin-bottom: 0px;
	padding: 0 7px 0 8px;
	font-size: 11px;

}


	
	#sec14 header{
	margin-top: -57px;
	margin-bottom: -20px;
}
	
	


#sec14 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 36px;
	color: #673b38;
}
	
	
	
	
	
	
	
	
	/* YOKO 追加 アイテム画像の間隔調整
	-----------------*/	

.items-wrap {
	margin-bottom: -35px;
}







#gallery img{
	width: 100%;
	height: auto;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;


}

.logo1 {
	display: none;

}


.boxA {
	margin-top: -50px;
}

.boxB {
	margin-top: -50px;
}

	
	
	
	
	
	
/* yoko  WILD 文字
	-----------------*/
	

#sec11 .innerP p {
	font-family: 'Roboto', sans-serif;
	font-size: 40px;
	margin-top: -110px;
	color: #673b38;
	
}
#sec11 .innerP2 p {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	margin-top: 30px;
	margin-bottom: -30px;	
	color: #673b38;
}


/* yoko item文字
	-----------------*/
		
		
#sec14 .innerP4 p {
	font-family: 'Roboto', sans-serif;
	font-size: 40px;
	width: 100%;
	margin-top: 10px;
	color: #673b38;
	color: #673b38;
}

#sec14 .innerP22 p {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	margin-top: 70px;
	width: 100%;
	margin-bottom: -50px;	
	color: #673b38;
}




	

	

	
/*yokoSNS の文字 1行目 */
.innerP44{
	margin-bottom: -30px;
	margin-top: 100px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: #673b38;
}

/*yokoSNS の文字 2行目 */
.innerP45{
	margin-bottom: 15px;
	margin-top: 25px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: #673b38;
}
	
	
	
	
	/*YOKO SHOP THE COLLECTION */

.boxTS {
	margin-top: -20px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	margin-bottom: -10px;
}


	
	.boxTSI {
	margin-top: 30px;
	width: 100%;
	

	margin-right: auto;
	margin-left: auto;
	height: auto;
}
	
	/* yoko追加 youtube 641?以上
	-----------------*/


.yt_wrapper h3 {

  font-size: 14px;
  padding-top: 10px;
  padding-left: 20px;
}
 
.yt_wrapper h3 a {
  text-decoration: none;
  color: #EF9128;
}
 
.yt_wrapper h3 a:hover {
  text-decoration: underline;
  color: #AB570D;
}
.youtube {
	position: relative;
	padding-bottom: 50%;
	padding-top: 25px;
	height: auto;
	width:auto;
	overflow: hidden;
	margin: 1.4%;
  }
  
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
  .yt_wrapper1 {
	width: 50%;
	float: left;
	margin-right:auto;
	margin-right:auto;
  }
  
  
   .yt_wrapper2 {
	width: 50%;
	float: left;
	margin-right:auto;
	margin-right:auto;
  }
	


	 	/*yoko 追加 box スマホ
	-----------------*/
	
	
		/* 追加 box 641以上
	-----------------*/
	/* .box1{
	-moz-background-size: cover;
	background-size: cover;
	background-image   : url(../images/_ADM0831-23.jpg);
	background-repeat: repeat;	
	
	
	
	
}
.box1 a{
    display: block;
}
.box1 img{
    border: none;
}
.box1 a:hover{
    background: none;
}
.box1 a:hover img{
	visibility: hidden;
}	

	-*/
	
	
	
.box1 {
	float: left;
	width: 48.6%;
	height: auto;
	padding: .7%;
	
}

.box2 {
	float: left;
	width: 48.6%;
	height: auto;
	padding: .7%;
}


	
	
	
	
.box3 {
	float: left;
	width: 31.9%;
	height: auto;
	padding: 0.7%;
	background-color: #EEEEEE;
}


.box4 {
	float: left;
	width: 31.9%;
	height: auto;
	padding: 0.7%;
background-color: #EEEEEE;	
	
	
}	
	
	.box5 {
	float: left;
	width: 31.9%;
	height: auto;
	padding: 0.7%;
background-color: #EEEEEE;	
	
}	


	

	
	
	
	
	
#sec31 .innerPIC header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
}	
	
	/*yokoメイン見出し */

.innerP{
	width: 93%;
	padding-bottom: 0px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 80px;
	font-family: 'Roboto', sans-serif;
color: #673b38;
}
.innerP2{
	width: 100%;
	padding-bottom: 90px;
	font-size: 16px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: -40px;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 30px;
	color: #673b38;
}	
	
	
	
	
	
	
	
	
	
	
	#sec21 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #673b38;

}


#sec22 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	color: #673b38;
	margin-top: 10px;
}

#sec23 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	color: #673b38;
}

#sec24 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	color: #673b38;
}


#sec25 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	color: #673b38;
}


#sec26 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	color: #673b38;
}

	
		#footer{
	width: auto;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 0;
	height: auto;
	}
	
	.boxCO{
	width: 50%;
	margin-right: auto;
	margin-left: auto;
}



.boxCO2{
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	margin-top: -30px;
	margin-bottom: 30px;
}

	
	.boxCO1{
	width: 290px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -20px;
	margin-bottom: 20px;
}
	
	.kijiC {
	width: 500px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	border: 1px solid #673b38;
	margin-bottom: 50px;
	height: auto;
}

#sec31 .kijiC p {
	font-family: 'Roboto', sans-serif;
	color: #673b38;
	font-size: 14px;
	padding: 10px;
	line-height: normal;
}
	
	
	.innerPIC {
	margin-top: -25px;
	margin-bottom: -10px;
}
	
	
	
	
	
	
	
	
#sec21 .innerL .kiji p {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-top: 10px;	
}

#sec22 .innerL .kiji p {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 18px;
}

#sec23 .innerL .kiji p {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 18px;
}


#sec24 .innerL .kiji p {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 18px;
}


#sec25 .innerL .kiji p {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 18px;
}


#sec26 .innerL .kiji p {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 18px;
}
	
	
	
	
	
	#gallery3 img{
	width: 70%;
	height: auto;
	padding-right: 0px;
	padding-left: 0px;	
}
	
	
	
	
	
	.innerG{
	
	display: none;
	
	}
	
#sec15 .box6 .box6-1 .gaiyou .gaiyou-ii p {
	font-family: 'Roboto', sans-serif;
	text-align: left;
	font-size: 12px;
	
}

#sec15 .box6 .box6-2 .gaiyou .gaiyou-ii p {
	font-family: 'Roboto', sans-serif;
	text-align: left;
	font-size: 12px;
	
}

#sec15 .box6 .box6-3 .gaiyou .gaiyou-ii p {
	font-family: 'Roboto', sans-serif;
	text-align: left;
	
	font-size: 12px;
}	
	
	
	
	
	
	.gaiyou-ii {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-top: -10px;
	padding-bottom: 0px;
	line-height: -10px;
	margin-top: -20px;
	
}
	
	
	
/*yoko ボックスの左右 */
.box6
	{
	padding-left: 0px;
	padding-right: 0px;
}


/* yokoボックスの上下 */


.box6	{padding-top: 20px}

.box6-1, .box6-2, .box6-3
	{padding-bottom: 10px}

/*yoko BOX6-1、BOX6-2、BOX6-3を横に並べる設定 */
.box6:after	{content: "";
	display: block;
	clear: both}

.box6-1	{float: left;
	width: 32%;
	margin-right: 2%}

.box6-2	{float: left;
	width: 32%;
	margin-right: 2%}

.box6-3	{float: left;
	width: 32%}
	
	
	
	
	#sec17 .boxTS .boxTS2 a {
	font-family: 'Roboto', sans-serif;
	color: #673b38;
}
	
	.boxTSI .boxTS2I a .S2 {
	font-family: 'Roboto', sans-serif;
	color: #673b38;
	
}
	
	
.boxTS2 {
	width: 220px;
	height: auto;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	background-color: #fcfaef;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 1px solid #673b38;	
}

	
	
	.boxTS22 {
	width: 160px;
	height: auto;
	background-color: #fcfaef;
	text-align: center;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 1px solid #673b38;
	margin-left: auto;
}
	
	
	#sec21 .innerL .kiji .boxTS22 a .S2 {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
}		
	
	
		#sec22 .innerL .kiji .boxTS22 a .S2 {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
}	

	#sec23 .innerL .kiji .boxTS22 a .S2 {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
}	
	
	
	/* sumaho  yoko*/
	
	/*yokoバッチのリストを囲む */



.innerW2{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: -10px;
	padding-left: 70px;
}






	/*yokoメイン画像の下の帯 */
	
.boxBB .box3B div {
	font-family: 'Roboto', sans-serif;
	text-align: right;
	font-size: 14px;
}	
	
	
.boxBC .box3C div {
	font-family: 'Roboto', sans-serif;
	text-align: right;
	font-size: 14px;
}	
	
	
	
	
	
	
	
	
	
	.boxBD .box3B div {
	font-family: 'Roboto', sans-serif;
	text-align: right;
	font-size: 14px;
}	


.boxBB {
	background-color: #e3e2d9;
	height: 10px;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 30px;
	margin-top: -7px;
}


.boxBD {
	background-color: #e3e2d9;
	height: 10px;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 30px;
	margin-top: -7px;
}

	.box3B {
	height: auto;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	float: left;
	text-align: center;
	width: 35%;
	color: #000000;
	margin-left: 5%;
	margin-top: 0px;
}


.box4B {
	height: auto;
	background-color: #e3e2d9;
	font-family: "メイリオ", 'Roboto', sans-serif;
	font-size: 12px;
	float: left;
	text-align: center;
	width: 27%;
	color: #000000;
	margin-top: 2px;

	
}	





.box5B {
	height: auto;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	float: left;
	text-align: center;
	width: 25%;
color: #000000;

}	
	
.box4BB {
	height: auto;
	width: 150px;
	border: 1px solid #000000;


}		
	
	

	






/*yoko フッター上の帯 */
	
.boxBC {
	background-color: #e3e2d9;
	height: 10px;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 30px;
	margin-top: -7px;
}

	.box3C {
	height: auto;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	float: left;
	text-align: center;
	width: 35%;
	color: #000000;
margin-left: 5%;
}


.box4C {
	height: auto;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	float: left;
	text-align: center;
	width: 27%;
	color: #000000;
	margin-top: 2px;

	
}	

.box5C  {
	height: auto;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	float: left;
	text-align: center;
	width: 25%;
color: #000000;

}	
	
	
	

	

	


.box5B {
	height: auto;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	float: left;
	text-align: center;
	width: 25%;
color: #000000;

}	


.box4BC {
	height: auto;
	width: 150px;
	border: 1px solid #000000;


}		




/*yokoバッチ下の2行の文字を囲う */

.innerP33{
	font-family: 'Roboto', sans-serif;
	

	margin-top: 80px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -100px;	
	color: #673b38;
}
	/*yokoバッチ下の2行目文字を囲う */

.innerP3{
	font-family: 'Roboto', sans-serif;
	margin-bottom: 0px;
	font-size: 40px;
	margin-top: 0px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: #673b38;
}


/*yokoバッチ下の1行目文字を囲う */

.innerP32{
	font-family: 'Roboto', sans-serif;
	margin-bottom: -10px;
	font-size: 20px;
	margin-top: -20px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: #673b38;
	clear: both;
}


#sec17 .innerP33 .innerP32 p {
font-family: 'Roboto', sans-serif;
	font-size: 20px;
	margin-top: 0px;
	color: #673b38;
}

/*yokoSNS の2行文字を囲う */


.innerP43{
	font-family: 'Roboto', sans-serif;
	margin-top: -10px;
	margin-bottom: -18px;
	font-size: 20px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: #673b38;
}




#sec15 .innerP43 .innerP44 p {
font-family: 'Roboto', sans-serif;
	font-size: 20px;
	margin-top: 10px;
	color: #673b38;
}



#sec15 .innerP43 .innerP45 p {
	font-family: 'Roboto', sans-serif;
		font-size: 30px;
		color: #673b38;
	
	
}




#gallery5 li{
	float: left;
	width: 25%;
	line-height: 0;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: -20px;
	margin-left: -20px;
	margin-bottom: -4px;
}

#gallery5 img{
	width: 30%;
	height: auto;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
	
	
}

.innerQ2{
	width: 32%;
	margin-right: auto;
	margin-left: auto;
	margin-top: -60px;
	height: auto;
	margin-bottom: -40px;
	padding-right: 20px;
}


.innerQ3{
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	height: 0px;
	padding-left: 200px;
	margin-bottom: 0px;
}



.innerW{
	width: 80%;
	margin-right: auto;
	margin-top: -30px;
	margin-bottom: 100px;
	margin-left: auto;
}


#gallery2 li{
	width: 25%;
	line-height: 0;
	float: left;
}

#gallery2 img{
	width: 100%;
	height: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;

}


.innerQ{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: -5px;
	padding-left: 130px;
	height: 100px;
}


ul.footnav li{
	margin-top: 2px;
	margin-bottom: 0px;
	font-size: 3px;
	border-right-color: #b6b6b6;

	padding-top: 0;
	padding-right: 7px;
	padding-bottom: 0;
	padding-left: 8px;
	
	
}




/**************************
/* コピーライト
**************************/

address{
	clear: both;
	text-align: center;
	font-style: normal;
	font-size: 10px;
	color: #FFF;
	background-color: #ae291b;
	height: auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.gaiyou h1	{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 40px;
	padding-bottom: 5px;
	font-size: 20px;
	font-weight: normal;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	color: #000000;
}

.gaiyou p	{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 15px;
	padding-bottom: 30px;
	background-color: #e3e2d9;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	color: #000000;
}



.gaiyou	{
	background-color: #e3e2d9;
	margin-top: -25px;
}

.gaiyou-i {
	width: 45%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
}



.gaiyou-iii {
	width: 45%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
}


.gaiyou-iiii {
	width: 45%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
}






#sec04_02{
	background-size: cover;
	-webkit-background-size: cover;
	text-align: center;
	background-attachment: fixed;
	background-image: url(../images/_ADM04381.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	margin-top: 50px;
	display: none;
}


#sec04_03{
	width: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 60px;
}







#sec04_02 img{
	width: auto;
}


/**************************
/* yokoITEM PAGE
**************************/
.innerPI1 {
	margin-top: -23px;

}

.innerPI2 {
	margin-top: -23px;	
}
.innerPI3 {
	margin-top: -23px;	
}

.innerPI4 {
	margin-top: -23px;	
}

.innerPI5 {
	margin-top: -23px;	
}

.innerPI6 {
	margin-top: -23px;	
}




/*yokoワッペンのリストを囲むITEMS PAGE */

.innerWIT{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
		margin-bottom: 125px;
}


/*yokoITEMS の文字 */
/*yokoItems を囲う */
	
	.innerP4{
	width: 100%;
	padding-bottom: 20px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: -55px;
	margin-bottom: 30px;
}


.innerP22{
	width: 100%;
	padding-bottom: 90px;

	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: -120px;

	margin-bottom: -30px;
}

.kiji {
	width: 90%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}



}

@media only screen and (max-width: 640px){
	
	.kiji {
	width: 90%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
	
	
	
	
	#sec31 .innerPIC header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
}	
	
	
	
	
	/*ITEMS の文字 */
/*Items を囲う */
	
	.innerP4{
	width: 100%;
	padding-bottom: 16px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: -55px;
	margin-bottom: 30px;
}


.innerP22{
	width: 100%;
	padding-bottom: 90px;

	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: -100px;

	margin-bottom: -35px;
}


	
	.boxCO{
	width: 65%;
	margin-right: auto;
	margin-left: auto;
	margin-top: -10px;
}



.boxCO2{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top: -20px;
	margin-bottom: 20px;
}
	
	
	
	
.boxCO1{
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -20px;
	margin-bottom: 20px;
}
	
	
	.kijiC {
	width: 80%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	border: 1px solid #673b38;
	margin-bottom: 50px;
	height: auto;
}

#sec31 .kijiC p {
	font-family: 'Roboto', sans-serif;
	color: #673b38;
	font-size: 14px;
	padding: 10px;
	line-height: normal;
}
	
	
	.innerPIC {
	margin-top: -40px;
	margin-bottom: -15px;
}
	
	
	
	
	
	
	/* スマホ  wild文字
	-----------------*/
	#sec21 .innerL .kiji p {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 16px;
}

#sec22 .innerL .kiji p {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 16px;
}

#sec23 .innerL .kiji p {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 16px;
}


#sec24 .innerL .kiji p {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 16px;
}


#sec25 .innerL .kiji p {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 16px;
}


#sec26 .innerL .kiji p {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 16px;
}	
	
	
	#sec11 .innerP p {
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	width: 100%;
	margin-top: -113px;
	color: #673b38;
}

#sec11 .innerP2 p {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	margin-top: 30px;
	width: 100%;
	margin-bottom: -100px;	
	color: #673b38;
}

	
	
	
	/* スマホ  item文字
	-----------------*/
		
		
#sec14 .innerP4 p {
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	width: 100%;
	margin-top: 10px;
	color: #673b38;
	margin-bottom: 5px;
}

#sec14 .innerP22 p {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	margin-top: 70px;
	width: 100%;
	margin-bottom: -50px;	
	color: #673b38;
}
	
	
	
	
	
	
	
	
	
	
	
	
	.innerG{
	
	display: none;	
}	


	
#sec04_02{
	background-size: cover;
	-webkit-background-size: cover;
	text-align: center;
	background-attachment: fixed;
	background-image: url(../images/_ADM04381.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	margin-top: 50px;
	display: none;
}

#sec04_02 img{
	width: auto;
}

	#sec04_03{
	width: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
}
	
	
	/*ワッペンのリストを囲む */

.innerW{
	width: 80%;
	margin-right: auto;
	margin-top: -20px;
	margin-bottom: 155px;
	margin-left: auto;
	
	
	
}


#gallery2 li{
	width: 50%;
	line-height: 0;
	float: left;
}

#gallery2 img{
	width: 100%;
	height: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;

}

 	
	/*SHOP THE COLLECTION */






.boxTS {
	margin-top: -10px;
	width: 100%;
	

	margin-right: auto;
	margin-left: auto;
	height: auto;
}


	
	

	.boxBB .box5B .box4BB a .S {
	font-family: 'Roboto', sans-serif;
	color: #000000;
	margin-top: -1px;
	margin-bottom: 0px;
}
	
	
	
	.boxBD .box5B .box4BB a .S {
	font-family: 'Roboto', sans-serif;
	color: #000000;
	margin-top: -1px;
	margin-bottom: 0px;
}
	
	
	
	
	
	









	
	
	
	
	
	
	
	
	
	
	
	
	
	
	









#sec14 header h2 span {
	font-family: 'Roboto', sans-serif;
	color: #673b38;
}
	
	
	sec14 header{
		
	}
	
	
.innerS{
	width: 95%;
	padding-bottom: 80px;
	font-size: 16px;
	text-align: center;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 18px;
}

	
	
	.col3 li{
		line-height: 1.7;
	}
	.col3 img{
		margin: 0 auto;
	}
	.col3 .img{
		padding: 30px;
		margin-bottom: 20px;
	}
	#gallery li{
		float: none;
		width: 100%;
	}



.items-wrap {
	margin-bottom: -28px;
}


#sec04_02 img{
	width: 200px;
}

#sec20 {
	display: ;
}







	/*追加 youtube 設定
	-----------------*/	
	.yt_wrapper1 {
	width: 100%;
	margin-right:auto;
	margin-right:auto;
  }
  
  
   .yt_wrapper2 {
	width: 100%;
	margin-right:auto;
	margin-right:auto;
  }
  .youtube {
	position: relative;
	padding-bottom: 50%;
	padding-top: 25px;
	height: auto;
	width:auto;
	overflow: hidden;
	margin: 1%;
  }
  
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




	

.logo1 {
	display: none;
}
.sec25 {
	margin: -200px;
}


.boxA {

margin-top: -147px;

}


.boxB {

margin-top: 0px;

}



.innerF{
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
	
}




/*バッチ下の2行の文字を囲う */

.innerP33{
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -80px;
}

/*バッチ下の1行目文字を囲う */

.innerP32{
	margin-bottom: 0px;
	font-size: 20px;
	margin-top: -20px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	clear: both;
}



	/*バッチ下の2行目文字を囲う */

.innerP3{
	font-family: 'Roboto', sans-serif;
	margin-bottom: -20px;
	font-size: 26px;
	margin-top: -10px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: #673b38;
}

#sec17 .innerP33 .innerP32 p {
font-family: 'Roboto', sans-serif;
	font-size: 20px;
	margin-top: 0px;
	color: #673b38;
}

	











/*SNS の2行文字を囲う */


.innerP43{
	font-family: 'Roboto', sans-serif;
	
	font-size: 20px;
	margin-top: 181px;
	margin-bottom: -50px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: #673b38;
}


/*SNS の文字 1行目 */
.innerP44{
	margin-bottom: 0px;
	margin-top: -55px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: #673b38;
}

/*SNS の文字 2行目 */
.innerP45{
	margin-bottom: -110px;
	margin-top: -10px;
	margin-right: auto;
	margin-left: auto;
	color: #673b38;
}


#sec15 .innerP43 .innerP44 p {
font-family: 'Roboto', sans-serif;
	font-size: 20px;
	margin-top: -100px;
	color: #673b38;
}




#sec15 .innerP43 .innerP45 p {
	font-family: 'Roboto', sans-serif;
		font-size: 26px;
		color: #673b38;
	
	
}

/*バッチのリストを囲む */

.innerW2{
	width: 100%;
	margin-right: auto;
	margin-left: 2%;
	margin-top: 30px;
	margin-bottom: -10px;
	padding-left: 0px;
}

.marjindown1{
	margin-top: -500px;
	margin-bottom: -20px;	
}


#gallery3 li{
	float: left;
	width: 20%;
	line-height: 0;
	padding-right: 0px;
	padding-left: 10px;
	margin-top: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
}


#gallery3 img{
	width: 100%;
	height: auto;
	padding-right: 0px;
	padding-left: 0px;	
		
}


.boxBC .box3C div {
	font-family: 'Roboto', sans-serif;
	text-align: center;
	font-size: 14px;
}

/*メイン画像の下の帯 */
.boxBB {
	margin-top: -10px;
	width: 100%;
	height: 50px;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	color: #000000;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 23px;
	margin-bottom: 0px;
}



.boxBD {
	margin-top: -10px;
	width: 100%;
	height: 50px;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	color: #000000;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 23.5px;
	margin-bottom: 3px;
}

	.box3B {
	height: auto;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	margin-top: -1.5px;	
}


.box4B {
	height: auto;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	margin-top: -7px;	

	
}	

	.box4BB {
	width: 100px;
	height: 20px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #e3e2d9;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 1px solid #000000;
}	


	.box5B {
	height: auto;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}	



.box4BB:hover{
	background-color: #000;
	border: 1px solid #000000;
	color: #fff;
	
}


.box4BC:hover{
		background-color: #000;
	border: 1px solid #000000;
	color: #fff;
}


.boxBC .box5C .box4BC a .S {
	font-family: 'Roboto', sans-serif;
	color: #000000;
margin-top: -1px;
}


/*フッター上の帯 */
.boxBC {
	margin-top: -7px;
	width: 100%;
	height: 50px;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	color: #000000;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 30px;
	margin-bottom: -9px;
}

	.box3C {


	height: auto;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	margin-top: -4px;	
	
}


.box4C {
	height: auto;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	ccolor: #000000;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	margin-top: -7px;	

	
}	

	.box4BB {
	width: 150px;
	height: 20px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
color: #000000;
	background-color: #e3e2d9;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 1px solid #000000;
}	


.box4BC {
	width: 150px;
	height: 20px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
color: #000000;
	background-color: #e3e2d9;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 1px solid #000000;
}	

	.box5C {
	height: auto;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}	




/*SHOP THE COLLECTION */

.boxTS {
	margin-top: -25px;
	width: 100%;
	font-family: 'Roboto', sans-serif;
color: #673b38;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}

#sec17 .boxTS .boxTS2 a {
	font-family: 'Roboto', sans-serif;
	color: #673b38;
}

.boxTSI .boxTS2I a .S2 {
	font-family: 'Roboto', sans-serif;
	color: #673b38;
	
}

.boxTSI {
	margin-top: 30px;
	width: 100%;
	font-family: 'Roboto', sans-serif;
color: #673b38;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}



.boxTS2 {
	width: 145px;
	height: auto;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	background-color: #fcfaef;
	text-align: center;
	margin-top: -20px;
	margin-right: auto;
	margin-bottom: -20px;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 1px solid #673b38;	
}

.boxTS22 {
	width: 148px;
	height: auto;
	background-color: #fcfaef;
	text-align: center;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 1px solid #673b38;
	margin-left: auto;
}

#sec21 .innerL .kiji .boxTS22 a .S2 {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
}		


	#sec22 .innerL .kiji .boxTS22 a .S2 {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
}	


	#sec23 .innerL .kiji .boxTS22 a .S2 {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
}	


#sec26 .innerL .kiji .boxTS22 a .S2 {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
}	


/* ボックスの左右 */
.box6
	{
	padding-left: 0px;
	padding-right: 0px;
}


/* ボックスの上下 */


.box6	{padding-top: 20px}



/* BOX6-1、BOX6-2、BOX6-3を横に並べる設定 */



.box6-1	{
	margin-bottom: 9px;
}

.box6-2	{
	margin-bottom: -9px;
	}

.box6-3	{
	margin-bottom: -40px;
}


#gallery5 li{
	float: left;
	width: 25%;
	line-height: 0;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 5px;
}

#gallery5 img{
	width: 50%;
	height: auto;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
	
	
}
/* SNSアイコン */

.innerQ3{
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	height: 0px;
	padding-left: 160px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* フッターメニュー */
.innerQ{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -210px;
	margin-top: 30px;
	padding-left: 0px;
	height: auto;
}

ul.footnav li{
	margin-top: 2px;
	margin-bottom: 0px;
	font-size: 3px;
	border-right-color: #b6b6b6;
	float: none;
	padding-top: 0;
	padding-right: 7px;
	padding-bottom: 0;
	padding-left: 8px;
	line-height: normal;
	
}

/* フッターロゴ */
.innerQ2{
	width: 52%;
	margin-right: auto;
	margin-left: 155px;
	margin-top: 43px;
	margin-bottom: -24px;
	height: auto;
	padding-bottom: 0px;
	padding-right: 0px;
}


address{
	clear: both;
	text-align: center;
	font-style: normal;
	font-size: 10px;
	color: #FFF;
	background-color: #ae291b;
	height: auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}


  #footer{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0;
	width: auto;
	height: auto;
	}
	
	.box6-1, .box6-2, .box6-3
	{padding-bottom: 64px}

	
.gaiyou h1	{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 40px;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: normal;
	background-color: #e3e2d9;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	color: #000000;
}

.gaiyou p	{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 3px;
	padding-bottom: 20px;
	background-color: #e3e2d9;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	color: #000000;
}	
	
	
	
.gaiyou	{
	background-color: #e3e2d9;
	margin-top: -18px;
	height: 100px;*
	margin-bottom: 0px;
}

.gaiyou-i {
	width: 35%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	margin-bottom: -5px;
}



.gaiyou-iii {
	width: 35%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	margin-bottom: -5px;
}


.gaiyou-iiii {
	width: 35%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	margin-bottom: -5px;
}


/**************************
/* ITEM PAGE
**************************/
.innerPI1 {
	margin-top: -40px;
	margin-bottom: -10px;
}

.innerPI2 {
	margin-top: -40px;
	margin-bottom: -10px;
}
.innerPI3 {
	margin-top: -40px;
	margin-bottom: -10px;
}

.innerPI4 {
	margin-top: -40px;
	margin-bottom: -10px;
}

.innerPI5 {
	margin-top: -40px;
	margin-bottom: -10px;
}

.innerPI6 {
	margin-top: -40px;
	margin-bottom: -10px;	
}



	





#sec21 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #673b38;

}


#sec22 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #673b38;
}

#sec23 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #673b38;
}

#sec24 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #673b38;
}


#sec25 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #673b38;
}


#sec26 header h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #673b38;
}


#sec15 .box6 .box6-1 .gaiyou .gaiyou-ii p {
	font-family: 'Roboto', sans-serif;
	text-align: left;
	font-size: 12px;
	padding-right: 20px;
	padding-left: 20px;
}

#sec15 .box6 .box6-2 .gaiyou .gaiyou-ii p {
	font-family: 'Roboto', sans-serif;
	text-align: left;
	font-size: 12px;
	padding-right: 20px;
	padding-left: 20px;
}

#sec15 .box6 .box6-3 .gaiyou .gaiyou-ii p {
	font-family: 'Roboto', sans-serif;
	text-align: left;
	
	font-size: 12px;
	
	padding-right: 20px;
	padding-left: 20px;
	
}	
	
	
	
	
	
	.gaiyou-ii {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 18px;
	
}

/*ワッペンのリストを囲むITEMS PAGE */

.innerWIT{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
		margin-bottom: 180px;
}

/*メイン見出し */

.innerP{
	width: 93%;
	padding-bottom: 0px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 75px;
	font-family: 'Roboto', sans-serif;
color: #673b38;
}
.innerP2{
	width: 100%;
	padding-bottom: 90px;
	font-size: 16px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: -40px;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 30px;
	color: #673b38;
}	

}