@charset "utf-8";
@import url('//fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 200;
  src: url('./font/NotoSerifJP-ExtraLight.woff') format('woff');
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: bold;
  font-weight: 700;
  src: url('./font/NotoSerifJP-Bold.woff') format('woff');
}

html {
	font-family:"Noto Sans Japanese",'Noto Sans JP', Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	color:#282828;
	}

/*---追加ページベース---*/
.fcolbox,
.fcolbox .subtxt1{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap; 
	justify-content: space-between;
}
.fcolbox .col1,
.fcolbox .col2{
	width:100%;
}
.fcolbox .col2:nth-child(-n+2){
	margin: 0;
	}
.fcolbox .col1,
.fcolbox .col2:nth-child(n+3){
	margin: 1em 0 0;
	}
.fcolbox span{
	display: inline-block;
}
@media only screen and (min-width: 768px) {
.fcolbox .col2{
	width:48%;
	}
.fcolbox .col2:nth-child(-n+2){
	margin: 0;
	}
.fcolbox .col1,
.fcolbox .col2:nth-child(n+3){
	margin: 60px 0 0;
	}
}


.fcolbox.shopinfo{/*店舗紹介*/
	margin:0;
	}
.fcolbox.shopinfo h4{
	font-size:large;
	line-height: 1.5;
	border-bottom: 1px solid #333E58;
	padding: 0 0 1em 0;
	margin: 0 0 1em;
}
.fcolbox.shopinfo h5{
	font-size:large;
	color:#fff;
	background-color: #9AA0AC;
	padding: 0.5em 5px;
	margin:0;
}
.fcolbox.shopinfo p{
	font-size: small;
	line-height: 1.7;
}
.fcolbox.shopinfo .col2.shopphoto{
	height:240px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.fcolbox .subtxt1{
	margin:15px 0 0;
}
.fcolbox .subtxt1 p{
	margin:0;
	padding: 0;
	font-size: small;
	line-height: 1.7;
}
.fcolbox .subtxt1 p:nth-child(odd){/*店舗紹介_見出しと内容*/
	position: relative;
	width:80%;
	max-width:6em;
	margin: 0;
	text-align: center;
	flex-grow: 0;
	flex-shrink: 0; 
}
.fcolbox .subtxt1 p:nth-child(odd)::before,
.fcolbox .subtxt1 p:nth-child(odd)::after{
	position: absolute;
	top:0;
	margin:0;
	width:1em;
	height:1em;
}
.fcolbox .subtxt1 p:nth-child(odd)::before{
	content:"［";
	left:0;
}
.fcolbox .subtxt1 p:nth-child(odd)::after{
	content:"］";
	right:0;
}
.fcolbox .subtxt1 p:nth-child(even){
	width:80%;
	flex-grow:10;
	flex-shrink: 2;
	padding: 0 0 0 1em;
}
.fcolbox .subtxt1 iframe{
	border: 0; 
	width: 100%; 
	height: 30vh; 
	display: block; 
	margin:15px 0 0;
}
@media only screen and (min-width: 768px) {
.fcolbox.shopinfo h4{
	font-size: 120%;
	line-height: 2;
	}
.fcolbox.shopinfo p{
	font-size: 90%;
}
.fcolbox.shopinfo .col2.shopphoto{
	height:auto;
	}
.fcolbox .subtxt1{
	margin:30px 0 0;
	}
.fcolbox .subtxt1 p{
	font-size: 90%;
	}
.fcolbox .subtxt1 p:nth-child(even){
	width:70%;
	}
.fcolbox .col1 .subtxt1 p:nth-child(even){
	width:85%;
	}
.fcolbox .subtxt1 iframe{
	margin:30px 0 0;
	}
}
/*googlemap*/
.shopmap{
	width: 100%;
	max-width: 1020px;
	min-width: 50px;
	height: 420px;
	margin: 2em 0;
	display: inline-block;
}
@media screen and (max-width: 768px) {
.shopmap{
	margin: 1.5em 0;
	height: 300px;
	}
}

/*--取り扱い学校一覧--*/
/* ラジオボタンを全て消す */
input[name="sclist_item"] {
display: none;
}
/* 選択されているタブのコンテンツのみを表示 */
#sch01-00:checked ~ #sch01-01_content,
#sch01-00:checked ~ #sch01-02_content,
#sch01-01:checked ~ #sch01-01_content,
#sch01-02:checked ~ #sch01-02_content{
display: block;
}
div.sch_box{
	width:100%;
	max-width: 840px;
	margin:0 auto;
}
/* 選択されているタブのスタイルを変える */
div.sch_box input:checked + .sch_item {
background-color: #CF1426;
color: #fff;
}
div.sch_box input:checked + .sch_item::after{
	content:"";
	position: absolute;
	bottom:-8px;
	left:0;
	right:0;
	margin: 0 auto;
background-color: #CF1426;
	width:16px;
	height:16px;
	transform:rotate(45deg);
}
/* タブ切り替え全体のスタイル（任意） */
div.sch_box {
text-align:center;
}
/* タブのスタイル（任意） */
.sch_item {
	position: relative;
padding:0.7em 0;
	width:33.3%;
	max-width: 280px;
border:none;
background-color: #EAEEF0;
font-size:110%;
font-weight: normal;
text-align: center;
line-height:1em;
color: #4C4D55;
display:inline-block;
transition: all 0.2s ease;
margin:0;
}
.sch_item:hover {
opacity: 0.75;
}
/* タブ切り替えの中身のスタイル（任意） */
.sch_content {
display: none; /* ←のみ必ず必要 */
border:none;
margin:30px auto 0;
padding:15px 0;
	width:100%;
	text-align: left;
}
.sch_content h4{
	font-size: 120%;
	font-weight: normal;
	background-color: #9AA0AC;
	color:#fff;
	padding: 0.5em 10px;
	margin: 0;
}
.sch_content h5{
	font-size: large;
	position: relative;
	padding: 0 0 0 2em;
	margin: 15px 0 10px;
}
.sch_content h5::before{
	content:"";
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto 0;
	width:1em;
	height:2px;
	background-color: #CF1426;
}
.sch_content .shlist{
	border-top: 1px solid #DCDCDC;
}
.sch_content .shlist .listone{
	display: flex;
	flex-direction: row;
	border-bottom: 1px solid #DCDCDC;
}
.sch_content .shlist .listone div{
	font-size: small;
	box-sizing: border-box;
	padding: 0.5em 1em;
	line-height: 2em;
}
.sch_content .shlist .listone div.sccity{
	background-color: #F5F7F8;
	width:20%;
	min-width: 100px;
}
.sch_content .shlist .listone div.sclink{
	flex-grow: 2;
	flex-shrink: 2;
}
.sch_content .shlist .listone div.sclink a{
	position: relative;
	display: inline-block;
	padding: 0;
	margin: 0;
	color:#007EBE;
}
.sch_content .shlist .listone div.sclink a + span{
	display: inline-block;
	margin:0 0.5em;
	color:#282828;
}
.sch_content .shlist .listone div.sclink a + span:last-child{
	display: none;
}
@media screen and (min-width: 768px) {
.sch_content h5{
	margin: 30px 0 20px;
}
.sch_content .shlist .listone div{
	font-size: 90%;
	padding: 0.5em 1.5em;
	}
}


