@charset "utf-8";

/* *****************************************************************************
=01 reset style
=02 option style
=03 common style
=04 layout style
***************************************************************************** */

/*---------- =01 reset style ----------*/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
}
body{
    line-height:1;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{ 
    display:block;
}
ul,nav ul{
    list-style:none;
}
address{
	font-style:normal;
}
blockquote, q{
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after{
    content:'';
    content:none;
}
a{
    margin:0;
    padding:0;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins{
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark{
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del{
    text-decoration: line-through;
}
abbr[title], dfn[title]{
    border-bottom:1px dotted;
    cursor:help;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr{
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select{
    vertical-align:middle;
}
/*---------- //end reset style ----------*/

/*---------- =02 option style ----------*/
.fLeft{float:left!important;}
.fRight{float:right!important;}
.cLeft{clear:left!important;}
.cRight{clear:right!important;}
.cBoth{clear:both!important;}
.tal{text-align:left!important;}
.tac{text-align:center!important;}
.tar{text-align:right!important;}
.mbNone{margin-bottom:0!important;}
.mbShort{margin-bottom:1em!important;}
.mbMiddle{margin-bottom:2em!important;}
.mbLong{margin-bottom:3em!important;}
.bold{font-weight:bold;}
.red{color:#c00;}
.blue{color:#3583d1;}
.cf{zoom:1;}
.cf:before,.cf:after{content:"";display:table;}
.cf:after{clear:both;}
/*---------- //end option style ----------*/

/*---------- =03 common style ----------*/
*{
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
html{
	font-size:62.5%;
}
body{
    font-family: source-han-sans-japanese, sans-serif;
    font-style: normal;
    font-weight: 400;
	line-height:1.6;
	color:#1a1a1a;
	background-color:#fff;
	-webkit-text-size-adjust:100%;
	font-size:1.5rem;
    letter-spacing: 1px;
}
a{
	color:#000;
	text-decoration:none;
}
a:hover,
a:active{
	text-decoration:none;
}
img,a img{
	vertical-align:bottom;
	border:none;
}
strong{
	font-weight:bold;
}
::selection{
	background-color:#3583d1;
	color:#fff;
}
::-moz-selection {
	background-color:#3583d1;
	color:#fff;
}

/*---------- //end common style ----------*/

/*---------- =04 layout style ----------*/
/*========================================
header layout
========================================*/
.header_inner{
    width: 100%;
    background-color: #222;
}
.header{
    width: 100%;
    background: url(../images/bg_main_01.png);
    background-size: 3px 3px;
}
.header_title{
    color: #fff;
    font-family: daniel, sans-serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 5px;
    font-size: 2.1rem;
    padding: 10px 20px;
}

@media print, screen and (max-width: 760px){
    .header{
        text-align: center;
    }
    .header_title{
        font-size: 1.9rem;
        padding: 10px 15px;
    }
}

/*========================================
contents layout
========================================*/
.box_gallery{
    width: 100%;
    font-size: 0;
    letter-spacing: -.40em;
}
.box_gallery li{
    display: inline-block;
    letter-spacing: normal;
    width: 20%;
}
.box_gallery img{
    width: 100%;
}

@media print, screen and (max-width: 1400px){
    .box_gallery li{
        width: 25%;
    }
}

@media print, screen and (max-width: 1000px){
    .box_gallery li{
        width: 33.32%;
    }
}

@media print, screen and (max-width: 640px){
    .box_gallery li{
        width: 50%;
    }
}

@media print, screen and (max-width: 320px){
    .box_gallery li{
        width: 100%;
    }
}

/* note */
.note{
    margin-left: 1em;
}
.note:before {
	content: '※';
	margin-left: -1em;
}

/* list_note */
.list_note li{
    padding-left:1em;
    text-indent:-1em;
}

/* button */
.button_01{
    text-align: center;
}
.button_01 a{
    display: inline-block;
    background-color: #343434;
    color: #fff;
    font-size: 1.5rem;
    -webkit-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
    line-height: 56px;
    padding: 0 62px 0 42px;
    border-radius: 4px;
    letter-spacing: 2px;
    background: #343434 url(../images/arrow_01.svg) right 14px center no-repeat;
    background-size: 6px 12px;
    
}
.button_01 a:hover{
    text-decoration: none;
	background-color: #c00;
}

@media print, screen and (max-width: 760px){
    .button_01 a{
        font-size: 1.3rem;
        line-height: 46px;
        padding: 0;
        width: 100%;
        background: #343434 url(../images/arrow_01.svg) right 12px center no-repeat;
        background-size: 6px 12px;
    }
}

/*========================================
footer layout
========================================*/
.footer{
    text-align: center;
    font-size: 1.4rem;
    padding: 25px 0;
    line-height: 14px;
}

@media print, screen and (max-width: 760px){
    .footer{
        font-size: 1.2rem;
        padding: 20px 0;
    }
}