@charset "utf-8";
/* CSS Document */

.lanking_txt{
font-size: 1.2em;
vertical-align: bottom;
position: relative;
top: -0.05em;
line-height: 1em;
}

.tabs_title{
margin: 0 auto;
width: 1400px;
background-color: #09357f;
color: white;
text-align: center;
font-weight: bold;
font-size: 2em;
line-height: 1.5em;
height: 100px;
}

/*タブ切り替え全体のスタイル*/
.tabs {
margin-top: 50px;
padding: 0 5 40px 0;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
width: 1400px;
margin: 0 auto;
border: solid 1px #5ab4bd;
}
/*タブのスタイル*/
.tab_item {
display: inline-block;
height: 250px;
border-bottom: 3px solid #5ab4bd;
background-color: #efefef;
font-size: 18px;
text-align: center;
color: #565656;
font-weight: bold;
transition: all 0.2s ease;
box-sizing: border-box;
width: 24.65%;
vertical-align: top;
}

.tab_item:hover {
opacity: 0.75;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
display: none;
padding: 40px 40px 0;
overflow: hidden;
}
/*選択されているタブのコンテンツのみを表示*/
#print:checked ~ #print_content,
#kechigai:checked ~ #kechigai_content,
#ageochi:checked ~ #ageochi_content,
#ink:checked ~ #ink_content {
display: block;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
background-color: #5ab4bd;
color: #fff;
}