/*---サイズの選び方---*/
.correct_size_box1{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.correct_size_box1 .imgbox{
	width:360px;
	min-height:240px;
	flex-grow: 0; 
	flex-shrink: 0;
	background-color:#FFF6EF;
	background-image:url(../img/nikke/c_size/c_size_img01.gif);
	background-size:360px 240px;
	background-position:center bottom;
	background-repeat:no-repeat;
}
.correct_size_box1 .textbox{
	position:relative;
	display: flex;
	flex-direction: column; 
	justify-content: center; 
	align-items: center;  
	width:65%;
	margin:0 0 0 30px;
	padding:30px;
	background-image:url(../img/nikke/c_size/c_size_bg01_1.gif),
			url(../img/nikke/c_size/c_size_bg01_2.gif);
	background-size:40px 40px,
			40px 40px;
	background-position:left top,
				right top;
	background-repeat:no-repeat, no-repeat;
	flex-grow: 2; 
	flex-shrink: 2;
	text-align:center; 
}
.correct_size_box1 .textbox::before,
.correct_size_box1 .textbox::after{
	content:"";
	position:absolute;
	bottom:0;
	width:40px;
	height:40px;
	background-size:40px 40px;
	background-repeat:no-repeat;
	transform: scale(1, -1);
	}
.correct_size_box1 .textbox::before{
	left:0;
	background-image:url(../img/nikke/c_size/c_size_bg01_1.gif);
	background-position:left bottom;
	}
.correct_size_box1 .textbox::after{
	right:0;
	background-image:url(../img/nikke/c_size/c_size_bg01_2.gif);
	background-position:right bottom;
	}
.correct_size_box1 .textbox span{
	display: inline-block;
}
.correct_size_box1 .textbox .logo{
	color: #cf1426;
	font-size:x-large;
	font-weight:normal;
	margin:0 0 0.5em;
}
.correct_size_box1 .textbox .logo img{
	display: inline-block;
	width:220px;
	height:auto;
	margin:0 5px 0 0;
}
.correct_size_box1 .textbox p{
	font-size:90%;
	margin:1em 0 0;
	line-height:1.5;
}
span.c_size_midasi_id{/*飛ばしたい位置の前に置いて、fixedの影響で移動位置がずれるのを補正*/
	pointer-events: none;
	position: relative;
	top: -170px;
	display: block;
}
h4.c_size_midasi{
	background-color:#9AA0AC;
	color:#fff;
	font-size:middle;
	font-weight:normal;
	padding:10px;
	margin:30px 0 30px;
}
h4.c_size_midasi ~ h4.c_size_midasi{
	margin:60px 0 30px;
	}
h5.c_size_point{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap; 
	align-items: center; 
	font-size:large;
	margin:0 0 1em 0;
	padding:0 0 0 70px;
	background-image:url(../img/nikke/c_size/c_size_icon01.gif);
	background-position:left center;
	background-size:63px 56px;
	background-repeat:no-repeat;
	min-height:56px;
}
h5.c_size_point span{
	display: inline-block;
}
h5.c_size_mid_f,
h5.c_size_mid_m{
	font-size:large;
	font-weight:normal;
	margin:30px 0;
	padding:0 0 15px;
	text-align:center;
	line-height:1em;
	}
h5.c_size_mid_f span,
h5.c_size_mid_m span{
	padding:0 0 15px;
	}
h5.c_size_mid_f span{
	border-bottom:1px solid #FE6189;
}
h5.c_size_mid_m{
	padding:30px 0 15px;
	border-top:1px solid #DCDCDC;
	}
h5.c_size_mid_m span{
	border-bottom:1px solid #4CAFE0;
}
.c_size_linkbox{
	border-bottom:1px solid #DCDCDC;
	display: flex;
	flex-direction: row; 
	justify-content: space-between;
	margin:30px 0 50px;
}
.c_size_linkbox a{
	display: flex;
	flex-direction: row;
	justify-content: center; 
	align-items: center; 
	width:33%;
	padding:1em 0;
	color: #282828;
	background-color: #F5F7F8;
	flex-grow: 2; 
	flex-shrink: 2;
}
.c_size_linkbox a:not(:first-child){
	border-left:1px solid #DCDCDC;
	}
.c_size_linkbox a:hover,
.c_size_linkbox a:focus,
.c_size_linkbox a:active{
	background-color: #DFE5E7;
}
.c_size_linkbox a span{
	position:relative;
	display: inline-block;
	padding:0 1em 0 0;
}
.c_size_linkbox a span::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #A0A0A0;
    border-right: 2px solid #A0A0A0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
}
.c_size_linkbox a:hover span::after,
.c_size_linkbox a:focus span::after,
.c_size_linkbox a:active span::after{
    border-bottom: 2px solid #A0A0A0;
    border-right: 2px solid #A0A0A0;
}

