@charset "UTF-8";
/* CSS Document */

/* //////////////////////////////////////////////////
[RESET]
////////////////////////////////////////////////// */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0;}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th, dfn, var {font-size: 1em; font-weight: normal; font-style: normal;}
/*html,h1,h2,h3,h4,h5,h6,p,li,dt,dl,dd { line-height: 1em; */
pre {
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */}
li {list-style: none;}
caption, th {text-align: left;}
abbr, acronym {font-variant: normal;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
input, textarea, select {font: inherit;}
* {zoom: 1;}
/* CLEAR */
.clear {clear: both;}
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
/* exlude MacIE5 \*/
* html .clearfix {height: 1%;}
/* end MacIE5 */


/* IMAGE */
img {vertical-align: middle; margin: 0 auto;}
/* TYPE */
body {font-size: 14px; display: block;	color: #444444;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Myriad Pro", Meiryo, "メイリオ", Osaka, "MS PGothic", "MS Pゴシック", sans-serif;}
ul {list-style-type: none;}
ul li {}
a {color: #444444; outline: 0; text-decoration: none; cursor: pointer;}
a img {border: 0;}
strong, b, .bold {font-weight: bold;}
.normal {font-weight: normal;}
em, i, .italic {font-style: italic;}
q, blockquote {quotes: none;}
q:before, q:after, blockquote:before, blockquote:after {content: ""; content: none;}
table {border-collapse: collapse;	border-spacing: 0;}
thead, tbody, tfoot{display:block; width:100%;}
table th, table td {vertical-align: top; border: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}


/* wp用 */
 
p {display: block; margin:0;}
blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}
.aligncenter {display: block; margin: 0 auto;}
.alignright {float: right;}
.alignleft {float: left;}
img[class*="wp-image-"],
img[class*="attachment-"] {height: auto; max-width: 100%;}

/* TEXT-ALIGN */
.tac {text-align: center;}
.tar {text-align: right;}
.tal {text-align: left;}
/* FLOAT */
.fl {float: left;}
.fr {float: right;}
/* DISPLAY */
.dpi {display: inline;}
.dpb {display: block;}
/* DECORATION */
.tdn {text-decoration: none;}
/* BORDER */
.bdn {border: none !important;}
 /*----------------------------------------------------------------------- RESET*/

/* //////////////////////////////////////////////////
[COMMON]
////////////////////////////////////////////////// */

html, body{width:100%; margin:0; padding:0;}
body{height:100%; min-height:100%;}
.inner{width:100%; max-width:960px; margin:0 auto; position:relative;}
/*input[type=text], input[type=checkbox], textarea, select {-webkit-appearance: none;}*/

.pc{display:inline-block;}
.sp{display:none;}
img{width: auto; max-width: 100%; height: auto;}

@media only screen and (max-width: 767px){
/*iphone対策*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, pre, a, small, strong, sup, dl, dt, dd, ul, li, caption, tr, th, td, nav{ -webkit-text-size-adjust: 100%;}

.inner{width:96%; max-width:96%;}

.pc{display:none;}
.sp{display:block;}
}

/*FADE*/
.btn a:hover {
	filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; zoom: 1;
	-moz-transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
    -webkit-backface-visibility: hidden; /*追加*/
    backface-visibility: hidden;/*追加*/}
.btn a{display:block;}

/*********

*********/