@charset "utf-8";


@font-face {
    font-family:'texgyreadventor-regular';
    src: url('../font/texgyreadventor-regular.otf');
    src: url('../font/texgyreadventor-regular.eot') format('eot');
    src: url('../font/texgyreadventor-regular.woff') format('woff');
   
        
}

@font-face {
    font-family:'texgyreadventor-bold';
    src: url('../font/texgyreadventor-bold.otf');
    src: url('../font/texgyreadventor-bold.eot') format('eot');
    src: url('../font/texgyreadventor-bold.woff') format('woff');
   
}



/*---------------------------------------
 * General Setting
---------------------------------------*/ 


body {
	color: #333333;
	font-size: 0.75em;
	font-family: "Century Gothic", CenturyGothic,'texgyreadventor-bold' ,'texgyreadventor-regular' ,'Open Sans', 'Open Sans Condensed', 'Carrois Gothic SC', 'Helvetica Neue', Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, sans-serif;
	line-height: 2;
}

a{
	text-decoration: none;
	color: #232323;
}

a:hover{
	color: #999999;
}



p{
	text-align: justify;
	word-break: normal;
}

.condenced{
	font-family: 'Open Sans Condensed', sans-serif;
	letter-spacing: 0.1em;
}

.italic{
	font-family: 'Open Sans Condensed', sans-serif;
	font-style: italic;
	letter-spacing: 0.2em;
	font-size: 1rem;
}

.italic2{
	font-family: 'Open Sans Condensed', sans-serif;
	font-style: italic;
	letter-spacing: 0.1em;
}

.l2{
	margin-bottom: 2em;
}

li{
	list-style-type: none;
}

table tr th{
	font-weight: 500;
	text-align: left;
}

.ja-serif{
	font-family: "Century Gothic", CenturyGothic,'Open Sans', 'Open Sans',"ヒラギノ明朝 Pro","Hiragino Mincho Pro",serif;
}




/*---------------------------------------
 * Header
---------------------------------------*/

header{
	width: 780px;
	margin: 40px auto;
}

header h1{
	float: left;
}

header .description{
	float: right;
	margin-top: 285px;
}





/*---------------------------------------
 * Global Navigation
---------------------------------------*/


nav{
	width: 780px;
	margin: 0 auto;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	height: 41px;
}

nav ul li{
	float: left;
}

nav ul li a{
	display: block;
	width: 156px;
	height: 41px;
	text-indent: -9999px;
}

nav ul li.n1 a{ background: url(../images/temp/nav_temp-01.gif)    0px -41px no-repeat;}
nav ul li.n2 a{ background: url(../images/temp/nav_temp-01.gif) -156px -41px no-repeat;}
nav ul li.n3 a{ background: url(../images/temp/nav_temp-01.gif) -312px -41px no-repeat;}
nav ul li.n4 a{ background: url(../images/temp/nav_temp-01.gif) -468px -41px no-repeat;}
nav ul li.n5 a{ background: url(../images/temp/nav_temp-01.gif) -624px -41px no-repeat;}

nav ul li.n1 a:hover{ background: url(../images/temp/nav_temp-01.gif)    0px 0px no-repeat;}
nav ul li.n2 a:hover{ background: url(../images/temp/nav_temp-01.gif) -156px 0px no-repeat;}
nav ul li.n3 a:hover{ background: url(../images/temp/nav_temp-01.gif) -312px 0px no-repeat;}
nav ul li.n4 a:hover{ background: url(../images/temp/nav_temp-01.gif) -468px 0px no-repeat;}
nav ul li.n5 a:hover{ background: url(../images/temp/nav_temp-01.gif) -624px 0px no-repeat;}






/*---------------------------------------
 * Footer
---------------------------------------*/

footer{
	width: 780px;
	margin: 20px auto 0;
	padding-bottom:100px;
	border-top:solid 1px #999999;
	position: relative;
}

footer .sns{
	background: #FFFFFF;
	padding: 0 0 0 10px;
	position: absolute;
	top:-15px;
	right:0;
	
}

footer .sns .fb{
	float: left;
	padding-right: 5px;
}

footer .sns .ig{
	float: right;
}

footer .copyright{
	text-align: center;
	margin-top:60px;
	
}

footer .pagetop{
	position: absolute;
	top:60px;;
	right:0;
}





/*---------------------------------------
 * Main Content
---------------------------------------*/

#main{
	width: 800px;
	margin: 60px auto 120px;
}

#main section{
	margin: 0 10px;
}

#main .cat-title h2{
	text-align: center;
	font-weight: 500;
	margin-bottom: 60px;
	font-size: 1.833em;
}