.correct_size_box2{
	display: flex;
	flex-direction: row;
	justify-content: space-between; 
}
.correct_size_box2 h5.c_size_point{
	letter-spacing:-1px;
	}
.correct_size_box2 p.kome{
	font-size:small;
	}
.correct_size_box2 .textbox{
	display:block;
	width:55%;
	flex-grow: 2;
	flex-shrink: 2;
	}
.correct_size_box2 .textbox p{
	font-size:85%;
	line-height:1.8;
	}
.correct_size_box2 .imgbox{
	display:block;
	width:45%;
	max-width:460px;
	height:auto;
	margin:0 0 0 60px;
	flex-grow: 0;
	flex-shrink: 0;
	}
.correct_size_box2 .w40 img,
.correct_size_box2 .w60 img,
.correct_size_box2 .w30 img,
.correct_size_box2 .w70 img,
.correct_size_box2 .w50 img,
.correct_size_box2 .imgbox img{
	display:block;
	width:100%;
	max-width:460px;
	height:auto;
	}
.correct_size_box2 .imgbox p:first-child{
	margin:0 0 1em;
	font-size:middle;
	}
.correct_size_box2 .imgbox p:last-child{
	margin:1em 0 0;
	font-size:80%;
	}
.correct_size_box2 .w50{
	width:50%;
	}
.correct_size_box2 .w40{
	width:40%;
	}
.correct_size_box2 .w60{
	width:60%;
	}
.correct_size_box2 .w30{
	width:30%;
	}
.correct_size_box2 .w70{
	width:70%;
	}
.correct_size_box2 .w40:nth-child(odd),
.correct_size_box2 .w60:nth-child(odd),
.correct_size_box2 .w30:nth-child(odd),
.correct_size_box2 .w70:nth-child(odd),
.correct_size_box2 .w50:nth-child(odd){
	padding:0 20px 0 0;
	}
.correct_size_box2 .w40:nth-child(even),
.correct_size_box2 .w60:nth-child(even),
.correct_size_box2 .w30:nth-child(even),
.correct_size_box2 .w70:nth-child(even),
.correct_size_box2 .w50:nth-child(even){
	padding:0 0 0 20px;
	}
.correct_size_box2 .w40 img,
.correct_size_box2 .w30 img,
.correct_size_box2 .w50 img,
.correct_size_box2 .w60 img,
.correct_size_box2 .w70 img{
	max-width:700px;
	margin:0 auto 0 0;
	}

