@charset "UTF-8";



/* CSS Document */



/*　Google 早期アクセス　*/



@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);

/*******************************************************/

/* Reset  */

/*******************************************************/



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {

    padding: 0;

    margin: 0;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

}

fieldset, img {

    border: 0;

}

address, caption, cite, code, dfn, em, th, var, i {

    font-style: normal;

    font-weight: normal;

}

ol, ul {

    list-style: none;

}

caption, th {

    text-align: left;

}

h1, h2, h3, h4, h5, h6, em {

    font-size: 100%;

    font-weight: normal;

}

q:before, q:after {

    content: '';

}

abbr, acronym {

    border: 0;

}

/*firefoxでクリック時の選択範囲を調整*/

a:focus {

    -moz-outline-style: none;

    outline-style: none;

}

div img {

    vertical-align: bottom;

}

.js-image-switch {

}

/*******************************************************/

/* float  */

/*******************************************************/



.left {

    float: left;

}

.right {

    float: right;

}

.alignCenter {

    text-align: center;

}

.floatClear {

    clear: both;

    background-color: #E3E3E3;

}

.floatClearTransparent {

    clear: both;

    height: 1px;

}

.floatClearC3C3C3 {

    clear: both;

    height: 1px;

    background-color: #C3C3C3;

}

.floatClearF3F3F3 {

    clear: both;

    height: 1px;

    background-color: #F3F3F3;

}

.floatClearDot {

    clear: both;

    background-image: url(/common/imgs/spacer/dot.gif);

    background-repeat: repeat-x;

}

/* clearfix */



.clearfix:after {

    content: ".";  /* 新しい要素を作る */

    display: block;  /* ブロックレベル要素に */

    clear: both;

    height: 0;

    visibility: hidden;

}

.clearfix {

    min-height: 1px;

}

* html .clearfix {

    height: 1px;/*¥*//*/

  height: auto;

  overflow: hidden;

  /**/

}

.clearfix li {

    float: left;

}

/*******************************************************/

/* href */

/*******************************************************/



.inprogress {

    opacity: 0.3;

    filter: alpha(opacity=70);

}

a {

    text-decoration: none;

    color: #069;

}

a:hover {

    color: #C33;

    text-decoration: underline;

}

a:visited {

    text-decoration: none;

}

a.btn {

    background-position: left bottom;

    background-repeat: no-repeat;

    display: block;

    text-indent: -9999px;

}

a.btn:hover {

    background-position: left top;

}

a.btn:hover {

    background-position: left top;

}

/*******************************************************/

/* #wrapper */

/*******************************************************/



#wrapper {

    margin-left: auto;

    margin-right: auto;

    padding-bottom: 1rem;

}

/*******************************************************/

/* header */

/*******************************************************/



header {

}

header h1, header h2 {

    font-family: "Sawarabi Mincho";

    transform: rotate(0.001deg);

    /*color: #595757;*/

    font-feature-settings : "palt";

    color: #3A3939;

}

/*******************************************************/

/* main */

/*******************************************************/



main {

    display: block;

}

main section p, main section h1, main section h2, main section h3, main article p, main article h1, main article h2, main article h3 {

    font-family: "Sawarabi Mincho";

    transform: rotate(0.001deg);

    font-feature-settings : "palt";

    color: #3A3939;

}

main section p, main article p {

    text-align: justify;

	text-justify: inter-ideograph;

}

/*******************************************************/

/* anchorTop*/

/*******************************************************/



.wrapper_anchorTop {

}

.anchorTop {

    float: right;

    text-align: left;

    height: 1.4rem;

    font-size: 1.1rem;

    line-height: 1.4rem;

    margin-top: 0.5rem;

    margin-bottom: 0.5rem;

    width: 9rem;

    padding-left: 2rem;

    background-image: url(../../imgs/arrow/bg-allow-pageTop.png);

    background-repeat: no-repeat;

    background-position: left center;

}

.anchorTop span {

    color: #993300;

}