/*---------------------------------------
 * Top
---------------------------------------*/

#top #main section{
	margin-left: 0;
	margin-right: 0;
}

#top #main #container .pic{
	margin: 0 10px 20px;
	line-height: 1;
}

#top #main .fixpic{
	margin: 0 10px;
}



/* Tagページ
---------------------------------------*/

#cat-title{
	text-align: center;
}

#cat-title .cat-title{
	font-weight: 500;
	font-size: 1.5em;
	margin-bottom: 60px;
}






/*---------------------------------------
 * Single Shot
---------------------------------------*/


#shot_single #main .wear .parts{
	padding-right: 0.5em;
}

#shot_single #main .wear .price{
	padding-left: 0.5em;
}

#shot_single #main .wear a,
#shot_single #main .fb-share{
	text-decoration: underline;
}

#shot_single #main .tag a{
	color: #999999;
}

#shot_single #main .tag a:hover{
	text-decoration: underline;
}

#shot_single #main .photo-slide{
	margin-bottom: 40px;
}

#shot_single #main .photo-content div{
	margin-bottom: 1em;
	font-size: 0.917em;
}

#shot_single #main .fb-share{
	margin-bottom: 2em;
}



/* SHOTページUI
---------------------------------------*/ 


#shot_single .control-bar,
#brand .single .control-bar{
	width: 100%;
	height: 44px;
	position: fixed;
	bottom:0;
	left:0;
	background: #000000;
	text-align: center;
	line-height: 44px;
	z-index: 100;
	margin: 0;
	font-size: 1.167em;
}

.control-bar span a{
	color: #FFFFFF;
}

.control-bar .back a{
	padding:0 3em;
	
}





/* Slider
---------------------------------------*/ 

#shot_single .slide{
	height: 100%;
	background: #f8f8f8;
	width: 780px;
	position: relative;
	margin: 0 auto;
}

#shot_single .slide_frame{
	position: relative;
	overflow: hidden;
	height: 521px;
}

#shot_single .slide_frame ul{
	z-index: 10;
}

#shot_single .slide_frame ul li{
	position: relative;
	height: 521px;
	width: 780px;
	overflow: hidden;
}

#shot_single .slide_frame ul li img{
	background: #f8f8f8;
	position: absolute;
	top:0px;
	
}

#shot_single .slide .cursor{
	width: 34px;
	height: 47px;
	position: absolute;
	z-index: 10;
	
}

#shot_single .slide .next{
	top:241px;
	right:20px;
}

#shot_single .slide .prev{
	top:241px;
	left:20px;
}


#shot_single .slide ul{
	position: relative;
	
}

#shot_single .photo ul li{
	float: left;
}










/*---------------------------------------
 * Story
---------------------------------------*/

#story #main .concept{
	text-align: center;
}

#story #main .concept .copy{
	width: 199px;
	margin: 100px auto 100px;
}

#story #main .concept .mail{
	text-align: center;
	font-size: 1.5em;
	margin-bottom: 100px;
}

#story #main .credits{
	border-top:1px solid #999999;
	padding-top: 60px;
}

#story #main .credits p{
	text-align: center;
}







/*---------------------------------------
 * Archive
---------------------------------------*/

#archive #main .image-photo{
	float: left;
	width: 380px;
}

#archive #main .archive-title{
	float: right;
	width: 380px;
	font-size: 1.167em;
}

#archive #main .archive{
	margin-bottom: 40px;
}






/*---------------------------------------
 * Brand List
---------------------------------------*/


#brand #main ul li{
	float: left;
	width: 220px;
	margin: 0 60px 40px 0;
}

#brand #main .brand-title{
	margin-bottom: 15px;
}







/*---------------------------------------
 * Brand Single
---------------------------------------*/


#brand .single .brand-description .photo{
	width: 300px;
	float: left;
}

#brand .single .brand-description .text{
	width: 460px;
	float: right;
}

#brand .single .brand-description h2{
	margin-bottom: 30px;
	line-height: 1;
}

#brand .single .brand-description .desp{
	margin-bottom: 40px;
}

#brand .single .lists{
	border-top:solid 1px #CCCCCC;
	padding-top: 40px;
	margin-top: 70px;	
}

#brand .single .lists .section-title{
	margin-bottom: 40px;
	font-size: 1.167em;
}

#brand .single .lists table tr th{
	width: 200px;
	padding-right:20px;
}

#brand .single .lists table tr th a{
	text-decoration: underline;
}

#brand .single .lists table tr th a:hover{
	text-decoration: none;
}


#brand .single .lists table tr .zip{
	width: 400px;
	padding-right:20px;
}