.correct_size_box3{
	z-index:1;
	position:relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap; 
	justify-content: space-between; 
	border:1px solid #A0A0A0;
	padding:30px;
	margin:40px 0 0 0;
}
.correct_size_box3 h5{
	z-index:2;
	position:absolute;
	top:-15px;
	left:0;
	right:0;
	font-size:large;
	font-weight:normal;
	text-align:center;
	margin: 0 auto 0;
	width:6em;
	background-color: #fff;
}
.correct_size_box3 div{
	display:block;
	width:50%;
	max-width:511px;
	height:auto;
}
.correct_size_box3 div:nth-child(2){
	padding:0 30px 0 0;
}
.correct_size_box3 div:nth-child(3){
	padding:0 0 0 30px;
}
.correct_size_box3 .div img{
	display:block;
	width:100%;
	max-width:481px;
	height:auto;
}


@media only screen and (max-width: 768px){
.correct_size_box1{
	flex-direction: column;
	align-items: center;
	}
.correct_size_box1 .imgbox{
	width:100%;
	height:240px;
	margin:0 auto;
	}
.correct_size_box1 .textbox{
	width:100%;
	margin:1em 0 0 0;
	padding:20px 15px;
	}
.correct_size_box1 .textbox p{
	font-size:small;
	}
.c_size_linkbox{
	flex-direction: column;
	margin:15px 0 25px;
	font-size:90%;
	}
.c_size_linkbox a{
	width:100%;
	}
.c_size_linkbox a:not(:first-child){
	border-left:none;
	border-top:1px solid #DCDCDC;
	}
span.c_size_midasi_id{/*飛ばしたい位置の前に置いて、fixedの影響で移動位置がずれるのを補正*/
	top: -90px;
	}
h5.c_size_point{
	font-size:middle;
	}
.correct_size_box2{
	flex-direction: column;
	}
.correct_size_box2 .textbox{
	width:100%;
	}
.correct_size_box2 .imgbox{
	width:100%;
	max-width:460px;
	margin:1em auto 0;
	}
.correct_size_box2 .w60 img,
.correct_size_box2 .w70 img{
	max-width:700px;
	margin:0 auto;
	}
.correct_size_box2 .w40,
.correct_size_box2 .w40:nth-child(odd),
.correct_size_box2 .w40:nth-child(even),
.correct_size_box2 .w60,
.correct_size_box2 .w60:nth-child(odd),
.correct_size_box2 .w60:nth-child(even),
.correct_size_box2 .w30,
.correct_size_box2 .w30:nth-child(odd),
.correct_size_box2 .w30:nth-child(even),
.correct_size_box2 .w70,
.correct_size_box2 .w70:nth-child(odd),
.correct_size_box2 .w70:nth-child(even),
.correct_size_box2 .w50,
.correct_size_box2 .w50:nth-child(odd),
.correct_size_box2 .w50:nth-child(even){
	width:100%;
	padding:0;
	}
.correct_size_box3{
	padding:15px;
	margin:30px 0 0 0;
	}
.correct_size_box3 div{
	width:100%;
	max-width:481px;
	}
.correct_size_box3 div:nth-child(2){
	padding:0;
	margin:0 auto;
	}
.correct_size_box3 div:nth-child(3){
	padding:0;
	margin:1em auto 0;
	}
}

/*タブ切り替え全体のスタイル*/
.c_size_m,
.c_size_f {
  margin-top: 30px;
  padding-bottom: 30px;
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
}
/*タブのスタイル*/
.c_size_m .tab_item,
.c_size_f .tab_item {
	position:relative;
  width: calc(100%/5);
  height: 40px;
  background-color: #F5F7F8;
	padding:10px;
  font-size: 90%;
  text-align: center;
  color: #565656;
  /*display: block;*/
	display: flex;
	flex-wrap: wrap;
	justify-content: center; 
	align-items: center; 
  float: left;
  text-align: center;
  transition: all 0.2s ease;
}
.c_size_m .tab_item:hover,
.c_size_f .tab_item:hover {
  opacity: 0.75;
}
.c_size_m .tab_item span,
.c_size_f .tab_item span{
  display: inline-block;
}
/*ラジオボタンを全て消す*/
.c_size_m input[name="tab_item_m"],
.c_size_f input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.c_size_m .c_size_m_cont,
.c_size_f .c_size_f_cont {
  display: none;
  padding: 80px 0 0;
  clear: both;
  overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#c_size_m01:checked ~ #c_size_m01_cont,
#c_size_m02:checked ~ #c_size_m02_cont,
#c_size_m03:checked ~ #c_size_m03_cont,
#c_size_m04:checked ~ #c_size_m04_cont,
#c_size_m05:checked ~ #c_size_m05_cont,
#c_size_f01:checked ~ #c_size_f01_cont,
#c_size_f02:checked ~ #c_size_f02_cont,
#c_size_f03:checked ~ #c_size_f03_cont,
#c_size_f04:checked ~ #c_size_f04_cont,
#c_size_f05:checked ~ #c_size_f05_cont {
  display: block;
}
/*選択されているタブのスタイルを変える*/
.c_size_m input:checked + .tab_item,
.c_size_f input:checked + .tab_item {
  background-color: #CF1426;
  color: #fff;
}
.c_size_m input:checked + .tab_item::after,
.c_size_f input:checked + .tab_item::after{
	position:absolute;
	content:"";
	left:0;
	right:0;
	bottom:-6px;
	margin:0 auto;
	width:12px;
	height:12px;
	background-color: #CF1426;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  transition: all 0.2s ease;
}

