body, h1, h2, h3, h4, h5, dl, dt, dd{ margin: 0;padding: 0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix	{display:inline-block;min-height:1%;} * .clearfix{height:1%;} .clearfix{display:block;}
html {font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', verdana, sans-serif;font-size : 100%;}
a{color:blue}
img{max-width: 100%;border: 0;vertical-align : top}
body{text-align: center;color:#333;min-width:320px;}
table{ border-collapse: collapse}
.clear, nav, #icatch, footer, .mag{clear:both}
.center, h2{text-align: center;}
.left{text-align:left}
.right{text-align:right}
.notextdeco, nav a, footer a{text-decoration:none}
.underline{text-decoration:underline}
.fontxsmall{font-size: x-small}
.fff, nav, nav li a, footer, footer a, #menu a, #menu .menucate a:hover{color:#fff}
.color0{color:#46606E}
.color1, .blogindex span.categorylistdate, .blogindex span.categorylistdate a{color:#88979F}
.color2, .center p{color:#627884}
.color3{color:#314A58}
.color4, #menu dt, h1{color:#1D3949}
.backgroundblack, #icatch_blog{background:#000}
.bgbackground0, .mag{background:#eee}
.bgbackground1, #menu, .menucate{background:#88979F}
.bgbackground2, #icatch{background:#627884}
.bgbackground3, footer{background:#314A58}
.bgbackground4, nav{background:#1D3949}
.radius, blockquote, .button, .button a:hover{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.serif{font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;}.small{font-size:smaller}
.radius{border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
p{text-align: left;margin: 0 1em 1em}

.container{;margin: auto;}

h1{display:none}
h3{padding: 20px 0;}

header{text-align:left}

nav ul{margin: 0;overflow:hidden;list-style : none;padding:9px 0;}
nav li{;font-size:x-small;display:inline}
nav li a{margin:0 5%}
#icatch{display:none;text-align:center;margin:0 auto;clear:both;list-style: none;width: 100%;}

.mag{font-size:80%;padding: 20px 0 0}
.mag input{margin: 1em auto 0;}
.mag input:nth-of-type(1){margin-right:15px;}

footer{font-size:x-small;overflow:hidden}
footer dl, footer dt{display:none}
footer small{display:block;clear:both;padding: 30px 0 20px}

.ndim, #icatch_blog, .dbp{display:none}
.dim{display:inline}

@media screen and (min-width : 768px){
.dim, .ndbm{display:none}
.ndim{display:inline}
.dbp{display:block}
h1{float:right;display:block;font-size:x-small}
h1 span{font-size:x-large;font-weight:bold;display:block}
h1 img{margin-left:20px;}
h1 span span{font-size:x-small;font-weight:lighter;}
h2{float:left;padding-top:15px;}
nav ul{padding:7px 0;}
#icatch, #icatch_blog{display:block}
h3{font-size:250%;font-family:serif;padding:50px 0 20px;text-shadow: 0 5px 5px #999}

footer{padding: 20px 0 0}
footer dl{display:block;font-size:small}
footer dl:nth-of-type(1){width:25%;margin-left:0.5%;;float:left;text-align:left;}
footer dl:nth-of-type(2){width:29%;margin-left:2%;float:left;text-align:left;}
footer dl:nth-of-type(3){width:43%;margin-right:0.5%;;float:right;text-align:right}
footer dl:nth-of-type(3) dd:nth-of-type(1) {margin-bottom:20px;}
footer dl:nth-of-type(3) span{display:block;font-size:200%;font-weight:bold}
footer dl:nth-of-type(3) span span{font-size:x-small;font-weight:lighter}
}

@media screen and (min-width : 1000px){
.container{margin: 0 auto;max-width:1200px;}
.video{margin-bottom:0}
p strong{font-size:150%}
blockquote{padding:2em 35px }

}

/* animate */
.flash, .flashslow {;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.flash{-webkit-animation-duration: 1s;animation-duration: 1s}
.flashslow{-webkit-animation-duration: 5s;animation-duration: 5s}
@-webkit-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
@-webkit-keyframes lightSpeedIn {0% {-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);transform: translate3d(100%, 0, 0) skewX(-30deg);opacity: 0;}
60% {-webkit-transform: skewX(20deg);transform: skewX(20deg);opacity: 1;}
80% {-webkit-transform: skewX(-5deg);transform: skewX(-5deg);opacity: 1;}
100% {-webkit-transform: none;transform: none;opacity: 1;}}
@keyframes lightSpeedIn {0% {-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);-ms-transform: translate3d(100%, 0, 0) skewX(-30deg);transform: translate3d(100%, 0, 0) skewX(-30deg);opacity: 0;}
60% {-webkit-transform: skewX(20deg);-ms-transform: skewX(20deg);transform: skewX(20deg);opacity: 1;}
80% {-webkit-transform: skewX(-5deg);-ms-transform: skewX(-5deg);transform: skewX(-5deg);opacity: 1;}
100% {-webkit-transform: none;-ms-transform: none;transform: none;opacity: 1;}}
.lightSpeedIn {-webkit-animation-name: lightSpeedIn;animation-name: lightSpeedIn;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}

.button{text-shadow:0 3px 3px rgba(0,0,0, 0.4);cursor:pointer;;color:#fff;font-weight:bold;font-size:larger;margin: 0 auto 20px;;max-width:320px;border:3px solid #fff;box-shadow:0 5px 5px rgba(0,0,0, 0.3);background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FF0033),color-stop(1, #990000));background-image: -o-linear-gradient(bottom, #FF0033 0%, #990000 100%);background-image: -moz-linear-gradient(bottom, #FF0033 0%, #990000 100%);background-image: -webkit-linear-gradient(bottom, #FF0033 0%, #990000 100%);background-image: -ms-linear-gradient(bottom, #FF0033 0%, #990000 100%);background-image: linear-gradient(to bottom, #FF0033 0%, #990000 100%);font-size:100%;}
.button a{display:block;color:#fff;padding: 10px;}
.button a:hover{background-image: -webkit-gradient(linear,	left top,left bottom,color-stop(0, #FF0033),color-stop(1, #CC0000));background-image: -o-linear-gradient(bottom, # 0%, #CC0000 100%);background-image: -moz-linear-gradient(bottom, #FF0033 0%, #CC0000 100%);background-image: -webkit-linear-gradient(bottom, #FF0033 0%, #CC0000 100%);background-image: -ms-linear-gradient(bottom, #FF0033 0%, #CC0000 100%);background-image: linear-gradient(to bottom, #FF0033 0%, #CC0000 100%);}

/* back-top */
#back-top {position: fixed;right: 15px;bottom:15px}
#back-top span {width: 56px;height: 59px;display: block;background: url(http://xxiz.com/images/up-arrow.png) no-repeat;}
#back-top a:hover span {background: url(http://xxiz.com/images/up-arrow2.png) no-repeat;}
#back-top a{text-decoration: none;}