#brand .single .lists table tr .tel{
	width: 140px;
	text-align: right;
}

#brand .single .lists table tr .website{
	width: 620px;
}






/*---------------------------------------
 * BlogList
---------------------------------------*/



/* Sidebar
---------------------------------------*/


#blog #sidebar{
	width: 220px;
	float: right;
}

#blog #sidebar h2{
	margin-bottom: 50px;
}

#blog #sidebar .sidewidget{
	margin-bottom: 40px;
}

#blog #sidebar h3{
	margin-bottom: 20px;
}

#blog #sidebar .side-sns{
	border-top: 1px solid #CCCCCC;
	padding-top: 20px;	
	margin-top: 60px;
}

#blog #sidebar .side-sns .lifeisashot-back{
	float: left;
	padding-right: 15px;
}

#blog #sidebar .side-sns .fb{
	float: left;
	padding-right: 15px;
}

#blog #sidebar .side-sns .ig{
	float: left;
}

#blog #sidebar #archives-2 h2,
#blog #sidebar #categories-2 h2{
	margin-bottom: 20px;
}

#blog #sidebar #categories-2 h2{
	background: url(../images/blog/tit_blog-01.gif) 0 0 no-repeat;
	width: 113px;
	height: 21px;
	text-indent: -9999px;
}

#blog #sidebar #archives-2 h2{
	background: url(../images/blog/tit_blog-02.gif) 0 0 no-repeat;
	width: 90px;
	height: 18px;
	text-indent: -9999px;
}

#blog #sidebar #categories-2{
	margin-bottom: 40px;
}



/* MainColumn
---------------------------------------*/

#blog #main{
	margin: 120px auto 120px;
}

#blog #main-column{
	width: 540px;
	margin: 0 10px;
	float: left;
}

#blog #main-column article{
	margin-bottom: 100px;
}

#blog #main-column article .hgroup{
	margin-bottom: 10px;
}

#blog #main-column article .hgroup h3{
	font-weight: 700;
	font-size: 1.333em;
	float: left;
	width:450px;
}

#blog #main-column article .hgroup time{
	text-align: right;
	width: 80px;
	
}







/*---------------------------------------
 * BlogSingle
---------------------------------------*/

#blog .single .nav-below{
	border-top:1px solid #CCCCCC;
	padding-top: 20px;
}

#blog .single .nav-below span{
	display: block;
	width: 220px;
}

#blog .single .nav-below .nav-previous{
	float: left;
	text-align: left;
}

#blog .single .nav-below .nav-next{
	float: right;
	text-align: right;
}




/* ブログ記事整形
---------------------------------------*/

#blog #main-column article .post h1,
#blog #main-column article .post h2,
#blog #main-column article .post h3,
#blog #main-column article .post h4,
#blog #main-column article .post h5,
#blog #main-column article .post h6{
	color: #46960A;
	background: none;
	padding:0;
	margin: 15px 0;
	width: 100%;
	line-height: 1.5;
}

#blog #main-column article .post h1{
	font-size: 2em;
}

#blog #main-column article .post h2{
	font-size: 1.8em;
}

#blog #main-column article .post h3{
	font-size: 1.3em;
}

#blog #main-column article .post h4{
	font-size: 1.17em;
}

#blog #main-column article .post h5{
	font-size: 1.1em;
}

#blog #main-column article .post h6{
	font-size: 1em;
}


#blog #main-column article .post ul li{
	list-style-type: disc;
	margin-left: 1.5em;
}

#blog #main-column article .post ol li{
	list-style-type: decimal;
	margin-left: 1.5em;
}

#blog #main-column article .post .more-link{
	display: block;
	margin-top: 30px;
	padding-left: 1em;
	color: #0F4196;
	font-weight: 500;
	font-size: 14px;
}

.alignnone{
	margin: 10px 0;
}

.aligncenter{
	margin: 10px auto;
	display: block;
}

img.alignleft{
	margin: 10px 15px 5px 0;
	display: inline;
	float: left;
}

.alignright{
	margin: 10px 0 5px 15px;
	display: inline;
	float: right;
}




/*PageNavi
---------------------------------------*/

#blog #main-column .wp-pagenavi{
	border: none;
	font-family: 'Open Sans Condensed', sans-serif;
	font-style: italic;
	font-size: 1.167em;
}

#blog #main-column .wp-pagenavi span,
#blog #main-column .wp-pagenavi a{
	border: none;
}








/*---------------------------------------
 * Form
---------------------------------------*/

#form .form-style{
	width: 620px;
	margin-left:  auto;
	margin-right: auto;
}