.c_size_m_cont .c_m_photo,
.c_size_f_cont .c_f_photo{/*--写真タブ全体--*/
	position:relative;
	display: flex;
	flex-direction: row; 
	justify-content: space-between;
}
.c_size_m_cont .c_m_photo .space,
.c_size_f_cont .c_f_photo .space{
	pointer-events: none;
	width:140px;
	flex-grow: 0;
	flex-shrink: 0; 
	}
.c_size_m_cont .c_m_photo input[type=radio],
.c_size_f_cont .c_f_photo input[type=radio]{
	display: none;
}
.c_size_m_cont .c_m_photo label.btn_item,
.c_size_f_cont .c_f_photo label.btn_item{/*サイズ切り替えボタン*/
	position:absolute;
	content:"";
	left:0;
	right:0;
	margin:0 auto;
	padding:10px 5px;
	width:72px;
	height:85px;
	/*box-shadow: 0 0 10px 2px rgba(0,0,0,0.2);*/
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	background-color: #fff;
	color:#A0A0A0;
	text-align:center;
	line-height:1em;
	}
.c_size_m_cont .c_m_photo label.btn_item:hover,
.c_size_f_cont .c_f_photo label.btn_item:hover{
	color:#282828;
	}
.c_size_m_cont .c_m_photo input:checked + label.btn_item,
.c_size_f_cont .c_f_photo input:checked + label.btn_item {
	color:#CF1426;
}
.c_size_m_cont .c_m_photo label.btn_item span:nth-child(1),
.c_size_f_cont .c_f_photo label.btn_item span:nth-child(1){
	font-size:x-large;
	font-weight:bold;
	}
.c_size_m_cont .c_m_photo label.btn_item span:nth-child(2),
.c_size_f_cont .c_f_photo label.btn_item span:nth-child(2){
	letter-spacing:-1px;
	}
.c_size_m_cont .c_m_photo label.btn_item span:nth-child(3),
.c_size_f_cont .c_f_photo label.btn_item span:nth-child(3){
	font-size:70%;
	}
.c_size_m_cont .c_m_photo label.btn_item span:nth-child(4),
.c_size_f_cont .c_f_photo label.btn_item span:nth-child(4){
	display:block;
	margin:5px auto 0;
width: 0;
height: 0;
border-style: solid;
border-width: 11px 0 11px 16px;
border-color: transparent transparent transparent #A0A0A0;
	}
.c_size_m_cont .c_m_photo label.btn_item:hover span:nth-child(4),
.c_size_f_cont .c_f_photo label.btn_item:hover span:nth-child(4){
border-color: transparent transparent transparent #282828;
	}
.c_size_m_cont .c_m_photo input:checked + label.btn_item span:nth-child(4),
.c_size_f_cont .c_f_photo input:checked + label.btn_item span:nth-child(4){
border-color: transparent transparent transparent #CF1426;
}
.c_size_m_cont#c_size_m03_cont .c_m_photo label.btn_item:nth-child(2),
.c_size_m_cont#c_size_m03_cont .c_m_photo label.btn_item:nth-child(4),
.c_size_m_cont#c_size_m04_cont .c_m_photo label.btn_item:nth-child(2),
.c_size_m_cont#c_size_m04_cont .c_m_photo label.btn_item:nth-child(4),
.c_size_m_cont#c_size_m05_cont .c_m_photo label.btn_item:nth-child(2),
.c_size_m_cont#c_size_m05_cont .c_m_photo label.btn_item:nth-child(4),
.c_size_f_cont:not(#c_size_f01_cont) .c_f_photo label.btn_item:nth-child(2),
.c_size_f_cont:not(#c_size_f01_cont) .c_f_photo label.btn_item:nth-child(4){
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	}
.c_size_m_cont#c_size_m01_cont .c_m_photo label.btn_item:nth-child(2),
.c_size_m_cont#c_size_m02_cont .c_m_photo label.btn_item:nth-child(2),
.c_size_f_cont#c_size_f01_cont .c_f_photo label.btn_item:nth-child(2){
	top:25%;
	bottom:auto;
	}
.c_size_m_cont#c_size_m01_cont .c_m_photo label.btn_item:nth-child(4),
.c_size_m_cont#c_size_m02_cont .c_m_photo label.btn_item:nth-child(4),
.c_size_f_cont#c_size_f01_cont .c_f_photo label.btn_item:nth-child(4){
	top:auto;
	bottom:25%;
	}
.c_size_m_cont .c_m_photo .photbox,
.c_size_f_cont .c_f_photo .photbox{/*写真タブひとまとめ*/
	position:relative;
	display: block;
	width:43%;
	flex-grow: 2;
	flex-shrink: 2;
	text-align:right; 
}
.c_size_m_cont .c_m_photo .photbox p,
.c_size_f_cont .c_f_photo .photbox p{
	position:absolute;
	top:-50px;
	left:0;
	right:0;
	margin:0 auto;
	text-align:left;
	}
.c_size_m_cont .c_m_photo .photbox p span,
.c_size_f_cont .c_f_photo .photbox p span{
	display: inline-block;
	}
.c_size_m_cont .c_m_photo .photbox p span:nth-child(1),
.c_size_m_cont .c_m_photo .photbox p span:nth-child(3),
.c_size_f_cont .c_f_photo .photbox p span:nth-child(1),
.c_size_f_cont .c_f_photo .photbox p span:nth-child(3){
	font-size:small;
	}
.c_size_m_cont .c_m_photo .photbox p span:nth-child(2),
.c_size_m_cont .c_m_photo .photbox p span:nth-child(4),
.c_size_f_cont .c_f_photo .photbox p span:nth-child(2),
.c_size_f_cont .c_f_photo .photbox p span:nth-child(4){
	font-size:x-large;
	}
.c_size_m_cont .c_m_photo .photbox p span:nth-child(2),
.c_size_f_cont .c_f_photo .photbox p span:nth-child(2){
	border-right:1px solid #DCDCDC;
	padding:0 1em 0 0;
	margin:0 1em 0 0;
	}
.c_size_m_cont .c_m_photo .photbox#photmp02,
.c_size_m_cont .c_m_photo .photbox#photmp03,
.c_size_m_cont .c_m_photo .photbox#photmp05,
.c_size_m_cont .c_m_photo .photbox#photmp06,
.c_size_m_cont .c_m_photo .photbox input[type=radio],
.c_size_f_cont .c_f_photo .photbox#photfp02,
.c_size_f_cont .c_f_photo .photbox#photfp03,
.c_size_f_cont .c_f_photo .photbox input[type=radio] {
	display: none;
}
.c_size_m_cont .c_m_photo .photbox label.phot_item,
.c_size_f_cont .c_f_photo .photbox label.phot_item {
	display: block;
	width:23.8%;
	max-width:110px;
	margin:0 0 10px auto;
}
.c_size_m_cont .c_m_photo .photbox label.phot_item img,
.c_size_f_cont .c_f_photo .photbox label.phot_item img{
	display: block;
	width:100%;
	max-width:110px;
	height:auto;
	border:1px solid #fff;
}
.c_size_m_cont .c_m_photo .photbox input:checked + label.phot_item img,
.c_size_f_cont .c_f_photo .photbox input:checked + label.phot_item img {
	border:1px solid #CF1426;
}
.c_size_m_cont .c_m_photo .photbox img.phot,
.c_size_f_cont .c_f_photo .photbox img.phot{
	display: none;
	position:absolute;
	top:0;
	left:0;
	width:74.5%;
	max-width:360px;
	height:auto;
}
#btn_mp02:checked ~ #photmp02,
#btn_mp03:checked ~ #photmp03,
#btn_mp05:checked ~ #photmp05,
#btn_mp06:checked ~ #photmp06,
#phot_m01_1:checked ~ #phot_m01_1_cont,
#phot_m01_2:checked ~ #phot_m01_2_cont,
#phot_m01_3:checked ~ #phot_m01_3_cont,
#phot_m02_1:checked ~ #phot_m02_1_cont,
#phot_m02_2:checked ~ #phot_m02_2_cont,
#phot_m02_3:checked ~ #phot_m02_3_cont,
#phot_m03_1:checked ~ #phot_m03_1_cont,
#phot_m03_2:checked ~ #phot_m03_2_cont,
#phot_m03_3:checked ~ #phot_m03_3_cont,
#phot_m04_1:checked ~ #phot_m04_1_cont,
#phot_m04_2:checked ~ #phot_m04_2_cont,
#phot_m04_3:checked ~ #phot_m04_3_cont,
#phot_m05_1:checked ~ #phot_m05_1_cont,
#phot_m05_2:checked ~ #phot_m05_2_cont,
#phot_m05_3:checked ~ #phot_m05_3_cont,
#phot_m06_1:checked ~ #phot_m06_1_cont,
#phot_m06_2:checked ~ #phot_m06_2_cont,
#phot_m06_3:checked ~ #phot_m06_3_cont,
#phot_m07_1:checked ~ #phot_m07_1_cont,
#phot_m07_2:checked ~ #phot_m07_2_cont,
#phot_m07_3:checked ~ #phot_m07_3_cont,
#phot_m08_1:checked ~ #phot_m08_1_cont,
#phot_m08_2:checked ~ #phot_m08_2_cont,
#phot_m08_3:checked ~ #phot_m08_3_cont,
#phot_m09_1:checked ~ #phot_m09_1_cont,
#phot_m09_2:checked ~ #phot_m09_2_cont,
#phot_m09_3:checked ~ #phot_m09_3_cont,
#phot_m10_1:checked ~ #phot_m10_1_cont,
#phot_m10_2:checked ~ #phot_m10_2_cont,
#phot_m10_3:checked ~ #phot_m10_3_cont,
#phot_m11_1:checked ~ #phot_m11_1_cont,
#phot_m11_2:checked ~ #phot_m11_2_cont,
#phot_m11_3:checked ~ #phot_m11_3_cont,
#phot_m12_1:checked ~ #phot_m12_1_cont,
#phot_m12_2:checked ~ #phot_m12_2_cont,
#phot_m12_3:checked ~ #phot_m12_3_cont,
#btn_fp02:checked ~ #photfp02,
#btn_fp03:checked ~ #photfp03,
#phot_f01_1:checked ~ #phot_f01_1_cont,
#phot_f01_2:checked ~ #phot_f01_2_cont,
#phot_f01_3:checked ~ #phot_f01_3_cont,
#phot_f02_1:checked ~ #phot_f02_1_cont,
#phot_f02_2:checked ~ #phot_f02_2_cont,
#phot_f02_3:checked ~ #phot_f02_3_cont,
#phot_f03_1:checked ~ #phot_f03_1_cont,
#phot_f03_2:checked ~ #phot_f03_2_cont,
#phot_f03_3:checked ~ #phot_f03_3_cont,
#phot_f04_1:checked ~ #phot_f04_1_cont,
#phot_f04_2:checked ~ #phot_f04_2_cont,
#phot_f04_3:checked ~ #phot_f04_3_cont,
#phot_f05_1:checked ~ #phot_f05_1_cont,
#phot_f05_2:checked ~ #phot_f05_2_cont,
#phot_f05_3:checked ~ #phot_f05_3_cont,
#phot_f06_1:checked ~ #phot_f06_1_cont,
#phot_f06_2:checked ~ #phot_f06_2_cont,
#phot_f06_3:checked ~ #phot_f06_3_cont,
#phot_f07_1:checked ~ #phot_f07_1_cont,
#phot_f07_2:checked ~ #phot_f07_2_cont,
#phot_f07_3:checked ~ #phot_f07_3_cont,
#phot_f08_1:checked ~ #phot_f08_1_cont,
#phot_f08_2:checked ~ #phot_f08_2_cont,
#phot_f08_3:checked ~ #phot_f08_3_cont,
#phot_f09_1:checked ~ #phot_f09_1_cont,
#phot_f09_2:checked ~ #phot_f09_2_cont,
#phot_f09_3:checked ~ #phot_f09_3_cont,
#phot_f10_1:checked ~ #phot_f10_1_cont,
#phot_f10_2:checked ~ #phot_f10_2_cont,
#phot_f10_3:checked ~ #phot_f10_3_cont,
#phot_f11_1:checked ~ #phot_f11_1_cont,
#phot_f11_2:checked ~ #phot_f11_2_cont,
#phot_f11_3:checked ~ #phot_f11_3_cont {
	display: block;
}

@media only screen and (max-width: 880px){
.c_size_m .tab_item,
.c_size_f .tab_item {
  width: calc(100%/5);
  height: 60px;
}
.c_size_m_cont .c_m_photo .photbox p span:nth-child(2),
.c_size_m_cont .c_m_photo .photbox p span:nth-child(4),
.c_size_f_cont .c_f_photo .photbox p span:nth-child(2),
.c_size_f_cont .c_f_photo .photbox p span:nth-child(4){
	font-size:large;
	}
.c_size_m_cont .c_m_photo .photbox p span:nth-child(2),
.c_size_f_cont .c_f_photo .photbox p span:nth-child(2){
	padding:0 0.5em 0 0;
	margin:0 0.5em 0 0;
	}
}
@media only screen and (max-width: 768px){
/*タブ切り替えの中身のスタイル*/
.c_size_m .c_size_m_cont,
.c_size_f .c_size_f_cont {
  padding: 50px 0 0;
	}
.c_size_m_cont .c_m_photo .photbox p,
.c_size_f_cont .c_f_photo .photbox p {
    top: -30px;
	}
.c_size_m_cont .c_m_photo,
.c_size_f_cont .c_f_photo{/*--写真タブ全体--*/
	flex-direction: column; 
	}
.c_size_m_cont .c_m_photo label.btn_item span:nth-child(4),
.c_size_f_cont .c_f_photo label.btn_item span:nth-child(4){
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	}
.c_size_m_cont#c_size_m02_cont .c_m_photo label.btn_item:nth-child(2),
.c_size_m_cont#c_size_m02_cont .c_m_photo label.btn_item:nth-child(4),
.c_size_m_cont#c_size_m01_cont .c_m_photo label.btn_item:nth-child(2),
.c_size_m_cont#c_size_m01_cont .c_m_photo label.btn_item:nth-child(4),
.c_size_f_cont#c_size_f01_cont .c_f_photo label.btn_item:nth-child(2),
.c_size_f_cont#c_size_f01_cont .c_f_photo label.btn_item:nth-child(4){
	top:46%;
	bottom:auto;
	margin:0;
	}
