/* common.css @charset "utf-8";
--------------------------------------------------*/

/* タグ・フォント リセット
--------------------------------------------------*/
*,*::before,*::after { box-sizing: border-box; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,p,blockquote { margin: 0; padding: 0; }
fieldset,img { border: 0; }
table { border-collapse:collapse; border-spacing:0; }
address,caption,em,th,var,strong { font-style: normal;
font-weight: normal; }
ol,ul { list-style: none; }

body { font:13px/1.231 "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; line-height: 1.4; }
hr { height: 1px;border: none; border-top: 1px solid #ccc; }
hr.contactHr {height: 1px; border: none;border-top: 1px dotted #999; }
table { font-size:100%; }
/* webアイコン 「X」Twitter ----------------- */
.icon-x:before {
    content: '\1D54F';
    font-size: 107%;
}
/* pc表示初期設定
---------------------------------------------*/
.pc_block { display: block; }
.pc_inline { display: inline; }
.pc_none { display: none; }
.sp_block { display: none; }
.sp_inline { display: none; }
.sps_block { display: none; }
.sp_noBr { display: block; }

/* アンカー
--------------------------------------------------*/
a       { color: #336699; }
a:hover { color: #6f9ece; }
a img   { border: none; }

/* フォントサイズ・太字・下線・インデント
--------------------------------------------------*/
.font9  { font-size:  70%; }
.font10 { font-size:  77%; }
.font11 { font-size:  85%; }
.font12 { font-size:  93%; }
.font13 { font-size: 100%; }
.font14 { font-size: 107%; }
.font15 { font-size: 115%; }
.font16 { font-size: 123%; }
.font17 { font-size: 130%; }
.font18 { font-size: 139%; }
.font19 { font-size: 146%; }
.font20 { font-size: 154%; }
.font21 { font-size: 162%; }
.font22 { font-size: 169%; }
.font23 { font-size: 177%; }
.font24 { font-size: 185%; }
.font25 { font-size: 189%; }
.font26 { font-size: 197%; }
.fontBold { font-weight: bold; }
.fontnormal { font-weight: normal; }
.underline { text-decoration: underline; }
.throughline { text-decoration: line-through; }
.marker { background:#ffff99; }
.indent1 { padding-left: 1em; text-indent: -1em; }
.indent2 { padding-left: 2.7em; text-indent: -2.7em; }

/* フォント カラー
--------------------------------------------------*/
.black { color: #000000; }
.white { color: #ffffff; }
.lpink { color: #ff99ff; }
.lglay { color: #333333; }
.pink  { color: #ff0099; }
.red   { color: #ff0000; }
.blue  { color: #0033cc; }
.green { color: #009966; }
.purple { color: #9966ff; }
.orange { color: #ff9933; }
.lgreen { color: #66cc99; }
.skyblue { color: #2dbce0; }

/* 横幅
--------------------------------------------------*/
.w50 { width: 50px; }
.w80 { width: 80px; }
.w85 { width: 85px; }
.w100 { width: 100px; } 

/* テキスト 位置
--------------------------------------------------*/
.textCenter { text-align: center; }
.textLeft   { text-align: left; }
.textRight  { text-align: right; }
.pageNone { margin:0px 0 300px 0; font-size: 123%; text-align: center; }
#pc_ptauSimulation { text-align: center; }
/* イメージ　フロート・ポジション
--------------------------------------------------*/
.alignleft { float: left;margin: 0 10px 0 0;display: inline; }
.alignright { float: right;margin: 0 0 0 10px;display: inline; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.allclear { clear: both; }
.stretch { float: right;margin: -60px 0px 0px 20px;}
.photoCaption { display: block; }
.respWidth { width: 100%; height: auto; }
.respWidth320px { max-width: 320px; width: 100%; height: auto; }
.respWidth640px { max-width: 640px; width: 100%; height: auto; }
.respWidth800px { max-width: 800px; width: 100%; height: auto; }
.respWidth1080px { max-width: 1080px; width: 100%; height: auto; }
.noimg { display: none; }
.top5  { margin-top:5px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top20 { margin-top:20px; }
.top25 { margin-top:25px; }
.top30 { margin-top:30px; }
.top40 { margin-top:40px; }
.top50 { margin-top:50px; }
.top60 { margin-top:60px; }
.top65 { margin-top:65px; }
.top100{ margin-top:100px;}
.top110{ margin-top:110px;}
.top120{ margin-top:120px;}
.under5 { margin-bottom:5px; }
.under10 { margin-bottom:10px; }
.under15 { margin-bottom:15px; }
.under20 { margin-bottom:20px; }
.under30 { margin-bottom:30px; }
.right5 { margin-right:5px; }
.right10{ margin-right:10px; }
.left5  { margin-left: 5px; }
.left10 { margin-left:10px; }
.ipo1 { position: relative; top: 3px; }
/* WordPress ギャラリー
---------------------------------------------*/
#main div.postContent dl img { width: 95%;margin-bottom: 5px; }
/* ページナビゲーション
---------------------------------------------*/
.wp-pagenavi { clear: both;margin:1.2em 0; }
.wp-pagenavi span,.wp-pagenavi a {
    display: inline-block;
border-radius: 5px;
}
.wp-pagenavi a, .wp-pagenavi a:link {
    padding: 7px 15px; 
    margin: 5px;
    font-size: 107%;
    text-decoration: none;
    border: 1px solid #0066cc;
    color: #0066cc;
    background-color: #FFFFFF;	
    }
.wp-pagenavi a:visited {
    padding: 7px 15px; 
    margin: 5px;
    text-decoration: none;
    border: 1px solid #0066cc;
    color: #0066cc;
    background-color: #FFFFFF;	
    }
.wp-pagenavi a:hover {	
    border: 1px solid #000000;
    color: #000000;
    background-color: #eddada;
    }
.wp-pagenavi a:active {
    padding: 7px 15px; 
    margin: 5px;
    text-decoration: none;
    border: 1px solid #0066cc;
    color: #0066cc;
    background-color: #FFFFFF;	
    }
.wp-pagenavi span.pages {
    padding: 7px 4px; 
    margin: 5px;
    font-size: 107%;
    color: #000000;
    border: 1px solid #000000;
    background-color: #FFFFFF;
    }
.wp-pagenavi span.current {
    padding: 7px 6px; 
    margin: 5px;
    font-size: 107%;
    border: 1px solid #ff0000;
    color: #ff0000;
    background-color: #FFFFFF;
    }
.wp-pagenavi span.extend {
    padding: 7px 4px; 
    margin: 5px;	
    border: 1px solid #000000;
    color: #000000;
    background-color: #FFFFFF;
    }
/* スクロールボタン（javascript 下から）
--------------------------------------------------*/
#page-top-js{
    background-color: rgba(0,0,0,0.6);
    /* ie8以下 */
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000)";
}
#page-top-js:not(:target){
    filter: none;
    -ms-filter: none;
}
#page-top-js{
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: -60px;
  right: 10px;
  width: 80px;
  padding: 20px 5px;
  background: rgba(255,153,51,.9);
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition: .5s;
  border-radius: 5px;
}
#page-top-js:hover{ 
  background: rgba(255,176,98,.8);
}
/* スクロールボタン（noscript）
--------------------------------------------------*/
#page-top{
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: 0px;
  right: 10px;
  width: 80px;
  padding: 20px 10px;
  background: rgba(0,0,0,.7);
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition: .5s;
}
#page-top:hover{ 
  background: rgba(0,0,0,.8);
}
/* inview用css
--------------------------------------------------*/
.divMove{
	opacity: 0;
	transform: translate(0,50px); 
	-webkit-transform: translate(0,50px); 
}
.move{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
.divMove:nth-of-type(2) {
    -moz-transition-delay:200ms;
    -webkit-transition-delay:200ms;
    -o-transition-delay:200ms;
    -ms-transition-delay:200ms;
}
.divMove:nth-of-type(3) {
    -moz-transition-delay:400ms;
    -webkit-transition-delay:400ms;
    -o-transition-delay:400ms;
    -ms-transition-delay:400ms;
}
.divMove:nth-of-type(4) {
    -moz-transition-delay:600ms;
    -webkit-transition-delay:600ms;
    -o-transition-delay:600ms;
    -ms-transition-delay:600ms;
}
/* clearfix
--------------------------------------------------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */