@charset "utf-8";
/* reset
============================================================*/
body {
	line-height: 1.5;
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 640px) {
	body {
		font-size: 13px;
	}
}

h1, h2, h3, h4, h5, h6, p, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}

ol, ul, dl, dt, dd {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

img, object, embed {
	border: 0;
	vertical-align: bottom;
}

img {
	max-width: 100%;
	height: auto;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

th, td {
	text-align: left;
}

i, address {
	font-style: normal;
}

a {
	color: #008ed2;
	text-decoration: none;
}

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

/* --- お知らせ＆トピックスのリンクテキスト --- */
a.green {
                                 color: #1F9243; 
                                text-decoration: none;
 }
a.green:hover {
                                 color: #1F9243; 
                                text-decoration: underline;
 }

.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}


article, aside, figure, footer, header, hgroup, nav, section {
	display: block;
}

/* 余白
================================*/
.mar_l5{
	margin-left:5px;
}
.mar_r5{
	margin-right:5px;
}
.mar_b10{
	margin-bottom:10px;
}
.mar_b15{
	margin-bottom:15px;
}
.mar_b25{
	margin-bottom:25px;
}

.mar_t5{
	margin-top:5px;
}
.mar_t10{
	margin-top:10px;
}
.mar_t15{
	margin-top:15px;
}

.mar_a15{
	margin:15px;
}
.mar_a10{
	margin:10px;
}

/* フォントなど
================================*/
.center{
                                text-align:center;
}

.indent {
	text-indent: 1em;
}

img{
	border:0;
}

.bold{
	font-weight:bold;
}

.middle{
	vertical-align:middle;
	margin:5px;
}

.red{
	color:#F70D00;
}
.red2{
	color:#EB563F;
}


.navyb{
	font-weight:bold;
	color:#13237B;
}
.navy{
	color:#13237B;
}
.light_blue{
                                color:#108799;
}

.right60{
	text-align:right;
	margin-right:60px;
}
.marugo{
                                font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
.font140{
                                font-size:140%;
}
.font120{
                                font-size:120%;
}

/* display
================================*/

@media screen and (min-width: 641px) {
	.display_sp { display: none; height:0; }
}

@media screen and (max-width: 640px) {
	.display_pc { display: none; height:0; }
}


/* br
================================*/
/*@media screen and (min-width: 897px) */
@media screen and (min-width: 641px) {
.br-pc{
                                display: block;
}
.br-sp{
                                display: none;
}

}
/*@media screen and (max-width: 896px)*/
@media screen and (max-width: 640px) {
.br-pc{
                                display: none;
}
.br-sp{
                                display:block;
}
}

/*spanをブロックへ*/
.span-block{
                                display:block;
}
.span-inlineb{
                                display:inline-block;
}

/*hr
================================*/
.hr-pgray{
	height: 1px;
	background-color: #DBE0D7;
	border: none;
	color: #DBE0D7;
}

/*icon
================================*/
.i_n_green{
                                display:inline-block;
                                width:5em;
	padding: 1px 5px;
	background:#2EB6AA;
	color: #fff;
	font-size:80%;
                                text-align:center;
                                vertical-align:top;
}
.i_n_green a{
	color: #fff;
}
.i_n_blue{
                                display:inline-block;
                                width:5em;
	padding: 1px 5px;
	background:#095FA0;
	color: #fff;
	font-size:80%;
                                text-align:center;
                                vertical-align:top;
}
.i_n_blue a{
	color: #fff;
}
.i_n_new{
                                display:inline-block;
                                width:3.5em;
	padding: 1px 5px;
	background:#E60039;
	color: #fff;
	font-size:60%;
                                text-align:center;
                                vertical-align:top;
                                border-radius:3px;
}
.i_n_blue a{
	color: #fff;
}



/* header
================================*/
#gnaviarea {
                                max-width:100%;
	background: #ffffff ;
}

.header {
                                width:100%;
                                max-width:1180px;
                                margin:0 auto;
                                padding:20px;
}

.header .header_inner{
                                max-width:100%;
                                text-align:left;
                                position:relative;
}
.header .header_inner .logo {
	max-width:320px;
                                height: auto;
}

/* メニューをz-index:1に表示するために背景にwrapperを設定 */
.wrapper {
                                width:100%;
                                position: relative; /* メニューの位置の基準にする */
                                overflow: hidden; /*最初は非表示*/
                                z-index:9999;
}

/* 会員ログイン */
.wrapper .login {
	max-width:60px;
                                height: auto;
                                position:absolute;
                                top: 30px; /* 基準の位置から上90px */
                                right:18%;
}
.wrapper .login a {
	max-width:60px;
                                min-height: 50px;
                                display:block;
}
.wrapper .login::after {
                                width:60px;
                                height:25px;
                                display:block;
                                position: absolute;
                                top:34px;
                                content:"会員専用";
                                color:#095FA0;
                                font-size:84%;
                                letter-spacing:0;
}

/*  検索の位置  */
.wrapper .searchArea{
                                width          : 100%;              /* BOXの幅               */
                                max-width: 320px;
                                height         : 30px;               /* BOXの高さ             */
                                position:absolute;
                                top: 26px; /* 基準の位置から上90px */
                                right:25%;
}
 

/* メニュー部分 */
.wrapper .drawer  {
                                position: absolute; /* relativeの親要素を基準に配置する */
                                top: 90px; /* 基準の位置から上90px */
                                right: 0; /* 基準の位置から右0px */
                                width: 250px; /* メニューの幅 */
                                height: 100%; /* メニューの高さ */
                                background-color: #095FA0; /* メニューの背景色 */
                                -webkit-transform: translateX(251px);
                                transform: translateX(251px); /* メニュー幅の分だけ右にずらす(画面外にいく) */
                                -webkit-transition:ease .5s;
                                transition:ease .5s; /* メニューの開閉を0.5秒かけて動かす */
                                z-index: 9901; /* デフォルトは1。2以上で他の要素も考慮して設定する。*/
}
/* ボタン部分 */
.wrapper .menu-trigger,
.wrapper .menu-trigger span {
                                display: inline-block;
                                box-sizing: border-box;
                                -webkit-transition: ease .5s;
                                transition: ease .5s; /* ボタンの動作を0.5秒かけて動かす */
}
.wrapper .menu-trigger {
                                position: absolute;
                                top: 15px;
                                right: 10%;
                                width: 50px; /* ボタンの幅 */
                                height: 50px; /* ボタンの高さ 幅とそろえたら正方形になる */
                                background-color: #fff; /* ボタンの背景色 */
                                z-index: 9911; /* .drawer に設定したよりも大きい数字 */
                                text-align: center;
}
.wrapper .menu-trigger span {
                                position: absolute;
                                -webkit-transform: translate(-50%,-50%);
                                transform: translate(-50%,-50%);
                                width: 45px; /* 線の幅 */
                                height: 4px; /* 線の太さ */
                                background-color: #095FA0; /* 線の色 */
                                border-radius: 1px; /* 線の角を少し丸める */
}
.wrapper .menu-trigger span:nth-of-type(1) {
                                top: 23%; /* 1本目の線の位置 */
}
.wrapper .menu-trigger span:nth-of-type(2) {
                                top: 55%; /* 2本目の線の位置 */
}
.wrapper .menu-trigger span:nth-of-type(3) {
                                top: 87%; /* 3本目の線の位置 */
}
/* MENU */
.wrapper .menu-trigger::after {
                                width:50px;
                                height:25px;
                                display:block;
                                position: absolute;
                                top:50px;
                                content:"MENU";
                                color:#095FA0;
                                font-size:84%;
                                letter-spacing:0.2em;
}


/* ドロワーメニューをOPENにしたとき */
/* メニュー部分 */
.wrapper .drawer.action,
.wrapper .drawer.action ul{
                                -webkit-transform: translateX(0);
                                transform: translateX(0); /* 元の位置に戻す */
                                overflow-y: auto;
                                -webkit-overflow-scrolling: touch;
}
.wrapper .drawer ul{
                                color:#fff;
}
.wrapper .drawer li{
                                padding:9px 20px;
                                border-top:solid 1px #efefef;
}
.wrapper .drawer li:last-child {
                                border-bottom:solid 1px #efefef;
}
.wrapper .drawer li a{
                                color:#fff;
}

/* ボタン部分 */
/* ハンバーガーボタンを「×」に変える */
.wrapper .menu-trigger.action span:nth-of-type(1) { /* 1本目 */
                                top: 50%;
                                -webkit-transform: translate(-50%,-50%) rotate(45deg);
                                transform: translate(-50%,-50%) rotate(45deg); /* 45度傾ける */
}
.wrapper .menu-trigger.action span:nth-of-type(2) { /* 2本目 */
                                top: 50%;
                                -webkit-transform: translate(-50%,-50%);
                                transform: translate(-50%,-50%);
                                opacity: 0; /* 透明にする */
}
.wrapper .menu-trigger.action span:nth-of-type(3) { /* 3本目 */
                                top: 50%;
                                -webkit-transform: translate(-50%,-50%) rotate(-45deg);
                                transform: translate(-50%,-50%) rotate(-45deg);
  }    


@media screen and (min-width: 641px) {
	.header {
		
	}

	.header .header_inner .logo {
		max-width:270px;
	}
}

@media screen and (max-width: 640px) {
.header {
                                padding:12px 5px;
}
.header .header_inner .logo {
		max-width:200px;
	}

.wrapper .drawer  {
                                position: absolute; /* relativeの親要素を基準に配置する */
                                top: 67px; /* 基準の位置から上67px */
}

.wrapper .login {
                                width: 30px; /* ボタンの幅 */
                                position:absolute;
                                top: 20px; /* 基準の位置から上90px */
                                right:15%;
}
.wrapper .login a {
	max-width:30px;
                                min-height: 30px;
                                display:block;
}
.wrapper .login::after {
                                width:30px;
                                height:25px;
                                display:block;
                                position: absolute;
                                top:25px;
                                content:"会員専用";
                                color:#095FA0;
                                font-size:52%;
                                letter-spacing:0.06em;
}

.wrapper .menu-trigger {
                                position: absolute;
                                top: 15px;
                                right: 3%;
                                width: 30px; /* ボタンの幅 */
                                height: 30px; /* ボタンの高さ 幅とそろえたら正方形になる */
                                background-color: #fff; /* ボタンの背景色 */
                                z-index: 9911; /* .drawer に設定したよりも大きい数字 */
                                text-align: center;
}
.wrapper .menu-trigger span {
                                position: absolute;
                                -webkit-transform: translate(-50%,-50%);
                                transform: translate(-50%,-50%);
                                width: 27px; /* 線の幅 */
                                height: 3px; /* 線の太さ */
                                background-color: #095FA0; /* 線の色 */
                                border-radius: 1px; /* 線の角を少し丸める */
}
.wrapper .menu-trigger::after {
                                width:30px;
                                height:15px;
                                display:block;
                                position: absolute;
                                top:30px;
                                content:"MENU";
                                color:#095FA0;
                                font-size:50%;
                                letter-spacing:0.2em;
}

}

/* baseナビ
================================*/
#base-nav{
                                width:100%;
                                border-top:solid 1px #B3B3B3;
                                border-bottom:solid 1px #B3B3B3;
}

.base-nav-list{
                                max-width:1180px;
                                margin:0 auto;
                                display:grid;
                                border-left:solid 1px #B3B3B3;
                                border-right:solid 1px #B3B3B3;
                                /*grid-template-columns: repeat(4, 1fr);*/
                                grid-template-columns: repeat(3, 1fr);
                                grid-row: 1;
}
.base-nav-list .cell{
                                width:100%;
                                max-height:90px;
                                padding:2%;
                                text-align: center;
                                font-size:115%;
                                color:#333;
}
.base-nav-list .cell:not(:first-of-type) {
                                border-left: solid 1px #B3B3B3;
}
.base-nav-list .cell span{
                                padding-left: 6%;
                                background:url(../img_r/background/arrow-right-blue.png)no-repeat 0 4px;
}


@media screen and (max-width: 640px) {
.base-nav-list {
                                grid-template-columns: repeat(1, 1fr);
                                grid-row: 4;
                                border-left:solid 0px #B3B3B3;
                                border-right:solid 0px #B3B3B3;
	}
.base-nav-list .cell{
                                width:calc(100% / 1);
                                padding:2%;
                                text-align: left;
                                font-size:100%;
                                border-bottom:solid 1px #B3B3B3;
}
.base-nav-list .cell:not(:first-of-type) {
                                border-left: solid 0px #B3B3B3;
}
.base-nav-list .cell:last-of-type {
                                border-bottom: solid 0px #B3B3B3;
}
.base-nav-list .cell span{
                                padding-left: 2%;
                                background:url(../img_r/background/arrow-right-blue.png)no-repeat 0 4px;
                                background-size:6px auto;
}

}


/* breadcrumb
================================*/

#breadcrumb {
                                max-width:1080px;
                                margin:0 auto;
	padding: 2px 17px;
	font-size: 12px;
}

#breadcrumb li {
	display: inline;
}

#breadcrumb a {
	color: #000;
}

#breadcrumb .sep {
	padding: 0 8px;
	font-size: 11px;
	line-height: 20px;
	vertical-align: bottom;
}

#breadcrumb .l {
	margin-left: -10px;
}

#breadcrumb .r {
	letter-spacing: -5px;
}

/* page title
================================*/

#pagetitle {
                                max-width:1080px;
	margin: 0 auto;
                                border-top: 3px solid #7ebeee;
	border-bottom: 3px solid #7ebeee;
}

#pagetitle h1 {
	font-weight: bold;
	font-size: 130%;
	line-height: 1.5;
                                padding:0.1em 0.1em 0.1em 1.5em;
                                background:url(../img_r/background/arrow-right-blue.png)no-repeat 0.6em center;
}

@media screen and (max-width: 640px) {
	#pagetitle h1 {
		font-size: 120%;
	}
}

/*main ippan
================================*/
#ippan-wrap{
                                max-width:1080px;
                                margin:0 auto;
                                padding:0.5em 0em;
}
#ippan-wrap .page-item{

                                padding:0.5em;
}


/* fnav
================================*/

#fnav {
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
	padding-top: 10px;
}

#fnav ul {
	padding: 0 5px;
}

#fnav li {
	display: inline;
}

#fnav a {
	padding: 5px 12px;
	background: url(../../img/contents/iinaiiha2015/icon/fnav_arrow.gif) no-repeat left center;
}

/* snslist
================================*/

.snslist {
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
	padding-top: 20px;
}

.snslist ul {
	padding-left: 5px;
}

.snslist li {
	float: left;
	margin-right: 10px;
}

/* gotop
================================*/

.gotop{
	border-bottom:1px solid #7fc6e8;
	padding-top: 20px;
	padding-right:15px;
	text-align:right;
}

/* footfooter
================================*/

#footer {
                                max-width:1180px;
                                margin:0 auto;
	font-size: 13px;
	text-align: left;
	padding:15px 20px 5px;
}

#footer .copyright {
	padding-top: 10px;
	font-size: 11px;
}



/*  要素のスライドイン
================================*/
/*下から*/
.slidein-bottom{
                                opacity: 0;
                                transform: translateY(20px);
                                transition: all 1.3s 0s ease-out;
}