.c_size_m_cont#c_size_m01_cont .c_m_photo label.btn_item:nth-child(2),
.c_size_m_cont#c_size_m02_cont .c_m_photo label.btn_item:nth-child(2),
.c_size_f_cont#c_size_f01_cont .c_f_photo label.btn_item:nth-child(2){
	left:25%;
	right:auto;
	}
.c_size_m_cont#c_size_m01_cont .c_m_photo label.btn_item:nth-child(4),
.c_size_m_cont#c_size_m02_cont .c_m_photo label.btn_item:nth-child(4),
.c_size_f_cont#c_size_f01_cont .c_f_photo label.btn_item:nth-child(4){
	left:auto;
	right:25%;
	}
.c_size_m_cont .c_m_photo .photbox,
.c_size_m_cont .c_m_photo .space,
.c_size_f_cont .c_f_photo .photbox,
.c_size_f_cont .c_f_photo .space{
	width:100%;
	max-width:500px;
	margin:0 auto;
	}
.c_size_m_cont .c_m_photo .space,
.c_size_f_cont .c_f_photo .space{
	height:160px;
	}
}
@media only screen and (max-width: 500px){
/*選択されているタブのスタイルを変える*/
.c_size_m .tab_item,
.c_size_f .tab_item{
	background-size:30px 30px;
	background-position:center;
	background-repeat:no-repeat;
	}
.c_size_m .tab_item:nth-child(2),
.c_size_f .tab_item:nth-child(2){/*ブレザー*/
	background-image:url(../img/unishop/icon_category01.png);
}
.c_size_m input:checked + .tab_item:nth-child(2),
.c_size_f input:checked + .tab_item:nth-child(2) {
	background-image:url(../img/unishop/icon_category01w.png);
}
.c_size_m .tab_item:nth-child(4){/*スラックス*/
	background-image:url(../img/unishop/icon_category04.png);
}
.c_size_m input:checked + .tab_item:nth-child(4) {
	background-image:url(../img/unishop/icon_category04w.png);
}
.c_size_f .tab_item:nth-child(4){/*スカート*/
	background-image:url(../img/unishop/icon_category03.png);
}
.c_size_f input:checked + .tab_item:nth-child(4) {
	background-image:url(../img/unishop/icon_category03w.png);
}
.c_size_m .tab_item:nth-child(6),
.c_size_f .tab_item:nth-child(6){/*シャツ*/
	background-image:url(../img/unishop/icon_category02.png);
}
.c_size_m input:checked + .tab_item:nth-child(6),
.c_size_f input:checked + .tab_item:nth-child(6) {
	background-image:url(../img/unishop/icon_category02w.png);
}
.c_size_m .tab_item:nth-child(8),
.c_size_f .tab_item:nth-child(8){/*ニット*/
	background-image:url(../img/unishop/icon_category05.png);
}
.c_size_m input:checked + .tab_item:nth-child(8),
.c_size_f input:checked + .tab_item:nth-child(8) {
	background-image:url(../img/unishop/icon_category05w.png);
}
.c_size_m .tab_item:nth-child(10),
.c_size_f .tab_item:nth-child(10){/*パーカー・トレーナー*/
	background-image:url(../img/unishop/icon_category13.png);
}
.c_size_m input:checked + .tab_item:nth-child(10),
.c_size_f input:checked + .tab_item:nth-child(10) {
	background-image:url(../img/unishop/icon_category13w.png);
}
.c_size_m .tab_item span,
.c_size_f .tab_item span{
	display:none;
}
.c_size_m_cont#c_size_m02_cont .c_m_photo label.btn_item:nth-child(2),
.c_size_m_cont#c_size_m02_cont .c_m_photo label.btn_item:nth-child(4),
.c_size_m_cont#c_size_m01_cont .c_m_photo label.btn_item:nth-child(2),
.c_size_m_cont#c_size_m01_cont .c_m_photo label.btn_item:nth-child(4),
.c_size_f_cont#c_size_f01_cont .c_f_photo label.btn_item:nth-child(2),
.c_size_f_cont#c_size_f01_cont .c_f_photo label.btn_item:nth-child(4){
	top:45%;
	}
}