#form section{
	margin-left: 0;
	margin-right: 0;
}

#form .form-style .intro{
	border-bottom:1px solid #CCCCCC;
	padding-bottom: 40px;
	margin-bottom: 70px;
	line-height: 3;
}


/*Form本体
---------------------------------------*/


#form #mailfield{
	width: 620px;
}

#form #mailfield dl dt{
	width: 140px;
	float: left;
	margin-bottom: 30px;
}

#form #mailfield dl dt span{
	font-size: 0.833em;
}

#form #mailfield dl dd{
	padding-left: 160px;
	margin-bottom: 30px;
}

#form #mailfield dl dt.mb15,
#form #mailfield dl dd.mb15{
	margin-bottom: 15px;
}


#form #mailfield dl dd .input{
	border: none;
	border-bottom: 1px solid #CCCCCC;
	width: 450px;
	font-size: 1.5000em;
}

#form #mailfield dl dd .input2{
	border: none;
	border-bottom: 1px solid #CCCCCC;
	width: 150px;
	font-size: 1.5000em;
}

#form #mailfield dl dd .input3{
	border: none;
	border-bottom: 1px solid #CCCCCC;
	width: 390px;
	font-size: 1.5000em;
}

#form #mailfield dl dd ul.radio li{
	float: left;
	width: 80px;
}

#form #mailfield dl dd ul.check li{
	float: left;
	width: 220px;
	padding-right: 20px;
	margin-bottom: 10px;
}

#form #mailfield dl dd ul.check li.other{
	width: 620px;
	margin-top: 15px;
}

#form #mailfield dl dd ul.check li.other span{
	padding-right: 20px;
}

#form .textalign{
	text-align: left !important;
	padding-left: 160px;
}

#form .mfp_buttons button.submit_btn{
	width: 181px;
	height: 47px;
	display: block;
	background: url(../images/form/btn_form-01.gif) 0 0 no-repeat;
	text-indent: -9999px;
	border: none;
	margin-top: 40px;
	
	
}

#form .mfp_buttons button.submit_btn:hover{
	background: url(../images/form/btn_form-01.gif) 0 -47px no-repeat;
	text-indent: -9999px;
	border: none;
}






/*---------------------------------------
 * Thanks
---------------------------------------*/



#thanks #main section{
	margin-bottom: 260px;
}

#thanks #main section p{
	text-align: center;
	font-size: 1.500em;
}

#thanks #main section div{
	margin: 1em 0;
	font-size: 1.167em;
}

#thanks #main section div p{
	font-size: 1em;
}


#thanks #main .thanks{
	font-size: 6em;
}

#thanks #mfp_thanks{
	display: none;
}





/*---------------------------------------
 * 404 NOT FOUND
---------------------------------------*/



#notfound #main section{
	margin-bottom: 260px;
}

#notfound #main section p{
	text-align: center;
	font-size: 1.500em;
}


#notfound #main .notfound{
	font-size: 6em;
}






/*---------------------------------------
 * SHOW INFO (PRESS)
---------------------------------------*/


#showinfo header{
	width: 100%;
	
	background: #000000;
	margin-top: 0;
}

#showinfo header .header-inner{
	width: 780px;
	height: 110px;
	margin: 0 auto;
}

#showinfo header .header-inner h1{
	width: 57px;
	height: 77px;
	margin: 0 auto;
	padding: 15px 0;
	float:none;
}

#showinfo footer{
	width: 100%;
	border: none;
	background: #000000;
	color: #666666;
	margin: 0 ;
	padding: 0;
}

#showinfo footer .footer-inner{
	width: 780px;
	height: 90px;
	margin: 0 auto;
}

#showinfo footer .footer-inner p{
	text-align: center;
	line-height: 90px;
}

#showinfo .contents{
	width: 780px;
	margin: 150px auto;
}

#showinfo .contents h2{
	font-weight: 500;
	font-size: 26px;
	text-align: center;
	margin-bottom: 120px;
}

#showinfo .contents .post{
	font-size: 14px;
	
}

#showinfo .contents .post a{
	text-decoration: underline;
}

#showinfo .contents .post a:hover{
	text-decoration: none;
}

#showinfo .contents .content-foot{
	border-top: 1px solid #EFEFEF;
	margin-top: 90px;
	padding-top: 10px;
}

#showinfo .contents .content-foot .logo{
	font-size: 11px;
	text-align: left;
	float: left;
	width: 390px;
}

#showinfo .contents .content-foot .date{
	font-size: 11px;
	margin-top: 25px;
	text-align: right;
	float: right;
	width: 390px;
}