/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #313131;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   追加
   ========================================================================== */
   

html{
    overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: scroll;
}

body {
	width: 100%;
	margin:0px;
	padding:0px;
	color:#565656;
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック";
	font-size: 14px;
	line-height:140%;
	text-align:center;
	background:#d6e985;
}

/*==リンク==*/
a{ text-decoration:underline; color: #666666;}

a:hover {text-decoration:underline; color:  #cccccc;}	


/*==フォント==*/
.font10{font-size:10px;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font24{font-size:24px;}

.font_bold{font-weight:bold !important;}
.font_normal1{font-weight:normal!important;}

.font_color1{color:#663300;}
.font_color2{color:#161682;}
.font_color3{color:#CC0000;}

.font_red{color:#D31127;}



/*==テキスト==*/
.text_c{text-align:center !important;}
.text_l{text-align:left !important;}
.text_r{text-align:right !important;}

.float_l{float:left;}
.float_r{float:right;}
.clearBoth{clear:both}


/*==margin==*/
.margin_top02 {margin-top:2px !important; margin-bottom:0px !important;}
.margin_top05 {margin-top:5px !important; margin-bottom:0px !important;}
.margin_top10 {margin-top:10px !important; margin-bottom:0px !important;}
.margin_top15 {margin-top:15px !important; margin-bottom:0px !important;}
.margin_top20 {margin-top:20px !important; margin-bottom:0px !important;}
.margin_top25 {margin-top:25px !important; margin-bottom:0px !important;}
.margin_top30 {margin-top:30px !important; margin-bottom:0px !important;}
.margin_top35 {margin-top:35px !important; margin-bottom:0px !important;}
.margin_top40 {margin-top:40px !important; margin-bottom:0px !important;}
.margin_top45 {margin-top:45px !important; margin-bottom:0px !important;}
.margin_top50 {margin-top:50px !important; margin-bottom:0px !important;}
.margin_top55 {margin-top:55px !important; margin-bottom:0px !important;}
.margin_top60 {margin-top:60px !important; margin-bottom:0px !important;}
.margin_top65 {margin-top:65px !important; margin-bottom:0px !important;}

.margin_left02 {margin-left:2px !important;}
.margin_left03 {margin-left:3px !important;}
.margin_left05 {margin-left:5px !important;}
.margin_left10 {margin-left:10px !important;}
.margin_left15 {margin-left:15px !important;}
.margin_left17 {margin-left:17px !important;}
.margin_left20 {margin-left:20px !important;}
.margin_left25 {margin-left:25px !important;}
.margin_left30 {margin-left:30px !important;}
.margin_left40 {margin-left:40px !important;}
.margin_left45 {margin-left:45px !important;}
.margin_left50 {margin-left:50px !important;}
.margin_left100 {margin-left:100px !important;}

.margin_right05 {margin-right:5px !important;}
.margin_right10 {margin-right:10px !important;}
.margin_right15 {margin-right:15px !important;}
.margin_right20 {margin-right:20px !important;}
.margin_right30 {margin-right:30px !important;}
.margin_right40 {margin-right:40px !important;}
.margin_right50 {margin-right:50px !important;}

.margin_bottom10 {margin-bottom:10px !important;}
.margin_bottom20 {margin-bottom:20px !important;}
.margin_bottom30 {margin-bottom:30px !important;}
.margin_bottom40 {margin-bottom:40px !important;}
.margin_bottom50 {margin-bottom:50px !important;}


/*==padding==*/

.padding_top05 {padding-top:5px !important;}
.padding_top10 {padding-top:10px !important;}
.padding_top15 {padding-top:15px !important;}
.padding_top20 {padding-top:20px !important;}
.padding_top25 {padding-top:25px !important;}
.padding_top30 {padding-top:30px !important;}
.padding_top35 {padding-top:35px !important;}
.padding_top40 {padding-top:40px !important;}
.padding_top45 {padding-top:45px !important;}
.padding_top50 {padding-top:50px !important;}


/*====*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*==透明==*/ 
.contents_wrap a:hover img {
 opacity: 0.7;
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
}


#sp_wrap{
	width:100%
	background:#FFFFFF;
	margin:0 auto;
	padding:0 0 0 0;
}

@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
#sp_wrap{
	width:100%;
}


}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}